/** Shopify CDN: Minification failed

Line 27:14 Expected identifier but found whitespace
Line 28:179 Unexpected "/"

**/
/* ===== CRC crc-cart.css  —  split from the former global CRC stylesheets (rev26). Source of truth for CRC styling. ===== */
/* Cart page checkout button — styled grey to de-emphasise
   and push customers toward preferred payment methods */
.cart__checkout-button,
button[name="checkout"] {
  background-color: #d3d3d3 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  --buttons-border-width: 0px !important;
  --buttons-border-opacity: 0 !important;
}



/* ── HIDE CART CHECKOUT BUTTON (uncomment to activate) ──
   Targets .cart__checkout-button only — the shipping protection
   app button. Leaves Dawn's native checkout button untouched.
   TO ENABLE:  remove the /* and */ surrounding the rule below
   TO DISABLE: wrap the rule back in /* and */
─────────────────────────────────────────────────────────── */
/*
.cart__checkout-button {
  display: none !important;
}

/* PASS 8b colours moved into sections/main-cart-items.liquid (now editor-driven). */
/* ============================================================
   PASS 9 — CART CHECKOUT BUTTONS (native, rounded pill)
   ============================================================ */
button[name="checkout"].button--primary,
.cart__ctas button[name="checkout"].button--primary,
button[name="checkout"].button--full-width:not(.cart__checkout-button){
  background-color:var(--crc-bronze)!important;
  color:var(--crc-ink)!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:10px!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
}
button[name="checkout"].button--primary:hover,
button[name="checkout"].button--full-width:not(.cart__checkout-button):hover{
  background-color:var(--crc-bronze-dk)!important;
  color:var(--crc-bone)!important;
}

.cart__checkout-button[name="checkout"]{
  background-color:#1c1b18!important;
  color:rgba(245,241,232,.78)!important;
  border:1px solid rgba(159,133,97,.25)!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
.cart__checkout-button[name="checkout"]:hover{
  background-color:#26241f!important;
  color:var(--crc-bone)!important;
}



/* ============================================================
   PASS 11 — MONSTERSHIP CHECKOUT BUTTON (bronze parallelogram)
   This is the real, visible checkout CTA on the cart. Solid bronze
   parallelogram via the proven SVG-fill approach (border-radius:0 +
   polygon fill) to match the other diamond buttons. The native Dawn
   #checkout pill (Pass 9, dark, rounded) stays visible below it.
   ============================================================ */
.mp-checkout-btn-mode,
.monster-protection .mp-checkout-btn-mode,
.mp-checkout-btn-mode-container .mp-checkout-btn-mode{
  -webkit-clip-path:none!important;
  clip-path:none!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='%239F8561'/%3E%3C/svg%3E")!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-shadow:none!important;
}
.mp-checkout-btn-mode:hover{
  background:transparent!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='%237E6647'/%3E%3C/svg%3E")!important;
  background-size:100% 100%!important;
}
.mp-checkout-btn-mode .mp-checkout-btn-content,
.mp-checkout-btn-mode .mp-checkout-texts,
.mp-checkout-btn-mode .mp-checkout-btn-content-text,
.mp-checkout-btn-mode .mp-checkout-btn-content-description,
.mp-checkout-btn-mode .mp-checkout-btn-content *{
  color:var(--crc-ink)!important;
  fill:var(--crc-ink)!important;
}
.mp-checkout-btn-mode .mp-checkout-btn-content-text{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
}
.mp-checkout-btn-mode .mp-checkout-btn-content-description{ opacity:.8; }
.mp-checkout-btn-mode svg,
.mp-checkout-btn-mode svg *{ color:var(--crc-ink)!important; fill:var(--crc-ink)!important; stroke:var(--crc-ink)!important; }



/* ============================================================
   PASS 18 — CART NOTIFICATION BUTTONS (item-added popup)
   View cart = ATC parallelogram OUTLINE (bone stroke, fills bronze
   on hover). Checkout = solid bronze parallelogram, ink text.
   border-radius:0 is REQUIRED — Dawn's pill radius was clipping the
   SVG corners (detached outline diagonals / rounded fill).
   Scoped to .cart-notification only. #cart-notification-button id
   beats Pass 1's .button:not(...) bronze fill on specificity.
   ============================================================ */
.cart-notification__links #cart-notification-button.button--secondary{
  -webkit-clip-path:none!important;
  clip-path:none!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='none'%20stroke='%23F5F1E8'%20stroke-width='1.5'%20vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")!important;
  background-size:calc(100% - 3px) calc(100% - 3px)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-shadow:none!important;
  color:var(--crc-bone)!important;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-family:var(--crc-display);
  font-weight:600;
}
.cart-notification__links #cart-notification-button.button--secondary:hover{
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='%239F8561'/%3E%3C/svg%3E")!important;
  background-size:100% 100%!important;
  color:var(--crc-ink)!important;
}
.cart-notification__links #cart-notification-button.button--secondary::before,
.cart-notification__links #cart-notification-button.button--secondary::after{
  content:none!important;
}

.cart-notification .cart-notification__links button[name="checkout"].button--primary{
  -webkit-clip-path:none!important;
  clip-path:none!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='%239F8561'/%3E%3C/svg%3E")!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-shadow:none!important;
  color:var(--crc-ink)!important;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:700;
}
.cart-notification .cart-notification__links button[name="checkout"].button--primary:hover{
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='%237E6647'/%3E%3C/svg%3E")!important;
  color:var(--crc-bone)!important;
}
.cart-notification .cart-notification__links button[name="checkout"].button--primary::before,
.cart-notification .cart-notification__links button[name="checkout"].button--primary::after{
  content:none!important;
}



/* ============================================================
   PASS 20 — CART PAGE: Continue Shopping + featured-collection View All
   ============================================================ */
.cart__warnings a.button:not([name="checkout"]),
.collection__view-all a.button:not([name="checkout"]){
  -webkit-clip-path:none!important;
  clip-path:none!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='%239F8561'/%3E%3C/svg%3E")!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-shadow:none!important;
  color:var(--crc-ink)!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-family:var(--crc-display);
  font-weight:700;
}
.cart__warnings a.button:not([name="checkout"]):hover,
.collection__view-all a.button:not([name="checkout"]):hover{
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpolygon%20points='2.5,0%20100,0%2097.5,100%200,100'%20fill='%237E6647'/%3E%3C/svg%3E")!important;
  color:var(--crc-bone)!important;
}
.cart__warnings a.button:not([name="checkout"])::before,
.cart__warnings a.button:not([name="checkout"])::after,
.collection__view-all a.button:not([name="checkout"])::before,
.collection__view-all a.button:not([name="checkout"])::after{
  content:none!important;
}

.collection__view-all a.button:not([name="checkout"]){
  min-width:340px!important;
  padding-left:2.75rem!important;
  padding-right:2.75rem!important;
  padding-top:1.05rem!important;
  padding-bottom:1.05rem!important;
}
@media screen and (max-width:749px){
  .collection__view-all a.button:not([name="checkout"]){
    min-width:0!important;
    width:100%!important;
  }
}



/* ============================================================
   PASS 21 — CART DELIVERY-INSTRUCTIONS BLOCK: +25% text & fields
   ============================================================ */
.cart__atl{ padding:0.85rem 0.9rem 0.7rem!important; }
.cart__atl-heading{ font-size:1.25rem!important; margin:0 0 0.4rem!important; }
.cart__atl-label{ font-size:1.125rem!important; margin-bottom:0.3rem!important; gap:0.45rem!important; }
.cart__atl-label input[type="checkbox"]{ width:16px!important; height:16px!important; }
.cart__atl-note{ font-size:1rem!important; line-height:1.3!important; }
.cart__instagram-wrapper,
.cart__referral-wrapper{ margin-top:0.6rem!important; padding-top:0.6rem!important; }
.cart__instagram-label,
.cart__referral-label{ font-size:1.125rem!important; margin-bottom:0.3rem!important; }
.cart__instagram-input,
.cart__referral-select{ font-size:1.125rem!important; padding:7px 11px!important; max-width:340px!important; }
.cart__instagram-hint{ font-size:0.975rem!important; margin-top:0.2rem!important; }



/* ============================================================
   PASS 21 — CART layout
   1) Delivery-instructions box wraps its content (background ends
      just after the text, keeping the existing 1rem padding on both
      sides) instead of spanning the full cart width.
   2) Cap the cart width so the product / quantity / total columns
      group together instead of stretching across the full page.
   Both desktop-only; mobile stays full-width. Tune 600px / 120rem.
   ============================================================ */
@media screen and (min-width:750px){
  .cart__atl{
    width:fit-content!important;
    max-width:600px!important;
  }
  .template-cart main .page-width{
    max-width:120rem!important; /* 1200px */
  }
}


