<section data-component-type="Content" class="w-full pt-0 pb-20 px-[24px] lg:px-10 md:py-12 md:px-6 sm:px-4" data-component-slug="clothing-template-stores-showcase">
  

  <div class="max-w-[1728px] mx-auto flex flex-col gap-20">
    <!-- Store 1 -->
    <div class="w-full reveal delay-1 grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
      <div class="w-full aspect-[16/9] rounded-2xl overflow-hidden" data-node="store_1_image" data-node-type="file" data-node-label="Store Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744636/seltrix/templates/clothing-template/style.webp">
        <img src="{{store_1_image}}" alt="Store Image" class="w-full h-full object-cover block">
      </div>
      <div class="max-w-[728px] flex flex-col gap-6">
        <h3 class="title-stroke font-black text-[32px] md:text-[40px] lg:text-[32px] leading-none text-black" data-node="store_1_title" data-node-type="text" data-node-label="Store Title" data-node-default="Style Lab — New York">
          {{store_1_title}}
        </h3>
        <p class="text-sm md:text-base lg:text-base leading-[20px] md:leading-[24px] lg:leading-[24px] text-[#636363]" data-node="store_1_desc" data-node-type="text" data-node-label="Store Description" data-node-default="Where street culture meets iconic city rhythm. Fresh drops, bold silhouettes, and fits crafted for everyday swagger. Step in, elevate your drip.">
          {{store_1_desc}}
        </p>
        <a href="{{store_1_btn_link}}" class="w-full md:w-[229px] h-14 md:h-16 px-6 md:px-[46px] rounded-xl bg-[#010609] text-white text-base md:text-xl leading-none inline-flex items-center justify-center no-underline" data-node="store_1_btn_link" data-node-type="page_links" data-node-label="Store Link" data-node-default="/stores/new-york">
          <span data-node="store_1_btn_text" data-node-type="text" data-node-default="Visit Store">
            {{store_1_btn_text}}
          </span>
        </a>
      </div>
    </div>

    <!-- Store 2 -->
    <div class="w-full reveal delay-2 grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
      <div class="w-full aspect-[16/9] rounded-2xl overflow-hidden" data-node="store_2_image" data-node-type="file" data-node-label="Store Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744589/seltrix/templates/clothing-template/flex.webp">
        <img src="{{store_2_image}}" alt="Store Image" class="w-full h-full object-cover block">
      </div>
      <div class="max-w-[728px] flex flex-col gap-6">
        <h3 class="title-stroke font-black text-[32px] md:text-[40px] lg:text-[32px] leading-none text-black" data-node="store_2_title" data-node-type="text" data-node-label="Store Title" data-node-default="Flex Point — Tokyo">
          {{store_2_title}}
        </h3>
        <p class="text-sm md:text-base lg:text-base leading-[20px] md:leading-[24px] lg:leading-[24px] text-[#636363]" data-node="store_2_desc" data-node-type="text" data-node-label="Store Description" data-node-default="A hotspot for clean cuts, oversized layers, and next-gen streetwear. Perfect for night walks, neon vibes, and statement-ready outfits.">
          {{store_2_desc}}
        </p>
        <a href="{{store_2_btn_link}}" class="w-full md:w-[229px] h-14 md:h-16 px-6 md:px-[46px] rounded-xl bg-[#010609] text-white text-base md:text-xl leading-none inline-flex items-center justify-center no-underline" data-node="store_2_btn_link" data-node-type="page_links" data-node-label="Store Link" data-node-default="/stores/tokyo">
          <span data-node="store_2_btn_text" data-node-type="text" data-node-default="Visit Store">
            {{store_2_btn_text}}
          </span>
        </a>
      </div>
    </div>

    <!-- Store 3 -->
    <div class="w-full reveal delay-3 grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
      <div class="w-full aspect-[16/9] rounded-2xl overflow-hidden" data-node="store_3_image" data-node-type="file" data-node-label="Store Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744582/seltrix/templates/clothing-template/drift.webp">
        <img src="{{store_3_image}}" alt="Store Image" class="w-full h-full object-cover block">
      </div>
      <div class="max-w-[728px] flex flex-col gap-6">
        <h3 class="title-stroke font-black text-[32px] md:text-[40px] lg:text-[32px] leading-none text-black" data-node="store_3_title" data-node-type="text" data-node-label="Store Title" data-node-default="Drift Unit — Berlin">
          {{store_3_title}}
        </h3>
        <p class="text-sm md:text-base lg:text-base leading-[20px] md:leading-[24px] lg:leading-[24px] text-[#636363]" data-node="store_3_desc" data-node-type="text" data-node-label="Store Description" data-node-default="A curated zone for textures, edgy fits, and underground-inspired looks. From minimal to maximal—your full street lineup lives here.">
          {{store_3_desc}}
        </p>
        <a href="{{store_3_btn_link}}" class="w-full md:w-[229px] h-14 md:h-16 px-6 md:px-[46px] rounded-xl bg-[#010609] text-white text-base md:text-xl leading-none inline-flex items-center justify-center no-underline" data-node="store_3_btn_link" data-node-type="page_links" data-node-label="Store Link" data-node-default="/stores/berlin">
          <span data-node="store_3_btn_text" data-node-type="text" data-node-default="Visit Store">
            {{store_3_btn_text}}
          </span>
        </a>
      </div>
    </div>
  </div>
</section>