<section section-id="5b3af27e-1bc8-403e-b47e-b4fb869d6732" class="section-carousel relative overflow-hidden" data-variant="default">

  <style>
    [section-id="5b3af27e-1bc8-403e-b47e-b4fb869d6732"] .embla__slide {
      min-height: 700px;
    }

    @media (min-width: 768px) {
      [section-id="5b3af27e-1bc8-403e-b47e-b4fb869d6732"] .embla__slide {
        min-height: 700px;
      }
    }

    [section-id="5b3af27e-1bc8-403e-b47e-b4fb869d6732"] .embla__container {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 100%;
      height: 100%;
    }

    /* تغيير لون العنوان الرئيسي والفرعي فقط */
    [section-id="5b3af27e-1bc8-403e-b47e-b4fb869d6732"] h2.text-foreground {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }

    [section-id="5b3af27e-1bc8-403e-b47e-b4fb869d6732"] p.text-foreground {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
    }
  </style>

  <div class="embla w-full overflow-hidden" data-carousel="" data-carousel-loop="true" data-carousel-autoplay="4000" data-carousel-fade="true">

    <div class="embla__container h-full">

      <div class="embla__slide relative flex items-center justify-center overflow-hidden">

        <div class="absolute inset-0 -z-10">
          <picture>
            <source media="(min-width: 768px)" srcset="https://media.zid.store/cdn-cgi/image/w=1920,q=85,f=auto/https://media.zid.store/a2e288b7-b0e8-4b64-948f-b0d8c342c222/96028aeb-2726-4c42-9019-900b056ec75a.jpg">

            <img
              src="https://media.zid.store/cdn-cgi/image/w=768,q=80,f=auto/https://media.zid.store/a2e288b7-b0e8-4b64-948f-b0d8c342c222/8a8e40aa-8e67-4d95-9de2-a543233e55c9.png"
              alt="أختيارات تُكمل أناقتك"
              width="768"
              height="700"
              class="h-full w-full object-cover"
              style="object-position: center"
              fetchpriority="high"
            >
          </picture>

          <div class="bg-primary absolute inset-0" style="opacity: 0.35"></div>
        </div>

        <div class="py-6 md:py-0 w-full px-4 md:px-16">

          <div class="theme-container items-center flex w-full max-w-[960px] flex-col gap-20">

            <div class="items-center text-center flex max-w-[768px] flex-col gap-6">

              <div class="flex flex-col gap-4">

                <h2 class="text-foreground text-2xl md:text-3xl font-semibold tracking-tight">
                  أختيارات تُكمل أناقتك
                </h2>

                <p class="text-foreground text-base">
                  اختيارات مميزة تضيف لإطلالتك بريقًا
                </p>

              </div>

              <div class="flex gap-4">
                <a href="/categories/1745153/sportst-shirts" class="btn btn-filled btn-lg">
                  تسوق الان
                </a>
              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</section>