:root{
  --bg:#050302;--bg2:#0D0705;--bg3:#160A05;--card:#100806;
  --ember:#C84805;--ember2:#E06318;--glow:#F09530;
  --red:#FF3820;--text:#F5EDE5;--text2:#8C6A52;
  --border:rgba(200,72,5,0.22);--gold:#D4AF37;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Syne',sans-serif;min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
img{max-width:100%}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--ember);border-radius:2px}

#page-loader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;transition:opacity .7s ease,visibility .7s ease}
#page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-logo{font-family:'Bebas Neue',sans-serif;font-size:5rem;letter-spacing:.2em;color:var(--ember);animation:loaderPulse 1.2s ease-in-out infinite}
.loader-bar-wrap{width:200px;height:2px;background:rgba(200,72,5,.15)}
.loader-bar{height:100%;background:var(--ember);width:0;animation:loadBar 1.2s ease-in-out forwards}
@keyframes loaderPulse{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes loadBar{0%{width:0}100%{width:100%}}

#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:70px;background:rgba(5,3,2,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.2em;color:var(--ember);cursor:pointer}
.nav-logo span{color:var(--text)}
.nav-links{display:flex;gap:2rem;align-items:center}
.nav-link{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text2);transition:color .25s;cursor:pointer;position:relative;padding-bottom:2px}
.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--ember);transition:width .3s}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-link:hover,.nav-link.active{color:var(--ember)}
.nav-actions{display:flex;gap:1.2rem;align-items:center}
.nav-icon{color:var(--text2);cursor:pointer;transition:color .25s;padding:.4rem;display:flex;align-items:center;justify-content:center;background:none;border:none;position:relative}
.nav-icon:hover{color:var(--ember)}
.nav-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:.55rem;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.nav-badge.hidden{display:none}
.cart-badge{position:relative}
.cart-badge::after{content:attr(data-count);position:absolute;top:-6px;right:-6px;background:var(--red);color:#fff;font-size:.6rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.cart-badge[data-count="0"]::after{display:none}
.nav-points{display:flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border:1px solid rgba(212,175,55,.3);font-size:.68rem;letter-spacing:.12em;color:var(--gold);cursor:pointer;transition:all .2s}
.nav-points:hover{border-color:var(--gold);background:rgba(212,175,55,.06)}
.nav-points-icon{font-size:.8rem}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.4rem;background:none;border:none}
.hamburger span{width:22px;height:1.5px;background:var(--text);transition:.3s;display:block}

.page{display:none;min-height:100vh;padding-top:70px;animation:pageFade .4s ease}
.page.active{display:block}
@keyframes pageFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,rgba(200,72,5,.15) 0%,transparent 65%),radial-gradient(ellipse at 20% 80%,rgba(240,149,48,.07) 0%,transparent 50%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,72,5,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(200,72,5,.035) 1px,transparent 1px);background-size:60px 60px}
.hero-content{position:relative;z-index:2;text-align:center;padding:2rem}
.hero-kicker{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ember);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;justify-content:center;animation:heroFade .8s ease .2s both}
.hero-kicker::before,.hero-kicker::after{content:'';flex:1;max-width:60px;height:1px;background:var(--ember);opacity:.5}
.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(5rem,15vw,14rem);line-height:.88;letter-spacing:-.01em;color:var(--text);animation:heroSlide .8s ease .1s both}
.hero-title .accent{color:var(--ember)}
.hero-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,2.5vw,1.4rem);font-style:italic;color:var(--text2);margin:1.5rem 0 2.5rem;letter-spacing:.05em;animation:heroFade .8s ease .3s both}
.btn-primary{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 2.5rem;background:var(--ember);color:#050302;font-family:'Syne',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;border:none}
.btn-primary:hover{background:var(--ember2);transform:translateY(-2px);box-shadow:0 12px 40px rgba(200,72,5,.35)}
.btn-ghost{display:inline-flex;align-items:center;gap:.8rem;padding:.85rem 2.2rem;border:1px solid var(--border);color:var(--text);font-family:'Syne',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;background:none}
.btn-ghost:hover{border-color:var(--ember);color:var(--ember)}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:heroFade .8s ease .4s both}
.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--text2);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;animation:float 2s ease-in-out infinite}
.scroll-hint::after{content:'';width:1px;height:50px;background:linear-gradient(var(--ember),transparent)}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
@keyframes heroSlide{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

.marquee-wrap{overflow:hidden;background:var(--ember);padding:.7rem 0}
.marquee-track{display:flex;gap:3rem;white-space:nowrap;animation:marquee 18s linear infinite}
.marquee-item{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:.15em;color:#050302;display:flex;align-items:center;gap:3rem}
.marquee-item::after{content:'✦';font-size:.7rem}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.section{padding:6rem 5vw}
.section-header{margin-bottom:3.5rem;text-align:center}
.section-kicker{font-size:.68rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ember);margin-bottom:.8rem}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:.04em;line-height:1}
.section-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.1rem;color:var(--text2);margin-top:.8rem}

.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5px;background:var(--border);border:1px solid var(--border)}
.product-card{background:var(--card);cursor:pointer;transition:all .35s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}
.product-card:hover{background:#1A0C06;transform:translateY(-2px)}
.product-card:hover .product-img-placeholder{transform:scale(1.08)}
.product-img-wrap{aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#140A04,#0A0502);display:flex;align-items:center;justify-content:center;position:relative}
.product-img-placeholder{font-size:5rem;transition:transform .4s ease}
.product-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .8rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.badge-new{background:var(--ember);color:#050302}
.badge-hot{background:var(--red);color:#fff}
.product-info{padding:1.4rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;flex:1}
.product-brand{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ember)}
.product-name{font-size:1rem;font-weight:600;letter-spacing:.04em}
.product-price{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--glow);margin-top:.3rem}
.product-price .original{font-size:.9rem;color:var(--text2);text-decoration:line-through;margin-left:.4rem}
.product-points{font-size:.65rem;letter-spacing:.1em;color:var(--gold);margin-top:.1rem}
.product-actions{display:flex;gap:.5rem;margin-top:.8rem}
.btn-add{flex:1;padding:.65rem;background:var(--ember);color:#050302;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:all .25s;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);border:none;cursor:pointer}
.btn-add:hover{background:var(--ember2)}
.btn-wishlist{padding:.65rem .9rem;border:1px solid var(--border);color:var(--text2);transition:all .25s;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:none;cursor:pointer;font-size:1rem}
.btn-wishlist:hover{border-color:var(--red);color:var(--red)}
.btn-wishlist.wishlisted{border-color:var(--red);color:var(--red)}

#cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:95vw;background:var(--bg2);z-index:2000;transform:translateX(100%);transition:transform .4s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;border-left:1px solid var(--border)}
#cart-drawer.open{transform:translateX(0)}
#cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px)}
#cart-overlay.open{opacity:1;pointer-events:all}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.8rem;border-bottom:1px solid var(--border)}
.drawer-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.12em}
.drawer-close{color:var(--text2);font-size:1.4rem;padding:.3rem;transition:color .2s;background:none;border:none;cursor:pointer}
.drawer-close:hover{color:var(--red)}
.drawer-items{flex:1;overflow-y:auto;padding:1.2rem 1.8rem;display:flex;flex-direction:column;gap:1rem}
.drawer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text2);font-style:italic}
.cart-item{display:flex;gap:1rem;padding:1rem;background:var(--bg3);border:1px solid var(--border)}
.cart-item-img{width:70px;height:70px;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}
.cart-item-info{flex:1;min-width:0}
.cart-item-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-item-size{font-size:.7rem;color:var(--text2);margin:.2rem 0}
.cart-item-price{color:var(--glow);font-family:'Cormorant Garamond',serif;font-size:1.1rem}
.cart-item-actions{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}
.qty-btn{width:22px;height:22px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text2);transition:all .2s;background:none;cursor:pointer}
.qty-btn:hover{border-color:var(--ember);color:var(--ember)}
.qty-num{font-size:.85rem;min-width:20px;text-align:center}
.cart-item-remove{margin-left:auto;color:var(--text2);font-size:.9rem;transition:color .2s;background:none;border:none;cursor:pointer}
.cart-item-remove:hover{color:var(--red)}
.cart-rewards-row{padding:1rem 1.8rem;border-top:1px solid var(--border);background:rgba(212,175,55,.04)}
.cart-rewards-inner{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.cart-rewards-label{font-size:.72rem;letter-spacing:.12em;color:var(--gold)}
.cart-rewards-val{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold)}
.btn-redeem{padding:.35rem .9rem;border:1px solid rgba(212,175,55,.4);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);transition:all .2s;background:none;cursor:pointer;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.btn-redeem:hover{background:rgba(212,175,55,.1);border-color:var(--gold)}
.btn-redeem.active{background:rgba(212,175,55,.15);border-color:var(--gold)}
.drawer-footer{padding:1.5rem 1.8rem;border-top:1px solid var(--border)}
.drawer-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.2rem}
.drawer-total-label{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text2)}
.drawer-total-amount{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--glow)}
.btn-checkout{width:100%;padding:1rem;background:var(--ember);color:#050302;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.6rem;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:none;cursor:pointer}
.btn-checkout:hover{background:var(--ember2)}

#size-modal{position:fixed;inset:0;z-index:3500;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .3s}
#size-modal.open{opacity:1;pointer-events:all}
#size-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}
.size-modal-box{position:relative;z-index:2;background:var(--bg2);border:1px solid var(--border);padding:2.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}
.size-modal-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.08em;margin-bottom:1.5rem}
.size-table{width:100%;border-collapse:collapse;font-size:.82rem}
.size-table th{padding:.6rem 1rem;text-align:left;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--border)}
.size-table td{padding:.7rem 1rem;border-bottom:1px solid rgba(200,72,5,.08);color:var(--text)}
.size-table tr:hover td{background:rgba(200,72,5,.04)}
.size-modal-note{font-size:.8rem;color:var(--text2);margin-top:1.2rem;font-family:'Cormorant Garamond',serif;font-style:italic;line-height:1.6}
.size-modal-close{position:absolute;top:1rem;right:1rem;color:var(--text2);font-size:1.2rem;padding:.4rem;transition:color .2s;background:none;border:none;cursor:pointer}
.size-modal-close:hover{color:var(--red)}

.cat-banner{position:relative;padding:7rem 5vw 4rem;overflow:hidden;border-bottom:1px solid var(--border)}
.cat-banner-bg{position:absolute;inset:0}
.cat-banner-luxury{background:radial-gradient(ellipse at 70% 50%,rgba(200,72,5,.18) 0%,transparent 65%),radial-gradient(ellipse at 20% 80%,rgba(240,149,48,.08) 0%,transparent 55%)}
.cat-banner-sport{background:radial-gradient(ellipse at 30% 40%,rgba(200,72,5,.2) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(255,56,32,.1) 0%,transparent 55%)}
.cat-banner-limited{background:radial-gradient(ellipse at 50% 50%,rgba(240,149,48,.14) 0%,transparent 60%)}
.cat-banner-content{position:relative;z-index:2;max-width:700px}
.cat-banner-tag{font-size:.68rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ember);margin-bottom:1rem}
.cat-banner-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(4rem,10vw,9rem);letter-spacing:.04em;line-height:.9;margin-bottom:1.2rem}
.cat-banner-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.15rem;color:var(--text2);max-width:500px;line-height:1.65}

.shop-header{padding:5rem 5vw 3rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(200,72,5,.06),transparent)}
.shop-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,7rem);letter-spacing:.05em}
.shop-controls{display:flex;align-items:center;gap:1rem;padding:1.5rem 5vw;border-bottom:1px solid var(--border);flex-wrap:wrap}
.filter-btn{padding:.5rem 1.2rem;border:1px solid var(--border);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text2);transition:all .25s;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);background:none;cursor:pointer}
.filter-btn:hover,.filter-btn.active{border-color:var(--ember);color:var(--ember);background:rgba(200,72,5,.06)}
.sort-select{margin-left:auto;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.5rem 2rem .5rem 1rem;font-family:'Syne',sans-serif;font-size:.75rem;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238c6a52'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}
.shop-grid{padding:2rem 5vw}
.shop-grid .products-grid{max-width:1400px;margin:0 auto}

.detail-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text2);cursor:pointer;transition:color .2s;padding:1.5rem 5vw 0;max-width:1200px;margin:0 auto}
.detail-back:hover{color:var(--ember)}
.detail-wrap{max-width:1200px;margin:0 auto;padding:2rem 5vw 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.detail-img-area{position:sticky;top:90px;aspect-ratio:1;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10rem;overflow:hidden}
.detail-img-area img{width:100%;height:100%;object-fit:cover;display:none}
.detail-img-area img.loaded{display:block}
.detail-img-emoji{font-size:10rem;transition:.3s}
.detail-brand{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ember)}
.detail-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.04em;line-height:1;margin:.5rem 0 1rem}
.detail-price{font-family:'Cormorant Garamond',serif;font-size:2.2rem;color:var(--glow);display:flex;align-items:baseline;gap:1rem}
.detail-original{font-size:1.3rem;color:var(--text2);text-decoration:line-through}
.detail-earn{font-size:.72rem;color:var(--gold);letter-spacing:.1em;margin-top:.3rem}
.detail-divider{height:1px;background:var(--border);margin:1.5rem 0}
.detail-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text2);margin-bottom:.8rem;display:flex;align-items:center;gap:1rem}
.btn-size-guide{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ember);cursor:pointer;transition:color .2s;background:none;border:none;padding:0;margin-left:auto}
.btn-size-guide:hover{color:var(--ember2)}
.size-grid{display:flex;flex-wrap:wrap;gap:.5rem}
.size-btn{min-width:50px;padding:.5rem .8rem;border:1px solid var(--border);font-size:.8rem;text-align:center;transition:all .2s;cursor:pointer;background:none;color:var(--text);font-family:'Syne',sans-serif;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.size-btn:hover{border-color:var(--ember);color:var(--ember)}
.size-btn.selected{background:var(--ember);color:#050302;border-color:var(--ember)}
.detail-desc{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--text2);line-height:1.7;margin:1.5rem 0}
.detail-features{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}
.detail-features li{font-size:.82rem;color:var(--text2);display:flex;align-items:center;gap:.7rem}
.detail-features li::before{content:'→';color:var(--ember)}
.detail-actions{display:flex;gap:.8rem;margin-top:1.5rem}
.btn-atc{flex:1;padding:1.1rem;background:var(--ember);color:#050302;font-size:.82rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.7rem;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:none;cursor:pointer}
.btn-atc:hover{background:var(--ember2);box-shadow:0 8px 30px rgba(200,72,5,.3)}
.btn-detail-wish{padding:1.1rem 1.3rem;border:1px solid var(--border);color:var(--text2);transition:all .25s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:none;cursor:pointer;font-size:1.2rem}
.btn-detail-wish:hover{border-color:var(--red);color:var(--red)}
.btn-detail-wish.wishlisted{border-color:var(--red);color:var(--red)}

.checkout-wrap{max-width:1100px;margin:0 auto;padding:4rem 5vw;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem}
.checkout-title{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;letter-spacing:.08em;margin-bottom:2rem}
.form-group{margin-bottom:1.2rem}
.form-label{display:block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text2);margin-bottom:.5rem}
.form-input{width:100%;padding:.85rem 1rem;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:'Syne',sans-serif;font-size:.9rem;transition:border-color .25s;outline:none}
.form-input:focus{border-color:var(--ember)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.order-summary{background:var(--bg2);border:1px solid var(--border);padding:2rem;position:sticky;top:90px;height:fit-content}
.order-summary-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.1em;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.summary-item{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text2);margin-bottom:.8rem}
.summary-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:1rem;border-top:1px solid var(--border);font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--glow)}
.checkout-rewards-box{background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.25);padding:1.2rem;margin-bottom:1.5rem}
.checkout-rewards-box h4{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.checkout-rewards-inner{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.checkout-rewards-text{font-size:.84rem;color:var(--text2);flex:1}
.checkout-rewards-text strong{color:var(--gold)}
.btn-pay{width:100%;padding:1.1rem;background:var(--ember);color:#050302;font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-top:1.5rem;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.7rem;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:none;cursor:pointer}
.btn-pay:hover{background:var(--ember2)}

.auth-wrap{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:radial-gradient(ellipse at 50% 50%,rgba(200,72,5,.08),transparent 70%)}
.auth-card{width:100%;max-width:440px;background:var(--bg2);border:1px solid var(--border);padding:3rem}
.auth-logo{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;letter-spacing:.2em;color:var(--ember);text-align:center;margin-bottom:.5rem}
.auth-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.95rem;color:var(--text2);text-align:center;margin-bottom:2.5rem}
.auth-title{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.08em;margin-bottom:1.8rem}
.btn-google{width:100%;padding:.9rem;border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.82rem;font-weight:600;letter-spacing:.1em;transition:all .25s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:none;cursor:pointer}
.btn-google:hover{border-color:var(--ember);background:rgba(200,72,5,.05)}
.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text2);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-switch{text-align:center;margin-top:1.5rem;font-size:.82rem;color:var(--text2)}
.auth-switch a{color:var(--ember);cursor:pointer}

.orders-wrap{max-width:900px;margin:0 auto;padding:4rem 5vw}
.orders-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.05em;margin-bottom:2.5rem}
.order-card{background:var(--bg2);border:1px solid var(--border);padding:1.8rem;margin-bottom:1.2rem;transition:border-color .25s}
.order-card:hover{border-color:rgba(200,72,5,.4)}
.order-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}
.order-id{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ember);margin-bottom:.4rem}
.order-date{font-size:.8rem;color:var(--text2)}
.order-status{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 1rem;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.status-processing{background:rgba(200,72,5,.12);color:var(--ember)}
.status-shipped{background:rgba(100,200,100,.12);color:#7dd87d}
.status-delivered{background:rgba(100,200,100,.2);color:#5cd65c}
.status-cancelled{background:rgba(255,56,32,.1);color:var(--red)}
.order-items-list{margin-top:1.2rem;font-size:.85rem;color:var(--text2)}
.order-total{display:flex;justify-content:flex-end;align-items:baseline;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--glow)}
.order-total-label{font-family:'Syne',sans-serif;font-size:.75rem;color:var(--text2)}
.btn-track{margin-top:1rem;padding:.55rem 1.4rem;border:1px solid var(--border);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text2);transition:all .25s;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);background:none;cursor:pointer}
.btn-track:hover{border-color:var(--ember);color:var(--ember)}

.tracking-wrap{max-width:800px;margin:0 auto;padding:4rem 5vw}
.tracking-timeline{position:relative;padding-left:2.5rem;margin-top:2.5rem}
.tracking-timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--border)}
.track-step{position:relative;margin-bottom:2.5rem}
.track-dot{position:absolute;left:-2.5rem;width:18px;height:18px;border-radius:50%;border:2px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;top:2px}
.track-step.done .track-dot{background:var(--ember);border-color:var(--ember)}
.track-step.done .track-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:#050302}
.track-step.active .track-dot{border-color:var(--ember);animation:pulse 1.5s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,72,5,.4)}50%{box-shadow:0 0 0 8px rgba(200,72,5,0)}}
.track-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ember);margin-bottom:.2rem}
.track-title{font-weight:600;margin-bottom:.2rem}
.track-date{font-size:.78rem;color:var(--text2)}
.track-courier{font-size:.72rem;color:var(--text2);margin-top:.2rem}
.tracking-input-wrap{display:flex;gap:.8rem;margin:2rem 0;flex-wrap:wrap}
.tracking-input{flex:1;min-width:200px;padding:.85rem 1rem;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:'Syne',sans-serif;outline:none}
.tracking-input:focus{border-color:var(--ember)}
.btn-track-search{padding:.85rem 2rem;background:var(--ember);color:#050302;font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:all .25s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border:none;cursor:pointer}
.btn-track-search:hover{background:var(--ember2)}
.tracking-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);margin-bottom:2rem;border:1px solid var(--border)}
.tracking-meta-cell{background:var(--bg3);padding:1rem 1.2rem}
.tracking-meta-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text2);margin-bottom:.3rem}
.tracking-meta-val{font-size:.9rem;font-weight:600;color:var(--text)}

.wishlist-wrap{max-width:1000px;margin:0 auto;padding:4rem 5vw}
.wishlist-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.05em;margin-bottom:2.5rem}
.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5px;background:var(--border);border:1px solid var(--border)}
.wishlist-empty{padding:4rem;text-align:center;color:var(--text2)}
.wishlist-empty-icon{font-size:4rem;margin-bottom:1rem}

.account-wrap{max-width:900px;margin:0 auto;padding:4rem 5vw}
.account-header{display:flex;align-items:center;gap:2rem;padding:2rem;background:var(--bg2);border:1px solid var(--border);margin-bottom:2rem}
.account-avatar{width:72px;height:72px;border-radius:50%;background:var(--ember);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#050302;flex-shrink:0}
.account-name{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.05em}
.account-email{font-size:.82rem;color:var(--text2)}
.account-points-badge{margin-left:auto;text-align:right}
.account-points-num{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;letter-spacing:.05em;color:var(--gold)}
.account-points-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text2)}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem}
.account-card{background:var(--bg2);border:1px solid var(--border);padding:1.8rem;cursor:pointer;transition:border-color .25s}
.account-card:hover{border-color:var(--ember)}
.account-card-icon{font-size:1.8rem;margin-bottom:.8rem}
.account-card-title{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.06em;margin-bottom:.3rem}
.account-card-sub{font-size:.8rem;color:var(--text2)}
.rewards-history{background:var(--bg2);border:1px solid var(--border);padding:1.8rem}
.rewards-history-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.08em;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.reward-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(200,72,5,.07)}
.reward-row-label{font-size:.84rem;color:var(--text2)}
.reward-row-date{font-size:.72rem;color:var(--text2)}
.reward-row-pts{font-family:'Cormorant Garamond',serif;font-size:1.1rem}
.reward-row-pts.earn{color:#7dd87d}
.reward-row-pts.redeem{color:var(--red)}

.rewards-banner{background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(200,72,5,.06));border:1px solid rgba(212,175,55,.2);padding:2rem 5vw;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.rewards-banner-icon{font-size:2.5rem}
.rewards-banner-text h3{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.06em;color:var(--gold)}
.rewards-banner-text p{font-size:.84rem;color:var(--text2);margin-top:.3rem}
.rewards-tiers{display:flex;gap:1.5rem;margin-left:auto;flex-wrap:wrap}
.rewards-tier{text-align:center;padding:.8rem 1.2rem;background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.15)}
.rewards-tier-pts{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:var(--gold)}
.rewards-tier-name{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text2)}

.newsletter-section{padding:5rem 5vw;background:linear-gradient(135deg,var(--bg2),var(--bg3));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.newsletter-inner{max-width:600px;margin:0 auto;text-align:center}
.newsletter-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4rem);letter-spacing:.04em;margin-bottom:.5rem}
.newsletter-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.1rem;color:var(--text2);margin-bottom:2rem}
.newsletter-form{display:flex;gap:.5px;max-width:440px;margin:0 auto}
.newsletter-input{flex:1;padding:.9rem 1.2rem;background:var(--bg3);border:1px solid var(--border);border-right:none;color:var(--text);font-family:'Syne',sans-serif;font-size:.88rem;outline:none;transition:border-color .2s}
.newsletter-input:focus{border-color:var(--ember)}
.newsletter-btn{padding:.9rem 1.6rem;background:var(--ember);color:#050302;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s;white-space:nowrap}
.newsletter-btn:hover{background:var(--ember2)}
.newsletter-note{font-size:.7rem;color:var(--text2);margin-top:.8rem}
.newsletter-perks{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}
.newsletter-perk{font-size:.72rem;letter-spacing:.1em;color:var(--text2);display:flex;align-items:center;gap:.4rem}
.newsletter-perk::before{content:'✦';color:var(--ember);font-size:.6rem}

.about-hero{padding:8rem 5vw 5rem;background:radial-gradient(ellipse at 70% 30%,rgba(200,72,5,.12),transparent 60%);text-align:center;border-bottom:1px solid var(--border)}
.about-main-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(4rem,12vw,11rem);letter-spacing:.04em;line-height:.9}
.about-main-title .line2{color:var(--ember)}
.about-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text2);margin:2rem auto;max-width:600px;line-height:1.6}
.about-story{max-width:900px;margin:0 auto;padding:6rem 5vw}
.about-story-grid{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:start}
.about-story-label{font-family:'Bebas Neue',sans-serif;font-size:3rem;letter-spacing:.04em;color:var(--ember);line-height:1;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);align-self:center}
.about-story-text{font-family:'Cormorant Garamond',serif;font-size:1.15rem;line-height:1.85;color:var(--text2)}
.about-story-text p{margin-bottom:1.3rem}
.about-story-text strong{color:var(--text);font-weight:600}
.team-section{padding:6rem 5vw;border-top:1px solid var(--border)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;background:var(--border);max-width:1100px;margin:3rem auto 0}
.team-card{background:var(--card);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .3s}
.team-card:hover{background:#1A0C06}
.team-img{aspect-ratio:3/4;overflow:hidden;background:linear-gradient(135deg,#140A04,#0A0502);position:relative;display:flex;align-items:center;justify-content:center}
.team-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease;filter:grayscale(20%)}
.team-card:hover .team-img img{transform:scale(1.04);filter:grayscale(0%)}
.team-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;background:linear-gradient(135deg,#1A0C06,#0D0704)}
.team-initials{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:var(--ember);opacity:.4;line-height:1}
.team-info{padding:1.8rem;border-top:1px solid var(--border)}
.team-name{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.06em;margin-bottom:.2rem}
.team-role{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ember);margin-bottom:.9rem}
.team-bio{font-family:'Cormorant Garamond',serif;font-size:.97rem;color:var(--text2);line-height:1.65}
.team-card-accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ember),transparent);opacity:0;transition:opacity .3s}
.team-card:hover .team-card-accent{opacity:1}
.values-section{padding:6rem 5vw;background:var(--bg2);border-top:1px solid var(--border)}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5px;background:var(--border);max-width:1100px;margin:3rem auto 0}
.value-card{background:var(--card);padding:2.5rem 2rem;border-top:2px solid transparent;transition:all .3s}
.value-card:hover{background:#1A0C06;border-top-color:var(--ember)}
.value-icon{font-size:2rem;margin-bottom:1rem}
.value-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.08em;margin-bottom:.7rem}
.value-text{font-size:.88rem;color:var(--text2);line-height:1.65}

.support-wrap{max-width:900px;margin:0 auto;padding:5rem 5vw}
.support-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:4rem}
.support-contact-card{background:var(--bg2);border:1px solid var(--border);padding:2rem}
.support-contact-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.08em;margin-bottom:1.2rem}
.support-contact-item{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.88rem;color:var(--text2)}
.support-contact-item a{color:var(--ember);transition:color .2s}
.support-contact-item a:hover{color:var(--ember2)}
.support-form{background:var(--bg2);border:1px solid var(--border);padding:2rem}
.support-form h3{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.08em;margin-bottom:1.4rem}
.support-select{width:100%;padding:.85rem 1rem;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:'Syne',sans-serif;font-size:.9rem;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238c6a52'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer}
.support-select:focus{border-color:var(--ember)}
.support-textarea{width:100%;padding:.85rem 1rem;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:'Syne',sans-serif;font-size:.88rem;outline:none;resize:vertical;min-height:130px;line-height:1.5}
.support-textarea:focus{border-color:var(--ember)}
.faq-section{border-top:1px solid var(--border);padding-top:3rem;margin-top:1rem}
.faq-item{border-bottom:1px solid var(--border);padding:1.4rem 0}
.faq-q{font-size:.9rem;font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}
.faq-q::after{content:'+';color:var(--ember);font-size:1.2rem;transition:transform .25s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{font-size:.85rem;color:var(--text2);line-height:1.65;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s}
.faq-item.open .faq-a{max-height:300px;padding-top:.8rem}

footer{border-top:1px solid var(--border);padding:4rem 5vw 2rem;background:var(--bg2)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.2em;color:var(--ember);margin-bottom:.8rem}
.footer-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.95rem;color:var(--text2);line-height:1.6;max-width:260px}
.footer-heading{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text);margin-bottom:1.2rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.footer-links a{font-size:.85rem;color:var(--text2);cursor:pointer;transition:color .2s}
.footer-links a:hover{color:var(--ember)}
.footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:.75rem;color:var(--text2)}
.footer-legal{display:flex;gap:2rem}
.footer-legal a{font-size:.75rem;color:var(--text2);cursor:pointer;transition:color .2s}
.footer-legal a:hover{color:var(--ember)}

#toast{position:fixed;bottom:2rem;right:2rem;z-index:4000;transform:translateY(100px);opacity:0;transition:all .35s cubic-bezier(.77,0,.18,1);pointer-events:none}
#toast.show{transform:translateY(0);opacity:1}
.toast-inner{background:var(--bg2);border:1px solid var(--ember);padding:1rem 1.5rem;display:flex;align-items:center;gap:.8rem;min-width:260px}
.toast-icon{color:var(--ember);font-size:1.1rem}
.toast-msg{font-size:.85rem}

#mobile-menu{position:fixed;top:70px;left:0;right:0;bottom:0;z-index:999;background:var(--bg);transform:translateX(-100%);transition:transform .4s cubic-bezier(.77,0,.18,1);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border-top:1px solid var(--border);overflow-y:auto}
#mobile-menu.open{transform:translateX(0)}
.mobile-nav-link{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;letter-spacing:.08em;color:var(--text2);cursor:pointer;transition:color .2s;border-bottom:1px solid var(--border);padding-bottom:1rem}
.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--ember)}

.fade-up{opacity:0;transform:translateY(30px);transition:all .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* Checkout checkboxes */
.checkout-consent{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.9rem}
.consent-row{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}
.consent-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;position:relative;top:2px;transition:all .2s}
.consent-row input[type=checkbox]:checked{background:var(--ember);border-color:var(--ember)}
.consent-row input[type=checkbox]:checked::after{content:'✓';position:absolute;top:-1px;left:2px;font-size:.7rem;color:#050302;font-weight:700}
.consent-label{font-size:.78rem;color:var(--text2);line-height:1.55}
.consent-label a{color:var(--ember);text-decoration:underline;cursor:pointer}
.consent-label a:hover{color:var(--ember2)}

/* Terms page */
.terms-wrap{max-width:860px;margin:0 auto;padding:5rem 5vw}
.terms-section{margin-bottom:2.5rem}
.terms-section h3{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.08em;color:var(--ember);margin-bottom:.8rem}
.terms-section p,.terms-section li{font-size:.88rem;color:var(--text2);line-height:1.75;margin-bottom:.5rem}
.terms-section ul{padding-left:1.4rem}
.terms-tabs{display:flex;gap:0;border:1px solid var(--border);margin-bottom:3rem;width:fit-content}
.terms-tab{padding:.7rem 1.8rem;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text2);cursor:pointer;transition:all .2s;background:none;border:none;font-family:'Syne',sans-serif}
.terms-tab.active{background:var(--ember);color:#050302;font-weight:700}
.terms-tab:not(:last-child){border-right:1px solid var(--border)}
.terms-content{display:none}
.terms-content.active{display:block}

.coll-card{background:var(--card);padding:3rem 2rem;cursor:pointer;transition:background .3s;border-top:2px solid transparent}
.coll-card:hover{background:#1A0C06;border-top-color:var(--ember)}

.stat-num{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:var(--ember)}
.stat-label{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text2)}

@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .detail-wrap{grid-template-columns:1fr}
  .checkout-wrap{grid-template-columns:1fr}
  .support-intro{grid-template-columns:1fr}
  .account-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .nav-links{display:none}
  .nav-points{display:none}
  .hamburger{display:flex}
  .hero-title{font-size:clamp(4rem,18vw,8rem)}
}
@media(max-width:600px){
  #navbar{padding:0 1.2rem}
  .section{padding:4rem 1.2rem}
  .checkout-wrap,.detail-wrap,.orders-wrap,.tracking-wrap,.support-wrap,.wishlist-wrap,.account-wrap{padding:2rem 1.2rem}
  .form-row{grid-template-columns:1fr}
  .about-story-grid{grid-template-columns:1fr}
  .about-story-label{writing-mode:horizontal-tb;transform:none;font-size:2rem;margin-bottom:1rem}
  .newsletter-form{flex-direction:column}
  .newsletter-input{border-right:1px solid var(--border)}
  .account-header{flex-wrap:wrap}
  .account-points-badge{margin-left:0}
}