@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--red:#ff282b;--yellow:#ffd23f;--muted:#aaa8a7;--border:#383333}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#100f0f;color:#f7f4ef;font:16px/1.6 Barlow,Arial,sans-serif}
a{color:inherit}
button,input{font:inherit}
button,.button{border:1px solid var(--red);background:var(--red);color:white;padding:12px 20px;cursor:pointer;font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:24px;border-radius:3px}
button:hover,.button:hover{background:#d9161d;border-color:#d9161d}
button:disabled{cursor:not-allowed;background:#343030;border-color:#454040;color:#b8b1b1}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
[hidden]{display:none!important}
header{max-width:1520px;margin:auto;height:86px;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}
header img{width:180px;max-width:34vw}
nav{display:flex;gap:28px;font-size:14px}
nav a{text-decoration:none}
main{max-width:1520px;margin:auto}
.hero{min-height:650px;position:relative;display:flex;align-items:center;padding:60px 6% 85px;background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.61) 44%,rgba(0,0,0,.05) 85%),linear-gradient(0deg,#100f0f,transparent 28%),url('assets/hot-deals/trail-hero.jpg') center 53%/cover}
.hero-content{max-width:630px;position:relative}
.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:700;color:var(--yellow);margin:0 0 18px}
h1{margin:0 0 20px;line-height:1}
.hot-logo{width:100%;max-width:570px;height:auto;display:block}
.hero-tagline{font:800 clamp(36px,4.5vw,62px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:20px 0}
.hero-tagline em{font-style:normal;color:var(--yellow)}
.hero-copy{max-width:470px;color:#d2cdca;font-size:16px;margin:24px 0}
.text-link{font-size:14px;text-underline-offset:5px}
.hero .text-link{margin-left:24px}
.hero-caption{position:absolute;bottom:25px;right:5%;font-size:10px;letter-spacing:.15em;color:#c7c2bd}
.drop-bar{margin:0 5%;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(100deg,#361013,#180f10 65%);border:1px solid #923037;border-top:3px solid var(--red);box-shadow:0 -3px 22px #ff252b55,inset 0 1px 20px #ff252b11;position:relative}
.drop-bar .eyebrow{color:#ff706f;letter-spacing:.14em}
.drop-bar p{font-size:13px;color:#c8b9b9;margin:7px 0 0}
.drop-bar>a{font-size:11px;color:#d1b8b8;text-decoration:none}
.live-dot{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}
.countdown{font:700 40px/1.1 'Barlow Condensed',Impact,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.08em;text-align:center}
.countdown span{display:block;margin-top:8px;font:600 9px/1.4 Barlow,Arial,sans-serif;letter-spacing:.18em;color:#d3bcbc}
.rules{display:flex;justify-content:center;gap:45px;padding:25px;font-size:10px;letter-spacing:.13em;color:#aaa3a0}
#status{margin:18px 5%;color:#ccc}
#status:empty{display:none}
#status.error{color:#ffb0a7}
#sign-in,#enrollment{margin:28px 5% 50px;padding:30px 35px;background:#1b1919;border:1px solid var(--border);border-left:3px solid var(--red)}
h2{font:700 38px/1.05 'Barlow Condensed',Impact,sans-serif;margin:0 0 14px;text-transform:uppercase}
#sign-in p,#enrollment p{color:#bbb4b0}
label{display:block}
input[type=checkbox]{accent-color:var(--red);margin-right:10px}
#enroll-form button{margin-top:20px}
#sale-view{padding:40px 5% 0}
.toolbar{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:30px}
.toolbar .eyebrow{margin-bottom:10px}
#next-release{font-size:13px;color:var(--muted);margin:0}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button,.follow{background:transparent;border-color:#514644;color:#e4dcda;font-size:13px;padding:9px 15px}
.filters button[aria-pressed=true],.follow[aria-pressed=true]{border-color:var(--red);background:#461b1d;color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{border:1px solid #373030;background:#1b1818;overflow:hidden;display:flex;flex-direction:column}
.image{position:relative;height:245px;background:#f5f3ef;padding:22px}
.image img{width:100%;height:100%;object-fit:contain}
.badge{position:absolute;top:15px;left:15px;background:#d91920;color:#fff;padding:5px 12px;font:700 20px 'Barlow Condensed',Impact,sans-serif;box-shadow:3px 3px 0 #0002}
.card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.sku{font-size:10px;letter-spacing:.15em;color:#a99b96}
h3{font:600 23px/1.18 'Barlow Condensed',Arial,sans-serif;margin:8px 0 15px;min-height:54px}
.price{font-size:29px;font-weight:700;margin:0;color:var(--yellow)}
del{font-size:14px;font-weight:400;color:#9d9390;margin-left:8px}
.stock{font-size:12px;color:#cec0b8;min-height:38px;margin:8px 0 16px}
.ladder{display:flex;gap:4px}
.ladder span{flex:1;text-align:center;background:#302b2a;padding:5px 0;font-size:11px;color:#a99d99;border-bottom:2px solid transparent}
.ladder .current{border-color:var(--red);background:#571d1f;color:#fff}
.drop{font-size:12px;color:#c8b4ad;min-height:42px}
.qty{display:flex;align-items:center;gap:15px;font-size:12px;margin-top:auto;margin-bottom:14px}
.qty input{width:68px;background:#110f0f;border:1px solid #514442;border-radius:2px;color:#fff;padding:5px 8px}
.card-actions{display:flex;gap:10px}
.card-actions>button:first-child{flex:1}
.card-actions button{padding:10px 12px;font-size:13px}
.empty{grid-column:1/-1;padding:45px;border:1px dashed #514442;color:#c8b4ad}
#preferences{margin:35px 0;border-top:1px solid var(--border);padding:20px 0;color:#b6aba5;font-size:14px}
summary{cursor:pointer;color:#f4eae3}
#preferences label{margin:14px 0}
.trail-story{margin:60px 5%;display:grid;grid-template-columns:1fr 1.1fr;background:linear-gradient(90deg,#191414ee,#191414dd),url('assets/hot-deals/trail-sliders.jpg') center/cover;border:1px solid #3b3030}
.trail-story>div{padding:45px}
.trail-story h2{font-size:56px}
.trail-story p:not(.eyebrow){max-width:380px;color:#c0b6af;font-size:15px}
.trail-story>img{width:100%;height:100%;min-height:330px;object-fit:cover}
.terms{padding:0 5% 40px;color:#aaa09c;font-size:13px;max-width:1100px}
.terms h2{font-size:27px;color:#e7ded8}
.terms p{margin:14px 0}
footer{border-top:1px solid #332a29;max-width:1520px;margin:auto;padding:30px 5%;font-size:11px;letter-spacing:.09em;color:#9f9691;display:flex;justify-content:space-between;gap:20px}
@media(min-width:1500px){.hero{min-height:710px}
}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.drop-bar>a{display:none}
.hero{background-position:62% center}
.toolbar{align-items:start;flex-direction:column}
.trail-story h2{font-size:44px}
}
@media(max-width:600px){header{height:70px}
nav{gap:16px;font-size:12px}
.hero{min-height:640px;padding:45px 6% 65px;background-image:linear-gradient(90deg,#000c,#0007),linear-gradient(0deg,#100f0f,transparent 40%),url('assets/hot-deals/trail-hero.jpg');background-position:60% center}
.hero .eyebrow{font-size:10px}
.hero-tagline{font-size:43px}
.hero-copy{font-size:14px;max-width:340px}
.hero-caption{font-size:8px;left:6%;right:auto}
.hero .text-link{margin-left:16px;font-size:12px}
.button{padding:12px 15px;font-size:14px}
.drop-bar{padding:22px 16px;gap:16px;align-items:center}
.drop-bar .eyebrow{font-size:9px;letter-spacing:.05em}
.drop-bar p{font-size:11px;max-width:150px}
.live-dot{margin-right:5px}
.countdown{font-size:30px}
.countdown span{font-size:8px;letter-spacing:.08em}
.rules{gap:12px;font-size:8px;padding:20px 5%;text-align:center}
.grid{grid-template-columns:1fr}
.image{height:270px}
h3{min-height:0}
.stock{min-height:0}
#sale-view{padding-top:25px}
#sign-in,#enrollment{padding:25px}
.trail-story{grid-template-columns:1fr;margin-top:40px}
.trail-story>div{padding:30px}
.trail-story>img{min-height:230px;max-height:300px}
.terms{font-size:12px}
footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}


.product-details{font-size:12px;color:#c8b4ad;text-underline-offset:3px;margin-bottom:14px}

/* Compact sale-first layout. */
.hero{min-height:480px;padding-top:30px;padding-bottom:45px}.hot-logo{max-width:390px}.hero-tagline{font-size:44px;margin:16px 0}.sale-explainer{max-width:460px;font-size:15px;color:#eee2d8;margin:12px 0 22px}.hero-caption{display:none}.drop-bar{padding:18px 25px}.rules{padding:18px}.toolbar{margin-bottom:20px}#sale-view{padding-top:24px}.card-body{padding:20px}.image{height:205px}h3{font-size:21px;margin-bottom:10px}.stock{min-height:0;color:var(--yellow);font-weight:600}.discount-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.discount-pair>span{padding:9px 12px;background:#2d2424;border-left:2px solid var(--red)}.discount-pair small{display:block;font-size:9px;letter-spacing:.12em;color:#bca6a0}.discount-pair strong{font:700 24px 'Barlow Condensed',Arial,sans-serif}.drop{min-height:0;margin:10px 0 16px}.terms{margin-top:30px}.how-simple{font-size:15px;color:#e8ded8;line-height:1.9}.terms details{margin-top:20px}.terms summary{font-size:13px}@media(max-width:600px){.hero{min-height:420px;padding-top:30px;padding-bottom:35px}.hot-logo{max-width:300px}.hero-tagline{font-size:36px}.sale-explainer{font-size:13px}.image{height:230px}.how-simple{font-size:13px}.drop-bar{padding:16px}}

/* Keep the drop clock on the lifestyle banner, with room for both at every size. */
.hero{flex-direction:column;align-items:stretch;gap:28px;padding-bottom:28px}
.hero .drop-bar{margin:0;width:100%;background:linear-gradient(100deg,#361013e8,#180f10dc);backdrop-filter:blur(8px)}
@media(max-width:600px){.hero{padding-bottom:22px;gap:20px}.hero .drop-bar{flex-wrap:wrap}.hero .drop-bar>div:first-child{flex:1 1 100%}.hero .drop-bar>a{font-size:10px}}

.deal-link{display:inline-block;margin-top:16px;color:#aaa;font-size:12px}.card:target{outline:2px solid #ffce32;outline-offset:4px}.price small{font-size:12px;color:#ccc}

/* High-energy deal cards, with a restrained animated heat line around live inventory. */
.card{position:relative;isolation:isolate;border-color:#543537;box-shadow:0 18px 40px #0007,inset 0 0 0 1px #ff2b3020;transition:transform .2s ease,box-shadow .2s ease}
.card::before{content:"";position:absolute;inset:-1px;z-index:1;padding:1px;background:linear-gradient(115deg,#ff292f,#6b171b 28%,#ff7b65 48%,#5c1519 70%,#ff292f);background-size:240% 240%;pointer-events:none;opacity:.78;animation:deal-simmer 5s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.card:hover{transform:translateY(-3px);box-shadow:0 24px 54px #0009,0 0 26px #ff2b302c}
.card.upcoming{border-color:#155b72;background:linear-gradient(180deg,#172126,#191818 42%);box-shadow:0 18px 40px #0007,inset 0 0 0 1px #31d5ff22}
.card.upcoming::before{background:linear-gradient(115deg,#16bfe9,#16495b 30%,#8eeaff 50%,#16495b 72%,#16bfe9);background-size:240% 240%}
.card.sold{filter:saturate(.65)}
@keyframes deal-simmer{to{background-position:240% 0}}
.image{overflow:hidden}.image img{transition:transform .35s ease}.card:hover .image img{transform:scale(1.035)}
.card-state{position:absolute;top:14px;left:14px;padding:5px 10px;background:#e01f25;color:#fff;border:1px solid #ff8c8f;box-shadow:0 3px 16px #0008;font:800 12px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.12em}
.upcoming .card-state{background:#057897;border-color:#65dcfa}.sold .card-state{background:#292525;border-color:#766b69}
.discount-pair{gap:10px}.discount-pair>span{position:relative;overflow:hidden}.discount-pair .discount-now{background:linear-gradient(135deg,#4c1014,#2d2020);border:1px solid #b42a30;border-left:4px solid var(--red);box-shadow:inset 0 0 20px #ff252518}.discount-pair .discount-now strong{display:block;color:#fff34d;font-size:32px;line-height:1;text-shadow:0 2px 0 #7d3500,0 0 16px #ffd23f55}.upcoming .discount-pair .discount-now{background:linear-gradient(135deg,#073b4a,#20282a);border-color:#1687a4;border-left-color:#20c7ee}.upcoming .discount-pair .discount-now strong{color:#7be5ff;text-shadow:0 2px 0 #064050,0 0 16px #20c7ee55}
.deal-countdown{margin:12px 0 4px;padding:12px 14px;background:#130d0e;border:1px solid #6e2528;box-shadow:inset 0 0 22px #ff252514;text-align:center}.deal-countdown>span,.deal-countdown>small{display:block;font-size:9px;letter-spacing:.15em;color:#da9b99}.deal-countdown strong{display:block;margin:3px 0;color:#fff;font:800 28px/1 'Barlow Condensed',Impact,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.08em}.release-countdown{border-color:#137b98;background:#0c1b20;box-shadow:inset 0 0 22px #20c7ee18}.release-countdown>span,.release-countdown>small{color:#72d8ee}.release-countdown strong{color:#8feaff}
.card-actions{align-items:stretch}.card-actions .follow{flex:1}.follow{min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-color:#12b7db!important;background:linear-gradient(135deg,#083642,#0c2026)!important;color:#8eeaff!important;box-shadow:inset 0 0 16px #17c5e51f;text-decoration:none}.follow:hover{border-color:#79e8ff!important;background:#0d4654!important}.follow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #20c7ee)}.follow span{text-align:left;line-height:1.05}.follow strong,.follow small{display:block}.follow strong{font:800 15px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.04em}.follow small{margin-top:4px;color:#a7dce7;font-size:9px;font-weight:600}.follow[aria-pressed=true]{border-color:#64f2b0!important;background:linear-gradient(135deg,#0a3f2e,#10241d)!important;color:#78f1b7!important}.guest-actions .follow{width:100%}.upcoming-actions{flex-direction:column}.regular-price{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border:1px solid #f0c54b;color:#ffe077;background:#2b2412;text-decoration:none;font-weight:800;font-size:13px}.regular-price:hover{background:#433718}.sold-note{color:#c5b7b3;font-weight:700}
#sign-in{padding:34px 38px;background:radial-gradient(circle at 90% 10%,#66151b55,transparent 38%),linear-gradient(135deg,#211b1b,#141212);border:1px solid #6d2b2e;border-left:4px solid var(--red);box-shadow:0 20px 46px #0008,inset 0 0 34px #ff29260d}.account-setup-art{display:block;width:min(100%,1080px);height:auto;margin:-12px 0 -6px}.account-setup-button{font:800 17px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 24px #ff282b35}
.follow-dialog{width:min(540px,calc(100% - 30px));padding:0;border:1px solid #168aa7;background:#171616;color:#f7f4ef;box-shadow:0 28px 90px #000d,0 0 40px #21c5e533}.follow-dialog::backdrop{background:#080707d9;backdrop-filter:blur(5px)}.follow-dialog form{position:relative;padding:34px;text-align:center}.follow-dialog-close{position:absolute;right:12px;top:12px;width:36px;height:36px;padding:0;border:0;background:transparent;color:#aaa;font-size:28px}.follow-dialog-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border:2px solid #26c7e8;background:linear-gradient(145deg,#083a47,#0b1c21);transform:rotate(45deg);box-shadow:0 0 24px #20c7ee44}.follow-dialog-icon svg{width:36px;transform:rotate(-45deg);fill:none;stroke:#8eeaff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.follow-dialog h2{margin-bottom:8px}.follow-dialog p{color:#c9c0bc}.follow-dialog #follow-dialog-product{color:#fff;font-weight:700}.follow-dialog-actions{display:flex;gap:10px;margin-top:24px}.follow-dialog-actions button{flex:1}.follow-dialog-actions .follow-cancel{background:transparent;border-color:#5b5050}
@media(max-width:760px){.discount-pair .discount-now strong{font-size:29px}.card-actions{flex-direction:column}.account-setup-art{margin:0}.follow-dialog-actions{flex-direction:column}.follow-dialog form{padding:30px 22px}.deal-countdown strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.card::before{animation:none}.card,.image img{transition:none}}

/* Consistent deal panels and actions; glow communicates availability. */
.card{border-radius:10px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card::before{border-radius:inherit;animation:none}
.card.live{border-color:#fa494e;box-shadow:0 0 0 1px #ff414138,0 0 22px #ff282b42,0 12px 30px #0007}
.card.live:hover,.card.live:focus-within{border-color:#ff8a7c;box-shadow:0 0 0 1px #ff6b6359,0 0 32px #ff282b66,0 16px 36px #0009}
.card.upcoming{border-color:#2788a0;box-shadow:0 0 16px #20c7ee1c,0 12px 30px #0007}
.card.upcoming:hover,.card.upcoming:focus-within{box-shadow:0 0 26px #20c7ee38,0 16px 36px #0009}
.card.sold{border-color:#514747;box-shadow:0 12px 30px #0005}
.card.sold::before{display:none}
.card.sold:hover{transform:none}
.card-body{padding:22px;gap:0}
.card h3{min-height:3.54em;overflow-wrap:anywhere}
.product-details{color:#d6c7c2;line-height:1.5}
.discount-pair>span{border-radius:5px;display:flex;flex-direction:column;justify-content:center;min-height:76px}
.deal-countdown{border-radius:5px}
.deal-controls{margin-top:auto;padding-top:8px}
.qty{justify-content:space-between;margin:0 0 12px;color:#d4c6c0;font-size:13px}
.qty input{min-height:44px;width:80px;border-radius:5px}
.card-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch}
.card-actions>button,.card-actions>a{width:100%;min-width:0;min-height:64px;margin:0;padding:12px 16px;border:1px solid;border-radius:5px;font:700 16px/1.2 'Barlow Condensed',Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.card-actions>button[data-buy]{border-color:#ff696b;background:linear-gradient(135deg,#ef252b,#bd171f);box-shadow:0 4px 16px #ff282b20}
.card-actions>button[data-buy]:hover:not(:disabled){background:#e3272e;box-shadow:0 4px 22px #ff282b40}
.card-actions>button:disabled{border-color:#514747;background:#302a2a;color:#aca3a0;box-shadow:none}
.card-actions .follow span{text-align:center}
.card-actions .follow strong{font-size:16px;line-height:1.2}
.card-actions .follow small{font:500 11px/1.3 Barlow,Arial,sans-serif;letter-spacing:0;text-transform:none;margin-top:3px}
.card-actions .follow svg{flex-shrink:0;width:20px;height:20px;filter:none}
.card-actions .regular-price{border-color:#827045;background:#292418;color:#f8d77c}
.card-actions .regular-price:hover{background:#3b311b;border-color:#d1ad54}
.deal-link{display:block;min-height:36px;margin-top:12px;padding:7px;text-align:center;text-underline-offset:4px;color:#c1b5b0;font-size:12px}
.filters button{min-height:44px;border-radius:5px;padding:10px 18px}
.follow-dialog-actions button{min-height:52px;border-radius:5px}
@media(max-width:600px){.card-body{padding:20px}.card h3{min-height:0}.grid{gap:26px}.card-actions>button,.card-actions>a{min-height:64px}}
@media(prefers-reduced-motion:reduce){.card,.card-actions>button,.card-actions>a{transition:none}.card:hover{transform:none}}

/* Bright sale floor, compact introduction. */
:root{color-scheme:light;--red:#c91f2b;--yellow:#a44c00;--muted:#645e58;--border:#ddd5cd}
body{background:#f7f4ee;color:#26211e}
header{height:68px;max-width:none;background:#fff;border-bottom:1px solid #e5dfd6;padding:12px max(5%,calc((100vw - 1368px)/2))}
header img{width:155px}nav a{font-weight:600;color:#39312b}nav a:hover{color:var(--red)}
main{max-width:1520px}
.hero{min-height:0;display:block;padding:26px 5%;background:linear-gradient(90deg,#fff5e9 0%,#fff5e9f5 47%,#fff5e9b3 70%,#fff5e938),url('assets/hot-deals/trail-hero.jpg') right 48%/cover;border-bottom:1px solid #e9dccb}
.hero-content{max-width:940px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:38px;align-items:center}
h1{margin:0}.hot-logo{width:100%;max-width:280px;filter:drop-shadow(0 6px 8px #6d301520)}
.eyebrow{color:#ae1a26;font-size:10px;letter-spacing:.14em;margin-bottom:8px}
.hero-tagline{font-size:38px;line-height:1.02;margin:0 0 10px;text-transform:uppercase;color:#29201b}.hero-tagline em{color:#c91f2b}
.sale-explainer{font-size:14px;line-height:1.5;color:#50443a;max-width:430px;margin:0 0 8px}
.hero .text-link{margin:0;font-size:12px;font-weight:600;color:#752b26}
.drop-bar{margin:0 5%;padding:14px 22px;gap:20px;background:#fff;border:1px solid #f0b3ae;border-top:3px solid #ef3841;border-radius:0 0 8px 8px;box-shadow:0 4px 18px #e8393020}
.drop-bar .eyebrow{color:#b9232b;font-size:10px}.drop-bar p{color:#6d514b;font-size:12px;margin-top:3px}.live-dot{background:#e52c36;box-shadow:0 0 10px #ef384177}
.countdown{color:#b31b27;font-size:32px;letter-spacing:.05em}.countdown span{color:#6c5850;font-size:8px;letter-spacing:.12em;margin-top:4px}
.drop-bar>a{display:block;color:#b31b27;font-size:13px;font-weight:700;white-space:nowrap}
#status{color:#645e58;font-size:13px;margin:12px 5%}#status.error{color:#ae1524}
#sign-in.member-strip{margin:16px 5% 0;padding:12px 16px;border:1px solid #e5dcd1;border-radius:7px;background:#fffaf2;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:18px}
#sign-in.member-strip p{color:#64584d;margin:0;font-size:13px;line-height:1.5}#sign-in.member-strip strong{color:#30271f}
.member-strip>a{flex-shrink:0;color:#b11a25;font-size:13px;font-weight:700;text-underline-offset:4px;padding:8px 0;display:inline-flex;gap:12px;align-items:center}
#enrollment{margin:16px 5% 0;padding:18px 22px;border:1px solid #e5dcd1;border-radius:8px;background:#fff}#enrollment h2{font-size:26px}#enrollment p{color:#65574b;font-size:14px;margin:6px 0}#enrollment label{font-size:13px}#enroll-form button{margin-top:12px}
#sale-view{padding-top:24px}.toolbar{margin-bottom:18px;align-items:center}h2{font-size:30px}.toolbar h2{margin-bottom:5px}#next-release{font-size:12px;color:#6b625a}
.filters button{color:#53463d;border-color:#d9cfc5;background:#fff}.filters button:hover{background:#fff0ec}.filters button[aria-pressed=true]{color:#b11b28;border-color:#d55359;background:#fff0ed}
.grid{gap:24px}.card{background:#fff;color:#29231f;border-radius:10px}.card.live{border-color:#e86067;box-shadow:0 0 0 1px #ff414115,0 0 20px #f02c3226,0 8px 20px #47241c0a}.card.live:hover,.card.live:focus-within{box-shadow:0 0 24px #f02c3242,0 12px 24px #47241c14}
.card.upcoming{background:#fff;border-color:#6daebb;box-shadow:0 0 18px #20a3c019,0 8px 20px #18363e0a}.card.upcoming:hover,.card.upcoming:focus-within{box-shadow:0 0 24px #20a3c030,0 12px 24px #18363e14}.card.sold{border-color:#cdc6bd;background:#f5f2ed;box-shadow:none}
.image{background:#fff;border-bottom:1px solid #f0ebe5;height:195px}.card-body{padding:20px}.sku{color:#78695d}.product-details{color:#6b5548}.price{color:#b5212c}del{color:#80736a}.price small{color:#6b5f54}.stock{color:#775115}
.discount-pair>span{background:#f3f0eb;border:1px solid #e2d9cf;border-left:3px solid #b6a18b}.discount-pair small{color:#69594d}.discount-pair strong{color:#49372b}.discount-pair .discount-now{background:#fff0e9;border-color:#f0b1a2;border-left-color:#e6373f;box-shadow:none}.discount-pair .discount-now strong{color:#ba202c;text-shadow:none}
.upcoming .discount-pair .discount-now{background:#ebf8fc;border-color:#9ccfdb;border-left-color:#1587a2}.upcoming .discount-pair .discount-now strong{color:#0b637c;text-shadow:none}
.deal-countdown{background:#fff8f4;border-color:#eed1c2;box-shadow:none;padding:10px}.deal-countdown>span,.deal-countdown>small{color:#856050}.deal-countdown strong{color:#94342c}.release-countdown{background:#f0faff;border-color:#c3dfe7}.release-countdown>span,.release-countdown>small{color:#486f7b}.release-countdown strong{color:#145e75}.drop{color:#766252;font-size:12px}
.qty{color:#65554a}.qty input{background:#fff;border-color:#cec1b4;color:#2c231e}.card-actions>button[data-buy]{background:#c91f2b;border-color:#b51e29;box-shadow:0 4px 12px #cf24251a}
.card-actions .follow{border-color:#82b7c4!important;background:#eef8fb!important;color:#175e71!important;box-shadow:none}.card-actions .follow:hover{background:#def1f6!important;border-color:#367e91!important}.follow small{color:#4f7180}.follow[aria-pressed=true]{background:#e7f5ee!important;color:#215c40!important;border-color:#83b79c!important}
.card-actions .regular-price{background:#fff8e9;border-color:#d8bf7d;color:#75500f}.card-actions .regular-price:hover{background:#ffefc7}.card-actions>button:disabled{background:#e8e3de;color:#756b63;border-color:#cec4ba;box-shadow:none}.deal-link{color:#766354}.sold-note{color:#6b6157}
#preferences{color:#6e5e50;border-color:#ddd3c7}summary{color:#453329}.terms{margin-top:30px;padding-bottom:28px;color:#756557}.terms h2{color:#3d2c22}.how-simple{color:#5f4a3b;font-size:14px}.terms details{padding:15px 0;border-top:1px solid #ddd3c7}
footer{border-color:#dfd5c9;color:#756557;padding-top:20px;padding-bottom:20px}
.follow-dialog{background:#fff;color:#2b241f;border-color:#9ac3ce;box-shadow:0 24px 80px #36231c55;border-radius:12px}.follow-dialog::backdrop{background:#33281b80}.follow-dialog p{color:#6c5b4e}.follow-dialog #follow-dialog-product{color:#30271f}.follow-dialog-close{color:#6c5b4e}.follow-dialog-icon{background:#edf8fc;box-shadow:none}.follow-dialog-icon svg{stroke:#126a83}.follow-dialog-actions .follow-cancel{color:#655347;border-color:#c9bcb0}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#146e98}
@media(max-width:1000px){.hero-content{grid-template-columns:230px minmax(0,1fr);gap:28px}.toolbar{flex-direction:row}.hero{background-position:65% center}}
@media(max-width:600px){header{height:58px;padding:10px 5%}header img{width:125px}nav{gap:16px;font-size:12px}.hero{min-height:0;padding:22px 5%;background-image:linear-gradient(90deg,#fff5e9f5,#fff5e9d6),url('assets/hot-deals/trail-hero.jpg')}.hero-content{grid-template-columns:1fr;gap:14px}.hot-logo{max-width:190px}.hero-tagline{font-size:30px}.hero-tagline br{display:none}.hero-tagline em::before{content:' '}.sale-explainer{font-size:13px;margin-bottom:5px}.hero-message .eyebrow{font-size:9px}.drop-bar{padding:12px;gap:12px;flex-wrap:wrap}.drop-bar>div:first-child{flex:1;min-width:140px}.countdown{font-size:28px}.drop-bar>a{display:none}.drop-bar p{font-size:11px}.drop-bar .eyebrow{font-size:9px}#sign-in.member-strip{display:block;padding:10px 14px;margin-top:12px}.member-strip>a{padding:6px 0 0;min-height:36px}.toolbar{align-items:start;flex-direction:column;gap:12px}.toolbar h2{font-size:28px}#sale-view{padding-top:20px}.grid{gap:22px}.image{height:210px}.card-body{padding:18px}.terms{font-size:12px}}
@media(max-width:600px){.hero{padding:18px 5%}.hero-content{grid-template-columns:105px minmax(0,1fr);gap:18px}.hot-logo{max-width:105px}.hero-message .eyebrow{display:none}.hero-tagline{font-size:26px;line-height:1.05}.sale-explainer{font-size:12px}.member-strip p strong{display:none}.drop-bar p{max-width:none}}

/* Keep the shopping controls visible above the page and on narrow screens. */
body > header {position:sticky;top:0;z-index:50;box-shadow:0 2px 14px #21170c12;}
body > header nav {display:flex;align-items:center;gap:18px;}
.hot-cart-open {display:inline-flex;align-items:center;gap:8px;background:#b51624;color:#fff;border:0;border-radius:8px;padding:12px 18px;min-height:44px;font:700 14px inherit;white-space:nowrap;}
.hot-cart-open span {background:#fff;color:#a6101c;border-radius:20px;min-width:22px;padding:2px 5px;}
.checkout-banner {margin:16px auto;max-width:1120px;background:#fff4df;border:1px solid #e8bb66;border-radius:10px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.checkout-banner[hidden] {display:none;}
.checkout-banner p {margin:0;line-height:1.5;}
.checkout-banner button,.hot-cart-dialog button {min-height:44px;border-radius:7px;padding:12px 18px;cursor:pointer;}
.hot-cart-dialog {box-sizing:border-box;width:min(520px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:26px;border:1px solid #dfd5c9;border-radius:14px;background:#fff;color:#241c16;box-shadow:0 18px 70px #0004;}
.hot-cart-dialog::backdrop {background:#17110db3;}
.hot-cart-dialog h2 {margin:0 42px 24px 0;}
.hot-cart-dialog h3 {font-size:18px;line-height:1.4;}
.hot-cart-dialog p {line-height:1.6;}
.hot-cart-dialog .cart-close {position:absolute;right:12px;top:10px;background:#f3eee8;color:#241c16;border:0;font-size:24px;}
.cart-buttons {display:grid;gap:10px;margin:20px 0;}
.cart-buttons button {background:#b51624;color:white;border:1px solid #b51624;}
.cart-buttons .secondary,.hot-cart-dialog .regular-cart-open {background:#faf7f2;color:#33251b;border:1px solid #cbbcae;}
.hot-cart-dialog .regular-cart-open {width:100%;margin-top:12px;}
.cart-help {font-size:13px;color:#675d54;border-top:1px solid #e8dfd6;padding-top:14px;}
.card {scroll-margin-top:90px;}
@media(max-width:600px){body > header {padding:10px 14px;}body > header img {width:110px;}body > header nav {gap:10px;}body > header nav a {font-size:12px;} .hot-cart-open {padding:10px;font-size:12px;} .checkout-banner {margin:12px 14px;flex-wrap:wrap;} }

.hot-cart-dialog h3 {min-height:0;}
#hot-cart-status:empty {display:none;}
#hot-cart-status {color:#a6101c;}
/* Shopping-first layout: product, fitment, price and purchase stay together. */
.hero{padding:20px 5%;min-height:0}.hero-content{grid-template-columns:150px minmax(0,1fr);gap:28px}.hot-logo{max-width:150px}.hero-tagline{font-size:32px;line-height:1.05;margin:4px 0 8px}.hero-tagline br{display:none}.hero-tagline em::before{content:' '}.hero-message .eyebrow{margin:0 0 6px}.sale-explainer{margin:0 0 6px;max-width:680px;font-size:14px}.drop-bar{padding:12px 20px;margin-top:0}.countdown{font-size:28px}.drop-bar p{margin:5px 0 0}.drop-bar .countdown span{font-size:9px}
#sale-view{padding-top:20px}.toolbar{margin-bottom:12px}.toolbar h2{font-size:27px}.toolbar p{font-size:12px}.shop-tools{display:flex;gap:12px;align-items:center;margin:0 0 18px}.shop-tools label{font-weight:700}.shop-tools select{padding:11px 34px 11px 12px;min-height:44px;background:white;border:1px solid #c7bdb3;border-radius:6px;color:#33251b;font:inherit}.shop-tools span{margin-left:auto;font-size:13px;color:#62554d}
.grid{gap:18px}.image{height:165px}.card-body{padding:16px;display:flex;flex-direction:column;gap:8px}.card h3{min-height:0;font-size:21px;line-height:1.2;margin:0}.sku{font-size:10px}.product-details{font-size:13px;line-height:1.4;margin:0;min-height:36px;display:flex;align-items:center}.price{font-size:29px;margin:0;line-height:1.1}del{font-size:14px}.stock{font-size:13px;margin:0}.discount-badge{font-size:12px;font-weight:750;color:#a71927;background:#fff1ed;border-radius:5px;padding:6px 9px;align-self:start}.deal-controls{margin-top:auto}.qty{margin:10px 0;display:flex;justify-content:space-between;align-items:center}.qty input{min-height:44px;width:76px;padding:8px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-actions>button[data-buy],.card-actions>.add-deal{min-height:46px;padding:10px;font-size:15px;border-radius:6px}.card-actions>.add-deal{background:#fff;color:#a41b26;border:1px solid #b51e29}.card-actions .follow{grid-column:1/-1;min-height:40px!important;padding:7px 10px!important;background:transparent!important;border-color:transparent!important;justify-content:center}.follow strong{font-size:12px}.follow small{font-size:11px}.follow svg{width:16px;height:16px}.guest-actions>.regular-price{grid-column:1/-1;min-height:46px;background:#bf1d2b;color:white}.upcoming-actions>*{grid-column:1/-1}.deal-countdown{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 0;background:none;border:0;margin:4px 0 0}.deal-countdown>span,.deal-countdown>small{font-size:11px;letter-spacing:0;text-transform:none}.deal-countdown strong{font-size:14px;letter-spacing:0}.floor-price{font-size:12px;color:#665346;text-align:center;margin:8px 0}.deal-link{font-size:11px;display:block;text-align:center;margin:4px 0 0;padding:6px}.basket-line{border-bottom:1px solid #e7ded7;padding:12px 0}.basket-line strong{font-size:15px}.basket-line p{margin:4px 0}.basket-line button{float:right;background:#f5f0eb;border:1px solid #d4c8bd;color:#493629}.basket-total{display:flex;justify-content:space-between}.basket-checkout{width:100%;background:#bd1c2a;border:0;color:white;font-weight:700}.hot-cart-dialog button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.hero{padding:14px 5%}.hero-content{grid-template-columns:80px 1fr;gap:14px}.hot-logo{max-width:80px}.hero-tagline{font-size:23px}.sale-explainer{font-size:12px}.hero-message .text-link{font-size:12px}.drop-bar{padding:10px 12px}.drop-bar p{display:none}.countdown{font-size:23px}.shop-tools{flex-wrap:wrap;gap:8px}.shop-tools select{flex:1;min-width:0;max-width:100%;font-size:13px}.shop-tools label{font-size:12px}.shop-tools span{width:100%;margin:0}.grid{gap:16px}.image{height:180px}.card h3{font-size:22px}.card-body{padding:16px}.toolbar{gap:8px}.toolbar .filters{gap:6px}.toolbar .filters button{min-height:44px}.card-actions>button[data-buy],.card-actions>.add-deal{min-height:48px}.hot-cart-dialog{padding:22px}}

/* Savings-led cards: current value first, next markdown secondary. */
.savings-callout{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;background:#991824;color:#ffe367;border-radius:7px;padding:10px 12px;margin:2px 0 4px;border:1px solid #c92130}
.savings-callout>span:first-child{font-size:11px;font-weight:800;letter-spacing:.08em;width:100%;line-height:1}
.savings-callout>strong{font-family:'Barlow Condensed',sans-serif;font-size:39px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.savings-callout .discount-badge{margin-left:auto;background:#ffe367;color:#541015;font-size:15px;line-height:1.2;padding:7px 9px}
.card .card-state{background:#b51624;color:#fff;font-weight:800;font-size:14px;border:0;padding:7px 12px}
.card.upcoming .card-state{background:#175e71}.card.upcoming .savings-callout{background:#175e71;border-color:#175e71}
.card .price{font-size:32px;font-weight:800}.card .stock{font-weight:700;color:#644309}.card .card-actions>button,.card .card-actions>a{border-radius:7px;min-height:48px}
.card .deal-countdown{border-top:1px solid #eadfd5;padding-top:10px;margin-top:8px}.card .floor-price{font-weight:700}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Purchase-first hierarchy: current unit price leads; savings supports it. */
.card-body .price{order:1;font-size:38px;line-height:1.15;margin:14px 0 8px;color:#991824}
.card-body .price>small:first-child{display:block;font:600 12px/1.5 Barlow,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#62564c;margin-bottom:5px}
.card-body .price del{font-size:17px;color:#aaa}
.card-body .savings-callout{order:2;background:none;border:0;padding:0;box-shadow:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;font-size:12px}
.card-body .savings-callout strong{font-size:19px;color:#8f1925}
.card-body .savings-callout>span:first-child{width:auto;color:#62564c}
.card-body .savings-callout .discount-badge{font-size:12px}
.card-body .stock{order:3}
.card-body .deal-controls{order:4}
.guest-actions .regular-price,.deal-buy{display:flex;justify-content:center;text-align:center;background:#dc2027;border:1px solid #ff4248;border-radius:3px;padding:13px 16px;color:#fff;font-weight:700;text-decoration:none}
.guest-actions .regular-price:hover,.deal-buy:hover{background:#b91720}
.buy-note{display:block;color:#62564c;font-size:12px;text-align:center;grid-column:1/-1}
