/* 8x8 intent-based cart offer UI. */
.x8-offers-root{width:100%;box-sizing:border-box}
.x8-offers-root--drawer{max-width:none;margin:18px 0 8px;padding:0}
.x8-offers{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.x8-offer{--cream:#C2B7A6;--red:#67140E;--dark:#201F19;display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;position:relative;isolation:isolate;padding:11px;min-height:0;background:var(--dark);border:1px solid rgba(194,183,166,.26);box-sizing:border-box}
.x8-offer:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--red);z-index:-1}
.x8-offer__image{width:68px;height:76px;display:flex;align-items:center;justify-content:center;align-self:start;background:#302d27;overflow:hidden}
.x8-offer__image img{width:100%;height:100%;object-fit:cover;display:block}
.x8-offer__image-fallback{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:25px;letter-spacing:-.06em;color:var(--cream)}
.x8-offer__copy{min-width:0}
.x8-offer__eyebrow{display:block;margin:0 0 4px;color:rgba(194,183,166,.68);font:700 8px/1.2 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.x8-offer h3{margin:0 0 5px!important;color:var(--cream)!important;font-family:Oswald,Impact,'Arial Narrow',sans-serif!important;font-size:19px!important;font-weight:600!important;line-height:1.04!important;text-transform:uppercase}
.x8-offer p{margin:0!important;color:rgba(194,183,166,.82)!important;font:400 11px/1.35 Arial,sans-serif!important}
.x8-offer__action{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;text-align:center}
.x8-offer__button,.x8-offer__button:visited{display:flex;justify-content:center;align-items:center;gap:8px;min-height:39px;width:100%;padding:8px 12px!important;box-sizing:border-box;background:var(--red)!important;color:var(--cream)!important;text-decoration:none!important;text-transform:uppercase;border:1px solid var(--red)!important;border-radius:0!important;font:700 10px/1.2 Arial,sans-serif!important;letter-spacing:.09em;transition:background .2s ease,border-color .2s ease}
.x8-offer__button:hover,.x8-offer__button:focus-visible{color:var(--cream)!important;background:#812019!important;border-color:#812019!important}
.x8-offer__button--busy{opacity:.7;pointer-events:none}
.x8-offer__action>span{font:400 10px/1.3 Arial,sans-serif;color:rgba(194,183,166,.73)}

/* One-time clothing offer shown when the customer attempts checkout. */
.x8-checkout-offer{--cream:#C2B7A6;--red:#67140E;--dark:#201F19;position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:20px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.x8-checkout-offer--open{display:flex}
.x8-checkout-offer__backdrop{position:absolute;inset:0;border:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;cursor:default}
.x8-checkout-offer__panel{position:relative;z-index:1;width:min(100%,560px);padding:42px 38px 36px;background:var(--dark);border:1px solid rgba(194,183,166,.28);box-shadow:0 24px 80px rgba(0,0,0,.38);text-align:center;color:var(--cream)}
.x8-checkout-offer__panel:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--red)}
.x8-checkout-offer__close{position:absolute;top:13px;right:16px;border:0;background:transparent;color:var(--cream);font:300 30px/1 Arial,sans-serif;cursor:pointer;padding:3px 6px}
.x8-checkout-offer__eyebrow{display:block;margin-bottom:10px;color:rgba(194,183,166,.7);font:700 10px/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.x8-checkout-offer h2{margin:0 0 16px!important;color:var(--cream)!important;font-family:Oswald,Impact,'Arial Narrow',sans-serif!important;font-size:clamp(31px,5vw,45px)!important;font-weight:600!important;line-height:1!important;text-transform:uppercase}
.x8-checkout-offer__price{display:flex;align-items:baseline;justify-content:center;gap:15px;margin:0 0 18px}
.x8-checkout-offer__price del{color:rgba(194,183,166,.58);font:500 17px/1 Arial,sans-serif}
.x8-checkout-offer__price strong{color:var(--cream);font:700 31px/1 Oswald,Impact,sans-serif}
.x8-checkout-offer p{max-width:430px;margin:0 auto 28px!important;color:rgba(194,183,166,.82)!important;font:400 14px/1.55 Arial,sans-serif!important}
.x8-checkout-offer__actions{display:grid;gap:10px}
.x8-checkout-offer__pick,.x8-checkout-offer__pick:visited{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 20px;background:var(--red)!important;border:1px solid var(--red)!important;color:var(--cream)!important;text-decoration:none!important;text-transform:uppercase;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.1em}
.x8-checkout-offer__pick:hover{background:#812019!important;border-color:#812019!important;color:var(--cream)!important}
.x8-checkout-offer__no{min-height:42px;border:0;background:transparent;color:rgba(194,183,166,.78);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.x8-checkout-offer-lock{overflow:hidden!important}
@media(max-width:560px){.x8-checkout-offer{padding:14px}.x8-checkout-offer__panel{padding:38px 20px 27px}.x8-checkout-offer h2{font-size:34px!important}}


/* After declining the popup, the same shopper can revisit the offer in their basket. */
.x8-tee-revisit{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-top:12px;padding:10px 11px;border:1px solid rgba(194,183,166,.28);background:#201F19;box-sizing:border-box}
.x8-tee-revisit__label{font:700 9px/1.3 Arial,sans-serif;letter-spacing:.1em;color:rgba(194,183,166,.7)}
.x8-tee-revisit__button{appearance:none!important;border:0!important;border-radius:0!important;background:transparent!important;color:#C2B7A6!important;font:700 11px/1.3 Arial,sans-serif!important;letter-spacing:.045em!important;text-transform:uppercase!important;text-decoration:underline!important;text-underline-offset:3px!important;padding:5px 0!important;cursor:pointer!important}
.x8-tee-revisit__button:hover,.x8-tee-revisit__button:focus-visible{color:#e2d8c8!important}
@media(max-width:560px){.x8-tee-revisit{gap:4px;padding:11px}.x8-tee-revisit__button{width:100%;text-align:left!important}}

/* 3.0: discount labels in custom drawer and full WooCommerce cart. */
.x8-discount-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:5px;text-align:right;color:#C2B7A6}
.x8-discount-price del{color:rgba(194,183,166,.57)!important;font-weight:400!important;font-size:.86em!important;white-space:nowrap}
.x8-discount-price ins{color:#C2B7A6!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap}
.woocommerce-cart .x8-discount-price,.woocommerce-checkout .x8-discount-price{color:inherit}
.woocommerce-cart .x8-discount-price ins{color:#67140E!important}

/* Discount code, inside drawer; no change to the separate slide-out cart plugin. */
.x8-coupon{color:#C2B7A6;margin:14px 0 6px;padding:14px 12px;border:1px solid rgba(194,183,166,.3);background:#201F19;box-sizing:border-box}
.x8-coupon__form{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.x8-coupon__form label{display:block!important;margin:0 0 8px!important;color:#C2B7A6!important;font:700 10px/1.3 Arial,sans-serif!important;letter-spacing:.12em!important}
.x8-coupon__fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}
.x8-coupon input[name="coupon_code"]{width:100%!important;min-width:0!important;margin:0!important;height:40px!important;padding:8px 10px!important;border:1px solid rgba(194,183,166,.42)!important;border-radius:0!important;background:#302d27!important;color:#C2B7A6!important;box-shadow:none!important;font:400 12px Arial,sans-serif!important}
.x8-coupon input[name="coupon_code"]::placeholder{color:rgba(194,183,166,.65)!important}
.x8-coupon__fields>button{height:40px!important;margin:0!important;padding:0 15px!important;background:#67140E!important;color:#C2B7A6!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:700 10px Arial,sans-serif!important;letter-spacing:.08em!important;cursor:pointer!important}
.x8-coupon__fields>button:disabled{opacity:.55!important;cursor:wait!important}
.x8-coupon__applied{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.x8-coupon__code{display:inline-flex;align-items:center;gap:10px;padding:5px 8px;border:1px solid rgba(194,183,166,.4);font:700 10px Arial,sans-serif;color:#C2B7A6}
.x8-coupon__code button{background:transparent!important;color:#C2B7A6!important;border:0!important;padding:0 2px!important;font-size:16px!important;cursor:pointer}
.x8-coupon__info,.x8-coupon__feedback{font:400 11px/1.55 Arial,sans-serif!important;color:#C2B7A6!important;margin:9px 0 0!important}
.x8-coupon__feedback--error{color:#ffd7d2!important}
.x8-full-cart-coupon{margin-bottom:18px;max-width:460px}

/* The coupon-choice modal is separate from the checkout popup and never dims the page. */
.x8-coupon-choice{position:fixed;inset:0;z-index:1000001;display:none;align-items:center;justify-content:center;padding:16px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.x8-coupon-choice--open{display:flex}
.x8-coupon-choice__panel{width:min(100%,460px);padding:35px 27px 25px;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;position:relative;background:#201F19;color:#C2B7A6;border:1px solid rgba(194,183,166,.55);box-shadow:0 12px 45px rgba(0,0,0,.23);text-align:center}
.x8-coupon-choice__panel::before{position:absolute;content:"";height:4px;inset:0 0 auto;background:#67140E}
.x8-coupon-choice__panel h2{font:600 30px/1.1 Oswald,Impact,sans-serif!important;color:#C2B7A6!important;margin:0 0 14px!important}
.x8-coupon-choice__panel p{font:400 13px/1.6 Arial,sans-serif!important;color:#C2B7A6!important;margin:0 0 20px!important}
.x8-coupon-choice__panel>button{display:block;width:100%;padding:13px 16px;margin:0 0 8px;border:1px solid #67140E;border-radius:0;background:#67140E;color:#C2B7A6;font:700 12px Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
.x8-coupon-choice__panel>button[data-x8-choice="keep"]{background:transparent;border-color:rgba(194,183,166,.45)}

/* Keep the checkout popup accessible on short and mobile screens. */
.x8-checkout-offer{overflow-y:auto!important;overscroll-behavior:contain}
.x8-checkout-offer__panel{box-sizing:border-box;max-height:calc(100dvh - 28px);overflow-y:auto}
.x8-checkout-offer__backdrop{background:transparent!important;box-shadow:none!important}
@media(max-width:560px){
 .x8-coupon-choice__panel{padding:30px 17px 20px}
 .x8-coupon__fields{grid-template-columns:minmax(0,1fr) auto}
 .x8-discount-price{gap:3px}
}

/* Coupon savings: the native slide-out SUBTOTAL stays pre-coupon; show actual saving and total below it. */
#e8x8-cart-footer .x8-coupon-totals{margin:-2px 0 20px;padding:10px 0 13px;border-bottom:1px solid rgba(194,183,166,.3);color:#C2B7A6}
#e8x8-cart-footer .x8-coupon-totals>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
#e8x8-cart-footer .x8-coupon-totals__discount{color:rgba(194,183,166,.8)}
#e8x8-cart-footer .x8-coupon-totals__total{margin-top:6px;font-size:14px;font-weight:700;color:#C2B7A6}
#e8x8-cart-footer .x8-coupon-totals strong{white-space:nowrap;font-weight:700}
/* The popup must sit above the separate slide-out cart, including on mobile. */
body .x8-checkout-offer{z-index:2147483600!important}
body .x8-checkout-offer.x8-checkout-offer--open{display:flex!important}
body .x8-coupon-choice{z-index:2147483601!important}
body .x8-coupon-choice.x8-coupon-choice--open{display:flex!important}