/** Shopify CDN: Minification failed

Line 158:0 Unexpected "<"
Line 160:5 Expected identifier but found "%"
Line 161:6 Unexpected "{"
Line 161:7 Expected identifier but found "%"
Line 162:6 Unexpected "{"
Line 162:7 Expected identifier but found "%"
Line 163:4 Unexpected "{"
Line 163:5 Expected identifier but found "%"
Line 163:21 Unexpected "<"
Line 163:26 Unexpected "{"
... and 15 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:flc-hero (INDEX:96) */
.custom-split {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

/* LEFT */
.split-left {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  background: #f5efe8;
}

.split-left .content {
  max-width: 500px;
}

.split-left .tag {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.split-left h1 {
  font-size: 56px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.split-left p {
  margin-bottom: 20px;
  color: #666;
}

.split-left .btn {
  display: inline-block;
  padding: 12px 24px;
  background: #3e2c23;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

/* RIGHT */
.split-right {
  width: 50%;
  height: 100%;
}

/* GRID */
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  height: 100%;
}

/* GRID ITEM */
.grid-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.grid-item:hover img {
  transform: scale(1.05);
}

/* OVERLAY */
.grid-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
}

.overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  z-index: 2;
}

/* RESET (avoid theme conflicts) */
.custom-split,
.custom-split * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* MOBILE */
@media screen and (max-width: 768px) {
  .custom-split {
    flex-direction: column;
    height: auto;
  }

  .split-left,
  .split-right {
    width: 100%;
  }

  .grid {
    grid-template-rows: repeat(2, 200px);
  }

  .split-left h1 {
    font-size: 36px;
  }

  .split-left .content {
    max-width: 500px;
    text-align: center;
    margin: 20px 20px;
  }

  
}
/* END_SECTION:flc-hero */

/* START_SECTION:hero-dynamic-ecobasket-range6_1 (INDEX:178) */
<div class="wood-usss__vs__them">
  <div class="page-width">
    {% for block in section.blocks %}
      {% assign prod_main = all_products[block.settings.product] %}
      {% if product.handle == prod_main.handle %}
    {% comment %}    <h2>{{ block.settings.main_heading_12 }}</h2>
        <br> {% endcomment %}
          <img src="{{ block.settings.custom_image | img_url: '' | format: 'png' }}" alt="Custom Image" class="heroo_img">
      {% endif %}
    {% endfor %}
  </div>
</div>


{% schema %}
{
  "name": "hero-dynamic Ebaskt rnge6_1",
  "settings": [
    {
      "type": "text",
      "id": "main_heading",
      "label": "Main Heading"
    }
  ],
  "blocks": [
    {
      "name": "Us vs Them",
      "type": "us_vs_them",
      "settings": [
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "text",
          "id": "main_heading_12",
          "label": "Main Heading"
        },
        {
          "type": "image_picker",
          "id": "custom_image",
          "label": "Custom Image"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "hero-dynamic-ecobasket-range6_1"
    }
  ]
}
{% endschema %}

<style>
.usss__vs__them {
/* padding: 60px 0 80px; */
  width: 80%;
  margin: 0 auto;
/*  margin-top: 5%; */
  text-align: center;
}

  .heroo_img{
    width: 100%;
  }

  @media (max-width: 768px){
    .usss__vs__them {
/* padding: 60px 0 80px; */
  width: 80%;
  margin: 0 auto;
/*  margin-top: 5%; */
  text-align: center;
}
  }
</style>
/* END_SECTION:hero-dynamic-ecobasket-range6_1 */