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

  <div class="max-w-[1728px] mx-auto grid grid-cols-1 md:grid-cols-2 rounded-3xl overflow-hidden">
    <!-- Left Panel -->
    <div class="relative overflow-hidden p-12 lg:p-10 md:p-8 flex flex-col justify-between min-h-[1000px] lg:min-h-[560px] bg-[#e6e8e7]">
      <div class="relative z-10 max-w-[800px]">
        <h2 class="title-stroke font-black text-[45px] lg:text-[45px] md:text-[36px] leading-none mb-4 text-black" data-node="feature_left_title" data-node-type="text" data-node-label="Left Title" data-node-default="Fresh on the block">
          {{feature_left_title}}
        </h2>

        <p class="text-[20px] md:text-base leading-none text-black max-w-[560px]" data-node="feature_left_desc" data-node-type="text" data-node-label="Left Description" data-node-default="The streets don't wait and neither should you. Slide into the newest drops made to turn every lane into your runway.">
          {{feature_left_desc}}
        </p>
      </div>

      <div class="absolute inset-0 w-full h-full" data-node="feature_left_image" data-node-type="file" data-node-label="Left Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744605/seltrix/templates/clothing-template/left%20show.webp">
        <img src="{{feature_left_image}}" alt="Fresh on the block" class="w-full h-full object-cover block">
      </div>
    </div>

    <!-- Right Panel -->
    <div class="relative overflow-hidden p-12 lg:p-10 md:p-8 flex flex-col justify-between min-h-[1000px] lg:min-h-[560px] bg-[#dfe4ea]">
      <div class="relative z-10 max-w-[800px]">
        <h2 class="title-stroke font-black text-[45px] lg:text-[45px] md:text-[36px] leading-none mb-4 text-black" data-node="feature_right_title" data-node-type="text" data-node-label="Right Title" data-node-default="Essentials that stay in play">
          {{feature_right_title}}
        </h2>

        <p class="text-[20px] md:text-base leading-none text-black max-w-[560px]" data-node="feature_right_desc" data-node-type="text" data-node-label="Right Description" data-node-default="The scroll-stopping, cart-locking favourites. If you're stuck choosing, start with these and thank us later.">
          {{feature_right_desc}}
        </p>
      </div>

      <div class="absolute inset-0 w-full h-full" data-node="feature_right_image" data-node-type="file" data-node-label="Right Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744632/seltrix/templates/clothing-template/right%20show.webp">
        <img src="{{feature_right_image}}" alt="Essentials that stay in play" class="w-full h-full object-cover block">
      </div>
    </div>
  </div>
</section>