/** Shopify CDN: Minification failed

Line 9:119 Unexpected "{"

**/
.promo-content.rte {padding:20px;} 
.promo-block button.custom-promo-product-drawer-open-btn svg path { stroke: var(--color-bg);}
.promo-block button.custom-promo-product-drawer-open-btn svg { max-width: 16px; width: 16px;}
.row.parent-row.grid-display.grid-display--one-half.block-number2 .half.half-left.grid-display.grid-display--one-half, { order: 2; }
.row.parent-row.grid-display.grid-display--one-half.block-number4 .half.half-left.grid-display.grid-display--one-half { order: 2; }
.row.parent-row.grid-display.grid-display--one-half.block-number2 .half.half-left.grid-display.grid-display--one-half { order: 2; }
.promo-block button.custom-promo-product-drawer-open-btn svg { max-width: 16px; width: 16px; min-width: 16px; }
.promo-block button.custom-promo-product-drawer-open-btn {    z-index: 1; position: absolute; left: 30px; bottom: 40px; border: none; width: 100%; height: 38px; border-radius: 10px; display: flex; background: var(--color-primary-button-active-bg);align-items: center; justify-content: center; gap: 10px; max-width: fit-content; color: var(--color-bg); text-transform: uppercase; padding: 6px 16px; }
.promo-block {border-radius:8px; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 60px; text-align: center; color: #fff; position: relative; background-position: center center; }

.custom-promo-product-drawer.is-active + .custom-promo-overlay { display: block !important; opacity: 1; position:fixed; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 3; overflow: hidden; width: 100%; }
.custom-promo-product-drawer-innner header.rte h3.h2 { font-weight: 600; text-transform: uppercase; }
.custom-promo-product-drawer-innner button.custom-promo-product-drawer-close-btn { position: absolute; right: 20px; top: 50%; border: none; background-color: transparent; width: 30px; height: 30px; transform: translate(0, -50%); }
.custom-promo-product-drawer-innner button.custom-promo-product-drawer-close-btn svg { max-width: 26px; max-height: 26px; width: 26px; height: 26px; }
.custom-promo-product-drawer { height: 100%; background-color: #fff; position: fixed; top: 0; right: 0; transform: translate(700px, 0px); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 6; overflow-y: scroll; overflow-x: hidden; width: 100%; max-width: 700px; }
.custom-promo-product-drawer.is-active {transform:translateX(0px);}
.promo-block .promo-content.rte h2.h1 { font-size: 44px; margin: 0; line-height: 1.1; }
.promo-block p.h5 { font-size: 20px; line-height: 1.2; margin: 10px auto 0 auto; max-width: 350px; }
.promo-drawer-products { padding: 20px 40px; }
.custom-promo-product-drawer-innner header { display: flex; justify-content: center; position: sticky; top: 0; background-color: #fff; z-index: 6; }
body:has(.custom-promo-product-drawer.is-active) header.header-container { z-index: 1;}

@media(max-width:959px){
    .promo-drawer-products { padding: 20px; }
    .promo-content.rte h2.h1 { margin-bottom: 4px; font-size: 26px; line-height: 1.3; }
    .promo-block button.custom-promo-product-drawer-open-btn {left: 20px; bottom: 20px;}
    .promo-block { padding: 40px 10px; padding-bottom: 50%; }
    .row.parent-row.grid-display.grid-display--one-half .half.half-left.grid-display.grid-display--one-half {grid-template-columns: repeat(2, 1fr);}
    .collection--product-grid .row.parent-row { grid-column: span 2 / span 2;}
    .collection--product-grid .grid-display.grid-display--one-quarter { grid-template-columns: repeat(2,1fr); }
    .collection--product-grid .row.parent-row.grid-display.grid-display--one-half { grid-template-columns: repeat(1, 1fr); }
    .custom-promo-product-drawer {width:95%;}
}
@media(min-width:960px){
    .collection--product-grid .row.parent-row { grid-column: span 4 / span 4;}
}
@media(max-width:749px){
        .promo-block { padding:0; padding-bottom:100%;}
}


.promo-content.rte {padding:20px;} 
.promo-block button.custom-promo-product-drawer-open-btn svg path { stroke: var(--color-bg);}
.promo-block button.custom-promo-product-drawer-open-btn svg { max-width: 16px; width: 16px;}
.row.parent-row.grid-display.grid-display--one-half.block-number2 .half.half-left.grid-display.grid-display--one-half { order: 2; }
.row.parent-row.grid-display.grid-display--one-half.block-number4 .half.half-left.grid-display.grid-display--one-half { order: 2; }
.row.parent-row.grid-display.grid-display--one-half.block-number2 .half.half-left.grid-display.grid-display--one-half { order: 2; }
.promo-block button.custom-promo-product-drawer-open-btn svg { max-width: 16px; width: 16px; min-width: 16px; }
.promo-block button.custom-promo-product-drawer-open-btn {    z-index: 1; position: absolute; left: 30px; bottom: 40px; border: none; width: 100%; height: 38px; border-radius: 10px; display: flex; background: var(--color-primary-button-active-bg);align-items: center; justify-content: center; gap: 10px; max-width: fit-content; color: var(--color-bg); text-transform: uppercase; padding: 6px 16px; }
.promo-block {border-radius:8px; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 60px; text-align: center; color: #fff; position: relative; background-position: center center; }

.custom-promo-product-drawer.is-active + .custom-promo-overlay { display: block !important; opacity: 1; position:fixed; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 3; overflow: hidden; width: 100%; }
.custom-promo-product-drawer-innner header.rte h3.h2 { font-weight: 600; text-transform: uppercase; }
.custom-promo-product-drawer-innner button.custom-promo-product-drawer-close-btn { position: absolute; right: 20px; top: 50%; border: none; background-color: transparent; width: 30px; height: 30px; transform: translate(0, -50%); }
.custom-promo-product-drawer-innner button.custom-promo-product-drawer-close-btn svg { max-width: 26px; max-height: 26px; width: 26px; height: 26px; }
.custom-promo-product-drawer { height: 100%; background-color: #fff; position: fixed; top: 0; right: 0; transform: translate(700px, 0px); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 6; overflow-y: scroll; overflow-x: hidden; width: 100%; max-width: 700px; }
.custom-promo-product-drawer.is-active {transform:translateX(0px);}
.promo-block .promo-content.rte h2.h1 { font-size: 44px; margin: 0; line-height: 1.1; }
.promo-block p.h5 { font-size: 20px; line-height: 1.2; margin: 10px auto 0 auto; max-width: 350px; }
.promo-drawer-products { padding: 20px 40px; }
.custom-promo-product-drawer-innner header { display: flex; justify-content: center; position: sticky; top: 0; background-color: #fff; z-index: 6; }
body:has(.custom-promo-product-drawer.is-active) header.header-container { z-index: 1;}

@media(max-width:959px){
    .promo-drawer-products { padding: 20px; }
    .promo-content.rte h2.h1 { margin-bottom: 4px; font-size: 26px; line-height: 1.3; }
    .promo-block button.custom-promo-product-drawer-open-btn {left: 20px; bottom: 20px;}
    .promo-block { padding: 40px 10px; padding-bottom: 50%; }
    .row.parent-row.grid-display.grid-display--one-half .half.half-left.grid-display.grid-display--one-half {grid-template-columns: repeat(2, 1fr);}
    .collection--product-grid .row.parent-row { grid-column: span 2 / span 2;}
    .collection--product-grid .grid-display.grid-display--one-quarter { grid-template-columns: repeat(2,1fr); }
    .collection--product-grid .row.parent-row.grid-display.grid-display--one-half { grid-template-columns: repeat(1, 1fr); }
    .custom-promo-product-drawer {width:95%;}
}
@media(min-width:960px){
    .collection--product-grid .row.parent-row { grid-column: span 4 / span 4;}
}
@media(max-width:749px){
        .promo-block { padding:0; padding-bottom:100%;}
}

/* ============================================================
   Collection card — redesign v1 (see REDESIGN-SPEC.md §3)
   Brand: warm-neutral luxury. Rides existing .bttn / .badge / .price hooks.
   ============================================================ */
.product-item { position: relative; }
.product-item__media { position: relative; overflow: hidden; border-radius: 10px; background: #f1ece4; }
.product-item__image-wrapper { display: block; position: relative; }

/* badges — top-left stack */
.product-item__badges { position: absolute; top: 8px; left: 8px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.product-item__badges .badge { position: static; margin: 0; border-radius: 4px; padding: 3px 8px; font-size: 10px; letter-spacing: .05em; line-height: 1.2; }
.product-item .custom-product-tag { display: inline-block; border-radius: 4px; padding: 3px 8px; font-size: 10px; letter-spacing: .04em; line-height: 1.2; color: #fff; text-transform: uppercase; }

/* hover actions — quick view + quick add */
.product-item__actions { position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 3; display: flex; gap: 6px; opacity: 0; pointer-events: none; transform: translateY(6px); transition: opacity .22s ease, transform .22s ease; }
.product-item:hover .product-item__actions,
.product-item:focus-within .product-item__actions { opacity: 1; pointer-events: auto; transform: none; }
.product-item__actions .bttn { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; line-height: 1; padding: 9px 10px; border-radius: 8px; margin: 0; min-width: 0; }
.product-item__qv { flex: 1; background: #fff; color: #5b4c47; border: 1px solid #e2dbd0; }
.product-item__qv:hover { background: #5b4c47; color: #fff; border-color: #5b4c47; }
.product-item__actions .product-item__quick-shop-button { position: static; width: auto; flex: 0 0 auto; background: #5b4c47; color: #fff; border: 1px solid #5b4c47; }
.product-item__actions .product-item__quick-shop-button > span { display: none; }
.product-item__actions .product-item__quick-shop-button:hover { background: #4a3d39; }

/* details */
.product-item__vendor { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: #a39a8f; margin: 2px 0 3px; }
.product-item__title { display: block; font-family: var(--font-heading, inherit); font-size: 14px; line-height: 1.3; color: var(--color-text, #1f1b18); margin: 0 0 5px; text-decoration: none; }
.product-item__title:hover { color: #5b4c47; }
.product-item__affirm { font-size: 11px; font-style: italic; color: #6f665f; margin: 5px 0 0; }
.product-item__affirm:empty { display: none; }
.product-item__dims { font-size: 11px; color: #8a817a; margin: 0 0 6px; }
.product-item__trust { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.product-item__delivery,
.product-item__guarantee { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; letter-spacing: .02em; color: #4f7a5f; background: #eef2ec; padding: 4px 9px; border-radius: 4px; }
.product-item__guarantee { color: #6f5b4f; background: #f1ece6; }
.product-item__delivery svg,
.product-item__guarantee svg { flex: 0 0 auto; }
.product-item__swatch-more,
.product-item__option-count { font-size: 10px; color: #a39a8f; align-self: center; }
.product-item__option-count { margin-left: 4px; }

/* price */
.product-item .price--listing { margin-top: 6px; }
.product-item .price--listing .price-item--sale,
.product-item .price--listing .price-item--regular { font-size: 15px; font-weight: 500; }
.product-item .price--on-sale .price-item--sale { color: #bb4e39; }
.product-item .price--listing .price__compare s { color: #a39a8f; font-weight: 400; }

@media (max-width: 959px) {
  .product-item__actions { opacity: 1; pointer-events: auto; transform: none; }
  .product-item__qv span { display: inline; }
}

/* ============================================================
   Motion pass (transitions-dev) — signature ease cubic-bezier(0.22,1,0.36,1)
   GPU-friendly transform/opacity only. Reduced-motion guarded at bottom.
   ============================================================ */

/* subtle card lift on hover */
.product-item { transition: transform .3s cubic-bezier(0.22, 1, 0.36, 1); }
.product-item:hover { transform: translateY(-3px); }

/* image cross-fade swap on hover — scoped under .product-item__images so it
   ONLY affects multi-image cards (single-image cards have no .first/.not-first
   and no .product-item__images wrapper), preventing a blank-on-hover state. */
.product-item .product-item__images .product-item__image.first,
.product-item .product-item__images .product-item__image.not-first { transition: opacity .4s cubic-bezier(0.22, 1, 0.36, 1); }
.product-item:hover .product-item__images .product-item__image.first { opacity: 0; }
.product-item:hover .product-item__images .product-item__image.not-first { opacity: 1; }

/* hover actions reveal — refined easing (overrides the .22s ease set above).
   No static will-change: avoids promoting 72 grid cards to permanent GPU layers. */
.product-item__actions {
  transition: opacity .26s cubic-bezier(0.22, 1, 0.36, 1), transform .26s cubic-bezier(0.22, 1, 0.36, 1);
}

span.product-item__trust-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; letter-spacing: .02em; background: border-box; padding: 4px 9px; border-radius: 4px; }

@media (prefers-reduced-motion: reduce) {
  .product-item,
  .product-item__actions,
  .product-item .product-item__images .product-item__image.first,
  .product-item .product-item__images .product-item__image.not-first { transition: none; }
  .product-item:hover { transform: none; }
}

/* ============================================================
   Card CTAs — Quick view (secondary) + Add to cart (primary).
   Both open the quick-add size picker. Add to cart is the filled
   primary; Quick view the outline secondary.
   ============================================================ */
/* Quick view = wide + labeled (primary affordance). Add to cart = compact cart ICON at ALL
   breakpoints (label hidden; title/aria-label carry the meaning). */
.product-item__qv { flex: 1 1 auto; white-space: nowrap; }
.product-item__atc { flex: 0 0 auto; width: 44px; padding-left: 0; padding-right: 0; background: #5b4c47; color: #fff; border: 1px solid #5b4c47; }
.product-item__atc:hover { background: #4a3d39; border-color: #4a3d39; }
.product-item__atc span { display: none; }