/* ATHAR — midnight editorial storefront. Purchase flows retain their light surfaces. */
:root{--athar-night:#111724;--athar-panel:#171d29;--athar-gold:#c5a771;--athar-line:#343a43}
body{background:var(--athar-night);color:#f4f0e8}
.announcement{background:#1a202a;color:#decba8;border-bottom:1px solid var(--athar-line);height:31px;font-size:.72rem}
.site-header{background:#111724;border-bottom:1px solid var(--athar-line);height:75px;padding-inline:clamp(18px,4vw,64px)}
.site-header .desktop-nav{grid-column:1;grid-row:1;justify-self:start;gap:clamp(12px,1.8vw,28px)}
.site-header .brand{grid-column:2;grid-row:1;justify-self:center;align-items:center;gap:8px}
.site-header .brand-ar{font-size:1.75rem}.site-header .brand-en{font-size:.65rem;color:var(--athar-gold)}
.site-header .header-actions{grid-column:3;grid-row:1;justify-self:end;gap:4px}
.site-header .cart-btn,.site-header .track-btn{border-color:var(--athar-line)}
.site-header .desktop-nav a:hover,.site-header .header-actions button:hover{color:var(--athar-gold)}
.product-rail{max-width:1400px;margin:auto;padding:22px clamp(18px,4vw,64px);display:flex;align-items:start;justify-content:center;gap:clamp(13px,2.2vw,31px);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#756343 transparent;background:var(--athar-night)}
.product-rail[hidden],.collections[hidden]{display:none!important}
.rail-item{min-width:80px;width:94px;display:grid;justify-items:center;gap:8px;text-align:center;color:#c8c8c9;font-size:.67rem}
.rail-photo{width:74px;height:74px;padding:4px;border:1px solid var(--athar-gold);border-radius:50%;display:block;transition:transform .24s,border-color .24s}
.rail-photo img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#282c34}
.rail-item:hover .rail-photo,.rail-item:focus-visible .rail-photo{transform:translateY(-4px);border-color:#f0d9a8}
.rail-label{white-space:nowrap;max-width:94px;overflow:hidden;text-overflow:ellipsis;direction:auto}
.youth-hero,.hero.youth-hero{display:grid;place-items:center;position:relative;isolation:isolate;height:auto;min-height:clamp(580px,72vh,820px);padding:80px 24px 100px;background:radial-gradient(ellipse at 50% 58%,#242b37 0%,#151b28 35%,#111724 75%);text-align:center}
.youth-hero>img,.hero.youth-hero>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 35%;opacity:.095;filter:saturate(.5) blur(2px);animation:none;background:transparent}
.youth-hero .hero-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#111724b8,transparent 45%,#111724b8),linear-gradient(0deg,#111724 0%,transparent 35%,#11172475 100%)}
.youth-hero:before,.youth-hero:after{content:"";position:absolute;width:70px;height:70px;border-color:#ad9564;opacity:.72;pointer-events:none}
.youth-hero:before{top:42px;right:clamp(20px,6vw,95px);border-top:1px solid;border-right:1px solid}
.youth-hero:after{bottom:42px;left:clamp(20px,6vw,95px);border-bottom:1px solid;border-left:1px solid}
.youth-hero .hero-content{position:relative;inset:auto;transform:none;z-index:2;max-width:820px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:transparent;text-align:center;animation:athar-hero-copy .7s both}
.youth-hero .eyebrow{font-size:.73rem;letter-spacing:.25em;color:var(--athar-gold);margin:0 0 15px}
.hero-logo{display:flex;flex-direction:column;align-items:center;line-height:.9;color:#fff}
.hero-logo span{font-family:Tahoma,Arial,sans-serif;font-size:clamp(7rem,19vw,16rem);font-weight:900;letter-spacing:-.1em;padding-inline:.1em;text-shadow:0 18px 35px #080d1a7a}
.hero-logo b{font:400 clamp(1.45rem,4vw,3rem)/1 Georgia,serif;letter-spacing:.48em;padding-left:.48em;margin-top:15px;color:#e3d7c5}
.youth-hero h1{font-family:Tahoma,Arial,sans-serif;font-size:clamp(1.1rem,2.4vw,1.8rem);font-weight:500;letter-spacing:0;line-height:1.3;margin:28px 0 8px}
.youth-hero .hero-content>p:not(.eyebrow){max-width:500px;margin:0 0 26px;font-size:.96rem;line-height:1.8;color:#c0c0c1}
.youth-hero .primary-cta{margin:0;border:1px solid var(--athar-gold);background:transparent;color:#e7d4af;padding:0 30px;min-width:210px;min-height:52px;font-size:.88rem;font-weight:600}
.youth-hero .primary-cta:hover{background:var(--athar-gold);color:#111724}
.hero-side-note{position:absolute;z-index:2;bottom:35px;right:clamp(20px,6vw,95px);color:#aeb3bb;font-size:.67rem;display:flex;gap:20px}.hero-side-note span{color:var(--athar-gold)}
.benefits{max-width:none;padding:0 max(24px,calc((100vw - 1320px)/2));background:#151b28;color:#f2ede4;border-top:1px solid var(--athar-line);border-bottom:1px solid var(--athar-line)}
.benefits article{border-color:var(--athar-line);padding:21px 26px;text-align:center}.benefits strong{font-size:.88rem;font-weight:700}.benefits span{color:#9da5ae;font-size:.73rem}
.collections,.shop-section{max-width:1400px;margin:auto;padding:100px clamp(20px,5vw,72px);background:transparent;color:#f3efe8}
.collections .section-head,.shop-section .section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:30px}
.collections .section-head h2,.shop-section .section-head h2{font-family:Tahoma,Arial,sans-serif;font-weight:700;font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.25;color:#fff}
.collections .eyebrow.dark,.shop-section .eyebrow.dark{color:var(--athar-gold);font-size:.73rem}
.text-link{color:var(--athar-gold);font-size:.88rem;border-bottom:1px solid #887650;padding-bottom:7px;white-space:nowrap}
.collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.collection-card{position:relative;display:flex;flex-direction:column;justify-content:end;aspect-ratio:3/4;min-height:310px;overflow:hidden;background:#232936;border:1px solid #3b4049;padding:25px;color:#fff;transition:transform .25s,border-color .25s}
.collection-card:hover,.collection-card:focus-visible{transform:translateY(-5px);border-color:var(--athar-gold)}
.collection-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.85;transition:transform .45s;background:#252932}
.collection-card:hover img{transform:scale(1.035)}
.collection-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#111724ed)}
.collection-index,.collection-name,.collection-arrow{position:relative;z-index:1}.collection-index{font:400 .7rem Georgia,serif;letter-spacing:.2em;color:#dcc49b}.collection-name{font-size:clamp(1.45rem,3vw,2.5rem);font-weight:700;line-height:1.35}.collection-arrow{position:absolute;left:24px;bottom:30px;font-size:1.6rem;color:var(--athar-gold)}
.shop-section{padding-top:55px;padding-bottom:110px}.results-count{color:#aeb5bd}.shop-tools{align-items:center}
.shop-section .filter{background:transparent;color:#ced0d3;border:1px solid #444956}.shop-section .filter:hover,.shop-section .filter.active{background:var(--athar-gold);border-color:var(--athar-gold);color:#111724}
.shop-section .sort-control{color:#c8c7c5}.shop-section .sort-control select{background:#1b2230;color:#f1e9db;border-color:#48505d}
.shop-section .product-grid .product-card{color:#f4efe7}.shop-section .product-info h3,.shop-section .product-info h3 a{color:#fff}.shop-section .product-info p{color:#aab0bb}.shop-section .product-info strong{color:#e7d0a2}.shop-section .product-info del{color:#9299a2}
.shop-section .product-image-wrap{background:#272c36;border:1px solid #3b414d}.shop-section .product-image-wrap img{background:#272c36;object-fit:contain}
.shop-section .product-badge{background:var(--athar-gold);color:#111724}.shop-section .quick-view{background:#141a26;color:#fff;border:1px solid #c5a771}
.shop-section .loading-grid span{background:linear-gradient(90deg,#252b38,#353c4a,#252b38);background-size:220% 100%}
.empty-state,.data-error{border-color:#434b58;color:#ebe6dd}.empty-state button,.data-error button{color:#fff;border-color:#c5a771}
.lookbook{max-width:1400px;margin:0 auto 80px;height:650px;min-height:0;background:#1b212e}.lookbook img{object-fit:contain;background:#252b34}.lookbook:after{background:linear-gradient(90deg,transparent 15%,#111724e8 85%)}.lookbook>div{right:clamp(25px,6vw,90px)}.lookbook h2{font-size:clamp(2.8rem,6vw,5rem)}.lookbook a{color:#ecd4a6}
.story.youth-story{background:#171d29;color:#f6f1e8;border-block:1px solid var(--athar-line)}.story .eyebrow.dark{color:var(--athar-gold)}.story .story-copy p,.story .story-values p{color:#c1c4c8}.story .story-values strong{color:var(--athar-gold)}
footer{background:#111724;border-top:1px solid var(--athar-line);color:#ede7db}footer h3{color:var(--athar-gold)}footer a,footer button,footer p{color:#b6b9bd}footer .footer-brand b{color:var(--athar-gold)}
:focus-visible{outline:2px solid #dfbc7e;outline-offset:3px}
@media(max-width:900px){.site-header .desktop-nav{display:none}.site-header .brand{grid-column:2}.site-header .header-actions{grid-column:3}.site-header .menu-btn{display:inline-flex}.collections,.shop-section{padding-inline:24px}.collections-grid{gap:10px}.collection-card{padding:17px}.collection-arrow{left:18px;bottom:20px}.lookbook{height:550px}.product-rail{justify-content:flex-start}}
@media(max-width:620px){.site-header{height:70px;display:flex;justify-content:space-between;padding-inline:12px}.site-header .brand{position:absolute;left:50%;transform:translateX(-50%);gap:4px}.site-header .brand-ar{font-size:1.65rem}.site-header .brand-en{font-size:.52rem}.site-header .header-actions{margin-right:auto;gap:1px}.site-header .cart-btn{min-width:45px;border:0;padding:0;gap:1px}.site-header .cart-btn>span:not(.cart-count){display:none}.site-header .track-btn,.site-header .icon-btn{width:38px;min-width:38px}.site-header .menu-btn{order:4}.mobile-nav{top:101px;background:#151b28}.search-bar{top:70px}.product-rail{gap:12px;padding:14px 12px}.rail-item{min-width:66px;width:68px;font-size:.6rem}.rail-photo{height:58px;width:58px}.rail-label{max-width:68px}.hero.youth-hero{display:grid;min-height:560px;padding:70px 17px 85px}.hero.youth-hero>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:.08;background:transparent}.hero.youth-hero .hero-shade{display:block}.hero.youth-hero .hero-content{display:flex;align-items:center;padding:0;background:transparent;text-align:center}.hero-logo span{font-size:clamp(6.5rem,29vw,10rem)}.hero-logo b{font-size:1.3rem;letter-spacing:.35em;padding-left:.35em;margin-top:12px}.youth-hero h1{font-size:1.22rem;margin-top:30px}.youth-hero .hero-content>p:not(.eyebrow){font-size:.82rem;max-width:300px;margin-bottom:26px}.youth-hero .primary-cta{width:auto;min-width:210px;min-height:50px;margin:0;box-shadow:none}.hero-side-note{right:20px;bottom:28px;font-size:.58rem}.youth-hero:before,.youth-hero:after{width:35px;height:35px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.benefits article{padding:16px 6px;border-left-color:var(--athar-line);border-bottom:0}.benefits strong{font-size:.7rem}.benefits span{font-size:.6rem}.collections,.shop-section{padding:62px 14px}.collections .section-head,.shop-section .section-head{align-items:start}.collections .section-head h2,.shop-section .section-head h2{font-size:1.95rem}.text-link{font-size:.7rem;margin-top:8px}.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-card{aspect-ratio:3/4;min-height:220px;padding:13px}.collection-card:nth-child(3){grid-column:1/-1;aspect-ratio:1.7/1;min-height:180px}.collection-name{font-size:1.45rem}.collection-arrow{left:14px;bottom:13px;font-size:1.2rem}.shop-section{padding-top:45px}.shop-tools{display:block}.shop-tools .filters{margin:0 -14px 12px;padding:0 14px 8px}.sort-control{justify-content:flex-start;margin-bottom:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.product-image-wrap{aspect-ratio:4/5}.quick-view{min-height:44px}.lookbook{height:auto;min-height:0;padding-top:85vw;padding-bottom:35px;margin:0 0 20px}.lookbook img{position:absolute;inset:0 0 auto;height:85vw;object-fit:contain;background:#252b34}.lookbook:after{inset:0 0 auto;height:85vw;background:linear-gradient(0deg,#171d2990,transparent 60%)}.lookbook>div{position:relative;inset:auto;padding:25px 20px 0}.lookbook h2{font-size:2.55rem}.story.youth-story{padding:65px 20px}.story-copy h2{color:#fff}footer{padding:50px 20px 28px}}
@media(max-width:375px){.site-header .brand-en{display:none}.hero-logo span{font-size:6.5rem}.collections .section-head{display:block}.text-link{display:inline-block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.collection-card,.collection-card img,.rail-photo,.youth-hero .hero-content{animation:none!important;transition:none!important;transform:none!important}}
/* Keep the centered brand in a single grid track across desktop and tablet. */
.hero.youth-hero{grid-template-columns:minmax(0,1fr)}
.hero.youth-hero .hero-content{width:min(100%,820px);justify-self:center}
/* Balanced type, compact editorial hierarchy and soft edges. */
.hero-logo span{font-size:clamp(6.2rem,13vw,10rem);line-height:1.08}
.hero-logo b{font-size:clamp(1.2rem,2.5vw,2.15rem);margin-top:4px}
.youth-hero .eyebrow{margin-bottom:10px;font-size:.68rem;letter-spacing:.16em}
.hero.youth-hero{min-height:clamp(520px,66vh,710px);padding-block:55px 72px}
.youth-hero h1{margin-top:20px;font-size:clamp(1.1rem,2vw,1.5rem)}
.collections .section-head h2,.shop-section .section-head h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:0}
.collections .section-head,.shop-section .section-head{margin-bottom:27px}
.collections,.shop-section{scroll-margin-top:94px}
.product-rail,.collection-card,.shop-section .product-image-wrap,.product-card,.lookbook,.track-btn,.cart-btn,.primary-cta,.filter,.sort-control select,.quick-view,.loading-grid span,.empty-state,.data-error{border-radius:16px}
.rail-photo,.cart-count{border-radius:50%}
.product-card{overflow:hidden}.product-info{padding:14px 4px 8px}
.collection-card{border-radius:22px}.collection-card img,.collection-card:after{border-radius:22px}
.collection-type{background:radial-gradient(circle at 15% 20%,#36404d 0%,#212938 38%,#161d2b 100%)}
.collection-monogram{position:absolute;inset:0;display:grid;place-items:center;color:#c6ac76;font-size:clamp(8rem,17vw,16rem);font-weight:900;line-height:1;opacity:.13;transform:rotate(-14deg)}
.product-image-placeholder{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 30%,#38404c,#202734 70%);color:#e3d0a6}
.product-image-placeholder b{font-size:clamp(3rem,7vw,7rem);font-weight:900;line-height:1}
.product-image-placeholder small{font-family:Georgia,serif;font-size:.7rem;letter-spacing:.2em;direction:ltr}
.cart-drawer,.modal-card,.checkout-experience,.tracking-panel,.success-card{border-radius:22px}
.cart-summary,.checkout-section,.checkout-summary,.payment-box,.customer-order-card,.search-bar,.search-field,.mobile-nav{border-radius:14px}
.cart-summary input,.coupon-control,.checkout-experience input,.checkout-experience select,.checkout-experience textarea,.tracking-panel input,.tracking-panel button,.modal-content button,.modal-content .size-btn,.cart-drawer button,.success-card a,.success-card button{border-radius:10px}
@media(max-width:620px){.hero.youth-hero{min-height:510px;padding:58px 18px 66px}.hero-logo span{font-size:clamp(5.3rem,24vw,7.2rem)}.hero-logo b{font-size:1.2rem}.youth-hero h1{font-size:1.1rem}.collections .section-head h2,.shop-section .section-head h2{font-size:1.7rem}.collection-monogram{font-size:8rem}.product-image-placeholder b{font-size:2.9rem}.product-image-placeholder small{font-size:.5rem}.product-rail{border-radius:0}.cart-drawer,.checkout-experience,.modal-card{border-radius:16px 16px 0 0}}
/* Cart uses the storefront's midnight and brass palette. */
.cart-drawer{background:#151b28;color:#f6f0e7;border-inline-end:1px solid #4b4d50;border-radius:0 22px 22px 0;box-shadow:0 25px 100px #080c18aa}
.drawer-backdrop{background:#0b111dc9;backdrop-filter:blur(5px)}
.cart-drawer .drawer-head{background:#151b28;color:#fff;border-color:#414750;padding:23px 27px}
.cart-drawer .drawer-head h2{font-size:1.35rem;margin:0}
.cart-drawer .cart-items{padding:18px 22px}
.cart-drawer .cart-item{border:1px solid #39414e;background:#1d2432;border-radius:16px;padding:12px;margin-bottom:12px;align-items:start}
.cart-drawer .cart-item img{border-radius:10px;background:#303642}
.cart-drawer .cart-item strong,.cart-drawer .cart-item b{color:#fff}
.cart-drawer .cart-item p,.cart-drawer .cart-item small,.cart-drawer .cart-empty p{color:#c2c4c9}
.cart-drawer .cart-item button{color:#e6d7bd}
.cart-drawer .quantity{border-color:#5c6370;border-radius:10px;overflow:hidden}
.cart-drawer .quantity button,.cart-drawer .quantity span{color:#fff}
.cart-drawer .cart-summary{background:#171d2a;color:#f4f0e8;border-top:1px solid #49505c;box-shadow:0 -18px 35px #090d1780;border-radius:0}
.cart-drawer .cart-summary .cart-coupon{background:#242b38;border-color:#515868;border-radius:14px}
.cart-drawer .cart-coupon .coupon-control{border-color:#626775;border-radius:10px;overflow:hidden}
.cart-drawer .cart-coupon button,.cart-drawer #checkoutButton{background:#c5a771;color:#121722;border:0;border-radius:10px;font-weight:800}
.cart-drawer .cart-coupon button:hover,.cart-drawer #checkoutButton:hover{background:#e2c792}
.cart-drawer .cart-summary>p{color:#b9bec6}.cart-drawer .cart-grand-total{border-color:#535966}
.cart-drawer .cart-empty button{background:#c5a771;color:#121722;border:0;border-radius:10px;padding:12px 25px;min-height:44px}
@media(max-width:620px){.cart-drawer{border-radius:0}.cart-drawer .drawer-head{padding:18px}.cart-drawer .cart-items{padding:13px}.cart-drawer .cart-item{grid-template-columns:64px minmax(0,1fr) 44px}}

/* Purchase surfaces carry ATHAR's navy and brass palette with readable contrast. */
.checkout-experience{background:#f8f6f1;color:#17202c;--ink:#17202c;--line:#d7d5d0;--muted:#59616b;--gold-dark:#876634}
.checkout-experience .checkout-heading{background:#17202c;color:#fff;border-color:#354254}
.checkout-experience .checkout-heading h2{color:#fff}
.checkout-experience .checkout-heading .eyebrow{color:#dfbf83}
.checkout-experience .checkout-heading>div>p:last-child{color:#d2d7df}
.checkout-experience .checkout-trust span{background:#263345;color:#f3eadb;border-color:#526071;border-radius:10px}
.checkout-experience>.modal-close{background:#f7f3e9;color:#17202c;border-color:#d6c49e}
.checkout-experience .checkout-layout{background:#f8f6f1;color:#17202c}
.checkout-experience .checkout-section{background:#fff;border-color:#d7dce1;color:#17202c}
.checkout-experience .checkout-section-title h3,.checkout-experience .form-grid label,.checkout-experience .payment-method-wrap label,.checkout-experience .receipt-field,.checkout-experience .checkout-summary-head span,.checkout-experience .checkout-product h4,.checkout-experience .checkout-product>strong,.checkout-experience .checkout-totals{color:#17202c}
.checkout-experience .checkout-section-title p,.checkout-experience .checkout-section-title small,.checkout-experience .form-grid label small,.checkout-experience .receipt-field small,.checkout-experience .checkout-summary-head small,.checkout-experience .checkout-product p,.checkout-experience .checkout-product small,.checkout-experience .secure-note{color:#58616b}
.checkout-experience .form-grid input,.checkout-experience .form-grid textarea,.checkout-experience .form-grid select,.checkout-experience .payment-method-wrap select,.checkout-experience .receipt-field input{background:#fff;color:#17202c;border-color:#cbd1d8;border-radius:11px}
.checkout-experience input::placeholder,.checkout-experience textarea::placeholder{color:#707985;opacity:1}
.checkout-experience .checkout-summary{background:#fff;border-color:#d7dce1;color:#17202c;box-shadow:0 16px 45px #17202c0d}
.checkout-experience .checkout-summary-head,.checkout-experience .checkout-product,.checkout-experience .checkout-total{border-color:#d7dce1}
.checkout-experience .checkout-totals p,.checkout-experience .checkout-totals b,.checkout-experience .checkout-totals strong{color:#17202c}
.checkout-experience .checkout-product-image img{object-fit:contain;background:#f0ede7;border-radius:9px}
.checkout-experience .payment-box{background:#edf0f3;color:#17202c;border-right-color:#bb9963}
.checkout-experience .checkout-submit{background:#17202c;color:#fff;border-radius:11px}
.checkout-experience .checkout-submit:hover{background:#34445a}
.checkout-experience .checkout-trust span,.checkout-experience .checkout-section-title>span{border-radius:9px}
#productModal .modal-card,.tracking-panel,.success-card{background:#f8f6f1;color:#17202c;--ink:#17202c;--line:#d7d5d0;--muted:#59616b}
#productModal .modal-content h2,#productModal .modal-price,#productModal fieldset legend,.tracking-panel h2,.success-card h2{color:#17202c}
#productModal .modal-content>p:not(.eyebrow),#productModal .full-details{color:#47515d}
#productModal .modal-image,#productModal .modal-image img{background:#eae6dc;object-fit:contain}
#productModal .size-btn{background:#fff;color:#17202c;border-color:#bdc3ca}
#productModal .size-btn.selected{background:#17202c;color:#fff;border-color:#17202c}
#productModal .add-modal{background:#bb9963;color:#17202c;border-radius:11px}
.tracking-panel input,.tracking-panel button,.customer-order-card{border-radius:11px}
@media(max-width:620px){.checkout-experience .checkout-heading{padding-top:54px}.checkout-experience .checkout-heading h2{font-size:1.9rem}.checkout-experience .checkout-layout{padding-inline:14px}.checkout-experience .checkout-summary{margin-bottom:env(safe-area-inset-bottom)}}