/** Shopify CDN: Minification failed

Line 17:21 Unexpected "{"
Line 17:30 Expected ":"
Line 17:36 Unexpected "{"
Line 20:18 Expected identifier but found whitespace
Line 20:20 Unexpected "{"
Line 20:29 Expected ":"
Line 20:55 Expected ":"
Line 21:21 Expected identifier but found whitespace
Line 21:23 Unexpected "{"
Line 21:32 Expected ":"
... and 24 more hidden warnings

**/

    #banner-product-{{ section.id }}{
      --radius: 0px;
      --pad-x: clamp(12px, 4vw, 24px);
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
      background: {{ section.settings.bg | default: 'transparent' }};
    }
    #banner-product-{{ section.id }} .wrap-banner{
      {% if section.settings.full_bleed %}
        max-width: none;
      {% else %}
        /* max-width: {{ section.settings.max_width }}px; */
        margin-inline: auto;
        padding-inline: var(--pad-x);
      {% endif %}
    }
    #banner-product-{{ section.id }} .banner{
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      line-height: 0;
    }
    #banner-product-{{ section.id }} .banner img{
      width: 100%;
      height: auto;
      display: block;
    }
    /* Optional shadow */
    {% if section.settings.shadow %}#banner-product-{{ section.id }} .banner{ box-shadow: 0 8px 24px rgba(0,0,0,.12) }{% endif %}

    /* Ensure mobile image takes precedence under 750px if provided */
    @media (max-width: 749px){
      #banner-product-{{ section.id }} .wrap-banner{ 
        padding-inline: var(--pad-x); 
        /* display: none; */
      }
    }