/*
 * Copyright © 2026 Abayat Noon
 * Developed by Syed Ather
 * A Smart Hub Project
 */

:root{--black:#090807;--panel:#13110f;--soft:#1c1917;--gold:#ca8a04;--gold2:#e2c06e;--cream:#f5f1e8;--muted:#aaa298;--line:rgba(202,138,4,.24);--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Montserrat,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea,select{font:inherit}button,a,select{cursor:pointer}:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}.skip-link{position:fixed;top:-50px;left:15px;background:var(--gold);color:#000;padding:12px;z-index:100}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[data-ar]{display:none}.announcement{height:30px;display:grid;place-items:center;background:var(--gold);color:#090807;text-align:center;text-transform:uppercase;font-size:9px;letter-spacing:.18em;font-weight:600;padding:0 15px}.site-header{height:78px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:10;background:rgba(9,8,7,.9);backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:9px;width:125px}.logo b{font:500 31px "Noto Kufi Arabic";color:var(--gold)}.logo span{font:600 20px Cormorant;letter-spacing:.25em}.logo small{display:block;font:500 6px Montserrat;letter-spacing:.46em;color:var(--gold2);margin-top:2px}.main-nav{display:flex;gap:34px;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.main-nav a{padding:29px 0;border-bottom:1px solid transparent;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--gold2);border-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:8px}.language-toggle,.mobile-menu{border:0;background:transparent;color:var(--cream)}.language-toggle{font:500 10px "Noto Kufi Arabic";padding:10px}.icon-link{position:relative;width:36px;height:36px;padding:8px}.icon-link svg,.benefits svg{fill:none;stroke:currentColor;stroke-width:1.4}.cart-link em{position:absolute;right:0;top:0;background:var(--gold);color:#000;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font:600 8px Montserrat}.mobile-menu{display:none;width:35px}.mobile-menu i{display:block;height:1px;background:currentColor;margin:6px}.hero{min-height:calc(100vh - 108px);position:relative;display:flex;align-items:center;background:url("https://images.unsplash.com/photo-1605763240000-7e93b172d754?auto=format&fit=crop&w=2100&q=90") center 28%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,3,2,.9),rgba(4,3,2,.52) 48%,rgba(4,3,2,.08) 80%),linear-gradient(0deg,rgba(5,4,3,.7),transparent 35%)}.hero-content{position:relative;width:min(590px,85%);margin-left:10vw}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--gold2);font-size:9px;font-weight:500;margin:0 0 19px}h1,h2,h3{font-family:Cormorant,serif;font-weight:500}.hero h1,.page-hero h1,.page-title h1,.auth-copy h1,.order-success h1{font-size:clamp(58px,7vw,105px);line-height:.88;letter-spacing:-.035em;margin:0}.hero-content>p:not(.eyebrow){color:#d4cdc3;font-size:13px;line-height:1.8;max-width:430px;margin:28px 0}.button{min-height:50px;padding:15px 23px;border:1px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:24px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:600;transition:.25s}.button.gold{background:var(--gold);color:#090807}.button.gold:hover{background:transparent;color:var(--gold2)}.button.outline{background:transparent;color:var(--gold2)}.button.outline:hover{background:var(--gold);color:#000}.hero-note{position:absolute;bottom:35px;right:5vw;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.2em;font-size:7px}.hero-note i{width:60px;height:1px;background:var(--gold)}.benefits{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.benefits article{min-height:115px;display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid var(--line)}.benefits article:last-child{border:0}.benefits svg{width:21px;color:var(--gold2)}.benefits b,.benefits small{display:block}.benefits b{text-transform:uppercase;font-size:9px;letter-spacing:.15em}.benefits small{color:var(--muted);font-size:9px;margin-top:6px}.section{padding:100px 5vw}.section-head{max-width:var(--max);margin:0 auto 42px;display:flex;justify-content:space-between;align-items:end}.section-head h2,.story h2,.newsletter h2,.panel h2,.order-summary h2{font-size:clamp(43px,5vw,70px);line-height:.95;margin:0}.section-head>p{color:var(--muted);max-width:360px;font-size:12px;line-height:1.8}.collection-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,330px);gap:16px}.collection-card{position:relative;overflow:hidden}.collection-card.tall{grid-row:1/3}.collection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,3,.82),transparent 65%)}.collection-card img{height:100%;object-fit:cover;filter:saturate(.7);transition:transform .5s ease-out}.collection-card:hover img{transform:scale(1.03)}.collection-card div{position:absolute;z-index:1;bottom:28px;left:28px}.collection-card small{text-transform:uppercase;letter-spacing:.2em;color:var(--gold2);font-size:7px}.collection-card h3{font-size:38px;margin:7px 0}.dark-section{background:#0d0c0b}.line-link{border-bottom:1px solid var(--gold);padding-bottom:5px;text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:var(--gold2)}.product-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{min-width:0}.product-image{position:relative;aspect-ratio:.73;overflow:hidden;background:var(--panel)}.product-image img{height:100%;object-fit:cover;filter:saturate(.72);transition:transform .45s ease-out}.product-card:hover img{transform:scale(1.025)}.quick-view{position:absolute;bottom:10px;left:10px;right:10px;background:rgba(9,8,7,.9);backdrop-filter:blur(8px);padding:13px;text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:7px;transform:translateY(55px);transition:transform .25s ease-out}.product-card:hover .quick-view{transform:none}.product-copy{padding:14px 0}.product-copy h3{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:9px;margin:0 0 8px}.product-copy p{color:var(--gold2);font-size:10px;margin:0}.story{display:grid;grid-template-columns:1.1fr .9fr;min-height:690px;background:var(--cream);color:#090807}.story-image{position:relative}.story-image img{height:100%;object-fit:cover;filter:grayscale(.5)}.story-image span{position:absolute;right:-52px;top:50%;width:104px;height:104px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font:38px "Noto Kufi Arabic"}.story-copy{padding:11%;display:flex;flex-direction:column;justify-content:center}.story-copy .eyebrow{color:#976c16}.story-copy>p:not(.eyebrow){color:#5d574f;font-size:12px;line-height:1.9;max-width:440px;margin:27px 0}.story-copy .line-link{align-self:flex-start;color:#755313}.newsletter{padding:70px 10vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e0d0b}.newsletter h2{font-size:46px}.newsletter-form{width:min(450px,45%);display:flex;border-bottom:1px solid var(--gold)}.newsletter-form input{flex:1;background:transparent;border:0;color:var(--cream);padding:14px 0;outline:0}.newsletter-form button{border:0;background:transparent;color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-size:8px}footer{max-width:var(--max);margin:auto;padding:50px 20px 25px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:25px}.footer-links{display:flex;justify-content:center;gap:24px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:7px}footer p{text-align:right;color:#665f56;letter-spacing:.15em;font-size:7px}.page-hero{padding:125px 5vw 90px;background:linear-gradient(90deg,rgba(9,8,7,.92),rgba(9,8,7,.4)),url("https://images.unsplash.com/photo-1594736797933-d0501ba2fe65?auto=format&fit=crop&w=1900&q=80") center 38%/cover}.page-hero h1{max-width:760px}.page-title{padding:80px 5vw 45px;text-align:center;border-bottom:1px solid var(--line)}.page-title h1{font-size:65px}.catalog-tools{max-width:var(--max);margin:0 auto 35px;display:flex;justify-content:space-between;align-items:end}.catalog-tools label{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.catalog-tools input{display:block;margin-top:9px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--cream);padding:10px 0;outline:0}.filters{display:flex;border-bottom:1px solid var(--line)}.filters a{padding:12px 15px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px}.filters a.active{color:var(--gold2);border-color:var(--gold)}.product-detail{max-width:1350px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;min-height:760px}.detail-image img{height:100%;object-fit:cover;max-height:850px}.detail-copy{padding:10%;display:flex;flex-direction:column;justify-content:center}.detail-copy h1{font-size:clamp(45px,5vw,72px);line-height:.95;margin:0}.detail-copy>strong{font-size:13px;color:var(--gold2);margin:20px 0}.detail-copy>p{color:var(--muted);font-size:12px;line-height:1.9}.detail-copy form{margin:25px 0;display:grid;gap:15px}.detail-copy label,.form-grid label,.auth-copy label{display:grid;gap:8px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:var(--muted)}input,textarea,select{background:#0b0a09;border:1px solid var(--line);color:var(--cream);padding:12px;min-height:43px;outline:none}textarea{min-height:90px;resize:vertical}select{appearance:auto}.detail-notes{list-style:none;padding:0;margin:10px 0}.detail-notes li{border-top:1px solid var(--line);padding:14px 0;color:var(--muted);font-size:9px}.cart-layout,.checkout-layout,.account-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.7fr .8fr;gap:35px;align-items:start}.cart-item{display:grid;grid-template-columns:125px 1fr auto;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-item img{height:155px;object-fit:cover}.cart-item h3{font:500 13px Montserrat;text-transform:uppercase;letter-spacing:.1em}.cart-item p{font-size:9px;color:var(--muted)}.cart-item strong{color:var(--gold2);font-size:11px}.cart-item form{display:flex;align-items:center;gap:7px}.cart-item form label{display:grid;gap:5px;font-size:8px;color:var(--muted)}.cart-item input{width:58px}.cart-item button,.admin-list button,.account-menu button{background:transparent;border:0;color:var(--gold2);text-decoration:underline;font-size:8px;text-transform:uppercase}.order-summary,.panel{background:var(--panel);border:1px solid var(--line);padding:28px}.order-summary h2,.panel h2{font-size:35px;margin-bottom:25px}.order-summary>p{border-top:1px solid var(--line);padding:17px 0;margin:0;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase}.order-summary .button{width:100%;margin-top:18px}.empty-state{grid-column:1/-1;text-align:center;padding:70px}.empty-state h2{font-size:45px}.empty-mark,.success-mark{display:block;font:80px "Noto Kufi Arabic";color:var(--gold);opacity:.25}.checkout-layout{grid-template-columns:1.4fr .7fr}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.payment-note{padding:17px;border:1px solid var(--line);color:var(--gold2)}.payment-note p{color:var(--muted);font-size:9px;line-height:1.6;margin-bottom:0}.mini-item{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 0;font-size:8px}.mini-item img{height:55px;object-fit:cover}.auth-page{display:grid;grid-template-columns:1.15fr .85fr;min-height:760px}.auth-art{background:url("https://images.unsplash.com/photo-1610030469983-98e550d6193c?auto=format&fit=crop&w=1400&q=85") center/cover}.auth-copy{padding:12%;display:flex;flex-direction:column;justify-content:center}.auth-copy h1{font-size:68px}.auth-copy>p:not(.eyebrow){font-size:11px;line-height:1.8;color:var(--muted);max-width:420px}.auth-copy form{display:grid;gap:14px;margin:25px 0}.form-error{background:#381a17;border:1px solid #914940;color:#ffd7d0;padding:12px;font-size:10px}.account-layout{grid-template-columns:.4fr 1.6fr}.account-menu{display:grid;border:1px solid var(--line)}.account-menu a,.account-menu form{padding:16px;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.account-menu .active{color:var(--gold2)}.account-menu button{padding:0}.order-row{display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;padding:17px 0;border-top:1px solid var(--line);font-size:9px}.order-row span:first-child{display:grid;gap:5px}.order-row small,.muted{color:var(--muted)}.order-success{min-height:600px;display:grid;place-content:center;justify-items:center;text-align:center;padding:40px}.order-success p{color:var(--muted);font-size:11px}.admin-grid{max-width:var(--max);margin:auto;display:grid;gap:28px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-stats article{background:var(--panel);border:1px solid var(--line);padding:25px;display:grid;gap:12px}.admin-stats small{color:var(--gold2);letter-spacing:.16em;font-size:8px}.admin-stats b{font:500 40px Cormorant}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{min-height:0}.admin-list article{display:grid;grid-template-columns:60px 1fr auto;gap:15px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.admin-list img{height:65px;object-fit:cover}.admin-list span{display:grid;gap:6px}.admin-list b{font-size:9px;text-transform:uppercase;letter-spacing:.09em}.admin-list small{color:var(--muted);font-size:8px}.admin-list.orders article{grid-template-columns:1fr auto}.admin-list form{display:flex;gap:8px}.admin-list select{min-height:34px;padding:7px;font-size:8px}.toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--gold);color:#000;padding:13px 20px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;transition:transform .25s}.toast.show{transform:translate(-50%,0)}.arabic{font-family:"Noto Kufi Arabic",sans-serif}.arabic [data-en]{display:none}.arabic [data-ar]{display:initial}.arabic h1,.arabic h2,.arabic h3{font-family:"Noto Kufi Arabic";letter-spacing:-.05em}.arabic .hero-content{margin-left:0;margin-right:10vw}.arabic .hero-shade{background:linear-gradient(-90deg,rgba(4,3,2,.9),rgba(4,3,2,.52) 48%,rgba(4,3,2,.08) 80%)}.arabic .hero-note{right:auto;left:5vw}.arabic .collection-card div{left:auto;right:28px}.arabic footer p{text-align:left}.arabic .story-image span{right:auto;left:-52px}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#090807;padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:8px}.mobile-menu{display:block;order:-1}.site-header{padding:0 20px}.hero-content{margin-left:7vw}.benefits{grid-template-columns:1fr;padding:10px 20px}.benefits article{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line);min-height:75px}.section{padding:70px 20px}.section-head{display:block}.collection-grid{grid-template-columns:1fr 1fr;grid-template-rows:480px 270px}.collection-card.tall{grid-column:1/3;grid-row:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.quick-view{transform:none}.story{grid-template-columns:1fr}.story-image{height:480px}.story-image span{right:30px;top:auto;bottom:-52px}.newsletter{display:block;padding:55px 30px}.newsletter-form{width:100%;margin-top:22px}footer{grid-template-columns:1fr;justify-items:center}.footer-links{flex-wrap:wrap}footer p{text-align:center}.product-detail,.auth-page{grid-template-columns:1fr}.detail-image img,.auth-art{height:550px}.cart-layout,.checkout-layout,.account-layout{grid-template-columns:1fr}.catalog-tools{display:block}.filters{margin-top:25px;overflow:auto}.arabic .hero-content{margin-right:7vw}.arabic .story-image span{left:30px;top:auto}}
@media(max-width:560px){.announcement{font-size:7px}.logo{width:95px}.icon-link{display:none}.cart-link{display:block}.hero{min-height:680px;background-position:61% center}.hero-content{margin-top:120px}.hero h1{font-size:52px}.collection-grid{display:block}.collection-card{display:block;height:380px;margin-bottom:12px}.product-grid{gap:12px}.section-head h2{font-size:46px}.product-copy h3{font-size:7px}.story-image,.detail-image img,.auth-art{height:390px}.story-copy,.detail-copy,.auth-copy{padding:70px 25px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.cart-item{grid-template-columns:85px 1fr}.cart-item img{height:110px}.cart-item form{grid-column:2}.admin-stats{grid-template-columns:1fr}.admin-list article{grid-template-columns:45px 1fr}.admin-list form{grid-column:2}.page-title h1{font-size:47px}.page-hero{padding:90px 20px 70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.product-copy del,.detail-copy del{color:var(--muted);margin-right:8px}.product-copy b,.sale-label{color:var(--gold2)}.promo-form{display:flex;gap:8px;margin-bottom:18px}.promo-form label{flex:1;display:grid;gap:6px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.promo-form input{width:100%}.promo-form button{align-self:end;min-height:43px;background:var(--gold);border:0;padding:0 14px;text-transform:uppercase;font-size:8px}.product-admin-list article{grid-template-columns:60px minmax(130px,1fr) 2fr auto}.product-admin-list article>form{display:flex;flex-wrap:wrap}.product-admin-list input{width:95px;min-height:34px;padding:7px}.invoice{max-width:1000px;margin:auto;background:var(--cream);color:#090807}.invoice-head,.invoice-meta{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #cfc5b4;padding-bottom:25px;margin-bottom:30px}.invoice-head h1{font-size:60px;margin:0}.invoice p{line-height:1.7;font-size:10px}.invoice table{width:100%;border-collapse:collapse}.invoice th,.invoice td{text-align:left;padding:14px;border-bottom:1px solid #d8d0c2;font-size:10px}.invoice-totals{margin-left:auto;width:min(360px,100%);padding-top:25px}.invoice-totals p{display:flex;justify-content:space-between;border-bottom:1px solid #d8d0c2;padding:8px}.print-button{margin-top:25px}@media(max-width:900px){.product-admin-list article{grid-template-columns:55px 1fr}.product-admin-list article>form{grid-column:1/-1}.invoice-head,.invoice-meta{display:block}}@media print{body{background:#fff}.announcement,.site-header,.newsletter,footer,.print-button{display:none!important}.invoice{padding:20px;max-width:none}.invoice [data-ar]{display:none}}
.product-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--gold);color:#090807;padding:7px 9px;text-transform:uppercase;letter-spacing:.12em;font-size:7px;font-weight:600}.button:disabled{opacity:.45;cursor:not-allowed}