/** Shopify CDN: Minification failed

Line 925:65 Unexpected "{"

**/
body.scroll-lock {
    overflow: hidden;
}
.scroll-lock #ShopifyChat{
  z-index: 99 !important;
}

/* T5.37b (27 May 2026) — Hide the Smile.io rewards launcher when the cart
   drawer is open. Smile sets very high inline z-index values via JS that a
   stylesheet can't reliably outrank, so the rewards button was rendering
   ON TOP of the cart drawer's checkout button on collection / search pages
   (compounded by T5.16c moving the launcher to the right edge — same side
   the cart drawer slides in from).
   `body.scroll-lock` is set by component-cart-drawer.js whenever the drawer
   opens (and removed on close), so this rule auto-restores the launcher
   the moment the customer closes the cart. Matches the existing pattern
   used above for Shopify Chat. Targets all three Smile container variants
   to be robust across Smile installation versions. */
.scroll-lock #smile-ui-container,
.scroll-lock #smile-shopify-container,
.scroll-lock .smile-launcher-frame-container,
.scroll-lock #smile-ui-lite-launcher-frame-container {
  display: none !important;
}
#cart-drawer {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    max-width: 450px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: width 0.6s ease;
    border-radius: 20px;
    height: 100%;
}
#cart-drawer.active {
    width: 100%;
    opacity: 1;
    z-index: 99999;
    visibility: visible;
    transition: width 0.6s ease;
}
#cart-drawer > .cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #000;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#cart-drawer > .cart-header > .cart-title {
    /* font-family: "Poppins Black"; */
    font-size: 32px;
    color: #fff;
}
#cart-drawer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* T5.55 — Cart footer redesign: WHITE footer, a CHUNKY black checkout button with a
   lock glyph, lifted off the bottom edge (safe-area aware), and the single secure-trust
   line rendered BELOW the button in dark text. Mirrors the quick-add ATC feel. */
#cart-drawer > .cart-footer {
    padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px));
    text-align: center;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#cart-drawer > .cart-footer > #checkout > .cart-title {
    font-size: 26px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.02em;
}
#cart-drawer > .cart-footer > #checkout[disabled] {
    opacity: 0.4;
}
#cart-drawer > .cart-footer > #checkout {
    cursor: pointer;
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 56px;
    padding: 15px 20px;
    background-color: #000;
    border-radius: 10px;
}
/* Lock glyph before the label. */
#cart-drawer > .cart-footer > #checkout > .checkout-lock {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}
#cart-drawer > .cart-footer > #checkout > .checkout-lock svg {
    width: 19px;
    height: 19px;
    display: block;
    fill: #fff;
}
/* T5.65 — Under-CHECKOUT trust block: a centred row of payment icons
   (from shop.enabled_payment_types). Replaces the old reviews + returns text strip. */
#cart-drawer > .cart-footer > .lkc-cart-trust-strip {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 12px 0 0;
    line-height: 1.3;
}
#cart-drawer > .cart-footer > .lkc-cart-trust-strip > .lkc-cart-pay-icons {
    display: flex;
    flex-wrap: nowrap; /* T5.66 — keep all 7 icons on ONE line */
    align-items: center;
    justify-content: center;
    gap: 4px;
}
#cart-drawer > .cart-footer > .lkc-cart-trust-strip .lkc-cart-pay-ico {
    height: 24px; /* T5.66 — shrunk from 30px so all 7 fit one line (Warwick) */
    width: auto;
    display: block;
    flex: 0 1 auto; /* allow graceful shrink on ultra-narrow phones rather than overflow */
    min-width: 0;
}
/* T5.65 — Express/accelerated checkout block removed (markup deleted in cart-drawer.liquid):
   it overlapped the cart UI on desktop and was already hidden on phones. The passive
   payment-icon row under CHECKOUT (.lkc-cart-trust-strip) now carries the "ways to pay" signal. */
/* T5.55 — Threadheads-style sticky TOTAL (white .cart-footer, above the button):
   "TOTAL" + struck "was" (red) + big bold payable, with the saving on its own line.
   was/save hidden unless there is a real discount. */
#cart-drawer > .cart-footer > .lkc-cart-total {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 3px 9px;
    margin: 0 0 12px;
}
#cart-drawer > .cart-footer > .lkc-cart-total > .lkc-cart-total__label {
    font-size: 22px; /* T5.55 — match the payable price size per Warwick */
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000;
    line-height: 1;
}
#cart-drawer > .cart-footer > .lkc-cart-total > .lkc-cart-total__was {
    font-size: 14px;
    color: #c0392b;
    text-decoration: line-through;
}
#cart-drawer > .cart-footer > .lkc-cart-total > .lkc-cart-total__now {
    font-size: 22px;
    font-weight: 800;
    color: #000;
    line-height: 1;
}
#cart-drawer > .cart-footer > .lkc-cart-total:not(.is-discounted) > .lkc-cart-total__was {
    display: none;
}

/* T5.55 — Trimmed shipping line: "shipping calculated at checkout" + underlined
   "continue shopping" on one centred row. */
#cart-drawer .cart-footer-details .shipping-text > .text {
    display: flex;
    flex-direction: column; /* T5.55 — stack so "Shipping calculated at checkout" is truly centred, with "continue shopping" centred beneath it (was side-by-side, which threw it off-centre) */
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #555;
    text-transform: none;
    margin-top: 8px;
}
#cart-drawer .cart-footer-details .shipping-text > .text > .link {
    text-decoration: underline;
    color: inherit;
}
#cart-drawer > .cart-footer > #checkout:before {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 50px 43px;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 0 100%;
    -webkit-animation: rainbow 1s ease-in-out infinite;
    animation: rainbow 1s ease-in-out infinite;
    background-image: url(sloth.gif);
    transition: all 0.2s;
}
#cart-drawer > .cart-footer > #checkout.js-loading {
    color: #000;
    background: transparent;
}
    
#cart-drawer > .cart-footer > #checkout.js-loading {
    color: #000;
    background: transparent;
}
#cart-drawer > .cart-footer > #checkout.js-loading .cart-title {
    position: relative;
    z-index: 9;
}
#cart-drawer > .cart-footer > #checkout.js-loading:before,
#cart-drawer > .cart-footer > #checkout.js-loading:before {
    content: "";
    opacity: 1;
}
    
.quick-view-modal > .modal-content > .modal-container > .product-details > .render-wrapper > .product-details > .add-to-cart.js-loading img,
.quick-view-modal > .modal-content > .modal-container > .product-details > .render-wrapper > .product-details > .add-to-cart.js-loading svg,
.quick-view-modal > .modal-content > .modal-container > .product-details > .render-wrapper > .product-details > .add-to-cart.js-loading img,
.quick-view-modal > .modal-content > .modal-container > .product-details > .render-wrapper > .product-details > .add-to-cart.js-loading svg {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#cart-drawer > .cart-header > .cart-close svg,
#cart-drawer > .cart-header > .cart-count svg {
    display: block;
    color: #fff;
}
#cart-drawer > .cart-header > .cart-close svg {
    display: block;
    color: #fff;
}
#cart-drawer > .cart-header > .cart-close {
    display: block;
    cursor: pointer;
    padding: 0;
}
#cart-drawer > .scrollable-container {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    margin: 10px;
}
#cart-drawer > .scrollable-container > .cart-items {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
    flex: 1;
}
#cart-drawer > .scrollable-container > .cart-items > .item {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    justify-content: space-between;
    align-items: flex-start;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control {
    position: absolute;
    right: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 54%;
    transform: translate(0%, -50%);
    max-width: 70px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .image {
    flex: 0 0 70px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-size: 10px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details {
    flex: 1;
    overflow: hidden;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .quantity {
    padding: 0px;
    text-align: center;
    width: 100%;
    font-size: 13px; /* T5.55 — was 10px */
    height: 20px;
    border: 1px solid #000;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .minus,
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .plus {
    background-color: #000;
    color: #fff;
    padding: 0 4px;
    font-size: 16px;
    cursor: pointer;
    height: 20px;
    width: 25px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .minus[disabled],
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .plus[disabled] {
    pointer-events: none;
    opacity: 0.4;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .remove-qty-is-one {
    background-color: #000000;
    cursor: pointer;
    padding: 0 4px;
    height: 20px;
}
/* T5.55 — Expand the quantity +/- and remove tap targets to ~44px tall (Baymard min
   touch target) WITHOUT changing their visual size. A transparent ::after extends the
   hit area vertically only (top/bottom -12px → 20+24=44px); left/right:0 keeps it within
   the button's own width so it never overlaps the quantity input or the adjacent control.
   (Clarity dead/mis-clicks on the 20px controls.) */
#cart-drawer .quantity-control > .control > .minus,
#cart-drawer .quantity-control > .control > .plus,
#cart-drawer .quantity-control > .control > .remove-qty-is-one {
    position: relative;
}
#cart-drawer .quantity-control > .control > .minus::after,
#cart-drawer .quantity-control > .control > .plus::after,
#cart-drawer .quantity-control > .control > .remove-qty-is-one::after {
    content: "";
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: 0;
    right: 0;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .remove-qty-is-one > svg > polygon,
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .remove-qty-is-one > svg > path {
    fill: #fff;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .minus,
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .remove-qty-is-one {
    display: none;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .minus.active,
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .remove-qty-is-one.active {
    display: block;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .control > .remove-qty-is-one > svg {
    display: block;
    margin: auto;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .quantity-control > .remove {
    display: block;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
    color: #000;
    font-size: 13px; /* T5.55 — was 10px */
    line-height: normal;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .product-title {
    font-weight: bold;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    line-height: 14px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .variant-title {
    display: block;
    font-size: 13px; /* T5.55 — was 11px */
    color: #000;
    line-height: normal;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .variant-price {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    line-height: normal;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .quantity-control > .control > .minus:hover,
#cart-drawer > .scrollable-container > .cart-items > .item > .quantity-control > .control > .plus:hover,
#cart-drawer > .scrollable-container > .cart-items > .item > .quantity-control > .remove:hover {
    opacity: 0.8;
}
#cart-drawer > .cart-header > .cart-count {
    position: relative;
    display: block;
    padding: 4px 10px;
}
#cart-drawer > .cart-header > .cart-count > .item-count {
    position: absolute;
    top: 4.5px;
    left: 3px;
    font-size: 14px;
    color: #000;
    /* font-family: Poppins SemiBold; */
    width: 100%;
    height: 100%;
}
#cart-drawer-item-count > .count-label {
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
}
#cart-drawer-overlay {
    position: fixed;
    right: auto;
    left: 0;
    z-index: -1;
    top: 0;
    bottom: 0;
    background-color: #000000c2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
#cart-drawer-overlay.active {
    z-index: 9;
    opacity: 1;
    right: 0;
    visibility: visible;
    transition: all 0.3s ease;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details {
    margin-top: auto;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .sub-total,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total-discount,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right;
    gap: 15px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .sub-total {
    margin-top: 20px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .sub-total > .heading,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .sub-total > .total,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total > .heading,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total > .total {
    font-size: 25px;
    color: #000;
    font-weight: 600;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .sub-total > .space-gap,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total-discount > .space-gap,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total > .space-gap {
    flex: 0 0 70px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .sub-total > .heading,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total > .heading {
    flex: 1;
    text-align: left;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .sub-total > .total,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total > .total {
    flex: 1;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total-discount > .heading,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total-discount > .total {
    flex: 1;
    font-size: 16px;
    color: #000;
    opacity: 0.4;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total-discount > .heading {
    text-align: left;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .total-discount > .total {
    text-align: right;
}
#cart-drawer > .scrollable-container::-webkit-scrollbar {
    display: none;
}

#cart-drawer > .scrollable-container {
    scrollbar-width: none; 
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes {
    margin: 10px 0px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    height: 18px;
    opacity: .4;
    color: #000;
    gap: 15px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable {
    font-size: 30px;
    vertical-align: middle;
    flex: 0 0 70px;
    text-align: center;
    color: #000;
    opacity: .6;
    font-weight: bold;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .title,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .title {
    font-size: 18px;
    vertical-align: middle;
    flex: 1;
    text-align: left;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes textarea {
    display: none;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes textarea {
    text-transform: none;
    font-size: 16px;
    margin-top: 10px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container {
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    margin-top: 10px;
  padding-bottom: 40px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button {
    background: #000;
    color: #fff;
    cursor: pointer;
    position: relative;
    border: 2px solid #000;
    border-left: 0;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button:before {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 50px 43px;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 0 100%;
    -webkit-animation: rainbow 1s ease-in-out infinite;
    animation: rainbow 1s ease-in-out infinite;
    background-image: url(sloth.gif);
    transition: all 0.2s;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading {
    color: #000;
    background: transparent;
}    
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading {
    color: #000;
    background: transparent;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading .title {
    position: relative;
    z-index: 9;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading:before,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading:before {
    content: "";
    opacity: 1;
}    
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading img,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading svg,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading img,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > button.js-loading svg {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code.active > .discount-code-container,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes.active > textarea {
    display: flex;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-submit,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-submit {
    background-color: #000;
    color: #fff;
    padding: 10px;
    margin: 10px 0px;
    display: none;
    cursor: pointer;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code.active > .coupon-code-submit,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes.active > .order-notes-submit {
    display: block;
}

/* T5.57 — Coupon + Order-notes: keep BOTH headings on one STABLE row; the active panel
   opens FULL-WIDTH on the rows BELOW (Warwick: "they should remain where they are, and just
   the modal open below them"). No DOM/JS markup change — `display: contents` on the
   .coupon-code/.order-notes wrappers drops their box so their children (the two headings +
   each panel) become direct flex items of .cart-footer-details, letting us `order` the
   headings into row 1 (50/50, never moves) and the panels onto the rows beneath. The
   existing `.coupon-code.active > …` / `.order-notes.active > …` show/hide rules still match
   (display:contents changes the box tree, not the DOM), so the toggle JS is untouched.
   Verified live: headings sameRow, panel full-width below, button clears the footer. */
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: flex-start;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes {
    display: contents;
}
/* Row 1 — the two headings, side by side, NEVER move when a panel opens. */
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading {
    order: 1;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading {
    order: 2;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
}
/* Rows below — the panels, full-width. Coupon's panel (field + its notifications) ordered
   before Notes' panel (textarea + submit) so if both are open they stay in source order. */
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .error-notification,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .success-notification,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .remove-notification {
    order: 3;
    flex-basis: 100%;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > textarea,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-submit {
    order: 4;
    flex-basis: 100%;
}
/* Constrain the note textarea so the APPLY button isn't pushed deep below the fold (was an
   oversized ~200px box). 84px ≈ 3 lines; the user can drag it taller. */
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > textarea {
    height: 84px;
    min-height: 84px;
    resize: vertical;
    box-sizing: border-box;
}
/* Scroll gap so when the apply control is scrolled into view on open (JS) it lands ABOVE the
   sticky footer, not flush against it. */
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-submit,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container {
    scroll-margin-bottom: 24px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text {
    order: 5;
    flex: 1 1 100%;
}
/* Heading → readable underlined link; drop the 70px +/- gutter and the 40% opacity. */
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading {
    opacity: 1;
    height: auto;
    gap: 0;
    align-items: center;
    justify-content: center; /* T5.55 — centre each link in its half (was left, looked off-balance) */
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable {
    display: none;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .title,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .title {
    flex: 0 1 auto;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #1a1b1c; /* T5.55 — was faded grey (40% opacity heading); now near-black + heading opacity:1 */
    opacity: 1;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes.active > .order-notes-submit {
    position: relative;
    width: 100%;
    margin: 0;    
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer > #checkout.disabled {
    opacity: 0.4;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .product-option {
    display: flex;
    gap: 10px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .free-gift {
    margin: auto;
    display: flex;
    gap: 10px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .free-gift > .title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .image > svg {
    margin: auto;
    display: block;
}
#free-shipping-locked,
#free-shipping-unlocked,
#free-express-shipping-locked,
#free-gift-locked,
#free-gift-unlocked > .free-gift-unlocked {
    display: none;
    gap: 15px;
    align-items: center;
    height: 70px;
}
#free-shipping-locked,
#free-shipping-unlocked,
#free-express-shipping-unlocked {
    height: 50px;
}
#free-shipping-locked.active,
#free-shipping-unlocked.active,
#free-express-shipping-locked.active,
#free-gift-locked.active,
#free-gift-unlocked.active > .free-gift-unlocked {
    display: flex;
}
/* T5.55 — Hide the duplicate lower reward STATUS messaging. The TOP progress bar is the
   single source of truth; these rows ("You've scored …", "add $X to unlock …") just
   duplicate it and add scroll. 2-id specificity + !important beats the `.active`
   display:flex above. The gift CLAIM container (#free-gift-unlocked) is hidden ONLY when
   it has no interactive control, so a future manually-claimed gift's ADD button is never
   hidden (verified live: LKC gifts are auto-added, so this container is empty in practice). */
#cart-drawer #free-shipping-unlocked,
#cart-drawer #free-shipping-locked,
#cart-drawer #free-express-shipping-locked,
#cart-drawer #free-gift-locked { display: none !important; }
#cart-drawer #free-gift-unlocked:not(:has(button, select, input, a)) { display: none !important; }

/* T5.55 — Hide the Smile.io rewards launcher while the cart drawer is open. Its fixed
   launcher (#smile-ui-container, z-index 2147483647, bottom corner) otherwise sits ON TOP
   of the open cart on mobile and blocks it. Body gets .scroll-lock on cart open (proven to
   hide the launcher in a live test); #cart-drawer.active is added too, matched via :has for
   robustness. Same #smile-* IDs the T5.16c collection-page override already targets. */
body.scroll-lock #smile-ui-container,
body.scroll-lock #smile-shopify-container,
body:has(#cart-drawer.active) #smile-ui-container,
body:has(#cart-drawer.active) #smile-shopify-container {
  display: none !important;
}
#free-shipping-locked > .image > svg,
#free-shipping-unlocked > .image > svg,
#free-express-shipping-unlocked > .image > svg {
    position: absolute;
    top: 9px;
    left: auto;
}
#free-shipping-locked.active > .image > svg, 
#free-shipping-unlocked.active > .image > svg,
#free-express-shipping-locked.active > .image > svg {
    animation: blink 2s 1;
}
#free-gift-locked.active > .image > svg,
#free-gift-unlocked.active > .free-gift-unlocked > .image > svg {
    animation: shake 0.4s 1;
}
#free-gift-locked > .image > svg,
#free-gift-unlocked > .free-gift-unlocked > .image > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#free-shipping-locked > .image,
#free-shipping-unlocked > .image,
#free-express-shipping-locked > .image,
#free-gift-locked > .image,
#free-gift-unlocked > .free-gift-unlocked > .image {
    position: relative;
    flex: 0 0 70px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
#free-shipping-locked > .image, 
#free-shipping-unlocked > .image,
#free-express-shipping-locked > .image {
    height: 100%;
}
#free-gift-locked > .image,
#free-gift-unlocked > .free-gift-unlocked > .image {
    border: 1px solid #000;
}
#free-shipping-locked > .image > img,
#free-shipping-unlocked > .image > img,
#free-express-shipping-locked > .image > img,
#free-gift-locked > .image > img,
#free-gift-unlocked > .free-gift-unlocked > .image > img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
#free-shipping-locked > .details,
#free-express-shipping-locked > .details,
#free-shipping-unlocked > .details,
#free-gift-locked > .details,
#free-gift-unlocked > .free-gift-unlocked > .details {
    flex: 1;
}
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 7rem;
}
#free-shipping-locked > .image > svg,
#free-express-shipping-locked > .image > svg,
#free-shipping-unlocked > .image > svg,
#free-gift-locked > .image > svg,
#free-gift-unlocked > .free-gift-unlocked > .image > svg {
    display: block;
    margin: auto;
    width: 100%;
}
/* T5.56 — Shipping line CENTRING FIX. The original rule made .shipping-text a flex ROW with a
   70px left .space-gap that shoved .text right (so "Shipping calculated at checkout" sat
   off-centre), and faded it to 40% opacity. Now: block container, no spacer, centred column,
   full opacity. */
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text {
    display: block;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text > .space-gap {
    display: none;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text > .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text > .text > .shipping-text,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text > .text > .title,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text > .text > .link {
    display: block;
    text-align: center;
    font-size: 13px;
    opacity: 1;
    color: #555;
    line-height: 1.3;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text > .text > .link:hover {
    opacity: 1;
    color: #000;
}
#free-shipping-unlocked > .details > .title {
    display: block;
    line-height: normal;
}
#free-shipping-unlocked > .details > .title,
#free-shipping-locked > .details > .title {
    color: #000;
    display: flex;
    gap: 5px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .cart-item-discounted-prices {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .cart-item-discounted-prices > .cart-item-old-price {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    line-height: normal;
    text-decoration: line-through;
    opacity: 0.4;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .cart-item-discounted-prices > .variant-price {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    line-height: normal;
}
#free-gift-locked > .details > .title,
#free-gift-unlocked > .free-gift-unlocked > .details > .title {
    color: #000;
    line-height: normal;
    display: block;
}
#free-gift-locked > .details > .title strong,
#free-gift-locked > .details > .title b,
#free-gift-unlocked > .free-gift-unlocked > .details > .title strong,
#free-gift-unlocked > .free-gift-unlocked > .details > .title b, {
    text-transform: uppercase;
}
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container {
    position: relative;
}
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container > select {
    background-color: transparent;
    color: #000;
    position: relative;
    background-image: none;
    padding: 0 0 0 15px;
    background-position: unset;
    background-repeat: unset;
    font-size: 14px; /* T5.55 — was 12px; bumped with the claim button per Warwick */
}
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='15' height='15'%3E%3Cpath fill='%23ffffff' d='M12 17.25l6-6-1.41-1.41L12 14.44l-4.59-4.59L6 11.25l6 6z'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #000;
    display: inline-block;
    height: 23px;
    width: 15px;
}
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container.automatic-added::before,
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container.automatic-added > select.variant-options {
    display: none;
}
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container > button.freegift-add-to-cart {
    background: #000;
    color: #fff;
    padding: 8px 14px;
    font-size: 14px; /* T5.55 — was 10px (far too small per Warwick) */
    cursor: pointer;
}
#free-gift-unlocked > .free-gift-unlocked > .details > .variant-options-container > button.freegift-add-to-cart[disabled] {
    opacity: 0.4;
    pointer-events: none;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .pricing {
    display: flex;
    align-items: center;
    gap: 5px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .pricing > .free-gift {
    display: flex;
    align-items: center;
    gap: 5px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .pricing > .compare-at-price {
    text-decoration: line-through;
    opacity: 0.4;
    line-height: normal;
    font-size: 14px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .pricing > .free-gift > .title {
    font-weight: bold;
    color: #000;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .pricing > .variant-price {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    line-height: normal;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > input {
    text-transform: none;
    font-size: 16px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > input.disabled,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > textarea.disabled {
    pointer-events: none;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > .discounts {
    list-style: none;
    padding-inline-start: 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    left: 18px;
    top: 12px;
    margin: 0;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > .discounts > .discounts__discount {
    color: #000;
    background: #ddd;
    padding: 2px 8px;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    align-items: center;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .discounts > .discounts__discount > .remove-discount {
    cursor: pointer;
    position: relative;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .discount-code-container > .discounts > .discounts__discount:hover {
    opacity: 0.8;
}
.loading-bar {
    -webkit-animation: spin 0.7s linear infinite;
    animation: spin 0.7s linear infinite;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border-color: currentcolor transparent;
    border-style: solid;
    border-width: 0.1em;
    box-sizing: border-box;
    display: none;
    margin: auto 12px;
    position: absolute;
}
.quick-view-modal > .modal-content > .modal-container > .product-details > .render-wrapper > .product-details > .add-to-cart > .loading-bar {
    left: 44%;
    top: 14px;
    transform: translate(-50%, -50%);
}
.active > .loading-bar {
    display: inline;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .error-notification > .title {
    display: block;
    font-size: 14px;
    color: red;
    text-align: left;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .success-notification > .title {
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .remove-notification > .title {
    display: block;
    font-size: 14px;
    color: green;
    text-align: left;
}
.discount-notification {
    position: absolute;
    bottom: 10px;
    left: 22px;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .remove-notification > .title > * {
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    padding: 0;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .error-notification,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .success-notification,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .remove-notification {
    display: none;
    transition: all 0.3s ease;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .error-notification.active,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .success-notification.active,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .remove-notification.active {
    display: block;
    transition: all 0.3s ease;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .cart-item-edit {
    display: block;
    font-size: 14px; /* T5.55 — was 12px */
    width: fit-content;
    width: -moz-fit-content;
    padding: 0;
    text-decoration: underline;
    opacity: .4;
    cursor: pointer;
    color: #000;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .cart-item-edit:hover {
    opacity: 1;
}
#free-gift-unlocked {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .discounts {
    margin: 0;
    list-style: none;
    padding: 0
}
#cart-drawer > .scrollable-container > .cart-items > .item > .details > .discounts > .discounts__discount {
    font-size: 10px;
    line-height: normal;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code.active > .coupon-code-heading > .collapsable > .minus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable > .plus.active,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable > .plus.active,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes.active > .order-notes-heading > .collapsable > .minus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable > .exist.active,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable > .exist.active {
    display: block;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable > .minus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code.active > .coupon-code-heading > .collapsable > .plus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable > .plus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable > .plus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable > .minus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes.active > .order-notes-heading > .collapsable > .plus,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable > .exist,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable > .exist,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code.active > .coupon-code-heading > .collapsable > .exist.active,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes.active > .order-notes-heading > .collapsable > .exist.active {
    display: none;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable > .plus > svg,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable > .plus > svg {
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
}
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .coupon-code > .coupon-code-heading > .collapsable > .exist > svg,
#cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .order-notes > .order-notes-heading > .collapsable > .exist > svg {
    transform: rotate(180deg);
}
@media screen and (max-width: 1100px) {
    #cart-drawer {
        max-width: 450px;
    }
}
@media screen and (max-width: 768px) {
    #cart-drawer {
        max-width: 400px;
    }
    #cart-drawer > .scrollable-container > .cart-items > .cart-footer-details > .shipping-text > .space-gap {
        flex: 0 0 15%;
    }
}
@media screen and (max-width: 450px) {
    #cart-drawer {
        max-width: 100%;
    }
}
@media screen and (max-width: 396px) {
    #free-gift-locked > .details > .title, #free-gift-unlocked > .free-gift-unlocked > .details > .title,
    #free-shipping-unlocked > .details > .title, #free-shipping-locked > .details > .title {
        font-size: 3.5vw;
    }
}

/* #recently-removed-items {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
} */
#recently-removed-items .recently-removed-item {
    display: flex;
    align-items: center;
    margin-top: 12px;
}
#recently-removed-items .recently-removed-item:first-child {
    border-top: 1px solid #eee;
    padding-top: 12px;
}
#recently-removed-items .recently-removed-item:last-child {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}
#recently-removed-items .recently-removed-item .image {
    width: 60px;
    display: flex;
}
#recently-removed-items .recently-removed-item .image image {
    border: 1px solid;
}
#recently-removed-items .recently-removed-item .details {
    width: calc(100% - 60px);
    display: flex;
    gap: 8px;
}
#recently-removed-items .recently-removed-item .details .title {
    line-height: 1.2;
    display: block;
    font-size: 15px;
}
#recently-removed-items .recently-removed-item .details .title strong {
    text-transform: uppercase;
}
#recently-removed-items .recently-removed-item .details .recently-removed-add {
    background: #000;
    color: #FFF;
    margin: 0;
    padding: 6px;
    font-size: 12px;
    width: 85px;
    cursor: pointer;
}

/* T5.45 — Cart slider: product TITLE bold, unit PRICE regular. They were
   flipped (title rendered 400, price 700). Scoped to #cart-drawer so the cart
   page is untouched. */
#cart-drawer .item .details .product-title { font-weight: 700 !important; }
#cart-drawer .item .details .variant-price { font-weight: 400 !important; }