/** Shopify CDN: Minification failed

Line 321:0 Unexpected "<"
Line 324:5 Expected identifier but found "%"
Line 325:6 Unexpected "<"
Line 326:5 Expected identifier but found "%"
Line 328:4 Unexpected "{"
Line 328:5 Expected identifier but found "%"
Line 329:4 Unexpected "{"
Line 329:5 Expected identifier but found "%"
Line 330:4 Unexpected "{"
Line 330:5 Expected identifier but found "%"
... and 54 more hidden warnings

**/
/* =========================================
   WM CART — CLEAN LAYOUT
   Left: options/cards
   Right (final slot): Total + Checkout + Shop Pay
========================================= */

.wm-cart-options{display:grid;gap:14px;margin:24px 0}
.wm-card{
  border:1px solid rgba(0,0,0,.12);
  border-radius:18px;
  padding:18px;
  background:rgba(255,255,255,.6);
  box-sizing:border-box;
}
.wm-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;opacity:.7}
.wm-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wm-radio input{display:none}
.wm-radio span{
  display:flex;align-items:center;justify-content:center;height:46px;
  border-radius:999px;border:1px solid #7c1118;color:#7c1118;font-weight:600;cursor:pointer
}
.wm-radio input:checked + span{background:#7c1118;color:#fff}
.wm-row{margin-top:14px}
.wm-label{font-size:12px;opacity:.6;margin-bottom:6px;display:block}
.wm-help{font-size:12px;opacity:.55;margin-top:6px}
.wm-textarea,.wm-row input{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.15);
  background:transparent;box-sizing:border-box
}
.wm-textarea{min-height:90px;resize:none}
.wm-details summary{margin-top:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;cursor:pointer}
.wm-details-body{padding-top:10px;font-size:13px;opacity:.85}

/* Hide original summary after move */
.wm-summary--hidden{display:none!important}

/* Final wrap */
.wm-final-wrap{
  width:100%;
  max-width:none;
  margin:28px 0 0;
  padding-top:0;
  border-top:0;
}

/* Desktop: 2 columns final (wide left, narrow right) */
@media (min-width: 990px){
  .wm-final-wrap .wm-final{
    display:grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap:44px;
    align-items:start;
  }
  .wm-final-wrap .wm-final .wm-right{min-width:0}
}

/* Mobile: stack */
@media (max-width: 989px){
  .wm-final-wrap .wm-final{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
  }
}

/* CTA zone sizing */
.wm-ctas-zone{width:100%;max-width:100%}
.wm-ctas-zone .cart__summary-item.cart__total{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  width:100%;
}
.wm-ctas-zone .cart__total-value{
  font-size:22px;font-weight:600;
  white-space:normal; /* allow wrap (no clipping) */
}
.wm-ctas-zone .tax-note{
  margin-top:8px;opacity:.75;font-size:12px;text-align:left;
}

/* Checkout button full width */
.wm-ctas-zone #checkout,
.wm-ctas-zone .cart__checkout-button{
  width:100%;
  display:block;
}

/* Accelerated buttons: full width, no clipping */
.wm-ctas-zone .additional-checkout-buttons,
.wm-ctas-zone .additional-checkout-buttons--vertical,
.wm-ctas-zone .wm-accelerated-row,
.wm-ctas-zone .shopify-cleanslate{
  width:100%;
  max-width:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:visible;
  clip-path:none;
  mask-image:none;
  -webkit-mask-image:none;
}

.wm-ctas-zone .shopify-cleanslate iframe{
  width:100%;
  display:block;
}

/* Promo row sizing (cart discount) */
.wm-cart-actions--inline .wm-discount-wrap form,
.wm-discount-wrap form{
  display:grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap:12px;
  align-items:stretch;
  width:100%;
}
.wm-discount-wrap input[type="text"],
.wm-discount-wrap input:not([type]),
.wm-discount-wrap .field__input,
.wm-discount-wrap .cart-discount__input{
  width:100%;
  height:52px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.18);
  background:transparent;
  box-shadow:none;
  font-size:16px;
  box-sizing:border-box;
}
.wm-discount-wrap button,
.wm-discount-wrap input[type="submit"],
.wm-discount-wrap .button,
.wm-discount-wrap .cart-discount__button{
  height:52px;
  min-width:120px;
  padding:0 22px;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  background:#7c1118;
  border:1px solid #7c1118;
  color:#fff;
  box-shadow:none;
  -webkit-appearance:none;
  appearance:none;
}
.wm-discount-wrap button::before,
.wm-discount-wrap button::after,
.wm-discount-wrap .button::before,
.wm-discount-wrap .button::after{content:none!important;display:none!important}

/* Notes textarea */
.wm-cart-note-textarea{
  width:100%;
  min-height:120px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.18);
  padding:14px 16px;
  font-size:15px;
  line-height:1.35;
  box-sizing:border-box;
}
.wm-cart-note-label{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.75;
}

/* Small mobile: stack promo input+button */
@media (max-width: 520px){
  .wm-discount-wrap form{grid-template-columns:1fr;gap:10px}
  .wm-discount-wrap button,
  .wm-discount-wrap input[type="submit"],
  .wm-discount-wrap .button{width:100%}
}

/* =========================================
   MOBILE: keep only Checkout + Shop Pay
   (hide PayPal/Apple/Google on cart page)
========================================= */
@media (max-width: 749px){
  .template-cart .shopify-cleanslate [data-funding-source*="paypal" i],
  .template-cart .shopify-cleanslate [data-funding-source*="apple" i],
  .template-cart .shopify-cleanslate [data-funding-source*="google" i],
  .template-cart .shopify-cleanslate iframe[title*="PayPal" i],
  .template-cart .shopify-cleanslate iframe[title*="Apple" i],
  .template-cart .shopify-cleanslate iframe[title*="Google" i],
  .template-cart .shopify-cleanslate [aria-label*="PayPal" i],
  .template-cart .shopify-cleanslate [aria-label*="Apple" i],
  .template-cart .shopify-cleanslate [aria-label*="Google" i]{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    height:0 !important;
    min-height:0 !important;
  }
}/* =========================================
   WM CART — MOBILE SAFE PADDING (no edge-clipping)
   Fix: totals + buttons not touching screen edges
========================================= */
@media (max-width: 749px){

  /* 1) Give the whole CTA area side padding */
  .template-cart .wm-final-wrap,
  .template-cart .wm-ctas-zone{
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* 2) Make CTA content compact + centered */
  .template-cart .wm-ctas-zone,
  .template-cart .wm-total-zone,
  .template-cart .wm-accelerated-row,
  .template-cart .additional-checkout-buttons,
  .template-cart .additional-checkout-buttons--vertical,
  .template-cart .shopify-cleanslate{
    width: 100% !important;
    max-width: 520px !important;   /* можно 480/560 */
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* 3) Make ALL buttons + iframe hosts full width */
  .template-cart #checkout,
  .template-cart .cart__checkout-button,
  .template-cart .shopify-payment-button,
  .template-cart .shopify-payment-button__button,
  .template-cart .shopify-cleanslate,
  .template-cart .shopify-cleanslate iframe{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  /* 4) Total row: never cut the amount */
  .template-cart .cart__summary-item.cart__total{
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .template-cart .cart__total-value{
    white-space: normal !important;
    max-width: 100% !important;
  }
}/* Hide Postal Code when Store pickup is selected (CSS-only) */
.wm-card:has(input[name="attributes[Fulfillment]"][value="Pickup"]:checked) #wm-postal-row{
  display:none !important;
}/* =========================================
   WM CART — SAME CARD COLOR DESKTOP & MOBILE
========================================= */
/* =========================================
   CART: pink only under header + header forced opaque
========================================= */

/* A) Pink background ONLY for cart content area */
body.template-cart main#MainContent{
  background: #f3e6e6 !important;
}

/* Let inner wrappers be transparent so pink shows */
body.template-cart main#MainContent .content-for-layout,
body.template-cart main#MainContent .section,
body.template-cart main#MainContent .cart-items-component,
body.template-cart main#MainContent .cart-page,
body.template-cart main#MainContent .section-background{
  background: transparent !important;
}

/* B) FORCE header + announcement to be fully opaque (no glass) */
body.template-cart #header-group,
body.template-cart #header-group .announcement-bar,
body.template-cart #header-group .header,
body.template-cart #header-group .header__inner,
body.template-cart #header-group .header-wrapper{
  background-color: #7c1118 !important;   /* <-- хедер цвет (бордо). поменяй на #fff если нужно */
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Cover common translucent overlays */
body.template-cart #header-group::before,
body.template-cart #header-group::after,
body.template-cart #header-group .announcement-bar::before,
body.template-cart #header-group .announcement-bar::after,
body.template-cart #header-group .header::before,
body.template-cart #header-group .header::after{
  content: none !important;
  background: none !important;
}

/* C) Cards readable */
body.template-cart .wm-card{
  background: rgba(255, 255, 255, 0.85) !important;
}
.wm-field-error {
  outline: 2px solid rgba(124, 17, 24, 0.65);
  outline-offset: 2px;
  border-radius: 8px;
}
<!doctype html>
<html class="no-js{% if request.design_mode %} shopify-design-mode{% endif %}" lang="{{ request.locale.iso_code }}">
  <head>
    {%- if settings.favicon != blank -%}
      <link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
    {%- endif -%}

    {%- render 'meta-tags' -%}
    {%- render 'stylesheets' -%}
    {%- render 'fonts' -%}
    {%- render 'scripts' -%}
    {%- render 'theme-styles-variables' -%}
    {%- render 'color-schemes' -%}

    {% if request.design_mode %}
      {%- render 'theme-editor' -%}
    {% endif %}

    {%- comment -%}
      IMPORTANT:
      Do NOT use stylesheet_tag here to avoid "Duplicate entries for tag: stylesheet"
    {%- endcomment -%}

    <link rel="stylesheet" href="{{ 'pl--base.css' | asset_url }}">
    <link rel="stylesheet" href="{{ 'pl--styles.css' | asset_url }}">

    <!-- ✅ WM Cart layout (clean) -->
    <link rel="stylesheet" href="{{ 'wm-cart-layout.css' | asset_url }}?v={{ 'now' | date: '%s' }}">

    <script src="{{ 'pl--base.js' | asset_url }}" defer="defer"></script>

    {{ 'pl--base.css' | asset_url | stylesheet_tag: preload: true }}
    {{ 'pl--styles.css' | asset_url | stylesheet_tag: preload: true }}
    {{ content_for_header }}
  </head>

  <body class="template-{{ template.name | handle }} page-width-{{ settings.page_width }} card-hover-effect-{{ settings.card_hover_effect }}">
    {% render 'skip-to-content-link', href: '#MainContent', text: 'accessibility.skip_to_text' %}

    <div id="header-group">
      {% sections 'header-group' %}
    </div>

    <script src="{{ 'critical.js' | asset_url }}" type="module" async></script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="{{ settings.page_transition_enabled }}"
      data-product-transition="{{ settings.transition_to_main_product }}"
      data-template="{{ template }}"
    >
      {{ content_for_layout }}
    </main>

    {% sections 'footer-group' %}
    {% render 'search-modal' %}

    {% if settings.quick_add or settings.mobile_quick_add %}
      {% render 'quick-add-modal' %}
    {% endif %}

    {%- comment -%}
      Wild Moon: adds "PROMO CODE" label above discount input in the DRAWER
      Safe: runs only when cart drawer exists.
    {%- endcomment -%}
    <style>
      .wm-promo-label{
        margin:0 0 6px;
        font-size:13px;
        letter-spacing:.06em;
        text-transform:uppercase;
        font-weight:600;
        color:#7c1118;
      }
    </style>

    <script>
      (function () {
        function addPromoLabel() {
          const drawer =
            document.querySelector('#CartDrawer') ||
            document.querySelector('.cart-drawer') ||
            document.querySelector('cart-drawer');

          if (!drawer) return;

          const input = drawer.querySelector(
            'input[name*="discount"], input[id*="discount"], input[name*="coupon"], input[id*="coupon"]'
          );
          if (!input) return;

          const host = input.closest('.field') || input.closest('form') || input.parentElement;
          if (!host || host.querySelector('.wm-promo-label')) return;

          const label = document.createElement('div');
          label.className = 'wm-promo-label';
          label.textContent = 'PROMO CODE';
          host.prepend(label);
        }

        addPromoLabel();
        new MutationObserver(addPromoLabel).observe(document.documentElement, { childList: true, subtree: true });
        document.addEventListener('click', () => setTimeout(addPromoLabel, 250), true);
      })();
    </script>

    {%- comment -%}
      WM Cart reflow (cart page only)
      IMPORTANT: file must exist in /assets as wm-cart-reflow.js
    {%- endcomment -%}
    <script src="{{ 'wm-cart-reflow' | asset_url }}" defer></script>
  </body>
</html>
.wm-field-error {
  border-color: #b10012 !important;
  box-shadow: 0 0 0 2px rgba(177,0,18,.15) !important;
}