:root{--bg:#fbfbfd;--card:#fff;--ink:#1d1d1f;--muted:#86868b;--pri:#1d1d1f;--acc:#b8622f;--line:#e5e5ea;--ease:cubic-bezier(.2,.8,.2,1)}
body{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;letter-spacing:-.01em;padding-bottom:90px}
section{padding:0}

/* الهيدر الزجاجي */
.hdr{position:fixed;inset:0 0 auto;z-index:20;height:52px;transition:background .4s,backdrop-filter .4s}
.hdr.solid{background:rgba(251,251,253,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:100%}
.brand{font-weight:700;font-size:1.25rem}
.hdr nav{display:flex;gap:24px;font-size:.85rem;color:#424245}
.hdr .pill{background:var(--ink);color:#fff;border-radius:999px;padding:5px 14px;font-size:.8rem}

/* الهيرو */
.h-hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 16px 40px;overflow:hidden}
.eyebrow{color:var(--acc);font-weight:600;font-size:1.05rem}
.h-title{font-size:clamp(3rem,13vw,8.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;will-change:transform,opacity}
.h-sub{font-size:clamp(1.2rem,3vw,1.9rem);color:var(--muted);font-weight:500;margin-top:10px}
.h-cup{width:min(360px,70vw);margin-top:28px;will-change:transform}
.h-acts{display:flex;gap:18px;justify-content:center;margin-top:20px;font-size:1.05rem}
.h-acts a{color:#0066cc}
.h-acts a:hover{text-decoration:underline}
.word{display:inline-block;opacity:0;transform:translateY(.4em);filter:blur(8px);animation:wIn 1s var(--ease) forwards;animation-delay:calc(var(--i) * .12s + .1s)}
@keyframes wIn{to{opacity:1;transform:none;filter:none}}

/* القصة اللاصقة */
.story{height:320vh;position:relative}
.stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.stage .dark{position:absolute;inset:0;background:#000;opacity:0}
.stage svg{width:min(340px,62vw);position:relative;z-index:1}
.caps{position:absolute;z-index:2;inset:auto 0 12vh;text-align:center}
.cap{position:absolute;inset:auto 0 0;opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.cap.on{opacity:1;transform:none}
.cap b{display:block;font-size:clamp(2.4rem,8vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.cap span{color:var(--muted);font-size:1.1rem}
.stage.night .cap b{color:#f5f5f7}

/* الأرقام */
.stats{background:#000;color:#f5f5f7;padding:110px 0}
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.stats b{display:block;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:700;background:linear-gradient(90deg,#f3c98b,#b8622f);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{color:#a1a1a6}

/* المشروبات المميزة */
.sig{padding:110px 0 60px}
.sig h2,.menu-h h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.sig .muted{font-size:1.15rem;margin-top:6px}
.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:32px 16px 20px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.drink{flex:none;width:min(320px,78vw);aspect-ratio:3/4;border-radius:28px;padding:28px;color:#fff;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s var(--ease)}
.drink:hover{transform:scale(1.02)}
.drink h3{font-size:1.9rem;font-weight:700;line-height:1.15}
.drink p{opacity:.85}
.drink .row{display:flex;justify-content:space-between;align-items:center}
.drink .row button{background:rgba(255,255,255,.22);backdrop-filter:blur(10px);border:0;color:#fff;border-radius:999px;padding:8px 18px;font:inherit;font-weight:600;cursor:pointer}
.drink .row button:active{transform:scale(.95)}
.drink small{color:inherit;opacity:.8}

/* المنيو */
.menu-sec{padding:60px 0 40px}
.menu-h{margin-bottom:12px}
.m-bar{top:52px;background:rgba(251,251,253,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.chip.on{background:var(--ink);border-color:var(--ink)}
.cat{scroll-margin-top:170px}
.item h3{font-weight:600}
.tag{background:#fbeee6}
footer{border-top:1px solid var(--line);margin-top:40px}

/* ظهور العناصر */
.rv{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}

@media (max-width:760px){.hdr nav{display:none}.stats .wrap{grid-template-columns:1fr;gap:40px}}
@media (prefers-reduced-motion:reduce){
  .word,.rv,.cap{opacity:1;transform:none;filter:none;animation:none;transition:none}
  .story{height:auto}.stage{position:relative;height:auto;padding:60px 0}
  .caps,.cap{position:relative;inset:auto;margin-top:16px}
}