/** Shopify CDN: Minification failed

Line 984: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.56 — Compact ONE-LINE trust strip under CHECKOUT: stars + "5,000+ Reviews" (prominent
   social proof) · "100-Day Returns" (subordinate risk-reversal). Both links, centred, scannable.
   Wraps gracefully if a narrow drawer can't fit it on one line. */
#cart-drawer > .cart-footer > .lkc-cart-trust-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px 9px;
    margin: 11px 0 0;
    line-height: 1.2;
}
#cart-drawer > .cart-footer > .lkc-cart-trust-strip > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    text-decoration: none;
}
#cart-drawer > .cart-footer > .lkc-cart-trust-strip__reviews {
    font-size: 14px;
    font-weight: 700;
    color: #1a1b1c;
}
#cart-drawer > .cart-footer > .lkc-cart-trust-strip__reviews .lkc-cart-trust-strip__stars {
    color: #000;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
}
#cart-drawer > .cart-footer > .lkc-cart-trust-strip__sep {
    color: #c4c4c4;
    font-size: 14px;
}
#cart-drawer > .cart-footer > .lkc-cart-trust-strip__returns {
    font-size: 13px;
    color: #666;
    text-decoration: underline;
}
/* T5.57 — Express/accelerated checkout block (scroll body, above the sticky CHECKOUT).
   Buttons are CLOSED shadow DOM (Shopify, Sept-2024): we can only style the wrapper +
   Shopify's documented --shopify-accelerated-checkout-* custom properties (they inherit
   down into the web component). We KEEP the full-width stack — 3 branded wallets can't go
   side-by-side on a ~375px drawer without breaking Google Pay's 152dp min width + the
   equal-prominence brand rule, and the closed components ignore flex/grid on the wrapper
   anyway. To reclaim the vertical space Warwick flagged we TIGHTEN instead: 44px buttons
   (WCAG/Apple tap floor; ~33px saved across 3 vs the old 55px), tighter gap, lighter label.
   Do NOT add flex/grid columns here and do NOT target the inner shadow elements — neither
   works. Shopify clamps button size to 25–55px. */
#cart-drawer > .scrollable-container > .lkc-cart-express {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 14px 12px;

    --shopify-accelerated-checkout-button-block-size: 44px;
    --shopify-accelerated-checkout-button-inline-size: 44px;
    --shopify-accelerated-checkout-row-gap: 6px;
    --shopify-accelerated-checkout-inline-alignment: center;
    --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset, 8px);
}
#cart-drawer > .scrollable-container > .lkc-cart-express::before {
    content: "Express checkout";
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #777;
    margin: 0 0 6px;
}
/* T5.58 — On a PHONE the express row stacks only because a 4th wallet (Google Pay) appears
   next to Apple Pay; 4 branded wallets don't fit so Shopify's component stacks ALL of them.
   Measured live: 3 wallets lay out horizontally down to 370px (narrower than any iPhone), and
   hiding one cleanly re-flows the rest into a single row (the buttons are light-DOM custom
   elements, so display:none reclaims the slot). So on phones we hide Google Pay → 3 wallets →
   Shopify renders them horizontally on its own (Warwick: match the desktop look on iPhone).
   Google Pay still appears at the real checkout. Desktop (>450px) keeps all wallets unchanged.
   You CANNOT force the row with display/flex/grid on the wrapper — the component ignores it
   and breaks; reducing the wallet COUNT is the only lever that works. */
@media screen and (max-width: 450px) {
    #cart-drawer > .scrollable-container > .lkc-cart-express shopify-google-pay-button {
        display: none !important;
    }
}

/* 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; }