:root{--bg:#050708;--ink:#f4f4ef;--muted:#9b9e9c;--line:#252a2b;--glass:#0b0e0fbd;--accent:#fff;--side:228px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden;cursor:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side);z-index:70;border-right:1px solid var(--line);background:linear-gradient(180deg,#050707ee,#050707d9);backdrop-filter:blur(20px);padding:28px 15px 18px;display:flex;flex-direction:column}.brandmark{text-align:center;padding:0 0 25px}.urdu{font-family:"Noto Naskh Arabic",serif;font-size:51px;line-height:.9;margin-bottom:10px}.brandword{font-family:"Cormorant Garamond",serif;font-size:24px;letter-spacing:.24em;padding-left:.24em}.side-nav{display:flex;flex-direction:column;gap:3px}.side-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid transparent;color:#d2d4d1;font-size:12px;letter-spacing:.06em;transition:.35s}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#ffffff12,#ffffff03);border-color:#ffffff0c;color:#fff;transform:translateX(3px)}.side-no{font-size:9px;color:#666;width:18px}.side-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:15px;padding:12px 5px;display:flex;justify-content:space-around}.tool{position:relative;background:none;border:0;color:#aaa;cursor:pointer}.ico{font-size:21px}.tool em{position:absolute;right:-7px;top:-7px;background:#fff;color:#000;border-radius:50%;width:16px;height:16px;font-style:normal;font-size:9px;display:grid;place-items:center}.side-connect{margin-top:18px}.tiny-label,.section-kicker{font-size:10px;letter-spacing:.22em;color:#969a98}.socials{display:flex;gap:18px;margin-top:13px}.social{width:23px;height:23px;display:grid;place-items:center;color:#eee;transition:.3s}.social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.social:hover{transform:translateY(-4px);color:#fff}.delivery{margin-top:20px;border:1px solid #24292a;background:#ffffff04;padding:13px;display:flex;gap:10px;align-items:center}.delivery-icon{font-size:25px}.delivery b{display:block;font-size:9px;letter-spacing:.07em}.delivery small{display:block;color:#858887;font-size:8px;margin-top:3px}.side-foot{margin-top:auto;font-size:8px;color:#5f6261;letter-spacing:.08em}.topbar{position:fixed;left:var(--side);right:0;top:0;height:43px;z-index:65;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--line);background:#050707b8;backdrop-filter:blur(16px);font-size:12px;letter-spacing:.05em}.topbar span{margin-left:5px}.hamb{display:none}.page-glow{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#b7c8ff0b,transparent 68%);pointer-events:none;z-index:1;transform:translate(-50%,-50%)}main{position:relative;margin-left:var(--side);padding-top:43px;z-index:2}.hero{min-height:calc(100vh - 43px);position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:url("raah-hero-background.png");background-size:cover;background-position:center 30%;transform:scale(1.04);animation:heroBreath 12s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030506e8 0%,#0305068a 32%,#0305062b 64%,#0305068a 100%),linear-gradient(0deg,#050707 0%,transparent 25%,#05070728 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 45%,#fff0 45%,#fff1 50%,transparent 55%);mix-blend-mode:screen;animation:lightSweep 10s ease-in-out infinite;pointer-events:none}.hero-content{position:relative;z-index:3;margin-left:7.5vw;max-width:520px;padding:80px 20px}.eyebrow{font-size:10px;letter-spacing:.3em;color:#b5b8b6;margin-bottom:18px}.hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(72px,9vw,132px);line-height:.78;letter-spacing:-.05em;margin:0}.hero h1 span{font-style:italic;color:#d6d8d5}.hero-content p{font-size:15px;line-height:1.7;color:#c4c6c3;max-width:380px;margin:30px 0}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.primary,.outline{border:1px solid #fff;background:#f3f3ed;color:#070808;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font-size:11px;letter-spacing:.1em;font-weight:700;transition:.35s;cursor:pointer}.primary span,.outline span{margin-left:25px;font-size:17px}.primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px #0008}.outline{background:#ffffff05;color:#fff;border-color:#6c716f}.outline:hover{background:#fff;color:#080909}.text-link{font-size:9px;letter-spacing:.16em;color:#a9acab}.text-link span{margin-left:10px}.hero-meta{position:absolute;right:26px;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:11px;align-items:center}.hero-meta i{height:35px;width:1px;background:#777}.hero-word{position:absolute;right:4%;bottom:2%;font-family:serif;font-size:160px;color:#fff06;z-index:2}.section{padding:90px 5.2vw}.arrival{background:linear-gradient(180deg,#050707,#070909)}.arrival-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr .85fr;gap:14px;margin-top:28px}.arrival-copy,.coming{padding:20px 18px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.arrival-copy h2{font-family:"Cormorant Garamond",serif;font-size:58px;font-weight:400;line-height:.82;margin:15px 0}.arrival-copy h2 em{font-style:italic;color:#aaa}.arrival-copy p{color:#929795;font-size:13px;line-height:1.6;max-width:240px;margin-bottom:28px}.feature-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#0c0f10;min-height:420px}.feature-card img{width:100%;height:100%;min-height:420px;object-fit:cover;filter:saturate(.8) contrast(1.03);transition:transform .8s,filter .8s}.feature-card:hover img{transform:scale(1.05);filter:saturate(1) contrast(1.05)}.feature-info{position:absolute;left:0;right:0;bottom:0;padding:17px 18px;background:linear-gradient(transparent,#050707ef);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.feature-info b{font-weight:500;color:#ddd}.plus{position:absolute;right:14px;top:14px;border:1px solid #aaa9;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:22px;background:#0005}.coming{padding-left:30px}.coming h3{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:30px;line-height:1.08;margin:24px 0}.coming span{font-size:9px;letter-spacing:.15em;color:#898d8b}.manifesto{min-height:70vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 50%,#172021,#060808 55%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.manifesto:before{content:"";position:absolute;inset:-30%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 60px,#ffffff03 61px 62px);animation:rotateSlow 40s linear infinite}.manifesto-inner{position:relative;z-index:2;display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:80px;width:min(1000px,85%)}.giant-urdu{font-family:serif;font-size:clamp(150px,20vw,300px);opacity:.8;text-align:center}.manifesto h2{font-family:"Cormorant Garamond",serif;font-size:68px;font-weight:400;line-height:.82;margin:16px 0 25px}.manifesto p{color:#9ca09e;max-width:500px;line-height:1.8;font-size:14px}.marquee{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);font-family:"Cormorant Garamond",serif;font-size:42px;color:#777;padding:14px 0}.marquee div{display:inline-block;animation:marquee 22s linear infinite}.site-footer{padding:70px 5.2vw 25px;background:#040606}.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot-logo{font-family:"Cormorant Garamond",serif;font-size:55px}.site-footer p{color:#777;line-height:1.6}.site-footer a{display:block;color:#a7aaa8;font-size:12px;margin:10px 0}.site-footer a:hover{color:#fff}.foot-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:17px;color:#5e6260;font-size:8px;letter-spacing:.15em;display:flex;justify-content:space-between}.page-head{min-height:52vh;display:flex;flex-direction:column;justify-content:end;padding:70px 7vw 60px;background:radial-gradient(circle at 70% 30%,#1b2524,#060808 58%);border-bottom:1px solid var(--line)}.page-head h1{font-family:"Cormorant Garamond",serif;font-size:clamp(70px,10vw,150px);font-weight:400;line-height:.75;margin:10px 0 25px;letter-spacing:-.04em}.page-head p{color:#a0a4a2;max-width:550px}.filterbar{display:flex;gap:7px;margin-bottom:28px}.filter{border:1px solid #343a3a;background:#090c0d;padding:10px 16px;font-size:9px;letter-spacing:.15em;cursor:pointer}.filter.active{background:#fff;color:#000}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.shop-card{border:1px solid var(--line);background:#090b0c;padding-bottom:20px}.shop-img{aspect-ratio:1.25;overflow:hidden;position:relative}.shop-img img{width:100%;height:100%;object-fit:cover;transition:.7s}.shop-card:hover img{transform:scale(1.035)}.shop-img span{position:absolute;right:15px;top:15px;background:#0009;border:1px solid #777;padding:9px 12px;font-size:9px}.shop-card>div:last-child{padding:18px}.shop-card h3{font-family:"Cormorant Garamond",serif;font-size:28px;font-weight:400;margin:0 0 6px}.shop-card p{color:#7e8280;font-size:11px}.collection-list{padding-top:20px}.collection-row{display:grid;grid-template-columns:80px 1fr 300px;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:28px 0;transition:.5s}.collection-row:hover{padding-left:15px}.collection-no{color:#666;font-size:10px}.collection-row h2{font-family:"Cormorant Garamond",serif;font-size:65px;font-weight:400;line-height:.8;margin:10px 0}.collection-row p{color:#777;font-size:12px}.collection-row img{height:190px;width:300px;object-fit:cover;filter:grayscale(.3)}.muted-row{color:#777}.ghost-urdu{font-size:80px;font-family:serif;text-align:right;opacity:.25}.about-section{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.about-image{border:1px solid var(--line);overflow:hidden}.about-image img{width:100%;filter:saturate(.7)}.about-copy h2,.contact-card h2{font-family:"Cormorant Garamond",serif;font-size:70px;font-weight:400;line-height:.82;margin:18px 0}.about-copy p{color:#979b99;line-height:1.9;font-size:14px}.stats{border-top:1px solid var(--line);margin-top:35px}.stats div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.1em}.stats b{font-weight:400;color:#777}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{border:1px solid var(--line);padding:45px;background:linear-gradient(145deg,#0c1110,#080a0a)}.contact-card p{color:#858a87;max-width:370px;margin-bottom:30px}.faq{max-width:950px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-family:"Cormorant Garamond",serif;font-size:28px}.faq p{color:#858a87;line-height:1.7}.size-table{border-top:1px solid var(--line)}.size-table div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.size-table div span{text-align:right;color:#aaa}.note{font-size:11px;color:#666;margin-top:20px}.product-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center;min-height:calc(100vh - 43px)}.product-visual{position:relative;border:1px solid var(--line);overflow:hidden;background:#111}.product-visual img{width:100%;height:75vh;object-fit:cover}.visual-label{position:absolute;right:20px;top:20px;border:1px solid #fff5;padding:8px 12px;font-family:serif;font-size:20px}.product-copy h1{font-family:"Cormorant Garamond",serif;font-size:90px;font-weight:400;line-height:.8;margin:15px 0}.product-price{font-size:18px;margin-bottom:25px}.product-copy>p{color:#999;line-height:1.8;max-width:450px}.product-spec{border-block:1px solid var(--line);margin:28px 0}.product-spec div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.12em}.product-spec div:last-child{border:0}.product-spec b{font-weight:500;color:#ddd}.size-picker{display:flex;gap:7px;align-items:center;margin-bottom:16px}.size-picker span{font-size:9px;letter-spacing:.2em;margin-right:10px}.size-picker button{width:42px;height:38px;border:1px solid #333;background:#0b0d0e;cursor:pointer}.size-picker .selected{background:#fff;color:#000}.full{width:100%;margin-top:8px}.drawer-overlay{position:fixed;inset:0;background:#000b;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.4s;z-index:100}.drawer-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,94vw);background:#080a0aee;backdrop-filter:blur(24px);border-left:1px solid var(--line);z-index:101;transform:translateX(105%);transition:.5s;display:flex;flex-direction:column;padding:25px}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:10px;letter-spacing:.2em}.drawer-head button,.search-panel>button{border:1px solid #333;background:#0c0e0e;width:38px;height:38px;border-radius:50%;cursor:pointer}.bag-items{padding-top:15px;overflow:auto}.bag-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:11px}.bag-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.bag-total{display:flex;justify-content:space-between;margin-bottom:12px}.bag-bottom small{display:block;color:#686d6a;font-size:9px;margin-top:10px}.search-panel{position:fixed;left:var(--side);right:0;top:0;height:100vh;background:#050707f5;backdrop-filter:blur(30px);z-index:110;opacity:0;visibility:hidden;transition:.4s;display:grid;place-items:center}.search-panel.open{opacity:1;visibility:visible}.search-panel>button{position:absolute;right:35px;top:35px;color:#fff}.search-inner{width:min(800px,80%)}.search-inner span{font-size:9px;letter-spacing:.2em;color:#777}.search-inner input{width:100%;border:0;border-bottom:1px solid #555;background:transparent;color:#fff;font:400 55px "Cormorant Garamond",serif;outline:0;padding:15px 0}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:200;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:#fff;border-radius:50%}.cursor-ring{width:35px;height:35px;border:1px solid #fff8;border-radius:50%;transition:width .25s,height .25s,background .25s}.cursor-ring.hover{width:65px;height:65px;background:#fff1}.reveal{opacity:0;transform:translateY(35px);transition:1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes heroBreath{from{transform:scale(1.04)}to{transform:scale(1.09) translateX(-1%)}}@keyframes lightSweep{0%,70%,100%{opacity:0}80%{opacity:.7}}@keyframes rotateSlow{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:980px){:root{--side:0px}.sidebar{transform:translateX(-100%);transition:.45s}.sidebar.mobile-open{transform:none;width:270px}.topbar{left:0}.hamb{display:block;position:absolute;left:18px;top:8px;border:0;background:none}.hamb i{display:block;width:22px;height:1px;background:#fff;margin:5px}.hero-content{margin-left:6vw}.arrival-grid{grid-template-columns:1fr 1fr}.arrival-copy{grid-column:1/-1}.coming{grid-column:1/-1}.manifesto-inner{grid-template-columns:1fr}.about-section,.product-detail{grid-template-columns:1fr}.product-visual img{height:60vh}.contact-section{grid-template-columns:1fr}.collection-row{grid-template-columns:50px 1fr}.collection-row img{display:none}.search-panel{left:0}}@media(max-width:650px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}.hero{min-height:calc(100vh - 43px)}.hero-content{margin:0;padding:70px 28px}.hero h1{font-size:72px}.hero-meta{display:none}.arrival-grid,.shop-grid{grid-template-columns:1fr}.section{padding:65px 25px}.page-head{padding:90px 25px 50px}.page-head h1{font-size:78px}.manifesto-inner{width:calc(100% - 50px)}.manifesto h2{font-size:55px}.foot-top{grid-template-columns:1fr 1fr}.foot-bottom{display:block}.foot-bottom span{display:block;margin-top:8px}.product-copy h1{font-size:72px}.product-detail{padding-top:55px}.product-visual img{height:58vh}.search-inner input{font-size:40px}}

body.drawer-lock,body.modal-lock{overflow:hidden}.side-tools .tool{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:54px}.side-tools .tool small{font-size:7px;letter-spacing:.12em;color:#666}.side-tools .tool.logged .ico{color:#fff}.empty-bag{text-align:center;padding:70px 20px;color:#777}.empty-bag>div{font-family:serif;font-size:54px;color:#ddd;margin-bottom:15px}.bag-remove{border:0;background:none;color:#777;font-size:18px;cursor:pointer}.bag-remove:hover{color:#fff}.account-overlay{position:fixed;inset:0;z-index:150;background:#000b;backdrop-filter:blur(16px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.45s;padding:20px}.account-overlay.open{opacity:1;visibility:visible}.account-modal{width:min(500px,94vw);position:relative;border:1px solid #343a39;background:linear-gradient(145deg,#111514f5,#070909f7);box-shadow:0 30px 100px #000; padding:42px}.account-close{position:absolute;right:18px;top:18px;border:1px solid #333;background:#0c0e0e;width:36px;height:36px;border-radius:50%;cursor:pointer}.account-mark{font-family:serif;font-size:48px;margin-bottom:25px}.account-modal h2{font:400 50px/0.82 "Cormorant Garamond",serif;margin:13px 0 20px}.account-modal h2 em{font-style:italic;color:#aaa}.account-note{font-size:11px;line-height:1.7;color:#858b88;margin-bottom:22px}.account-modal input{width:100%;height:50px;margin-bottom:9px;background:#090c0c;border:1px solid #2c3231;color:#fff;padding:0 15px;outline:none}.account-modal input:focus{border-color:#777}.account-or{display:flex;align-items:center;gap:10px;color:#555;font-size:9px;letter-spacing:.2em;margin:17px 0}.account-or span{height:1px;background:#292e2d;flex:1}.provider{width:100%;height:48px;margin:5px 0;border:1px solid #3a3e3d;background:#0b0e0e;color:#eee;cursor:pointer;font-size:10px;letter-spacing:.1em}.provider:hover{background:#fff;color:#000}.provider b{margin-right:8px}.guest{border:0;background:none;color:#858a87;font-size:9px;letter-spacing:.14em;padding:18px 0 4px;cursor:pointer;width:100%}.guest:hover{color:#fff}.account-signed{text-align:center}.signed-avatar{margin:0 auto 15px;width:55px;height:55px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font:28px "Cormorant Garamond",serif}.account-signed h3{font:400 30px "Cormorant Garamond",serif;margin:0}.account-signed p{font-size:10px;color:#777;margin:8px 0 20px}.account-demo{display:block;color:#555;font-size:8px;line-height:1.5;text-align:center;margin-top:22px}.raah-toast{display:none}.account-modal #accountForm[hidden],.account-modal #accountSigned[hidden]{display:none!important}#raahToast{position:fixed;right:28px;bottom:28px;z-index:190;background:#f2f2ed;color:#080909;padding:13px 18px;font-size:10px;letter-spacing:.08em;transform:translateY(20px);opacity:0;pointer-events:none;transition:.35s;box-shadow:0 12px 40px #0008}#raahToast.show{transform:none;opacity:1}@media(max-width:650px){.account-modal{padding:32px 22px}.account-modal h2{font-size:42px}.side-tools .tool small{display:none}}

/* FINAL TOP-RIGHT SEARCH + BAG */
.topbar{justify-content:center;padding:0 95px}
.topbar-delivery{pointer-events:none}
.topbar-actions{position:absolute;right:27px;top:0;height:43px;display:flex;align-items:center;gap:20px}
.top-icon{position:relative;width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#f3f3ef;padding:0;transition:transform .25s,opacity .25s}
.top-icon:hover{transform:translateY(-1px);opacity:.72}
.top-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.top-icon em{position:absolute;right:-3px;top:-1px;min-width:16px;height:16px;padding:0 4px;border-radius:20px;background:#f4f4ef;color:#090a0a;font-size:8px;font-style:normal;font-weight:700;display:grid;place-items:center}
.top-icon.bag-top{margin-right:2px}
@media(max-width:980px){
 .topbar{padding:0 65px 0 60px}
 .topbar-actions{right:17px;gap:12px}
 .top-icon{width:31px;height:31px}
 .top-icon svg{width:24px;height:24px}
}
@media(max-width:650px){
 .topbar{padding:0 55px}
 .topbar-delivery{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}
 .topbar-actions{right:12px;gap:4px}
 .top-icon{width:28px;height:28px}
 .top-icon svg{width:21px;height:21px}
 .top-icon em{min-width:14px;height:14px;font-size:7px;right:-2px;top:0}
}
/* Simple custom pointer: visible on PC, completely disabled on touch/mobile. */
@media(pointer:fine) and (min-width:651px){
 body{cursor:none}
 .cursor-dot{display:block;width:4px;height:4px;background:#fff;border-radius:50%;opacity:.95}
 .cursor-ring{display:block;width:24px;height:24px;border:1px solid rgba(255,255,255,.65);background:transparent;border-radius:50%;transition:width .18s,height .18s,border-color .18s}
 .cursor-ring.hover{width:34px;height:34px;background:transparent;border-color:#fff}
}
@media(pointer:coarse),(max-width:650px){
 body{cursor:auto}
 .cursor-dot,.cursor-ring{display:none!important}
}


/* =========================================================
   RAAH UI / UX LAYOUT REFINEMENT
   - Desktop reserves a real sidebar column; hero content can never sit under it.
   - Mobile/tablet uses a true off-canvas drawer with a backdrop.
   - Utility controls live only in the top navigation.
   - Hero content, CTA and meta occupy independent layout zones.
   ========================================================= */
:root{--content-gutter:clamp(28px,5vw,88px);--hero-safe-right:clamp(70px,8vw,130px)}

/* Sidebar owns its column on desktop */
@media(min-width:981px){
  .sidebar{width:var(--side);z-index:120}
  main{margin-left:var(--side);width:calc(100% - var(--side));min-width:0}
  .topbar{left:var(--side);z-index:110}
  .hero{padding-inline:0;}
  .hero-content{
    margin-left:clamp(34px,6vw,105px);
    margin-right:var(--hero-safe-right);
    width:min(560px,42vw);
    max-width:none;
    padding:60px 0;
  }
  .hero-content h1{max-width:560px}
  .hero-content p{max-width:420px}
  .hero-actions{max-width:500px;margin-top:4px;}
  .hero-meta{right:clamp(22px,2.5vw,42px)}
  .hero-word{right:clamp(28px,4vw,70px);pointer-events:none}
}

/* Remove the old sidebar utility row from the visual hierarchy on desktop.
   Search / Bag / Account are already in .topbar-actions. */
@media(min-width:981px){
  .side-tools{display:none}
  .side-connect{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
  .delivery{margin-top:24px}
}

/* Make sidebar lower content structurally stable instead of competing with hero. */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}

/* Mobile/tablet: real off-canvas drawer */
.sidebar-backdrop{display:none}
@media(max-width:980px){
  :root{--side:0px}
  main{margin-left:0;width:100%;}
  .sidebar{z-index:160;width:min(300px,86vw);transform:translateX(-105%);box-shadow:25px 0 70px #000b;}
  .sidebar.mobile-open{transform:translateX(0)}
  .sidebar-backdrop{
    display:block;position:fixed;inset:0;z-index:150;background:#000b;backdrop-filter:blur(5px);
    opacity:0;visibility:hidden;pointer-events:none;transition:.35s;
  }
  body.menu-open .sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .topbar{left:0;z-index:170}
  .topbar-actions{right:62px}
  .hamb{z-index:180}
  .hero-content{margin-left:0;width:auto;max-width:650px;padding:clamp(78px,12vh,130px) clamp(28px,7vw,70px) 90px;}
  .hero h1{max-width:580px}
  .hero-content p{margin:26px 0 28px;max-width:460px}
  .hero-actions{gap:16px;row-gap:18px;}
  .hero-meta{right:20px}
  .hero-word{right:4%;bottom:3%;font-size:clamp(90px,18vw,150px)}
}

/* Small screens: no hero element is allowed to occupy the CTA's vertical zone. */
@media(max-width:650px){
  .topbar{height:43px;padding:0 52px 0 48px}
  .topbar-delivery{max-width:50vw}
  .topbar-actions{right:46px}
  .hero{min-height:calc(100svh - 43px);align-items:center}
  .hero-content{padding:72px 26px 105px;}
  .hero h1{font-size:clamp(58px,17vw,82px);line-height:.82;}
  .hero-content p{font-size:13px;line-height:1.65;margin:24px 0}
  .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
  .hero-actions .primary{width:auto;min-width:205px}
  .hero-actions .text-link{padding:5px 0}
  .hero-meta,.hero-word{display:none}
  .arrival-grid{margin-top:24px}
}

/* Hero image/shade never blocks controls. */
.hero-bg,.hero-shade,.hero:after{pointer-events:none}

/* Keep CTA and footer/social content separated by predictable spacing. */
.hero-actions{position:relative;z-index:5;margin-bottom:6px}
.arrival{position:relative;z-index:3}
.site-footer{position:relative;z-index:3}

/* Prevent accidental horizontal overflow from large display typography. */
.hero h1,.page-head h1,.manifesto h2{overflow-wrap:normal;word-break:normal}

/* RAAH FINAL HERO BACKGROUND */
.hero, .hero-section, .hero-media, .hero-bg, .home-hero {
  background-image: url("raah-hero-background.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* AUTH PROVIDER BUTTONS */
.provider.google{position:relative}
.provider.apple{position:relative}
.provider.google b{font-family:Arial,sans-serif;font-size:16px}
.provider.apple b{font-size:15px}
.provider:active{transform:translateY(1px)}

/* FINAL LEFT MENU AUTH */
.side-auth{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:14px 18px 12px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.side-auth-btn{
  position:relative;
  height:40px;
  border:1px solid #363b39;
  background:#0b0e0e;
  color:#dfe1de;
  font-size:9px;
  letter-spacing:.13em;
  cursor:pointer;
  transition:all .28s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.side-auth-btn small{position:absolute;right:7px;opacity:.55;font-size:10px}
.side-auth-btn .auth-dot{width:4px;height:4px;border-radius:50%;background:#777}
.side-auth-btn:hover{
  background:#f2f2ed;
  color:#080909;
  border-color:#f2f2ed;
  transform:translateY(-1px);
}
.side-auth-btn:hover .auth-dot{background:#080909}
.side-auth-btn.filled{background:#efefea;color:#080909;border-color:#efefea}
.side-auth-btn.filled .auth-dot{background:#080909}
.side-auth-btn.filled:hover{background:#fff;border-color:#fff}
@media(max-width:650px){
  .side-auth{padding:13px 15px}
  .side-auth-btn{height:42px}
}