/* /assets/css/local-fonts.css */
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/noto/kufi-f75f8ddf1f91.woff2') format('woff2');}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/noto/sans-7e3562078c9b.woff2') format('woff2');}
/* /assets/css/home-content.css */
/* The image selected in content management takes precedence over theme backgrounds. */
body.theme-turquoise-beige .shan-hero.home-managed-hero{background-image:none}
body.theme-turquoise-beige .shan-hero.home-managed-hero .shan-hero__media{display:block;opacity:1;visibility:visible}
@media(max-width:600px){
 .site-header__inner .brand{flex-shrink:1;min-width:0}
 .site-header__inner .brand>span:last-child{min-width:0}
 .site-header__inner .brand strong,.site-header__inner .brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site-header__inner .menu-toggle{flex-shrink:0}
}

html[lang="en"] body .shan-hero h1{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.2;letter-spacing:-.02em;overflow-wrap:normal;max-width:100%}
html[lang="en"] body .shan-hero h1 em{font-size:.8em;line-height:1.3}
/* Keep English copy clear of the dish, within the right-hand content area. */
@media(min-width:761px){
 html[lang="en"] body .shan-hero__content{box-sizing:border-box;padding-left:clamp(24px,4vw,80px)}
}
@media(max-width:760px){html[lang="en"] body .shan-hero h1{font-size:clamp(1.9rem,8vw,2.6rem)}html[lang="en"] body .shan-hero__lead{line-height:1.8}}

/* Mobile home art direction; desktop and managed copy are unchanged. */
@media(max-width:600px){
 body[data-site-theme] .shan-hero.home-managed-hero{--phone-paper:#faf2e3;--phone-ink:#0a5152;position:relative;min-height:0;height:auto;max-height:none;background:var(--phone-paper);border-bottom:2px solid #dbb168;border-radius:0 0 50% 50% / 0 0 45px 45px;padding-bottom:16px;overflow:hidden}
 body.theme-shanasheel-noir .shan-hero.home-managed-hero{--phone-paper:#111510;--phone-ink:#f5ead2}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__media{position:relative;inset:auto;display:block;width:100%;height:110vw;max-height:580px;object-fit:cover;object-position:center 45%;filter:none;mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__veil{display:none}
 body[data-site-theme] .shan-hero.home-managed-hero>.shan-pattern{opacity:.025;pointer-events:none}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__inner{position:relative;width:calc(100% - 40px);height:auto;min-height:0;display:block;padding:0;margin:-26px auto 0;text-align:center}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__content{width:100%;max-width:500px;margin:auto;padding:0;text-align:center}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-kicker{justify-content:center;color:var(--phone-ink);font-size:11px;gap:8px;margin:0 0 14px;line-height:1.8}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-kicker span{width:24px;flex:none}
 body[data-site-theme] .shan-hero.home-managed-hero h1{max-width:100%;font-size:clamp(32px,10vw,52px);line-height:1.4;letter-spacing:0;color:var(--phone-ink);text-shadow:none;margin:0;overflow-wrap:normal}
 body[data-site-theme] .shan-hero.home-managed-hero h1 em{color:#cf9949;font-size:.88em;line-height:1.4;font-weight:600}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__lead{max-width:100%;margin:16px auto 0;color:var(--phone-ink);font-size:14px;line-height:1.9}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__actions{display:flex;flex-direction:column;width:100%;max-width:390px;margin:22px auto 0;gap:10px}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__actions .button{position:relative;min-width:0;width:100%;min-height:52px;padding:10px 38px;border-radius:40px;font-size:16px;font-weight:700}
 body[data-site-theme] .shan-hero.home-managed-hero .button--primary{background:linear-gradient(110deg,#f0c577,#d79a43);color:#064a4b;border:1px solid #d9a957}
 body[data-site-theme] .shan-hero.home-managed-hero .button--ghost{background:transparent;color:var(--phone-ink);border:1.5px solid var(--phone-ink)}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__actions .button::after{content:'‹';position:absolute;inset-inline-end:23px;top:50%;transform:translateY(-50%);font:32px/1 sans-serif}
 html[lang=en] body[data-site-theme] .shan-hero.home-managed-hero h1{font-size:clamp(30px,8.5vw,42px);line-height:1.2}
 html[lang=en] body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__actions .button::after{content:'›'}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__foot{position:relative;inset:auto;border:0;background:transparent;backdrop-filter:none;margin-top:14px}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__foot .container{min-height:44px;justify-content:center;padding:0}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__foot :is(p,span,i){display:none}
 body[data-site-theme] .shan-hero.home-managed-hero .shan-hero__foot a{margin:0;width:44px;height:44px;color:var(--phone-ink);border:0;font-size:27px}
 body[data-site-theme] .site-header{border-radius:0 0 20px 20px;box-shadow:0 6px 18px #002f3312}
 body[data-site-theme] .site-header .brand__mark{box-shadow:0 0 0 4px #dab36c33}
 body[data-site-theme] .site-header .language-switcher{box-shadow:inset 0 1px 3px #073c3d0a}
}@media(max-width:600px){
 body[data-site-theme] #main-content{background:#073d3e}
 body.theme-shanasheel-noir #main-content{background:#080908}
}@media(max-width:600px){
 body[data-site-theme] .shan-hero.home-managed-hero{margin-bottom:24px}
}
/* Visit section: phone-only layout using the supplied decorative backdrop. */
@media(max-width:600px){
 body[data-site-theme] .shan-visit{position:relative;padding:56px 0 80px;background:#043b3c url('/assets/images/performance/visit-phone-background-20260915-9b0f348ce2-768.webp') center/100% 100% no-repeat;overflow:hidden;color:#fff7e9}
 body.theme-shanasheel-noir .shan-visit{background-image:linear-gradient(#070b0980,#070b0980),url('/assets/images/performance/visit-phone-background-20260915-9b0f348ce2-768.webp')}
 body[data-site-theme] .shan-visit__grid{display:block;width:calc(100% - 32px)}
 body[data-site-theme] .shan-visit__visual{display:none}
 body[data-site-theme] .shan-visit__copy{width:100%;max-width:none;text-align:center}
 body[data-site-theme] .shan-visit .shan-kicker{justify-content:center;margin:0 0 18px;gap:10px;color:#f0c878;font-size:16px;line-height:1.8}
 body[data-site-theme] .shan-visit .shan-kicker span{width:36px;background:linear-gradient(90deg,transparent,#e6bd71)}
 body[data-site-theme] .shan-visit .shan-kicker::after{content:'';width:36px;height:1px;background:linear-gradient(90deg,#e6bd71,transparent)}
 body[data-site-theme] .shan-visit h2{font-size:clamp(30px,8.5vw,46px);line-height:1.5;white-space:normal;letter-spacing:0;color:#fff9ed;margin:0}
 body[data-site-theme] .shan-visit h2 em{color:#f0c878;font-weight:600}
 body[data-site-theme] .shan-visit__copy>p:not(.shan-kicker){max-width:100%;margin:18px auto 26px;color:#e3d9bd;font-size:18px;line-height:1.8}
 body[data-site-theme] .shan-visit__copy>p:not(.shan-kicker)::after{content:'✧';display:block;width:120px;margin:12px auto 0;color:#e4bd72;font-size:23px;background:linear-gradient(#c5a15c,#c5a15c) left center/40px 1px no-repeat,linear-gradient(#c5a15c,#c5a15c) right center/40px 1px no-repeat}
 body[data-site-theme] .shan-visit dl{display:grid;gap:10px;margin:0 0 24px}
 body[data-site-theme] .shan-visit dl>div{display:grid;grid-template-columns:minmax(112px,.85fr) minmax(0,1.3fr);align-items:center;gap:10px;min-height:88px;padding:14px 12px;border:1px solid #e1bb76;border-radius:18px;background:linear-gradient(120deg,#04333399,#0c555477);box-shadow:0 8px 22px #001c1f22}
 body[data-site-theme] .shan-visit dt{display:flex;align-items:center;gap:8px;min-width:0;padding-inline-end:10px;border-inline-end:1px solid #d5b06d88;color:#f2c77a;font-size:12px;font-weight:700;line-height:1.8}
 body[data-site-theme] .shan-visit dt::before{content:'✧';display:grid;place-items:center;flex:none;width:34px;height:40px;border:1px solid #d5b06d88;border-radius:50%;font:24px/1 sans-serif;color:#f2c77a;background:#07313299}
 body[data-site-theme] .shan-visit dl>div:nth-child(1) dt::before{content:'⌖'}
 body[data-site-theme] .shan-visit dl>div:nth-child(2) dt::before{content:'◷'}
 body[data-site-theme] .shan-visit dl>div:nth-child(3) dt::before{content:'☎'}
 body[data-site-theme] .shan-visit dd{margin:0;min-width:0;font-size:14px;line-height:1.8;color:#fff8e9;text-align:center;overflow-wrap:anywhere}
 body[data-site-theme] .shan-visit dd[dir=ltr]{font-size:18px;font-weight:700}
 body[data-site-theme] .shan-visit .restaurant-hours{border:1px solid #d5b06d88;border-radius:14px;padding:12px;color:#f4e7cd;background:#07313299;margin-bottom:20px;text-align:start}
 body[data-site-theme] .shan-visit__actions{display:flex;flex-direction:row;align-items:stretch;gap:10px;margin-top:24px}
 body[data-site-theme] .shan-visit__actions>a{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:52px;border-radius:40px;padding:10px 8px;font-size:15px;font-weight:700;line-height:1.5;text-align:center}
 body[data-site-theme] .shan-visit__actions .button--primary{color:#053d3e;border:1px solid #f6d494;background:linear-gradient(120deg,#ffdda0,#d6a751);box-shadow:0 0 20px #d6a75122}
 body[data-site-theme] .shan-visit__actions .shan-arrow-link{color:#f3c983;border:1px solid #f3c983;background:#00353566}
 body[data-site-theme] .shan-visit__actions .shan-arrow-link b{display:none}
 body[data-site-theme] .shan-visit__copy::after{content:'✧';display:block;color:#e4bd72;font-size:25px;margin:22px auto 0;width:140px;background:linear-gradient(#c5a15c,#c5a15c) left center/45px 1px no-repeat,linear-gradient(#c5a15c,#c5a15c) right center/45px 1px no-repeat}
}@media(max-width:600px){
 body[data-site-theme] .shan-visit{scroll-margin-top:145px}
 body[data-site-theme] .shan-visit h2{background:linear-gradient(to left,#fff9ed 0%,#fff9ed 47%,#f0c878 54%,#f0c878 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
.shan-experience__phone-link{display:none}
@media(max-width:600px){
 body[data-site-theme] .shan-experience{padding:44px 0 50px;border:0;background:#00332f url('/assets/images/performance/experience-phone-background-20260915-d43540c5ca-768.webp') center top/100% 100% no-repeat;scroll-margin-top:145px}
 body.theme-shanasheel-noir .shan-experience{background-image:linear-gradient(#05090755,#05090755),url('/assets/images/performance/experience-phone-background-20260915-d43540c5ca-768.webp')}
 body[data-site-theme] .shan-experience>.container{width:calc(100% - 40px)}
 body[data-site-theme] .shan-experience .shan-section-head{margin-bottom:24px;gap:0}
 body[data-site-theme] .shan-experience .shan-kicker{font-size:12px;color:#e1ba73;margin-bottom:14px;gap:8px}
 body[data-site-theme] .shan-experience .shan-kicker span{width:24px}
 body[data-site-theme] .shan-experience .shan-kicker::after{content:'';width:24px;height:1px;background:#e1ba73}
 body[data-site-theme] .shan-experience .shan-section-head h2{font-size:clamp(25px,7vw,36px);white-space:normal;line-height:1.5;letter-spacing:0;color:#fff8ee;max-width:100%}
 body[data-site-theme] .shan-experience .shan-section-head h2 em{color:#d8a45e}
 body[data-site-theme] .shan-experience .shan-section-head>p{max-width:90%;margin:14px auto 0;font-size:13px;line-height:1.9;color:#e3e0cf}
 body[data-site-theme] .shan-experience__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:440px;margin:auto}
 body[data-site-theme] .shan-experience article,body[data-site-theme] .shan-experience article:first-child,body[data-site-theme] .shan-experience article:last-child{border:1px solid #ddb46d;border-radius:22px;min-height:0;background:linear-gradient(120deg,#00322fed,#002b29e8);box-shadow:0 10px 24px #00181533}
 body[data-site-theme] .shan-experience__media{height:auto;aspect-ratio:1.75;overflow:hidden}
 body[data-site-theme] .shan-experience__media img{display:block;width:100%;height:100%;object-fit:cover;filter:none}
 body[data-site-theme] .shan-experience__media::after{background:linear-gradient(transparent 80%,#00322f55)}
 body[data-site-theme] .shan-experience__content{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px 12px;min-height:0;padding:16px}
 body[data-site-theme] .shan-experience__content::before{display:none}
 body[data-site-theme] .shan-experience h3{grid-column:1;grid-row:1;margin:0;font-size:21px;line-height:1.5;color:#fff8ec}
 body[data-site-theme] .shan-experience__content>p{grid-column:1;grid-row:2;max-width:none;margin:0;font-size:12px;line-height:1.9;color:#e6e3d3}
 body[data-site-theme] .shan-experience__content>span{position:static;grid-column:2;grid-row:1/3;display:flex;align-items:flex-start;justify-content:center;gap:8px;padding-top:4px;color:#d8a45e;font-size:17px;direction:ltr}
 body[data-site-theme] .shan-experience__content>span::before{content:'✧';display:grid;place-items:center;width:32px;height:38px;flex:none;border:1px solid #d8a45e;border-radius:50%;font:23px/1 sans-serif}
 body[data-site-theme] .shan-experience__phone-link{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:6px;color:#e2b16b;font-size:14px;font-weight:600;text-decoration:none;min-height:44px}
 body[data-site-theme] .shan-experience__phone-link b{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(120deg,#edc483,#cb984f);color:#003935;font:25px/1 sans-serif}
 body[data-site-theme] .shan-experience__phone-link:focus-visible{outline:2px solid #f0ca86;outline-offset:4px;border-radius:8px}
}@media(max-width:600px){
 body[data-site-theme] .shan-experience>.container{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
}
/* Kitchen values — desktop columns and phone image/text cards. */
body[data-site-theme] .shan-trust{padding:76px 0 80px;overflow:hidden;background:repeating-linear-gradient(135deg,transparent 0 24px,#d7b56d05 25px 26px),radial-gradient(ellipse at 50% 25%,#064543,#002c2c 75%);border:0}
body[data-site-theme] .shan-trust::before,body[data-site-theme] .shan-trust::after{display:none}
body[data-site-theme] .shan-trust .container{width:calc(100% - 64px);max-width:1260px}
body[data-site-theme] .shan-trust__heading{text-align:center;margin-bottom:38px}
body[data-site-theme] .shan-trust__kicker{display:flex;align-items:center;justify-content:center;gap:22px;color:#efc77e;font-size:20px;margin:0 0 20px}
body[data-site-theme] .shan-trust__kicker::before,body[data-site-theme] .shan-trust__kicker::after{content:'';height:2px;width:56px;background:#e8c07b}
body[data-site-theme] .shan-trust__heading h2{font-size:clamp(30px,3.8vw,52px);line-height:1.5;color:#ffe5b6;margin:0 0 18px}
body[data-site-theme] .shan-trust__heading>p:last-child{max-width:650px;margin:0 auto;font-size:20px;line-height:1.9;color:#e0e8dd}
body[data-site-theme] .shan-trust__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;overflow:visible;direction:ltr}
body[data-site-theme] .shan-trust article,body[data-site-theme] .shan-trust article:first-child,body[data-site-theme] .shan-trust article:last-child{display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;padding:18px;border:1px solid #ebbd70;border-radius:28px;background:linear-gradient(140deg,#074441b8,#002c2ddd);box-shadow:0 16px 30px #001c1c44;transform:none}
body[data-site-theme] .shan-trust__image{width:100%;height:auto;aspect-ratio:1.25;border:1px solid #d9ac63;border-radius:20px;overflow:hidden}
body[data-site-theme] .shan-trust__image img{width:100%;height:100%;object-fit:cover;filter:none}
body[data-site-theme] .shan-trust__copy{position:static;display:flex;flex-direction:column;align-items:stretch;flex:1;padding:22px 10px 6px;direction:rtl;text-align:start}
body[data-site-theme] .shan-trust__copy>b{position:static;display:flex;align-items:center;gap:16px;direction:ltr;color:#efbd6b;font-size:19px;line-height:1.5;margin:0 0 10px}
body[data-site-theme] .shan-trust__copy>b::after{content:'';width:42px;height:1px;background:#efbd6b}
body[data-site-theme] .shan-trust__copy>strong{color:#ffe4b4;font-size:28px;line-height:1.5;margin:0 0 12px}
body[data-site-theme] .shan-trust__copy>span{color:#dfebe4;font-size:18px;line-height:1.8;margin-bottom:22px}
body[data-site-theme] .shan-trust__link{display:flex;align-items:center;gap:18px;margin-top:auto;color:#efc579;font-size:16px;text-decoration:none;min-height:44px}
body[data-site-theme] .shan-trust__link i{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ebc57d;border-radius:50%;font-size:23px;flex:none}
body[data-site-theme] .shan-trust__link:hover{color:#fff2d6}
body[data-site-theme] .shan-trust__link:focus-visible{outline:2px solid #ffe1a1;outline-offset:5px;border-radius:6px}
html[lang="en"] body[data-site-theme] .shan-trust__copy{direction:ltr}
@media(max-width:760px){
 body[data-site-theme] .shan-trust{padding:44px 0}
 body[data-site-theme] .shan-trust .container{width:calc(100% - 28px)}
 body[data-site-theme] .shan-trust__heading{margin-bottom:24px}
 body[data-site-theme] .shan-trust__kicker{font-size:15px;gap:14px;margin-bottom:14px}
 body[data-site-theme] .shan-trust__kicker::before,body[data-site-theme] .shan-trust__kicker::after{width:30px}
 body[data-site-theme] .shan-trust__heading h2{font-size:clamp(26px,6.7vw,38px);margin-bottom:12px}
 body[data-site-theme] .shan-trust__heading>p:last-child{font-size:15px;max-width:480px}
 body[data-site-theme] .shan-trust__grid{grid-template-columns:minmax(0,1fr);gap:14px}
 body[data-site-theme] .shan-trust article,body[data-site-theme] .shan-trust article:first-child,body[data-site-theme] .shan-trust article:last-child{display:grid;grid-template-columns:46% minmax(0,1fr);direction:rtl;padding:12px;gap:16px;border-radius:24px}
 body[data-site-theme] .shan-trust__image{height:100%;min-height:185px;aspect-ratio:auto;border-radius:18px}
 body[data-site-theme] .shan-trust__copy{padding:6px 0;min-width:0}
 body[data-site-theme] .shan-trust__copy>b{font-size:14px;margin-bottom:8px;gap:10px}
 body[data-site-theme] .shan-trust__copy>b::after{width:25px}
 body[data-site-theme] .shan-trust__copy>strong{font-size:clamp(18px,4.8vw,25px);margin-bottom:10px}
 body[data-site-theme] .shan-trust__copy>span{font-size:14px;line-height:1.8;margin-bottom:14px}
 body[data-site-theme] .shan-trust__link{gap:8px;font-size:12px;min-height:34px}
 body[data-site-theme] .shan-trust__link i{width:30px;height:30px;font-size:19px}
 html[lang="en"] body[data-site-theme] .shan-trust article{direction:ltr}
}body[data-site-theme] .shan-trust{scroll-margin-top:145px}

/* Restaurant philosophy: a quiet, centered editorial panel on both sizes. */
body[data-site-theme] .shan-quote{position:relative;isolation:isolate;overflow:hidden;padding:64px 24px 58px;background:radial-gradient(ellipse at 50% 40%,#064541,#002b2c 78%);border-block:1px solid #cba56533}
body[data-site-theme] .shan-quote::before{content:'';position:absolute;inset:18px auto;width:min(72%,940px);left:50%;transform:translateX(-50%);border:1px solid #dbb97540;border-radius:160px 160px 70px 70px /100px 100px 90px 90px;z-index:-1;background:linear-gradient(130deg,#bfa46b05,transparent 45%,#001f2222);pointer-events:none}
body[data-site-theme] .shan-quote .container{position:relative;width:100%;max-width:780px;margin:auto;text-align:center}
body[data-site-theme] .shan-quote__mark{display:block;height:66px;margin:0 0 16px;color:#f0c37e;font:120px/1 Georgia,serif}
body[data-site-theme] .shan-quote blockquote{max-width:760px;margin:0 auto 28px;padding:0;border:0;color:#fff4e6;font-size:clamp(27px,2.6vw,38px);font-weight:500;line-height:1.85;text-align:center;text-wrap:balance}
body[data-site-theme] .shan-quote blockquote em{color:#edbd77;font:inherit;font-weight:700}
body[data-site-theme] .shan-quote .container>div{display:flex;align-items:center;justify-content:center;gap:22px;color:#e9c282;font-size:15px}
body[data-site-theme] .shan-quote .container>div>i{display:block;flex:none;width:62px;height:1px;background:#d7ae67}
body[data-site-theme] .shan-quote .container>div>span::before{content:'◇';display:block;color:#e9c282;font-size:24px;line-height:1.2;margin-bottom:6px}
@media(max-width:600px){
 body[data-site-theme] .shan-quote{padding:68px 25px 72px}
 body[data-site-theme] .shan-quote::before{inset:20px 12px;width:auto;transform:none;border-radius:120px 120px 32px 32px /90px 90px 40px 40px}
 body[data-site-theme] .shan-quote__mark{font-size:102px;height:58px;margin-bottom:24px}
 body[data-site-theme] .shan-quote blockquote{font-size:clamp(23px,6.2vw,31px);line-height:1.95;margin-bottom:32px}
 body[data-site-theme] .shan-quote .container>div{font-size:13px;gap:15px}
 body[data-site-theme] .shan-quote .container>div>i{width:42px}
}
/* A single canvas joins the home sections; photographed backgrounds fade into it. */
body[data-site-theme]:has(.home-managed-hero){--home-canvas:#043634;--home-canvas-clear:#04363400;--home-surface:#073c38;--home-gold:#e9bd76}
body.theme-shanasheel-noir:has(.home-managed-hero){--home-canvas:#101710;--home-canvas-clear:#10171000;--home-surface:#192119}
body[data-site-theme]:has(.home-managed-hero) #main-content{background:var(--home-canvas)}
body[data-site-theme]:has(.home-managed-hero) #main-content>section:not(.shan-hero){background:transparent;border-block-color:transparent;box-shadow:none}
body[data-site-theme]:has(.home-managed-hero) .shan-footer{background:var(--home-canvas);border-top-color:transparent}
body[data-site-theme]:has(.home-managed-hero) .site-development-credit{background:var(--home-canvas)}
body[data-site-theme]:has(.home-managed-hero) .shan-trust article{background:linear-gradient(140deg,var(--home-surface),var(--home-canvas));border-color:#e9bd7699}
body[data-site-theme]:has(.home-managed-hero) .shan-hero__foot{background:var(--home-canvas);border-bottom-color:transparent}
body[data-site-theme]:has(.home-managed-hero) .shan-quote::before{border-color:#e9bd7638}
@media(max-width:600px){
 body[data-site-theme]:has(.home-managed-hero) #main-content>section.shan-experience{
  background-color:var(--home-canvas);
  background-image:linear-gradient(to bottom,var(--home-canvas) 0%,var(--home-canvas-clear) 18%,var(--home-canvas-clear) 80%,var(--home-canvas) 100%),linear-gradient(90deg,var(--home-canvas),var(--home-canvas-clear) 16%,var(--home-canvas-clear) 84%,var(--home-canvas)),url('/assets/images/performance/experience-phone-background-20260915-d43540c5ca-768.webp');
  background-position:center;background-size:100% 100%;background-repeat:no-repeat;
 }
 body[data-site-theme]:has(.home-managed-hero) #main-content>section.shan-visit{
  background-color:var(--home-canvas);
  background-image:linear-gradient(to bottom,var(--home-canvas) 0%,var(--home-canvas-clear) 20%,var(--home-canvas-clear) 78%,var(--home-canvas) 100%),linear-gradient(90deg,var(--home-canvas),var(--home-canvas-clear) 16%,var(--home-canvas-clear) 84%,var(--home-canvas)),url('/assets/images/performance/visit-phone-background-20260915-9b0f348ce2-768.webp');
  background-position:center;background-size:100% 100%;background-repeat:no-repeat;
 }
 body[data-site-theme]:has(.home-managed-hero) .shan-experience article{background:linear-gradient(130deg,var(--home-surface),var(--home-canvas))}
}
.home-hero-picture{display:contents}

/* /assets/css/restaurant-info.css */
.restaurant-breadcrumbs{padding-top:20px;padding-bottom:12px}.restaurant-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;font-size:.8rem}.restaurant-breadcrumbs li+li:before{content:"←";margin-inline-end:10px}.restaurant-breadcrumbs a{color:inherit}.restaurant-social-link{display:block;margin-top:10px;overflow-wrap:anywhere}.restaurant-hours{margin:20px 0}.restaurant-hours summary{cursor:pointer}.restaurant-hours ul{list-style:none;padding:0}.restaurant-hours li{display:flex;justify-content:space-between;gap:15px;margin:8px 0}.restaurant-hours p{font-size:.8rem}.status-dot[data-open=no]{background:#b76854!important;box-shadow:none!important}.status-dot[data-open=unknown]{background:#aaa!important;box-shadow:none!important}.restaurant-identity{margin-top:28px}.restaurant-identity form{padding:24px}.restaurant-identity label{display:block;margin-bottom:18px}.restaurant-identity label>span{display:block;margin-bottom:8px}.restaurant-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.restaurant-field-grid>*{min-width:0}.restaurant-hours-editor fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;margin:14px 0;border:1px solid #695429;border-radius:12px}.restaurant-hours-editor label{min-width:0}.restaurant-hours-editor input{max-width:100%}.restaurant-hours-editor .admin-check{display:flex;align-items:center;gap:7px}.restaurant-hours-editor input[type=checkbox]{width:auto}.delivery-modal .admin-modal__card{max-height:90vh;overflow:auto}.delivery-modal .admin-check{display:flex;gap:8px;align-items:center}.delivery-modal .admin-check input{width:auto}.delivery-modal [data-delivery-branch-fields]>p{font-size:.75rem;line-height:1.8}.restaurant-identity p{line-height:1.8}.admin-live-status[data-open=no] i{background:#b76854}.admin-live-status[data-open=unknown] i{background:#aaa}@media(max-width:640px){.restaurant-field-grid{grid-template-columns:1fr}.restaurant-identity form{padding:16px}.restaurant-hours li{flex-wrap:wrap}}.delivery-modal .admin-modal__card{overflow-x:hidden}.delivery-modal select{width:100%;max-width:100%;min-width:0;background:#080808;color:#ebe4d9;border:1px solid rgba(205,166,80,.17);border-radius:10px;padding:11px 13px;font:inherit}.restaurant-hours-editor fieldset{min-width:0}.delivery-modal .admin-check input[type=checkbox]{height:18px;width:18px;flex:0 0 18px}.restaurant-identity header>div{display:block}.restaurant-identity header p{margin-top:10px}

.policy-context-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:18px 0;line-height:1.9;font-size:.85rem}.policy-context-links>span{font-weight:600}.policy-context-links a{text-decoration:underline;text-underline-offset:4px}.policy-footer:empty{display:none}.policy-meta{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0 30px;padding:18px 22px;border:1px solid #b79a5940;border-radius:14px}.policy-meta dt{font-size:.8rem;opacity:.7}.policy-meta dd{margin:5px 0;direction:ltr}.policy-editor,.policy-history{margin:24px 0;padding:22px;border:1px solid #b79a5940;border-radius:14px}.policy-history details{border-top:1px solid #b79a5930;padding:15px 0;overflow-wrap:anywhere}.policy-history summary{cursor:pointer}.policy-history p{white-space:normal}.policy-editor .cms-faq-check{display:flex;flex-direction:row;align-items:center;gap:10px}.policy-editor .cms-faq-check input{width:18px;height:18px;flex:0 0 18px}

/* /assets/css/translations.css */
.language-switcher{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;flex-wrap:wrap}.language-switcher a{padding:6px 12px;border:1px solid currentColor;border-radius:30px;text-decoration:none}.language-switcher [aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:5px}.translation-header,.translation-footer{padding:24px 0;border-block:1px solid currentColor}.translation-header>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.translation-header nav,.translation-footer nav{display:flex;gap:20px;flex-wrap:wrap}.translation-footer nav{margin-block:20px}.translation-editor h1{font-size:clamp(22px,3vw,36px)}.translation-field{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:24px}.translation-source{padding:18px;border:1px solid #b9913c55;border-radius:14px;min-width:0}.translation-source p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}.translation-field label{min-width:0}.translation-field textarea{width:100%;box-sizing:border-box}.translation-approval{display:flex!important;align-items:center;gap:12px}.translation-approval input{width:20px!important;height:20px}.cms-public,.translation-header,.translation-footer{overflow-wrap:anywhere}html[lang=en] .cms-prose{text-align:start}html[lang=en] .cms-article-footer{gap:24px;flex-wrap:wrap}html[lang=en] .restaurant-breadcrumbs li+li::before{content:'→'}@media(max-width:650px){.translation-field{grid-template-columns:1fr}.translation-header>.container{justify-content:center}.translation-header nav{justify-content:center}.translation-footer{padding-bottom:36px}}

.product-actions,.category-actions{flex-wrap:wrap}.product-actions a{display:flex;align-items:center;justify-content:center;min-height:39px;padding:0 12px;border-radius:9px;font-size:.75rem;text-decoration:none}@media(max-width:760px){.product-actions a{flex:1}}

.addon-actions{flex-wrap:wrap}.addon-actions a{padding:8px;border-radius:8px;text-decoration:none}html[lang=en] .product-page,html[lang=en] .menu-page{text-align:start}html[lang=en] .menu-card__description{direction:ltr}html[lang=en] .menu-hero__content{direction:ltr}html[lang=en] .menu-hero__eyebrow{letter-spacing:normal}html[lang=en] .product-order-bar{direction:ltr}html[lang=en] .product-facts p{direction:ltr;text-align:start}

@media(min-width:761px){html[lang=en] .menu-premium .menu-hero__content{grid-column:2;text-align:left;justify-self:end}}html[lang=en] .menu-hero__actions svg{transform:rotate(180deg)}

.translation-media-preview{display:flex;align-items:center;gap:16px;margin:32px 0 12px;padding-top:20px;border-top:1px solid #b9913c55;flex-wrap:wrap}.translation-media-preview img{object-fit:cover;border-radius:12px}.translation-media-preview figcaption{overflow-wrap:anywhere}html[lang=en] .cms-service-panel{text-align:start}

.translation-tagline{overflow-wrap:anywhere;line-height:1.8}html[lang=en] .cms-hours li b{text-align:end}

html[lang=en] .shan-story__copy h2,html[lang=en] .shan-visit__copy h2{white-space:normal}html[lang=en] .shan-visit dd{text-align:start!important}html[lang=en] .shan-hero__content,html[lang=en] .shan-story__copy,html[lang=en] .shan-visit__copy{text-align:start}html[lang=en] #main-content{overflow-wrap:anywhere}html[lang=en] .shan-section-head,html[lang=en] .shan-visit__actions{flex-wrap:wrap}html[lang=en] .shan-hero__content{max-width:100%}

@media(min-width:761px){html[lang=en] .shan-hero__content{margin-left:auto}}

html[lang=en] .shan-section-head h2{white-space:normal}html[lang=en] .shan-section-head>div{min-width:0;max-width:100%}

/* Explicit surface colours keep shared translated navigation legible in both themes. */
body.theme-shanasheel-noir .translation-header,body.theme-shanasheel-noir>.language-switcher{background:#10110e;color:#f2e6cc;border-color:#756443}
body.theme-turquoise-beige .translation-header,body.theme-turquoise-beige>.language-switcher{background:#f8efe2;color:#174f50;border-color:#8ba6a0}
body:is(.theme-shanasheel-noir,.theme-turquoise-beige) .translation-header :is(a,strong),body:is(.theme-shanasheel-noir,.theme-turquoise-beige)>.language-switcher a{color:inherit}
body .translation-header .brand{min-width:0;max-width:100%}
body .translation-header .brand strong{overflow-wrap:anywhere}
body .translation-header .brand__mark{flex-shrink:0}
body .language-switcher a:focus-visible,body .translation-header nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* One header layout; language selection stays alongside account/cart tools. */
body .site-header .language-switcher{display:flex;flex-wrap:nowrap;gap:2px;padding:3px;border:1px solid currentColor;border-radius:30px;font-size:12px;flex-shrink:0}
body .site-header .language-switcher a{padding:6px 9px;border:0;border-radius:24px;white-space:nowrap;text-decoration:none;color:inherit}
body.theme-turquoise-beige .site-header .language-switcher{color:#174f50;border-color:#a4b7ab}
body.theme-shanasheel-noir .site-header .language-switcher{color:#ead39d;border-color:#756443}
body.theme-turquoise-beige .site-header .language-switcher [aria-current=page]{background:#174f50;color:#fff5e5}
body.theme-shanasheel-noir .site-header .language-switcher [aria-current=page]{background:#d5ad57;color:#10110e}
body .site-header .brand{min-width:0;flex-shrink:1}
body .site-header .brand>span:last-child{min-width:0}
body .site-header .brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .site-header--english .brand small{text-align:start}
@media(min-width:1101px){body .site-header__inner{flex-wrap:wrap}body .site-header .main-nav{flex-wrap:wrap;justify-content:center}body .site-header .header-actions{margin-inline-start:auto}}
@media(max-width:1100px){
 body .site-header .site-header__inner{flex-wrap:wrap;gap:14px}
 body .site-header .header-actions{margin-inline-start:auto;gap:10px;max-width:100%}
 body .site-header .menu-toggle{flex-shrink:0}
 body .site-header .header-actions>.button{display:none}
}
/* Shared phone header: branding above a full-width row of touch controls. */
@media(max-width:600px){
 body .utility-bar{display:none}
 body .site-header .site-header__inner{width:calc(100% - 28px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;padding-block:14px 12px}
 body .site-header .brand{max-width:100%;justify-self:start;gap:12px}
 body .site-header .brand__mark{width:52px;height:52px;flex:none}
 body .site-header .brand strong{font-size:20px;line-height:1.5;max-width:210px}
 body .site-header .brand small{font-size:9px;letter-spacing:.22em;line-height:1.5}
 body .site-header .menu-toggle{grid-column:2;grid-row:1;margin:0;width:44px;height:44px;padding:9px;justify-self:end}
 body .site-header .menu-toggle span:not(.sr-only){height:2px;border-radius:2px;margin-block:6px}
 body .site-header .header-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;max-width:100%;margin:0;gap:10px;align-items:center}
 body .site-header .language-switcher{grid-column:1;grid-row:1;justify-self:start;margin:0;padding:3px;gap:0;font-size:13px}
 body .site-header .language-switcher a{min-height:40px;display:flex;align-items:center;justify-content:center;padding:6px 11px;line-height:1.3}
 body .site-header .account-action{grid-column:2;grid-row:1;display:inline-flex;min-width:0;min-height:44px;gap:7px;padding:0 8px;border:0;border-inline-end:1px solid #a4b7ab66;border-radius:0;font-size:13px}
 body .site-header .account-action>span:last-child{display:block;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body .site-header .account-icon{width:19px;height:19px}
 body .site-header .header-cart{grid-column:3;grid-row:1;position:static}
 body .site-header .cart-action{display:flex;direction:ltr;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;border-radius:30px;border:1px solid #a4b7ab33;box-shadow:0 5px 16px #0000000d}
 body .site-header .cart-action .cart-icon{display:block;width:18px;height:12px}
 body .site-header .cart-action .cart-label{display:none}
 body .site-header .cart-action b{display:grid;place-items:center;min-width:26px;width:auto;height:26px;padding-inline:5px;font-size:13px;line-height:1;border-radius:50px}
 body .site-header .header-cart-panel{position:absolute;inset:calc(100% + 8px) 14px auto;width:auto;max-height:calc(100dvh - 160px);overflow-y:auto}
 body .site-header .header-cart-panel footer .button{display:flex}
 body .site-header :is(.menu-toggle,.account-action,.cart-action):focus-visible{outline:2px solid currentColor;outline-offset:3px}
}
@media(max-width:360px){
 body .site-header .site-header__inner{width:calc(100% - 20px)}
 body .site-header .header-actions{gap:6px}
 body .site-header .language-switcher a{padding-inline:8px;font-size:12px}
 body .site-header .account-action{padding-inline:5px;font-size:12px}
 body .site-header .account-action>span:last-child{max-width:60px}
 body .site-header .cart-action{padding-inline:9px;gap:6px}
}
@media(min-width:1101px){
 body .site-header .site-header__inner{width:min(1540px,calc(100% - 48px));flex-wrap:nowrap;gap:22px}
 body .site-header .main-nav{gap:18px;flex-shrink:0}
 body .site-header .header-actions{gap:12px;flex-shrink:0}
 body .site-header .brand{flex-shrink:1}
}
@media(min-width:1101px) and (max-width:1399px){
 body .site-header .header-actions>.button,body .site-header .account-action>span:last-child{display:none}
 body .site-header .main-nav{gap:14px;font-size:12px}
 body .site-header .site-header__inner{gap:16px}
}
@media(max-width:1100px){
 body .site-header .main-nav{position:absolute;inset:100% 0 auto;max-height:calc(100dvh - 180px);overflow-y:auto;z-index:80;padding:16px 24px;flex-direction:column;align-items:stretch;gap:0;margin:0;height:auto;box-shadow:0 16px 30px #0004}
 body.theme-turquoise-beige .site-header .main-nav{background:#fff5e5;color:#174f50}
 body.theme-shanasheel-noir .site-header .main-nav{background:#10110e;color:#ead39d}
 body .site-header .main-nav a{color:inherit;padding:12px;min-height:44px}
 body .site-header .menu-toggle{order:0}
 body.theme-turquoise-beige .site-header .menu-toggle span:not(.sr-only){background:#174f50}
}

/* Keep the complete footer layout in English, using each theme's existing palette. */
html[lang="en"] body .shan-footer--english{direction:ltr;text-align:start}
html[lang="en"] body .shan-footer--english .shan-footer__main>*{min-width:0}
html[lang="en"] body .shan-footer--english :is(h2,p,a){overflow-wrap:break-word}
html[lang="en"] body .shan-footer--english .brand{max-width:100%;min-width:0}
html[lang="en"] body .shan-footer--english .brand__mark{flex-shrink:0}
html[lang="en"] body .shan-footer--english .brand>span:last-child{min-width:0}
html[lang="en"] body .shan-footer--english .brand strong{white-space:normal;overflow-wrap:anywhere}
html[lang="en"] body .shan-footer--english .shan-footer__column a{justify-content:flex-start}
html[lang="en"] body .shan-footer--english h2::after{right:auto;left:0}
html[lang="en"] body .shan-footer--english .shan-footer__phone{text-align:start}
html[lang="en"] body .shan-footer--english .shan-footer__main>*:not(:first-child){border-right:0}
@media(min-width:1101px){html[lang="en"] body .shan-footer--english .shan-footer__main>*:not(:first-child){border-left:1px solid rgba(231,202,136,.25)}}
@media(min-width:1101px){html[lang="en"] body .shan-footer--english .shan-footer__contact{padding-left:44px;padding-right:0}}

/* /assets/css/footer-credit.css */
body .site-development-credit{padding:18px 0;background:#080e0e;border-top:1px solid #c7a05240;color:#e3ddd0;text-align:center;font-size:.8rem;line-height:2}
body .site-development-credit p{margin-block:0}
body .site-development-credit a{display:inline;color:#edca80;font-weight:700;text-decoration:underline;text-decoration-color:#edca8055;text-underline-offset:4px;unicode-bidi:isolate}
body .site-development-credit a:hover{color:#ffe8b5;text-decoration-color:currentColor}
body .site-development-credit a:focus-visible{outline:2px solid #edca80;outline-offset:4px;border-radius:3px}
body.theme-turquoise-beige .site-development-credit{background:#073536;color:#f2e7d5}
@media(max-width:600px){body .site-development-credit{padding:16px 0;font-size:.75rem}body .site-development-credit a{display:inline-block;max-width:100%;overflow-wrap:anywhere}}

/* Shared footer: centered identity, clear desktop columns, mobile disclosures. */
body[data-site-theme] .shan-footer{padding-top:58px;background:radial-gradient(ellipse at 50% 0,#06413c,#002927 78%);color:#fff6e6;border-top:1px solid #dbb87755}
body[data-site-theme] .shan-footer .container{max-width:1160px;width:calc(100% - 64px)}
body[data-site-theme] .shan-footer__main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0 0 36px}
body[data-site-theme] .shan-footer__brand{grid-column:1/-1;text-align:center;border:0;padding:0 0 30px;margin-bottom:0;border-bottom:1px solid #c7ab6630}
body[data-site-theme] .shan-footer .brand--footer{display:flex;justify-content:center;gap:18px;margin:auto;width:fit-content;max-width:100%}
body[data-site-theme] .shan-footer .brand--footer .brand__mark{width:96px;height:96px;flex:none}
body[data-site-theme] .shan-footer .brand--footer strong{font-size:34px;color:#fff7e9;overflow-wrap:normal;word-break:normal}
body[data-site-theme] .shan-footer .brand--footer small{font-size:13px;letter-spacing:4px;color:#fff7e9}
body[data-site-theme] .shan-footer__brand>p{max-width:500px;margin:22px auto 0;color:#fff2dc;font-size:17px;line-height:1.9}
body[data-site-theme] .shan-footer__brand>.shan-footer__identity{font-size:13px;color:#ebbf74;margin-top:16px}
body[data-site-theme] .shan-footer__identity::before{content:'◇';display:block;font-size:23px;line-height:1.3}
body[data-site-theme] .shan-footer__column,body[data-site-theme] .shan-footer__contact{min-width:0;padding:0 26px;border:0;border-inline-end:1px solid #c4ae6c55;text-align:start}
body[data-site-theme] .shan-footer__contact{border-inline-end:0}
body[data-site-theme] .shan-footer h2{font-size:20px;line-height:1.5;color:#fff6e6;margin:0 0 24px}
body[data-site-theme] .shan-footer h2::after{background:#e8bb70;width:38px;margin-top:14px}
body[data-site-theme] .shan-footer__disclosure summary{list-style:none;cursor:default}
body[data-site-theme] .shan-footer__disclosure summary::-webkit-details-marker{display:none}
body[data-site-theme] .shan-footer__links{display:flex;flex-direction:column;gap:14px}
body[data-site-theme] .shan-footer__links>a{margin:0;min-height:30px;color:#fff0d9;font-size:15px;line-height:1.7}
body[data-site-theme] .shan-footer__links>a i{color:#efc67e}
body[data-site-theme] .shan-footer__links>p{margin:0;color:#e6e8d8;font-size:14px;line-height:1.9}
body[data-site-theme] .shan-footer__links .shan-footer__phone{color:#edc580;font-size:20px;align-self:flex-start}
body[data-site-theme] .shan-footer__links .shan-footer__branches{border:1px solid #d0ad6b;border-radius:28px;justify-content:center;padding:10px 18px}
body[data-site-theme] .shan-footer__preferences{text-align:center;padding:28px 0;border-block:1px solid #c4ae6c55}
body[data-site-theme] .shan-footer__preferences h2{margin:0 0 8px;font-size:19px}
body[data-site-theme] .shan-footer__preferences h2::after{display:none}
body[data-site-theme] .shan-footer__preferences p{font-size:14px;color:#e5e9d9;margin:0 0 16px}
body[data-site-theme] .shan-footer__preferences .button{min-height:44px;padding:10px 32px;border-radius:28px;background:linear-gradient(110deg,#f8d895,#bc944f);color:#173b32;border:1px solid #f2cf87}
body[data-site-theme] .shan-footer__bar{background:transparent;border-top:0;padding:28px 0}
body[data-site-theme] .shan-footer__bar>.container{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}
body[data-site-theme] .shan-footer__payments{grid-column:1/-1;grid-row:1;justify-content:center;flex-wrap:wrap;gap:28px;padding-bottom:25px;border-bottom:1px solid #c4ae6c55}
body[data-site-theme] .shan-footer__bar p{color:#efe9d8;font-size:13px}
body[data-site-theme] .shan-footer .environment-badge{border:0;justify-self:end;color:#e5b96c}
body[data-site-theme] .shan-footer .policy-footer:empty{display:none}
body[data-site-theme] .shan-footer .policy-footer{padding-block:18px;text-align:center}
body[data-site-theme] .shan-footer a:focus-visible,body[data-site-theme] .shan-footer summary:focus-visible{outline:2px solid #f7cf83;outline-offset:5px}
@media(max-width:600px){
 body[data-site-theme] .shan-footer{padding-top:34px}
 body[data-site-theme] .shan-footer .container{width:calc(100% - 40px)}
 body[data-site-theme] .shan-footer__main{grid-template-columns:1fr;gap:0;padding-bottom:0}
 body[data-site-theme] .shan-footer__brand{padding-bottom:24px}
 body[data-site-theme] .shan-footer .brand--footer{gap:12px}
 body[data-site-theme] .shan-footer .brand--footer .brand__mark{width:76px;height:76px}
 body[data-site-theme] .shan-footer .brand--footer strong{font-size:28px}
 body[data-site-theme] .shan-footer .brand--footer small{font-size:10px;letter-spacing:2px}
 body[data-site-theme] .shan-footer__brand>p{font-size:14px;line-height:1.9;margin-top:20px}
 body[data-site-theme] .shan-footer__column,body[data-site-theme] .shan-footer__contact{padding:0;border:0;border-bottom:1px solid #c4ae6c55}
 body[data-site-theme] .shan-footer__disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;cursor:pointer}
 body[data-site-theme] .shan-footer__disclosure summary::after{content:'⌄';font-size:23px;color:#efc67e;transition:transform .2s}
 body[data-site-theme] .shan-footer__disclosure[open] summary::after{transform:rotate(180deg)}
 body[data-site-theme] .shan-footer__disclosure summary h2{font-size:18px;margin:0}
 body[data-site-theme] .shan-footer__disclosure summary h2::after{display:none}
 body[data-site-theme] .shan-footer__links{padding-bottom:22px}
 body[data-site-theme] .shan-footer__preferences{padding:24px 0;border-top:0}
 body[data-site-theme] .shan-footer__preferences .button{width:100%}
 body[data-site-theme] .shan-footer__bar>.container{grid-template-columns:1fr;gap:16px;text-align:center}
 body[data-site-theme] .shan-footer__payments{gap:20px;padding-bottom:22px}
 body[data-site-theme] .shan-footer .environment-badge{justify-self:center;margin:0}
 body[data-site-theme] .shan-footer__bar p{margin:0;font-size:12px}
}body[data-site-theme] .shan-footer{scroll-margin-top:140px}body[data-site-theme] .shan-footer__links .shan-footer__branches{background:transparent;color:#efc67e;opacity:1}body[data-site-theme] .shan-footer__links .shan-footer__branches:hover{background:#d3ae6922}
@media(max-width:600px){html[lang="en"] body[data-site-theme] .shan-footer .brand--footer strong{font-size:21px}html[lang="en"] body[data-site-theme] .shan-footer .brand--footer .brand__mark{width:64px;height:64px}}

/* Footer social links use the locally bundled Font Awesome brands font. */
@font-face{font-family:FooterBrands;src:url('/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
body[data-site-theme] .shan-footer-social{padding:26px 0 30px;text-align:center;border-top:1px solid #dbb87740}
body[data-site-theme] .shan-footer-social h2{margin:0 0 18px;font-size:1rem;color:#edca80}
body[data-site-theme] .shan-footer-social__list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 20px}
body[data-site-theme] .shan-footer-social__link{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:64px;color:#f8efdf;text-decoration:none}
body[data-site-theme] .shan-footer-social__icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dbb877;border-radius:50%;font:400 21px/1 FooterBrands;color:#edca80;transition:background .18s,color .18s,box-shadow .18s}
body[data-site-theme] .shan-footer-social__icon--text{font-family:Arial,sans-serif}
body[data-site-theme] .shan-footer-social__name{font-size:11px;line-height:1.5}
body[data-site-theme] .shan-footer-social__link:hover .shan-footer-social__icon{background:#edca80;color:#073536;box-shadow:0 3px 16px #edca8026}
body[data-site-theme] .shan-footer-social__link:focus-visible{outline:2px solid #edca80;outline-offset:5px;border-radius:6px}
@media(max-width:600px){body[data-site-theme] .shan-footer-social__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 6px}body[data-site-theme] .shan-footer-social__link{min-width:0}}

/* Shared public-page WhatsApp shortcut, below navigation and dialog layers. */
body .shan-whatsapp-float{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));z-index:15;display:grid;place-items:center;width:58px;height:58px;border:1px solid #edca80;border-radius:50%;background:#087c61;color:#fff;box-shadow:0 6px 24px #00292740;text-decoration:none;transition:background .18s,box-shadow .18s}
body .shan-whatsapp-float__icon{font:400 31px/1 FooterBrands}
body .shan-whatsapp-float__label{position:absolute;left:calc(100% + 12px);width:max-content;max-width:220px;padding:9px 14px;border:1px solid #edca8070;border-radius:12px;background:#073536;color:#fff6e6;font-size:12px;line-height:1.8;pointer-events:none;opacity:0;visibility:hidden}
body .shan-whatsapp-float:hover,body .shan-whatsapp-float:focus-visible{background:#09664f;box-shadow:0 7px 28px #00292760}
body .shan-whatsapp-float:focus-visible{outline:3px solid #edca80;outline-offset:4px}
@media(hover:hover){body .shan-whatsapp-float:hover .shan-whatsapp-float__label{opacity:1;visibility:visible}}
body .shan-whatsapp-float:focus-visible .shan-whatsapp-float__label{opacity:1;visibility:visible}
body.menu-open .shan-whatsapp-float,body:has(.header-cart.is-open) .shan-whatsapp-float,body:has(dialog[open]) .shan-whatsapp-float{visibility:hidden}
@media(max-width:760px){body .shan-whatsapp-float{width:52px;height:52px;left:max(14px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom))}body:has(.product-order-bar) .shan-whatsapp-float{bottom:calc(96px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){body .shan-whatsapp-float{transition:none}}
@media print{body .shan-whatsapp-float{display:none}}

/* /assets/css/header-cart.css */
body .site-header .header-cart-panel{--mini-paper:#fff9ef;--mini-ink:#174f50;--mini-line:#d9c9ac55;background:var(--mini-paper);color:var(--mini-ink);width:min(460px,calc(100vw - 28px));padding:18px;border:1px solid #c8b99480;border-radius:24px;box-shadow:0 20px 65px #001f2855;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
body.theme-shanasheel-noir .site-header .header-cart-panel{--mini-paper:#141711;--mini-ink:#eee2c7;--mini-line:#c4a35a40}
body .site-header .header-cart-panel::before{display:none}
body .site-header .header-cart-panel>header{padding-bottom:12px;margin-bottom:12px;border-color:var(--mini-line)}
body .site-header .header-cart-panel>header small{font-size:11px;color:#a57835}
body .site-header .header-cart-panel>header strong{font-size:18px;color:var(--mini-ink)}
body .site-header .header-cart-panel>header button{width:40px;height:40px;color:var(--mini-ink);font-size:25px;border-color:var(--mini-line)}
body .site-header .header-cart-panel__items{max-height:310px;overflow-y:auto;padding:2px;scrollbar-width:thin}
body .site-header .header-cart-item{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) 34px;gap:8px 12px;padding:12px;margin-bottom:10px;border:1px solid var(--mini-line);border-radius:16px;background:transparent;align-items:start}
body .site-header .header-cart-item>img{grid-column:1;grid-row:1/3;width:80px;height:100%;min-height:88px;max-height:120px;object-fit:cover;border-radius:10px}
body .site-header .mini-cart-copy{grid-column:2;min-width:0}
body .site-header .mini-cart-copy>strong{display:block;color:var(--mini-ink);font-size:15px;line-height:1.6;overflow-wrap:anywhere}
body .site-header .mini-cart-copy>span{display:block;color:#78908b;font-size:11px;line-height:1.6}
body .site-header .mini-cart-price{display:block;margin-top:6px;color:#af7d30;font-size:19px}
body .site-header .mini-cart-price small{font-size:11px}
body .site-header .header-cart-item .mini-cart-remove{grid-column:3;grid-row:1;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#e9675d;padding:7px}
body .site-header .mini-cart-remove svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
body .site-header .header-cart-item .mini-cart-quantity{grid-column:2/4;justify-self:end;display:flex;direction:ltr;align-items:center;gap:8px;padding:2px;border:1px solid var(--mini-line);border-radius:25px}
body .site-header .mini-cart-quantity button{position:static;display:grid;place-items:center;width:32px;height:32px;background:#174f50;color:#fff8e9;border:0;border-radius:50%;font-size:22px}
body .site-header .mini-cart-quantity button:first-child{background:#87988b15;color:var(--mini-ink)}
body .site-header .mini-cart-quantity button:disabled{opacity:.4;cursor:default}
body .site-header .mini-cart-quantity strong{min-width:20px;text-align:center;font-size:14px;color:var(--mini-ink)}
body .site-header .mini-cart-summary{border:1px solid var(--mini-line);border-radius:14px;overflow:hidden;margin-bottom:14px}
body .site-header .mini-cart-summary h3{font-size:15px;margin:0;padding:10px 12px;background:#7b947719;color:var(--mini-ink)}
body .site-header .mini-cart-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;font-size:12px;color:var(--mini-ink)}
body .site-header .mini-cart-summary>div>span:last-child{font-size:11px}
body .site-header .mini-cart-summary .mini-cart-summary__total{border-top:1px solid var(--mini-line);padding-block:12px;font-weight:700;font-size:15px}
body .site-header .mini-cart-summary__total b{font-size:24px}
body .site-header .header-cart-panel footer .mini-cart-checkout{display:flex;justify-content:space-between;min-height:68px;padding:10px 16px;background:linear-gradient(115deg,#ffe3ab,#ddb474);color:#123f40;border:1px solid #d6ab65;border-radius:23px;box-shadow:0 6px 16px #ac85351a}
body .site-header .mini-cart-checkout span{flex:1;text-align:center}
body .site-header .mini-cart-checkout strong{display:block;font-size:18px}
body .site-header .mini-cart-checkout small{display:block;font-size:11px;font-weight:400;margin-top:3px}
body .site-header .mini-cart-checkout>b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#9b712944;font-size:22px}
body .site-header .header-cart-panel footer>a:not(.button){display:block;text-align:center;font-size:12px;color:var(--mini-ink);margin-top:12px}
body .site-header .mini-cart-note{font-size:11px;color:#78908b;text-align:center;margin:10px 0 0}
body .site-header .header-cart-panel__empty p,body .site-header .header-cart-panel__empty a{color:var(--mini-ink);font-size:14px}
body .site-header .header-cart-panel button:focus-visible,body .site-header .header-cart-panel a:focus-visible{outline:2px solid #c79542;outline-offset:2px}
@media(max-width:600px){body .site-header .header-cart-panel{width:auto;padding:12px;max-height:calc(100dvh - 155px)}body .site-header .header-cart-item{grid-template-columns:66px minmax(0,1fr) 30px;padding:8px;gap:6px 8px}body .site-header .header-cart-item>img{width:66px}body .site-header .mini-cart-copy>strong{font-size:13px}}@media(min-width:601px){body .site-header--english .header-cart-panel{left:auto;right:0}}
/* Narrow gold scrollbars for both the item list and the outer panel. */
body .site-header .header-cart-panel,body .site-header .header-cart-panel__items{scrollbar-width:thin;scrollbar-color:#c59a4b transparent}
body .site-header .header-cart-panel::-webkit-scrollbar,body .site-header .header-cart-panel__items::-webkit-scrollbar{width:4px;height:4px}
body .site-header .header-cart-panel::-webkit-scrollbar-track,body .site-header .header-cart-panel__items::-webkit-scrollbar-track{background:transparent;margin-block:14px}
body .site-header .header-cart-panel::-webkit-scrollbar-thumb,body .site-header .header-cart-panel__items::-webkit-scrollbar-thumb{background:linear-gradient(#e8c47d,#b58a3e);border-radius:20px}
body .site-header .header-cart-panel::-webkit-scrollbar-thumb:hover,body .site-header .header-cart-panel__items::-webkit-scrollbar-thumb:hover{background:#c59a4b}
/* /assets/css/design-system.css */
:root {
  --ink: #17130f; --ink-soft: #2b241c; --ivory: #f7f1e8; --paper: #fffdf8;
  --gold: #bd8b4a; --gold-light: #e7c994; --olive: #526451; --wine: #8e3d3a;
  --text: #211c17; --muted: #74695c; --line: #ded3c3; --white: #fff;
  --shadow-sm: 0 12px 35px rgba(48,34,19,.08); --shadow-lg: 0 30px 80px rgba(16,11,6,.18);
  --radius-sm: 10px; --radius: 18px; --radius-lg: 30px;
  --container: 1180px; --header-h: 78px; --ease: 180ms ease;
  --font-display: "Noto Kufi Arabic", Tahoma, sans-serif;
  --font-body: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--text); font-family: var(--font-body); line-height: 1.75; text-rendering: optimizeLegibility; }
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; right: 8px; z-index: 999; padding: 10px 16px; background: var(--white); color: var(--ink); transform: translateY(-150%); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 3px; }

.utility-bar { background: #0e0c0a; color: #d9cfc1; font-size: .76rem; }
.utility-bar__inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.utility-bar p { margin: 0; }
.utility-links { display: flex; gap: 22px; }
.utility-links a:hover { color: var(--white); }
.utility-separator { margin-inline: 6px; color: #776d61; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-left: 7px; border-radius: 50%; background: #77a876; box-shadow: 0 0 0 4px rgba(119,168,118,.13); }
.site-header { position: sticky; top: 0; z-index: 50; color: var(--white); background: rgba(23,19,15,.96); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(15px); }
.site-header__inner { min-height: var(--header-h); display: flex; align-items: center; gap: clamp(18px, 3vw, 42px); }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: none; }
.brand__mark { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-light); font-family: var(--font-display); font-size: 1.2rem; }
.brand strong, .brand small { display: block; line-height: 1.3; }
.brand strong { font-family: var(--font-display); font-size: 1rem; }
.brand small { color: #a99e91; font: 500 .55rem/1.3 Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 28px); margin-inline: auto; }
.main-nav a { position: relative; color: #d7cfc3; font-size: .86rem; font-weight: 600; transition: color var(--ease); }
.main-nav a:hover, .main-nav a.is-active { color: var(--white); }
.main-nav a.is-active::after { content: ""; position: absolute; right: 0; left: 0; bottom: -11px; height: 1px; background: var(--gold); }
.header-actions { display: flex; align-items: center; gap: 10px; }
.icon-action { font-size: .8rem; color: #d7cfc3; }
.cart-action { display: flex; align-items: center; gap: 7px; font-size: .8rem; color: #d7cfc3; }
.cart-action b { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: var(--gold); color: var(--ink); font-size: .67rem; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; }
.menu-toggle span:not(.sr-only) { display: block; height: 2px; margin: 5px 0; background: var(--white); }

.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid transparent; border-radius: 4px; font-weight: 700; font-size: .88rem; transition: background var(--ease), color var(--ease), border-color var(--ease), transform var(--ease); }
.button:hover { transform: translateY(-2px); }
.button--small { min-height: 42px; padding-inline: 18px; font-size: .78rem; }
.button--primary { background: var(--gold); color: var(--ink); }
.button--primary:hover { background: #d09d5b; }
.button--ghost { border-color: rgba(255,255,255,.32); color: var(--white); }
.button--ghost:hover { border-color: var(--gold-light); color: var(--gold-light); }
.button--dark { background: var(--ink); color: var(--white); }
.button--light { background: var(--ivory); color: var(--ink); }
.text-link { display: inline-flex; color: var(--ink); font-weight: 700; font-size: .86rem; }
.text-link--gold { color: var(--gold-light); }
.eyebrow { margin: 0 0 14px; color: var(--gold-light); font-family: var(--font-display); font-size: .72rem; font-weight: 600; letter-spacing: .07em; }
.eyebrow::before { content: ""; display: inline-block; width: 34px; height: 1px; margin-left: 10px; vertical-align: middle; background: currentColor; }
.eyebrow--dark { color: #96703d; }
.section { padding: clamp(76px, 9vw, 120px) 0; }
.section--light { padding: clamp(68px, 8vw, 100px) 0; background: var(--ivory); }
.section-heading { margin-bottom: 42px; }
.section-heading h2, .story h2, .branches h2 { margin: 0; font: 700 clamp(1.8rem, 4vw, 3.2rem)/1.35 var(--font-display); letter-spacing: -.03em; }
.section-heading p:last-child { max-width: 620px; margin: 14px 0 0; color: var(--muted); }
.section-heading--center { text-align: center; }
.section-heading--center p:last-child { margin-inline: auto; }
.section-heading--inline { display: flex; align-items: end; justify-content: space-between; gap: 20px; }

.hero { position: relative; min-height: 700px; overflow: hidden; background: var(--ink); color: var(--white); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 48px 48px; }
.hero__glow { position: absolute; width: 520px; height: 520px; left: -180px; top: 80px; border-radius: 50%; background: rgba(189,139,74,.12); filter: blur(50px); }
.hero__grid { position: relative; min-height: 700px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(40px, 7vw, 100px); padding-block: 72px; }
.hero h1 { margin: 0; font: 700 clamp(2.5rem, 5.5vw, 5.25rem)/1.25 var(--font-display); letter-spacing: -.045em; }
.hero h1 em, .story h2 em { color: var(--gold-light); font-style: normal; font-weight: 500; }
.hero__lead { max-width: 600px; margin: 25px 0 0; color: #cfc6b9; font-size: 1.05rem; }
.hero__actions { display: flex; gap: 12px; margin-top: 32px; }
.hero__proof { display: flex; margin-top: 50px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.11); }
.hero__proof div { min-width: 120px; padding-inline: 20px; border-left: 1px solid rgba(255,255,255,.11); }
.hero__proof div:first-child { padding-right: 0; }
.hero__proof div:last-child { border: 0; }
.hero__proof strong, .hero__proof span { display: block; }
.hero__proof strong { color: var(--gold-light); font: 700 1rem var(--font-display); }
.hero__proof span { color: #a9a094; font-size: .68rem; }
.hero__visual { position: relative; min-height: 490px; display: grid; place-items: center; }
.hero__visual::before { content: ""; position: absolute; z-index: 1; inset: 20px -24px -20px 24px; border: 1px solid rgba(231,201,148,.25); pointer-events: none; }
.hero__image { width: 100%; height: 520px; object-fit: cover; box-shadow: var(--shadow-lg); }
.plate { position: relative; width: min(390px, 80vw); aspect-ratio: 1; border: 18px solid #eee8de; border-radius: 50%; background: radial-gradient(circle, #fbf8f2 0 58%, #d7cfc4 59% 62%, #f4eee5 63%); box-shadow: 0 45px 90px rgba(0,0,0,.45); transform: rotate(-7deg); }
.plate__food { position: absolute; border-radius: 50%; box-shadow: inset -12px -12px 20px rgba(58,28,12,.22); }
.plate__food--one { width: 42%; height: 31%; right: 24%; top: 26%; background: linear-gradient(145deg,#a45c2f,#4d2816); border-radius: 60% 35% 55% 40%; }
.plate__food--two { width: 25%; height: 24%; right: 18%; bottom: 22%; background: radial-gradient(circle at 35% 35%,#d9bb74,#7d703a); }
.plate__food--three { width: 22%; height: 18%; left: 19%; top: 34%; background: radial-gradient(circle at 35% 35%,#799a62,#304a2a); }
.plate__garnish { position: absolute; width: 45%; height: 2px; left: 22%; top: 58%; background: #a15c32; transform: rotate(23deg); box-shadow: 0 8px 0 #5c794e, 0 -7px 0 #d6a949; }
.floating-note { position: absolute; left: 0; bottom: 32px; width: 220px; padding: 18px 20px; background: rgba(255,253,248,.96); color: var(--ink); box-shadow: var(--shadow-lg); }
.floating-note small, .floating-note strong, .floating-note span { display: block; }
.floating-note small { color: #9b723d; font-size: .64rem; }
.floating-note strong { font-family: var(--font-display); }
.floating-note span { color: var(--muted); font-size: .7rem; }

.category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.category-grid a { padding: 26px 18px; border: 1px solid var(--line); background: var(--paper); text-align: center; transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease); }
.category-grid a:hover { transform: translateY(-5px); border-color: var(--gold); box-shadow: var(--shadow-sm); }
.category-grid span { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 50%; background: #ede1cf; color: #896334; font: 600 1rem var(--font-display); }
.category-grid strong, .category-grid small { display: block; }
.category-grid strong { font-family: var(--font-display); font-size: .83rem; }
.category-grid small { color: var(--muted); font-size: .67rem; }
.dish-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.dish-card { overflow: hidden; border: 1px solid #ece4d8; background: var(--white); transition: transform var(--ease), box-shadow var(--ease); }
.dish-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-sm); }
.dish-card__visual { position: relative; aspect-ratio: 1.15; overflow: hidden; background: radial-gradient(circle at 55% 50%,#c79259 0 13%,#805035 14% 22%,#2e261c 23% 27%,#d9cab2 28% 37%,#867056 38% 42%,#28221c 43% 100%); }
.dish-card__visual::after { content: ""; position: absolute; inset: 14%; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.dish-card__visual--2 { filter: hue-rotate(40deg) saturate(.75); }.dish-card__visual--3 { filter: hue-rotate(75deg) saturate(.65); }.dish-card__visual--4 { filter: hue-rotate(320deg) saturate(.7) brightness(1.1); }
.dish-card__visual span { position: absolute; top: 13px; right: 13px; z-index: 2; padding: 5px 9px; background: rgba(255,253,248,.92); color: var(--ink); font-size: .63rem; font-weight: 700; }
.dish-card__body { padding: 20px; }
.dish-card h3 { margin: 0 0 7px; font: 700 .95rem var(--font-display); }
.dish-card p { min-height: 49px; margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.65; }
.dish-card footer { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 16px; border-top: 1px solid #eee7dc; }
.dish-card footer strong { font: 700 1.02rem var(--font-display); }.dish-card footer small { color: var(--muted); font-size: .6rem; }
.add-button { width: 38px; height: 38px; border: 1px solid var(--ink); border-radius: 50%; background: var(--ink); color: var(--white); font-size: 1.25rem; line-height: 1; transition: background var(--ease); }.add-button:hover { background: var(--gold); color: var(--ink); }
.section-cta { margin-top: 38px; text-align: center; }

.story { background: var(--ink); color: var(--white); }
.story__grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(50px, 9vw, 130px); }
.story__visual { position: relative; min-height: 590px; background: linear-gradient(135deg,rgba(189,139,74,.25),transparent 55%), radial-gradient(circle at 45% 35%,#9a6742 0 10%,#483326 11% 24%,#211b16 25% 50%,#0e0c0a 51%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.story__visual::after { content: ""; position: absolute; inset: 28px; border: 1px solid rgba(231,201,148,.18); }
.story__stamp { position: absolute; z-index: 2; left: -34px; bottom: 58px; width: 120px; height: 120px; display: grid; place-content: center; border-radius: 50%; background: var(--gold); color: var(--ink); text-align: center; }.story__stamp strong,.story__stamp span { display: block; }.story__stamp strong { font-size: .68rem; }.story__stamp span { font: 700 1.35rem var(--font-display); }
.story__content > p:not(.eyebrow) { color: #c6bcaf; }
.feature-list { margin: 30px 0; padding: 0; list-style: none; }
.feature-list li { display: flex; gap: 18px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.1); }
.feature-list li > span { color: var(--gold); font: 600 .72rem var(--font-display); }.feature-list strong,.feature-list small { display: block; }.feature-list strong { font-family: var(--font-display); font-size: .82rem; }.feature-list small { color: #a99f93; }
.steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.steps-grid article { padding: 38px; background: var(--paper); text-align: center; }.steps-grid span { color: var(--gold); font: 500 .72rem var(--font-display); }.steps-grid h3 { margin: 12px 0 8px; font: 700 1rem var(--font-display); }.steps-grid p { margin: 0; color: var(--muted); font-size: .8rem; }
.offer-section { padding: 70px 0; background: var(--paper); }
.offer-card { position: relative; overflow: hidden; min-height: 380px; display: flex; align-items: center; justify-content: space-between; padding: clamp(42px,7vw,85px); background: linear-gradient(120deg,#63332f,#251817 63%,#171312); color: var(--white); }
.offer-card::after { content: ""; position: absolute; left: 12%; width: 360px; height: 360px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025); }.offer-card > * { position: relative; z-index: 2; }.offer-card h2 { margin: 0; font: 700 clamp(1.8rem,4vw,3.2rem) var(--font-display); }.offer-card p:not(.eyebrow) { color: #dfd3cb; }.offer-price { text-align: center; }.offer-price small,.offer-price strong,.offer-price span { display: block; }.offer-price strong { font: 700 4.7rem/1 var(--font-display); color: var(--gold-light); }.offer-price span,.offer-price small { color: #cdbdb3; }
.quote-card { max-width: 830px; margin: auto; text-align: center; }.quote-mark { display: block; height: 58px; color: var(--gold); font: 5rem/1 Georgia,serif; }.quote-card blockquote { margin: 10px 0 25px; font: 500 clamp(1.2rem,2.5vw,1.8rem)/1.8 var(--font-display); }.quote-card strong,.quote-card div span { display: block; }.quote-card div span { color: var(--muted); font-size: .72rem; }
.branches__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: stretch; }.branches__grid > div:first-child > p { color: var(--muted); }.branch-card { margin-top: 28px; padding: 26px; background: var(--paper); border: 1px solid var(--line); }.branch-card p { margin: 6px 0; font-size: .8rem; }.branch-card .text-link { margin-top: 10px; }.map-placeholder { position: relative; min-height: 410px; overflow: hidden; display: grid; place-items: center; background-color: #d9d1c5; background-image: linear-gradient(37deg,transparent 46%,rgba(255,255,255,.7) 47% 51%,transparent 52%),linear-gradient(127deg,transparent 44%,rgba(255,255,255,.55) 45% 49%,transparent 50%); background-size: 110px 95px,135px 120px; }.map-placeholder i { position: absolute; width: 18px; height: 18px; border: 6px solid var(--wine); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }.map-placeholder span { position: absolute; top: calc(50% + 30px); padding: 5px 10px; background: var(--paper); font-size: .7rem; box-shadow: var(--shadow-sm); }

.site-footer { padding-top: 75px; background: #0e0c0a; color: #bcb2a5; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 55px; padding-bottom: 60px; }.footer-grid h2 { margin: 0 0 20px; color: var(--white); font: 600 .85rem var(--font-display); }.footer-grid > div > a:not(.brand) { display: block; margin: 9px 0; font-size: .78rem; }.footer-grid p { font-size: .76rem; }.footer-brand > p { max-width: 330px; }.brand--footer { color: var(--white); margin-bottom: 18px; }.social-links { display: flex; gap: 8px; margin-top: 20px; }.social-links a { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #3e3830; border-radius: 50%; color: var(--white); font-size: .58rem; }.footer-bottom { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #29251f; font-size: .68rem; }.footer-bottom div { display: flex; gap: 18px; }.environment-badge { padding: 4px 8px; border: 1px solid #4a3a26; color: var(--gold-light); }

/* Forms and authentication */
.auth-page { min-height: 760px; padding: 70px 20px; background: var(--ivory); }
.auth-shell { width: min(1080px,100%); min-height: 650px; display: grid; grid-template-columns: .9fr 1.1fr; margin: auto; background: var(--white); box-shadow: var(--shadow-lg); }
.auth-promo { position: relative; overflow: hidden; padding: clamp(45px,6vw,78px); background: linear-gradient(145deg,#302119,#17130f 70%); color: var(--white); }
.auth-promo::after { content:""; position:absolute; width:330px; height:330px; left:-130px; bottom:-120px; border:1px solid rgba(231,201,148,.22); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.025); }
.auth-promo--register { background: linear-gradient(145deg,#4a2b27,#17130f 72%); }
.auth-promo h1 { margin:0; font:700 clamp(1.8rem,3.5vw,3rem)/1.55 var(--font-display); }
.auth-promo > p:not(.eyebrow) { color:#cabfb1; }
.auth-promo ul { margin:35px 0 0; padding:0; list-style:none; }
.auth-promo li { padding:11px 25px 11px 0; border-bottom:1px solid rgba(255,255,255,.09); color:#e0d7ca; font-size:.82rem; }
.auth-promo li::before { content:"✓"; margin-right:-25px; margin-left:10px; color:var(--gold-light); }
.auth-form-wrap { display:flex; flex-direction:column; justify-content:center; padding:clamp(38px,7vw,82px); }
.form-heading { margin-bottom:30px; }.form-heading h1,.form-heading h2 { margin:0; font:700 clamp(1.65rem,3vw,2.35rem)/1.4 var(--font-display); }.form-heading > p:last-child { margin:9px 0 0; color:var(--muted); font-size:.82rem; }.form-heading a,.check-field a,.label-row a { color:#91652f; font-weight:700; }
.form-stack { display:grid; gap:18px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field { display:grid; gap:7px; }.field label { font-weight:700; font-size:.78rem; }.field input,.field textarea { width:100%; min-height:49px; padding:10px 14px; border:1px solid #d7ccbd; border-radius:5px; background:var(--paper); color:var(--text); outline:none; transition:border-color var(--ease),box-shadow var(--ease); }.field textarea { resize:vertical; }.field input:focus,.field textarea:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(189,139,74,.14); }.field small { color:var(--muted); font-size:.66rem; }.label-row { display:flex; align-items:center; justify-content:space-between; gap:15px; }.label-row a { font-size:.68rem; }
.check-field { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:.72rem; cursor:pointer; }.check-field input { width:17px; height:17px; margin-top:4px; accent-color:var(--gold); }
.button--full { width:100%; }.form-note { margin:0; color:var(--muted); text-align:center; font-size:.68rem; }.back-link { display:block; color:#8a6535; text-align:center; font-size:.78rem; font-weight:700; }
.simple-page { min-height:680px; display:grid; place-items:center; padding:70px 20px; background:var(--ivory); }.narrow-card { width:min(530px,100%); padding:clamp(35px,7vw,65px); background:var(--white); border-top:3px solid var(--gold); box-shadow:var(--shadow-sm); }

@media (max-width: 1020px) {
  .main-nav { position: fixed; inset: calc(36px + var(--header-h)) 0 0; z-index: 60; display: none; padding: 35px 24px; background: var(--ink); flex-direction: column; align-items: stretch; }.main-nav.is-open { display: flex; }.main-nav a { padding: 12px; font-size: 1rem; border-bottom: 1px solid rgba(255,255,255,.08); }.main-nav a.is-active::after { display: none; }.menu-toggle { display: block; order: -1; }.site-header__inner { justify-content: space-between; }.header-actions { margin-right: auto; }.icon-action { display: none; }
  .hero__grid { grid-template-columns: 1fr 1fr; }.category-grid { grid-template-columns: repeat(3,1fr); }.dish-grid { grid-template-columns: repeat(2,1fr); }.footer-grid { grid-template-columns: 1.3fr repeat(2,1fr); }.footer-grid > div:last-child { grid-column: 2; }
}
@media (max-width: 760px) {
  :root { --header-h: 68px; }.container { width: min(calc(100% - 28px), var(--container)); }.utility-links a:not(:first-child),.utility-separator { display: none; }.utility-bar__inner { justify-content: center; }.utility-links { display: none; }.brand__mark { width: 38px; height: 38px; }.brand strong { font-size: .82rem; }.header-actions .cart-action span,.header-actions .button { display: none; }
  .hero,.hero__grid { min-height: auto; }.hero__grid { grid-template-columns: 1fr; padding-block: 65px 80px; }.hero__content { text-align: center; }.hero__content .eyebrow::before { display: none; }.hero__lead { font-size: .95rem; }.hero__actions { justify-content: center; flex-wrap: wrap; }.hero__proof { justify-content: center; }.hero__proof div { min-width: 0; flex: 1; padding-inline: 10px; }.hero__visual { min-height: 390px; }.hero__visual::before { inset: 16px -8px -14px 18px; }.hero__image { height: 400px; }.floating-note { left: 5px; bottom: 10px; }
  .section-heading--inline { align-items: start; flex-direction: column; }.category-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }.category-grid a { min-width: 145px; scroll-snap-align: start; }.dish-grid { grid-template-columns: 1fr; }.dish-card { display: grid; grid-template-columns: 42% 58%; }.dish-card__visual { height: 100%; aspect-ratio: auto; }.dish-card__body { padding: 16px; }.dish-card p { min-height: auto; }.story__grid,.branches__grid { grid-template-columns: 1fr; }.story__visual { min-height: 400px; }.story__stamp { left: 12px; bottom: 20px; }.steps-grid { grid-template-columns: 1fr; }.offer-card { align-items: start; flex-direction: column; gap: 40px; }.offer-price { text-align: right; }.offer-price strong { font-size: 3.8rem; }.map-placeholder { min-height: 330px; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; }.footer-brand { grid-column: 1 / -1; }.footer-grid > div:last-child { grid-column: auto; }.footer-bottom { padding-block: 22px; flex-direction: column; text-align: center; }.environment-badge { margin: 0; }.auth-page { padding:24px 14px; }.auth-shell { grid-template-columns:1fr; }.auth-promo { min-height:330px; }.auth-form-wrap { padding:38px 24px; }
}
@media (max-width: 430px) {
  .hero h1 { font-size: 2.15rem; }.hero__actions .button { width: 100%; }.hero__visual { min-height: 330px; }.hero__image { height: 340px; }.floating-note { width: 190px; padding: 13px 15px; }.dish-card { grid-template-columns: 38% 62%; }.dish-card__body { padding: 13px; }.dish-card h3 { font-size: .8rem; }.dish-card p { font-size: .68rem; }.footer-grid { grid-template-columns: 1fr; }.footer-brand { grid-column: auto; }.footer-bottom div { flex-wrap: wrap; justify-content: center; }.form-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }

/* /assets/css/luxury-v2.css */
/* Dar Al Mathaq — Obsidian & Gold visual system v2 */
:root {
  --ink: #080808;
  --ink-soft: #11110f;
  --ivory: #0d0d0c;
  --paper: #121210;
  --gold: #c9a45c;
  --gold-light: #f0d58d;
  --olive: #8c7b4e;
  --wine: #b48a42;
  --text: #f4efe4;
  --muted: #a9a192;
  --line: rgba(222, 190, 118, .18);
  --white: #fffdf7;
  --shadow-sm: 0 18px 46px rgba(0,0,0,.32);
  --shadow-lg: 0 38px 100px rgba(0,0,0,.54);
  --radius-sm: 12px;
  --radius: 22px;
  --radius-lg: 34px;
}

body {
  background: #080808;
  color: var(--text);
  background-image: radial-gradient(circle at 50% -10%, rgba(201,164,92,.08), transparent 30%);
}
::selection { background: var(--gold); color: #080808; }

.utility-bar { background:#050505; border-bottom:1px solid rgba(255,255,255,.05); color:#bdb5a8; }
.site-header { background:rgba(7,7,7,.88); border-bottom:1px solid rgba(201,164,92,.16); box-shadow:0 14px 40px rgba(0,0,0,.2); }
.site-header__inner { min-height:82px; }
.brand { gap:13px; }
.brand__mark { position:relative; width:48px; height:48px; border-color:rgba(240,213,141,.55); background:linear-gradient(145deg,rgba(201,164,92,.17),rgba(201,164,92,.02)); box-shadow:inset 0 0 0 4px #080808, 0 0 0 1px rgba(201,164,92,.12); }
.brand__mark::after { content:""; position:absolute; inset:-5px; border:1px solid rgba(201,164,92,.13); border-radius:50%; }
.brand strong { color:#fffaf0; font-size:1.02rem; letter-spacing:.02em; }
.brand small { color:#9c8d72; letter-spacing:.28em; }
.main-nav a { padding:9px 2px; color:#bdb5aa; font-weight:500; }
.main-nav a.is-active::after { bottom:-8px; height:2px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }
.cart-action { min-height:38px; padding:0 12px; border:1px solid rgba(201,164,92,.16); border-radius:99px; }
.cart-action b { background:linear-gradient(135deg,#f0d58d,#a87e35); box-shadow:0 3px 12px rgba(201,164,92,.25); }

.button { position:relative; overflow:hidden; min-height:52px; border-radius:99px; padding-inline:28px; letter-spacing:.01em; box-shadow:none; isolation:isolate; }
.button::before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:-45%; width:32%; transform:skewX(-22deg); background:rgba(255,255,255,.23); transition:left .55s ease; }
.button:hover::before { left:118%; }
.button--primary { border-color:#ddbf76; background:linear-gradient(135deg,#f0d58d 0%,#c69d4e 47%,#9c742f 100%); color:#090909; box-shadow:0 10px 30px rgba(185,140,61,.18), inset 0 1px rgba(255,255,255,.4); }
.button--primary:hover { background:linear-gradient(135deg,#f8e4ab,#d2aa5c 48%,#a87c33); box-shadow:0 15px 36px rgba(201,164,92,.27); }
.button--ghost { border-color:rgba(240,213,141,.35); background:rgba(255,255,255,.025); backdrop-filter:blur(8px); }
.button--ghost:hover { background:rgba(201,164,92,.08); border-color:var(--gold-light); }
.button--dark { border:1px solid var(--gold); background:transparent; color:var(--gold-light); }
.button--light { border-color:#f1d794; background:#f1d794; color:#080808; }
.text-link { color:var(--gold-light); transition:gap .18s ease,color .18s ease; }
.eyebrow { color:var(--gold-light); letter-spacing:.11em; }
.eyebrow::before { width:42px; background:linear-gradient(90deg,transparent,currentColor); }
.eyebrow--dark { color:var(--gold); }

.hero { min-height:760px; background:#080808; }
.hero::before { opacity:.28; background-size:64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }
.hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 35%,rgba(8,8,8,.4) 70%,#080808 100%); }
.hero__glow { width:680px; height:680px; left:-180px; background:rgba(201,164,92,.11); filter:blur(80px); }
.hero__grid { z-index:2; min-height:760px; grid-template-columns:1.02fr .98fr; }
.hero__content { position:relative; z-index:3; }
.hero h1 { max-width:700px; color:#fffaf0; font-weight:600; line-height:1.32; text-shadow:0 12px 35px rgba(0,0,0,.3); }
.hero h1 em { background:linear-gradient(110deg,#a97b30,#f1d997 52%,#b68435); color:transparent; background-clip:text; -webkit-background-clip:text; }
.hero__lead { color:#bdb4a6; line-height:2; }
.hero__proof { border-color:rgba(201,164,92,.16); }
.hero__proof div { border-color:rgba(201,164,92,.13); }
.hero__proof strong { color:#ead18f; font-size:1.12rem; }
.hero__visual { isolation:isolate; }
.hero__visual::before { inset:28px -28px -28px 28px; border-color:rgba(240,213,141,.25); }
.hero__visual::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55)); pointer-events:none; }
.hero__image { height:560px; filter:contrast(1.03) saturate(.92); box-shadow:0 45px 110px rgba(0,0,0,.65); }
.floating-note { z-index:3; left:-18px; bottom:38px; padding:21px 23px; border:1px solid rgba(240,213,141,.24); border-radius:0 18px 0 18px; background:rgba(10,10,9,.89); color:#f7efe1; backdrop-filter:blur(18px); }
.floating-note small { color:#d6b86f; }.floating-note span { color:#9f978b; }

.section,.section--light { position:relative; background:#0a0a09; }
.section--light { background:#0e0e0c; border-block:1px solid rgba(201,164,92,.08); }
.section-heading h2,.story h2,.branches h2 { color:#fffaf0; font-weight:600; }
.section-heading p:last-child { color:#a9a192; }
.category-grid { gap:14px; }
.category-grid a { position:relative; overflow:hidden; padding:31px 18px; border-color:rgba(201,164,92,.16); border-radius:18px 0 18px 0; background:linear-gradient(155deg,#171714,#0d0d0c); }
.category-grid a::after { content:""; position:absolute; inset:auto -30px -50px auto; width:100px; height:100px; border:1px solid rgba(201,164,92,.1); border-radius:50%; }
.category-grid a:hover { border-color:rgba(240,213,141,.55); background:linear-gradient(155deg,#1c1b17,#10100e); box-shadow:0 24px 60px rgba(0,0,0,.35); }
.category-grid span { border:1px solid rgba(201,164,92,.28); background:rgba(201,164,92,.07); color:var(--gold-light); }
.category-grid strong { color:#f5ecdf; }.category-grid small { color:#8f887d; }

.dish-grid { gap:20px; }
.dish-card { border-color:rgba(201,164,92,.13); border-radius:22px 0 22px 0; background:#11110f; box-shadow:0 18px 50px rgba(0,0,0,.18); }
.dish-card:hover { border-color:rgba(201,164,92,.42); box-shadow:0 30px 70px rgba(0,0,0,.4); }
.dish-card__visual { filter:saturate(.72) brightness(.78); }
.dish-card__visual--2 { filter:hue-rotate(40deg) saturate(.6) brightness(.78); }.dish-card__visual--3 { filter:hue-rotate(75deg) saturate(.55) brightness(.76); }.dish-card__visual--4 { filter:hue-rotate(320deg) saturate(.6) brightness(.82); }
.dish-card__visual span { border:1px solid rgba(201,164,92,.22); border-radius:99px; background:rgba(8,8,8,.78); color:#e8cb83; backdrop-filter:blur(8px); }
.dish-card h3 { color:#fff8ea; }.dish-card p { color:#9e968a; }.dish-card footer { border-color:rgba(201,164,92,.12); }.dish-card footer strong { color:#e8ca80; }
.add-button { border-color:#d0ad62; background:linear-gradient(135deg,#d7b66c,#9d732f); color:#080808; box-shadow:0 8px 20px rgba(201,164,92,.16); }.add-button:hover { background:#f0d58d; transform:rotate(90deg); }

.story { background:radial-gradient(circle at 18% 45%,rgba(201,164,92,.1),transparent 35%),#070707; }
.story__visual { border-radius:160px 160px 0 0; background:linear-gradient(150deg,rgba(201,164,92,.15),transparent 52%),radial-gradient(circle at 45% 35%,#6f4d31 0 10%,#31241b 11% 24%,#17130f 25% 50%,#080808 51%); box-shadow:inset 0 0 0 1px rgba(201,164,92,.16),0 35px 90px rgba(0,0,0,.42); }
.story__visual::after { border-color:rgba(240,213,141,.2); border-radius:140px 140px 0 0; }
.story__stamp { background:linear-gradient(145deg,#f0d58d,#a87a31); box-shadow:0 15px 45px rgba(0,0,0,.35); }
.feature-list li { border-color:rgba(201,164,92,.13); }.feature-list small { color:#948d82; }
.steps-grid { gap:14px; border:0; background:transparent; }
.steps-grid article { position:relative; overflow:hidden; border:1px solid rgba(201,164,92,.14); border-radius:20px 0; background:linear-gradient(150deg,#161613,#0d0d0c); }
.steps-grid article::after { content:""; position:absolute; top:-50px; left:-50px; width:120px; height:120px; border:1px solid rgba(201,164,92,.08); border-radius:50%; }
.steps-grid h3 { color:#fff6e8; }.steps-grid p { color:#999185; }
.offer-section { background:#080808; }
.offer-card { border:1px solid rgba(240,213,141,.24); border-radius:30px 0; background:radial-gradient(circle at 18% 50%,rgba(201,164,92,.18),transparent 30%),linear-gradient(120deg,#191510,#090909 66%); box-shadow:0 40px 100px rgba(0,0,0,.4); }
.offer-card::after { border-color:rgba(240,213,141,.12); }
.quote-card { padding:48px; border-inline:1px solid rgba(201,164,92,.18); background:linear-gradient(90deg,transparent,rgba(201,164,92,.035),transparent); }
.quote-card blockquote { color:#f7efe2; }
.branch-card { border-color:rgba(201,164,92,.18); border-radius:18px 0; background:#141411; box-shadow:var(--shadow-sm); }
.map-placeholder { border:1px solid rgba(201,164,92,.18); background-color:#171611; filter:sepia(.55) brightness(.65); }

.site-footer { background:#050505; border-top:1px solid rgba(201,164,92,.16); }
.footer-grid h2 { color:#f3dfab; }.footer-grid a:hover { color:var(--gold-light); }.social-links a { border-color:rgba(201,164,92,.28); color:#e8ca80; }.social-links a:hover { background:var(--gold); color:#080808; }
.footer-bottom { border-color:rgba(201,164,92,.12); }.environment-badge { border-color:rgba(201,164,92,.3); color:#d6ba77; }

/* Luxury forms */
.auth-page,.simple-page { background:radial-gradient(circle at 15% 20%,rgba(201,164,92,.1),transparent 28%),#090909; }
.auth-shell { overflow:hidden; border:1px solid rgba(201,164,92,.22); border-radius:32px 0; background:#10100e; box-shadow:0 55px 130px rgba(0,0,0,.58); }
.auth-promo { background:linear-gradient(145deg,rgba(201,164,92,.13),transparent 50%),#080808; }
.auth-promo::before { content:""; position:absolute; inset:26px; border:1px solid rgba(201,164,92,.16); border-radius:22px 0; pointer-events:none; }
.auth-promo::after { border-color:rgba(240,213,141,.16); }
.auth-promo--register { background:linear-gradient(145deg,rgba(201,164,92,.17),transparent 48%),#080808; }
.auth-promo h1 { position:relative; color:#fff9ed; }
.auth-promo > p,.auth-promo ul { position:relative; }
.auth-promo li { border-color:rgba(201,164,92,.12); }
.auth-form-wrap { background:linear-gradient(145deg,#151512,#0e0e0c); }
.form-heading h1,.form-heading h2 { color:#fff8e9; }.form-heading > p:last-child { color:#9e968b; }
.field label { color:#ddd4c5; letter-spacing:.015em; }
.field input,.field textarea { min-height:54px; padding-inline:18px; border:1px solid rgba(201,164,92,.2); border-radius:14px 0 14px 0; background:rgba(5,5,5,.58); color:#fff9ed; box-shadow:inset 0 1px rgba(255,255,255,.025); }
.field input::placeholder,.field textarea::placeholder { color:#69645c; }
.field input:hover,.field textarea:hover { border-color:rgba(201,164,92,.38); }
.field input:focus,.field textarea:focus { border-color:#d6b567; background:#090909; box-shadow:0 0 0 4px rgba(201,164,92,.09),0 12px 28px rgba(0,0,0,.18); }
.check-field { color:#9d9589; }.check-field input { appearance:none; display:grid; place-content:center; flex:none; width:19px; height:19px; border:1px solid rgba(201,164,92,.45); border-radius:5px; background:#090909; }.check-field input::before { content:""; width:9px; height:9px; border-radius:2px; transform:scale(0); background:linear-gradient(135deg,#f0d58d,#a77a31); transition:transform .12s ease; }.check-field input:checked::before { transform:scale(1); }
.form-note { padding:10px; border:1px dashed rgba(201,164,92,.18); border-radius:10px; color:#817a70; }
.narrow-card { border:1px solid rgba(201,164,92,.25); border-top:3px solid var(--gold); border-radius:26px 0; background:linear-gradient(145deg,#171714,#0d0d0c); box-shadow:0 45px 110px rgba(0,0,0,.5); }
.form-heading { position:relative; }.form-heading__number { position:absolute; top:-18px; left:0; color:rgba(201,164,92,.12); font:700 4.8rem/1 Georgia,serif; pointer-events:none; }
.password-wrap { position:relative; }.password-wrap input { padding-left:76px; }.password-wrap button { position:absolute; left:9px; top:50%; min-width:56px; min-height:36px; transform:translateY(-50%); border:0; border-right:1px solid rgba(201,164,92,.2); background:transparent; color:#d5b76f; font-size:.68rem; font-weight:700; }
.password-meter { display:flex; align-items:center; gap:5px; margin-top:7px; }.password-meter i { width:32px; height:3px; border-radius:9px; background:rgba(201,164,92,.16); }.password-meter i:first-child { background:var(--gold); }.password-meter span { margin-right:5px; color:#777168; font-size:.62rem; }
.button--full { justify-content:space-between; padding-inline:24px; }.button--full b { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:rgba(0,0,0,.14); font-size:1rem; }
.secure-note { display:flex; gap:10px; align-items:flex-start; padding:13px 15px; border:1px solid rgba(201,164,92,.12); border-radius:12px 0; background:rgba(201,164,92,.035); }.secure-note > span { color:var(--gold); font-size:.65rem; }.secure-note p { margin:0; color:#817a70; font-size:.65rem; }.secure-note strong { color:#c1b6a4; }

@media (max-width:1020px) {
  .main-nav { background:rgba(7,7,7,.98); }
  .hero__image { height:500px; }
}
@media (max-width:760px) {
  .site-header__inner { min-height:70px; }
  .brand__mark { width:41px; height:41px; }
  .hero::after { background:linear-gradient(180deg,transparent 42%,#080808 89%); }
  .hero__image { height:430px; }
  .auth-shell { border-radius:22px 0; }
  .auth-promo::before { inset:18px; }
  .category-grid a { border-radius:15px 0; }
}
@media (max-width:430px) {
  .hero__image { height:360px; }
  .hero__proof span { font-size:.61rem; }
  .auth-promo { min-height:300px; padding:45px 30px; }
  .auth-form-wrap { padding:36px 22px; }
  .quote-card { padding:35px 20px; }
}
@media (prefers-reduced-motion:reduce) {
  .button::before { display:none; }
}

/* /assets/css/shanasheel-v3.css */
/* Shanasheel identity v3 — full-bleed editorial home */
:root { --shan-gold:#c7a052; --shan-gold-soft:#e7ca88; --shan-black:#060606; --shan-panel:#0d0d0c; --shan-cream:#eee7d9; }
.main-nav a::after { transform:scaleX(0); transform-origin:center; opacity:0; transition:transform .24s ease,opacity .24s ease; }
.main-nav a.is-active::after { transform:scaleX(1); opacity:1; }
.account-action { min-height:46px; display:inline-flex; align-items:center; gap:9px; padding:0 14px; border:1px solid transparent; border-radius:99px; color:#d5cec2; transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease; }
.account-action:hover { border-color:rgba(199,160,82,.26); background:rgba(199,160,82,.055); color:#f0d58d; transform:translateY(-1px); }
.account-icon { position:relative; width:18px; height:18px; flex:none; border:1.7px solid var(--shan-gold); border-radius:50%; }
.account-icon::before { content:""; position:absolute; top:3px; left:50%; width:5px; height:5px; border:1.4px solid var(--shan-gold); border-radius:50%; transform:translateX(-50%); }
.account-icon::after { content:""; position:absolute; right:3px; bottom:2px; left:3px; height:5px; border:1.4px solid var(--shan-gold); border-bottom:0; border-radius:7px 7px 0 0; }
.cart-action { min-height:46px; gap:10px; padding:0 14px; border-color:transparent; background:transparent; overflow:visible; transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease; }
.cart-action:hover,.cart-action:focus-visible { border-color:rgba(231,202,136,.55); background:rgba(199,160,82,.08); box-shadow:0 9px 28px rgba(0,0,0,.28); transform:translateY(-1px); }
.cart-icon { position:relative; width:20px; height:12px; margin-bottom:3px; flex:none; border:1.7px solid var(--shan-gold); border-radius:2px 3px 5px 5px; transform:skewX(-7deg); transition:transform .42s cubic-bezier(.2,.8,.2,1); }
.cart-icon::before { content:""; position:absolute; top:-5px; right:-5px; width:7px; height:6px; border-top:1.7px solid var(--shan-gold); border-right:1.7px solid var(--shan-gold); border-radius:0 4px 0 0; }
.cart-icon::after { content:""; position:absolute; bottom:-6px; right:2px; width:4px; height:4px; border-radius:50%; background:var(--shan-gold-soft); box-shadow:-11px 0 0 var(--shan-gold-soft); }
.cart-action:hover .cart-icon { transform:translateX(-7px) skewX(-7deg); }
.cart-label { position:relative; width:58px; height:20px; overflow:hidden; display:block; }
.cart-label i { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#d8d0c4; font-style:normal; white-space:nowrap; font-size:.75rem; transition:transform .32s ease,opacity .25s ease; }
.cart-label i:last-child { color:var(--shan-gold-soft); font-size:.66rem; transform:translateY(120%); opacity:0; }
.cart-action:hover .cart-label i:first-child { transform:translateY(-120%); opacity:0; }
.cart-action:hover .cart-label i:last-child { transform:translateY(0); opacity:1; }
.cart-action b { flex:none; }
.shan-kicker { display:flex; align-items:center; gap:12px; margin:0 0 20px; color:#eee3ce; font-size:.72rem; font-weight:600; letter-spacing:.08em; }
.shan-kicker span { width:42px; height:1px; background:linear-gradient(90deg,var(--shan-gold),transparent); }
.shan-kicker--gold { color:var(--shan-gold-soft); }
.shan-section-head { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; margin-bottom:52px; }
.shan-section-head h2,.shan-story h2,.shan-offer h2,.shan-visit h2 { margin:0; color:#f8f2e7; font:600 clamp(2.15rem,4vw,3.8rem)/1.4 var(--font-display); letter-spacing:-.035em; }
.shan-section-head h2 em { color:var(--shan-gold-soft); font-style:normal; font-weight:500; }
.shan-section-head > div:last-child > p,.shan-section-head > p { max-width:520px; margin:0 0 22px; color:#a69e92; font-size:.92rem; line-height:2; }
.shan-arrow-link { display:inline-flex; align-items:center; gap:14px; color:#e5c87f; font-size:.8rem; font-weight:700; }
.shan-arrow-link b { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(199,160,82,.35); border-radius:50%; transition:transform .18s ease,background .18s ease; }
.shan-arrow-link:hover b { transform:translateX(-4px); background:var(--shan-gold); color:#070707; }

.shan-hero { position:relative; width:100%; min-height:720px; height:calc(100vh - 118px); max-height:900px; overflow:hidden; background:#050505; }
.shan-hero__media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; background:#050505; filter:saturate(.8) contrast(1.04); }
.shan-hero__veil { position:absolute; inset:0; background:linear-gradient(102deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.22) 38%,rgba(5,5,5,.56) 64%,rgba(5,5,5,.78) 100%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 48%); }
.shan-pattern { position:absolute; top:0; right:0; width:55%; height:100%; opacity:.04; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); -webkit-mask-image:linear-gradient(102deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 36%); mask-image:linear-gradient(102deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 36%); background-color:rgba(4,4,4,.22); background-image:linear-gradient(30deg,var(--shan-gold) 12%,transparent 12.5%,transparent 87%,var(--shan-gold) 87.5%,var(--shan-gold)),linear-gradient(150deg,var(--shan-gold) 12%,transparent 12.5%,transparent 87%,var(--shan-gold) 87.5%,var(--shan-gold)),linear-gradient(30deg,var(--shan-gold) 12%,transparent 12.5%,transparent 87%,var(--shan-gold) 87.5%,var(--shan-gold)),linear-gradient(150deg,var(--shan-gold) 12%,transparent 12.5%,transparent 87%,var(--shan-gold) 87.5%,var(--shan-gold)); background-size:60px 105px; }
.shan-hero__inner { position:relative; z-index:2; height:100%; display:flex; align-items:center; }
.shan-hero__content { width:min(560px,52%); padding-bottom:54px; }
.shan-hero h1 { margin:0; color:#fffaf0; font:600 clamp(2.8rem,4.6vw,4.2rem)/1.35 var(--font-display); letter-spacing:-.04em; text-shadow:0 15px 50px rgba(0,0,0,.45); }
.shan-hero h1 em { color:var(--shan-gold-soft); font-style:normal; font-weight:500; }
.shan-hero__lead { max-width:520px; margin:22px 0 0; color:#c5bcae; font-size:1rem; line-height:2; }
.shan-hero__actions { display:flex; gap:12px; margin-top:30px; }
.shan-hero__foot { position:absolute; z-index:3; right:0; bottom:0; left:0; border-top:1px solid rgba(199,160,82,.18); background:rgba(5,5,5,.72); backdrop-filter:blur(12px); }
.shan-hero__foot .container { min-height:72px; display:flex; align-items:center; gap:24px; color:#918a80; font-size:.68rem; }
.shan-hero__foot p { margin:0 auto 0 0; color:#d4b76e; font:600 .8rem var(--font-display); }.shan-hero__foot i { width:3px; height:3px; border-radius:50%; background:#80642e; }.shan-hero__foot a { display:grid; place-items:center; width:34px; height:34px; margin-right:auto; border:1px solid rgba(199,160,82,.27); border-radius:50%; color:#d8ba70; }

.shan-trust { padding:34px 0; border-bottom:1px solid rgba(199,160,82,.09); background:linear-gradient(180deg,#080808,#0b0b0a); }
.shan-trust__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.shan-trust article { position:relative; display:grid; grid-template-columns:92px 1fr; align-items:center; gap:18px; min-height:124px; padding:12px; overflow:hidden; border:1px solid rgba(199,160,82,.12); background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(199,160,82,.025)); transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.shan-trust article:first-child { border-radius:0 26px 0 0; }.shan-trust article:last-child { border-radius:26px 0 0 0; }.shan-trust article:hover { transform:translateY(-3px); border-color:rgba(199,160,82,.28); background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(199,160,82,.045)); }
.shan-trust__image { width:92px; height:98px; overflow:hidden; border:1px solid rgba(231,202,136,.12); }.shan-trust__image img { width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(1.04) brightness(.78); transition:transform .45s ease,filter .3s ease; }.shan-trust article:hover .shan-trust__image img { transform:scale(1.045); filter:saturate(.9) contrast(1.04) brightness(.88); }
.shan-trust__copy { position:relative; padding-inline-end:8px; }.shan-trust b { position:absolute; top:-4px; left:0; color:#8f7137; font:500 .64rem var(--font-display); }.shan-trust strong,.shan-trust span { display:block; }.shan-trust strong { margin:0 0 7px; color:#eee6d8; font:600 .84rem var(--font-display); }.shan-trust span { max-width:260px; color:#918a80; font-size:.69rem; line-height:1.8; }

.shan-menu { padding:clamp(86px,10vw,140px) 0; background:#0c0c0b; }
.shan-menu .shan-section-head { display:flex; max-width:780px; margin:0 auto 58px; flex-direction:column; align-items:center; gap:18px; text-align:center; }
.shan-menu .shan-section-head .shan-kicker { justify-content:center; margin-bottom:14px; }
.shan-menu .shan-section-head h2 { line-height:1.35; }
.shan-menu .shan-section-head h2 br { display:none; }
.shan-menu .shan-section-head h2 { white-space:nowrap; font-size:clamp(2rem,3.3vw,3.35rem); }
.shan-menu .shan-section-head > div:last-child { display:flex; flex-direction:column; align-items:center; }
.shan-menu .shan-section-head > div:last-child > p { max-width:580px; margin:0 auto 18px; }
.shan-featured-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:22px; }
.shan-dish { overflow:hidden; border:1px solid rgba(199,160,82,.14); background:#11110f; box-shadow:0 24px 65px rgba(0,0,0,.18); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }.shan-dish:hover { transform:translateY(-4px); border-color:rgba(199,160,82,.3); box-shadow:0 30px 75px rgba(0,0,0,.34); }
.shan-dish--hero { display:grid; grid-template-rows:1fr auto; min-height:630px; border-radius:0 34px 0 0; }.shan-dish-stack { display:grid; grid-template-rows:1fr 1fr; gap:22px; }.shan-dish--row { display:grid; grid-template-columns:45% 55%; min-height:304px; }.shan-dish-stack .shan-dish:first-child { border-radius:34px 0 0 0; }.shan-dish-stack .shan-dish:last-child { border-radius:0 0 34px 0; }
.shan-dish__art { position:relative; min-height:260px; overflow:hidden; background:#0a0a09; }
.shan-dish__art::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(5,5,5,.66)),linear-gradient(90deg,transparent 65%,rgba(5,5,5,.18)); pointer-events:none; }.shan-dish__art img { width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.04) brightness(.82); transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s ease; }.shan-dish:hover .shan-dish__art img { transform:scale(1.035); filter:saturate(.94) contrast(1.04) brightness(.9); }.shan-dish--hero .shan-dish__art img { position:absolute; inset:0; }.shan-dish--row .shan-dish__art img { position:absolute; inset:0; }
.shan-dish__art > span { position:absolute; z-index:2; top:20px; right:20px; padding:7px 13px; border:1px solid rgba(229,200,127,.3); border-radius:99px; background:rgba(5,5,5,.72); color:#dfc27a; font-size:.62rem; backdrop-filter:blur(8px); }
.shan-dish__copy { padding:26px 28px; }.shan-dish__copy > p { margin:0 0 5px; color:#b28c43; font-size:.65rem; }.shan-dish__copy h3 { margin:0 0 6px; color:#f7efe1; font:600 1.1rem var(--font-display); }.shan-dish__copy > span { color:#938b7f; font-size:.76rem; }.shan-dish__copy footer { display:flex; align-items:center; justify-content:space-between; margin-top:22px; padding-top:18px; border-top:1px solid rgba(199,160,82,.12); }.shan-dish__copy footer strong { color:#e6c77e; font:600 1rem var(--font-display); }.shan-dish__copy footer small { color:#8c8376; font-size:.6rem; }
.shan-dish .add-button { border-color:#cdaa5d; background:#c7a052; color:#070707; box-shadow:0 8px 20px rgba(201,164,92,.18); transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease; }
.shan-dish .add-button:hover,.shan-dish .add-button:focus-visible { border-color:#efd184; background:#efd184; color:#070707; box-shadow:0 10px 24px rgba(201,164,92,.3); transform:none; }

.shan-story { padding:clamp(90px,11vw,150px) 0; overflow:hidden; background:radial-gradient(circle at 82% 40%,rgba(199,160,82,.08),transparent 30%),#070707; }
.shan-story__grid { display:grid; grid-template-columns:.94fr 1.06fr; align-items:center; gap:clamp(58px,8vw,112px); }
.shan-story__copy { max-width:680px; }
.shan-story__copy .shan-kicker { margin-bottom:16px; }
.shan-story__copy h2 { white-space:nowrap; font-size:clamp(2rem,3.15vw,3.35rem); line-height:1.35; }
.shan-story__copy h2 br { display:none; }
.shan-story__media { position:relative; height:690px; border-radius:230px 230px 0 0; overflow:hidden; border:1px solid rgba(199,160,82,.2); }.shan-story__media::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%); }.shan-story__media img { width:100%; height:100%; object-fit:cover; object-position:center top; filter:saturate(.8) contrast(1.02); }.shan-story__media > span { position:absolute; z-index:2; bottom:28px; left:28px; color:#dabe76; font:500 .7rem/1.7 Georgia,serif; letter-spacing:.18em; text-align:left; }
.shan-story__lead { max-width:650px; margin:22px 0 0; color:#a69e92; font-size:.9rem; line-height:2.15; }.shan-story__details { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:30px 0 26px; border:1px solid rgba(199,160,82,.1); background:rgba(199,160,82,.14); }.shan-story__details > div { min-height:102px; padding:20px 24px; background:#0b0b0a; }.shan-story__details b,.shan-story__details strong,.shan-story__details span { display:block; }.shan-story__details b { color:#9f7e3e; font-size:.62rem; }.shan-story__details strong { margin:5px 0; color:#eee5d7; font:600 .8rem var(--font-display); }.shan-story__details span { color:#847e74; font-size:.66rem; }

.shan-experience { padding:clamp(85px,10vw,135px) 0; border-block:1px solid rgba(199,160,82,.08); background:radial-gradient(circle at 50% 0,rgba(199,160,82,.05),transparent 30%),#0d0d0c; }.shan-section-head--center { display:block; max-width:760px; margin-inline:auto; text-align:center; }.shan-section-head--center .shan-kicker { justify-content:center; }.shan-section-head--center > p { margin:20px auto 0; }.shan-experience .shan-section-head--center { max-width:1040px; margin-bottom:54px; }.shan-experience .shan-section-head h2 { white-space:nowrap; font-size:clamp(2rem,3.35vw,3.5rem); }.shan-experience__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.shan-experience article { position:relative; min-width:0; overflow:hidden; border:1px solid rgba(199,160,82,.14); background:#10100e; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }.shan-experience article:first-child { border-radius:0 30px 0 0; }.shan-experience article:last-child { border-radius:30px 0 0 0; }.shan-experience article:hover { transform:translateY(-5px); border-color:rgba(199,160,82,.32); box-shadow:0 28px 70px rgba(0,0,0,.3); }.shan-experience__media { position:relative; height:230px; overflow:hidden; }.shan-experience__media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,5,5,.03),rgba(8,8,8,.78)); }.shan-experience__media img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.04) brightness(.72); transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s ease; }.shan-experience article:hover img { transform:scale(1.04); filter:saturate(.86) contrast(1.04) brightness(.82); }.shan-experience__content { position:relative; min-height:176px; padding:28px 30px 32px; }.shan-experience__content::before { content:""; position:absolute; top:0; right:30px; width:42px; height:1px; background:var(--shan-gold); }.shan-experience__content > span { position:absolute; top:29px; left:28px; color:#967438; font:500 .68rem var(--font-display); }.shan-experience h3 { margin:0 0 10px; color:#f5eddf; font:600 1.15rem var(--font-display); }.shan-experience p { max-width:280px; margin:0; color:#969084; font-size:.74rem; line-height:1.9; }

.shan-offer { padding:80px 0; background:#070707; }.shan-offer__card { position:relative; overflow:hidden; min-height:440px; display:flex; align-items:center; justify-content:space-between; padding:clamp(48px,7vw,90px); border:1px solid rgba(199,160,82,.24); border-radius:42px 0; background:radial-gradient(circle at 18% 50%,rgba(199,160,82,.14),transparent 31%),linear-gradient(120deg,#19150e,#080808 66%); }.shan-offer__card::after { content:""; position:absolute; left:12%; width:390px; height:390px; border:1px solid rgba(199,160,82,.1); border-radius:50%; box-shadow:0 0 0 70px rgba(199,160,82,.025); }.shan-offer__card > div,.shan-offer__card aside { position:relative; z-index:2; }.shan-offer__card > div { max-width:600px; }.shan-offer__card > div > p:not(.shan-kicker) { max-width:510px; color:#aaa194; line-height:2; }.shan-offer__card aside { min-width:200px; text-align:center; }.shan-offer__card small,.shan-offer__card strong,.shan-offer__card aside span { display:block; }.shan-offer__card strong { color:#e5c77d; font:600 4.7rem/1 var(--font-display); }.shan-offer__card aside span,.shan-offer__card small { color:#9c9488; }
.shan-quote { padding:clamp(90px,10vw,135px) 0; background:#0b0b0a; text-align:center; }.shan-quote__mark { display:block; height:60px; color:#9f7b38; font:6rem/1 Georgia,serif; }.shan-quote blockquote { max-width:880px; margin:20px auto 32px; color:#eee6d8; font:500 clamp(1.35rem,2.5vw,2.1rem)/1.85 var(--font-display); }.shan-quote .container > div { display:flex; align-items:center; justify-content:center; gap:15px; color:#8e867a; font-size:.68rem; }.shan-quote .container i { width:40px; height:1px; background:rgba(199,160,82,.35); }

.shan-visit { padding:clamp(90px,11vw,150px) 0; background:#070707; }.shan-visit__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(60px,8vw,110px); align-items:center; }.shan-visit__copy { max-width:680px; }.shan-visit__copy h2 { white-space:nowrap; font-size:clamp(2rem,3.2vw,3.4rem); }.shan-visit__copy h2 br { display:none; }.shan-visit__copy > p:not(.shan-kicker) { max-width:620px; margin-top:20px; color:#a59d91; font-size:.9rem; line-height:2; }.shan-visit dl { display:grid; gap:10px; margin:30px 0 32px; }.shan-visit dl > div { position:relative; display:grid; grid-template-columns:92px 1fr; align-items:center; gap:18px; min-height:68px; padding:13px 18px; overflow:hidden; border:1px solid rgba(199,160,82,.13); background:linear-gradient(110deg,rgba(199,160,82,.045),rgba(255,255,255,.018)); transition:border-color .2s ease,background .2s ease,transform .2s ease; }.shan-visit dl > div::before { content:""; position:absolute; top:0; right:0; bottom:0; width:2px; background:linear-gradient(var(--shan-gold),rgba(199,160,82,.08)); }.shan-visit dl > div:hover { transform:translateX(-3px); border-color:rgba(199,160,82,.28); background:linear-gradient(110deg,rgba(199,160,82,.07),rgba(255,255,255,.025)); }.shan-visit dl > div:first-child { border-radius:0 18px 0 0; }.shan-visit dl > div:last-child { border-radius:0 0 18px 0; }.shan-visit dt { color:#c69c4e; font-size:.66rem; font-weight:700; }.shan-visit dd { margin:0; color:#e4dccf; font-size:.77rem; line-height:1.75; }.shan-visit dl > div:last-child dd { direction:ltr; text-align:right; color:#ead18d; font-weight:600; letter-spacing:.03em; }.shan-visit__actions { display:flex; align-items:center; gap:22px; }.shan-visit__visual { position:relative; height:650px; overflow:hidden; border-radius:220px 0 0 0; border:1px solid rgba(199,160,82,.2); }.shan-visit__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.76),transparent 55%); }.shan-visit__visual img { width:100%; height:100%; object-fit:cover; object-position:center top; filter:saturate(.75); }.shan-visit__visual > div { position:absolute; z-index:2; right:30px; bottom:30px; }.shan-visit__visual span,.shan-visit__visual strong { display:block; }.shan-visit__visual span { color:#a88849; font:500 .65rem Georgia,serif; letter-spacing:.22em; }.shan-visit__visual strong { margin-top:5px; color:#f0e8db; font:500 .85rem var(--font-display); }

@media (max-width:1020px) {
  .shan-hero__content { width:58%; }.shan-featured-grid { grid-template-columns:1fr; }.shan-dish--hero { min-height:560px; }.shan-dish-stack { grid-template-columns:1fr 1fr; grid-template-rows:auto; }.shan-dish--row { grid-template-columns:1fr; }.shan-story__grid,.shan-visit__grid { gap:60px; }.shan-story__media,.shan-visit__visual { height:590px; }.shan-trust article { grid-template-columns:76px 1fr; gap:13px; }.shan-trust__image { width:76px; height:88px; }
}
@media (max-width:760px) {
  .shan-menu .shan-section-head h2 { white-space:normal; }
  .shan-experience .shan-section-head h2 { white-space:normal; }
  .shan-story__copy h2 { white-space:normal; }
  .shan-visit__copy h2 { white-space:normal; }
  .shan-section-head { grid-template-columns:1fr; gap:22px; }.shan-section-head h2,.shan-story h2,.shan-offer h2,.shan-visit h2 { font-size:2.15rem; }.shan-hero { min-height:690px; height:calc(100svh - 104px); max-height:780px; }.shan-hero__media { object-position:32% center; }.shan-hero__veil { background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(5,5,5,.92) 69%,#050505); }.shan-pattern { width:100%; opacity:.028; clip-path:polygon(14% 0,100% 0,100% 100%,0 100%); }.shan-hero__inner { align-items:flex-end; padding-bottom:120px; }.shan-hero__content { width:100%; padding:0; text-align:right; }.shan-hero h1 { font-size:clamp(2.35rem,11vw,3.15rem); }.shan-hero__lead { font-size:.88rem; }.shan-hero__foot .container { min-height:60px; gap:10px; }.shan-hero__foot span,.shan-hero__foot i { display:none; }.shan-hero__foot p { margin:0; }.shan-hero__foot a { margin-right:auto; }.shan-trust { padding:20px 0; }.shan-trust__grid { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.shan-trust__grid::-webkit-scrollbar { display:none; }.shan-trust article { min-width:82%; padding:12px; border:1px solid rgba(199,160,82,.13); border-radius:0 22px 0 0; scroll-snap-align:start; }.shan-featured-grid { display:block; }.shan-dish--hero { min-height:520px; }.shan-dish-stack { grid-template-columns:1fr; margin-top:18px; }.shan-dish--row { grid-template-columns:42% 58%; min-height:245px; }.shan-story__grid,.shan-visit__grid { grid-template-columns:1fr; }.shan-story__media { order:2; height:520px; border-radius:160px 160px 0 0; }.shan-story__copy { order:1; }.shan-experience__grid { grid-template-columns:1fr; }.shan-experience article { min-height:0; border-radius:0 24px 0 0; }.shan-experience__media { height:240px; }.shan-experience h3 { margin:0 0 10px; }.shan-offer__card { align-items:flex-start; flex-direction:column; gap:50px; border-radius:28px 0; }.shan-offer__card aside { text-align:right; }.shan-quote blockquote { font-size:1.28rem; }.shan-visit__visual { height:520px; border-radius:150px 0 0 0; }
}

/* Header mini-cart, cart catalogue and simplified delivery address. */
.header-cart { position:relative; }
.header-cart .cart-action { font-family:inherit; cursor:pointer; }
.header-cart-panel { position:absolute; z-index:80; top:calc(100% + 15px); left:0; width:min(360px,calc(100vw - 28px)); padding:18px; border:1px solid rgba(199,160,82,.28); border-radius:0 22px 0 22px; background:linear-gradient(145deg,#151410,#090909 72%); color:#e9e0d3; box-shadow:0 24px 70px rgba(0,0,0,.65); }
.header-cart-panel::before { content:""; position:absolute; top:-7px; left:34px; width:12px; height:12px; border-top:1px solid rgba(199,160,82,.28); border-left:1px solid rgba(199,160,82,.28); background:#12110e; transform:rotate(45deg); }
.header-cart-panel > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:13px; border-bottom:1px solid rgba(199,160,82,.13); }
.header-cart-panel > header small,.header-cart-panel > header strong { display:block; }.header-cart-panel > header small { color:#a8843e; font-size:.48rem; }.header-cart-panel > header strong { margin-top:3px; color:#eee5d8; font-size:.7rem; }.header-cart-panel > header button,.cart-catalog__panel > header button { width:30px; height:30px; border:1px solid rgba(199,160,82,.2); border-radius:50%; background:transparent; color:#a79b8b; font-size:1rem; }
.header-cart-panel__items { max-height:166px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#9f7b38 #151410; }
.header-cart-item { display:grid; grid-template-columns:58px 1fr 28px; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid rgba(199,160,82,.1); }.header-cart-item img { width:58px; height:58px; object-fit:cover; border-radius:0 11px 0 0; }.header-cart-item strong,.header-cart-item span { display:block; }.header-cart-item strong { color:#e1d8ca; font-size:.58rem; }.header-cart-item span { margin-top:5px; color:#cba653; font-size:.5rem; }.header-cart-item button { width:28px; height:28px; border:1px solid rgba(190,117,83,.22); border-radius:50%; background:transparent; color:#b78671; font-size:.9rem; }.header-cart-item button:hover { border-color:#bd785b; background:rgba(189,120,91,.1); color:#e4a487; }
.header-cart-panel__empty { padding:24px 10px; text-align:center; }.header-cart-panel__empty span { color:#cda754; font-size:1.3rem; }.header-cart-panel__empty p { margin:7px 0 0; color:#81786e; font-size:.56rem; }.header-cart-panel > footer { padding-top:14px; }.header-cart-panel > footer > div { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; color:#887f73; font-size:.54rem; }.header-cart-panel > footer > div strong { color:#e4c572; font-size:.72rem; }.header-cart-panel > footer .button { min-height:43px; }.header-cart-panel > footer > a:last-child { display:block; margin-top:10px; color:#9d8c70; font-size:.5rem; text-align:center; }.header-cart-panel .is-disabled { pointer-events:none; opacity:.45; }
.cart-catalog { margin-top:24px; padding-top:24px; border-top:1px solid rgba(199,160,82,.12); }.cart-catalog__trigger { width:100%; min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 18px; border:1px dashed rgba(199,160,82,.3); border-radius:16px; background:linear-gradient(90deg,rgba(199,160,82,.07),transparent); color:#d9cdbd; text-align:right; }.cart-catalog__trigger > span { display:flex; align-items:center; gap:13px; }.cart-catalog__trigger i { width:40px; height:40px; display:grid; place-items:center; flex:none; border-radius:50%; background:#cba451; color:#090909; font:normal 1.1rem Arial,sans-serif; }.cart-catalog__trigger strong,.cart-catalog__trigger small { display:block; }.cart-catalog__trigger strong { color:#e9dfd0; font-size:.68rem; }.cart-catalog__trigger small { margin-top:5px; color:#847b70; font-size:.52rem; }.cart-catalog__trigger > b { color:#d8b45f; font-size:.58rem; }.cart-catalog__trigger:hover { border-style:solid; border-color:#b89043; background:rgba(199,160,82,.09); }
.cart-catalog__panel { margin-top:14px; padding:22px; border:1px solid rgba(199,160,82,.2); border-radius:0 22px 0 22px; background:#0b0b0a; }.cart-catalog__panel > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.cart-catalog__panel h3 { margin:4px 0 0; color:#eee5d8; font:600 .9rem var(--font-display); }.cart-catalog__tabs { display:flex; gap:7px; margin:19px 0 16px; overflow-x:auto; }.cart-catalog__tabs button { min-height:38px; min-width:max-content; padding:0 15px; border:1px solid rgba(199,160,82,.18); border-radius:99px; background:transparent; color:#8f867a; font:600 .54rem var(--font-body); }.cart-catalog__tabs button.is-active { border-color:#cba451; background:#cba451; color:#080808; }
.cart-catalog__products { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.catalog-product { display:grid; grid-template-columns:70px 1fr auto; align-items:center; gap:11px; padding:10px; border:1px solid rgba(199,160,82,.12); border-radius:0 14px 0 14px; background:#10100f; }.catalog-product img { width:70px; height:62px; object-fit:cover; border-radius:0 9px 0 0; }.catalog-product strong,.catalog-product span { display:block; }.catalog-product strong { color:#ddd3c5; font-size:.56rem; }.catalog-product span { margin-top:5px; color:#c9a350; font-size:.52rem; }.catalog-product button { min-width:72px; min-height:36px; display:flex; align-items:center; justify-content:center; gap:6px; border:1px solid rgba(199,160,82,.3); border-radius:99px; background:transparent; color:#d4ae59; font:600 .5rem var(--font-body); }.catalog-product button i { font:normal .8rem Arial,sans-serif; }.catalog-product button:hover,.catalog-product button.is-added { border-color:#d4ae59; background:#d4ae59; color:#080808; }
.cart-remove { display:inline-flex!important; align-items:center; justify-content:center; gap:6px; }.cart-remove > span { font:normal .8rem Arial,sans-serif; }
.checkout-fields textarea { width:100%; min-height:92px; resize:vertical; padding:14px; border:1px solid rgba(199,160,82,.18); border-radius:12px; outline:0; background:#0a0a09; color:#e9e0d3; font:500 .68rem/1.9 var(--font-body); }.checkout-fields textarea:focus { border-color:#d5ad59; }
@media (max-width:1000px) { .header-cart-panel { left:auto; right:0; }.header-cart-panel::before { right:34px; left:auto; } }
@media (max-width:760px) { .header-cart-panel { position:fixed; top:112px; right:14px; left:14px; width:auto; }.header-cart-panel::before { display:none; }.cart-catalog__products { grid-template-columns:1fr; }.cart-catalog__trigger { align-items:flex-start; flex-direction:column; }.catalog-product { grid-template-columns:62px 1fr auto; }.catalog-product img { width:62px; height:58px; }.checkout-fields textarea { font-size:16px; } }
.order-success { min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 20px;text-align:center;background:radial-gradient(circle at 50% 38%,rgba(199,160,82,.09),transparent 28%);}.order-success__mark{width:74px;height:74px;display:grid;place-items:center;margin-bottom:22px;border:1px solid rgba(223,187,105,.5);border-radius:50%;background:rgba(199,160,82,.08);color:#e0bd6d;font-size:1.6rem}.order-success h1{margin:12px 0;color:#f4ecdf;font:600 clamp(2rem,4vw,3.5rem)/1.5 var(--font-display)}.order-success h1 em{color:var(--shan-gold-soft);font-style:normal}.order-success>p:not(.shan-kicker){max-width:620px;margin:0;color:#91887c;font-size:.68rem;line-height:2}.order-success>p strong{color:#dfbd6c}.order-success>div:last-child{display:flex;gap:10px;margin-top:26px}
@media (max-width:430px) {
  .shan-hero__actions { flex-direction:column; }.shan-hero__actions .button { width:100%; }.shan-dish--row { grid-template-columns:38% 62%; }.shan-dish__copy { padding:18px 16px; }.shan-dish__copy h3 { font-size:.9rem; }.shan-dish__copy > span { font-size:.67rem; }.shan-story__details { grid-template-columns:1fr; }.shan-offer__card { padding:42px 26px; }.shan-visit dl > div { grid-template-columns:1fr; gap:4px; }.shan-visit__actions { align-items:flex-start; flex-direction:column; }
}

/* Center the complete experience introduction as one visual group. */
.shan-experience .shan-section-head--center { display:flex; max-width:1040px; margin:0 auto 54px; flex-direction:column; align-items:center; gap:0; text-align:center; }
.shan-experience .shan-section-head--center > div { width:100%; display:flex; flex-direction:column; align-items:center; }
.shan-experience .shan-section-head--center .shan-kicker { width:max-content; margin:0 auto 16px; justify-content:center; text-align:center; }
.shan-experience .shan-section-head--center > p { max-width:620px; margin:18px auto 0; text-align:center; }
.shan-experience .shan-section-head h2 { width:100%; margin-inline:auto; text-align:center; }

/* Compact single-line account-page statements on desktop. */
.auth-promo h1 { white-space:nowrap; font-size:clamp(1.55rem,2.15vw,2.15rem); line-height:1.45; letter-spacing:-.025em; }
.auth-promo h1 br { display:none; }
@media (max-width:760px) {
  .auth-promo h1 { white-space:normal; font-size:clamp(1.65rem,7vw,2rem); }
}

/* Account experience v3 — layered Shanasheel image and soft 3D cards. */
.auth-page { position:relative; isolation:isolate; min-height:calc(100vh - 118px); padding:clamp(48px,6vw,82px) 20px; background:#080807 url('/assets/images/hero-shanasheel-v3.webp') center/cover fixed no-repeat; }
.auth-page::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.74) 48%,rgba(5,5,5,.88)),linear-gradient(180deg,rgba(5,5,5,.72),rgba(5,5,5,.9)); backdrop-filter:blur(3px); }
.auth-page::after { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 50% 35%,rgba(199,160,82,.09),transparent 36%); pointer-events:none; }
.auth-shell { position:relative; width:min(1120px,100%); min-height:650px; gap:14px; padding:15px; overflow:visible; border:1px solid rgba(231,202,136,.3); border-radius:38px; background:rgba(11,11,10,.84); box-shadow:0 55px 130px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.035),0 0 0 7px rgba(199,160,82,.025); backdrop-filter:blur(16px); perspective:1200px; }
.auth-shell::before { content:""; position:absolute; z-index:2; top:-1px; right:9%; left:9%; height:1px; background:linear-gradient(90deg,transparent,#e5c77d,transparent); opacity:.7; pointer-events:none; }
.auth-promo,.auth-form-wrap { position:relative; overflow:hidden; border:1px solid rgba(199,160,82,.16); border-radius:28px; box-shadow:inset 0 1px rgba(255,255,255,.025),0 24px 48px rgba(0,0,0,.2); }
.auth-promo { padding:clamp(46px,5vw,70px); background:linear-gradient(145deg,rgba(199,160,82,.095),transparent 48%),rgba(5,5,5,.86); }
.auth-promo::before { inset:18px; border-radius:20px; }
.auth-promo::after { left:-155px; bottom:-155px; width:360px; height:360px; box-shadow:0 0 0 64px rgba(255,255,255,.018); }
.auth-promo h1 { max-width:100%; margin-top:3px; white-space:nowrap; font-size:clamp(1.22rem,1.72vw,1.72rem); line-height:1.5; letter-spacing:-.025em; }
.auth-promo h1 br { display:none; }
.auth-promo > p:not(.eyebrow) { max-width:440px; margin-top:18px; color:#bcb3a5; font-size:.82rem; line-height:2; }
.auth-promo ul { margin-top:28px; }
.auth-form-wrap { padding:clamp(38px,5vw,66px); background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 46%),rgba(14,14,12,.94); }
.auth-form-wrap::after { content:""; position:absolute; right:-85px; bottom:-95px; width:210px; height:210px; border:1px solid rgba(199,160,82,.08); border-radius:50%; box-shadow:0 0 0 42px rgba(199,160,82,.018); pointer-events:none; }
.form-heading { z-index:1; margin-bottom:26px; }
.auth-heading-row { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:12px; }
.form-heading__mark { position:relative; width:58px; height:42px; flex:none; opacity:.9; }
.form-heading__mark::before { content:""; position:absolute; right:8px; bottom:7px; width:40px; height:13px; border:1.5px solid var(--shan-gold); border-top:0; border-radius:0 0 22px 22px; }
.form-heading__mark::after { content:""; position:absolute; right:10px; bottom:21px; width:36px; height:17px; border:1.5px solid var(--shan-gold); border-bottom:0; border-radius:22px 22px 0 0; }
.form-heading__mark i { position:absolute; right:27px; top:0; width:6px; height:6px; border:1.5px solid var(--shan-gold-soft); border-radius:50%; box-shadow:0 37px 0 -2px var(--shan-gold-soft); }
.auth-switch-button { min-height:38px; display:inline-flex; align-items:center; justify-content:center; padding:0 17px; border:1px solid rgba(231,202,136,.48); border-radius:99px; background:linear-gradient(135deg,#e4c572,#b98c3c); color:#080808!important; font-size:.7rem; font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.25); transition:background .18s ease,transform .18s ease,box-shadow .18s ease; }
.auth-switch-button:hover { background:#efd58d; transform:translateY(-1px); box-shadow:0 13px 28px rgba(0,0,0,.32); }
.form-heading h2 { font-size:clamp(1.7rem,2.7vw,2.2rem); }
.form-stack { position:relative; z-index:1; gap:16px; }
.field input,.field textarea { border-radius:14px; background:rgba(3,3,3,.62); box-shadow:inset 0 1px 2px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.025); }
.phone-input-shell { position:relative; }
.phone-input-shell input { padding-left:66px; }
.phone-country-hint { position:absolute; top:50%; left:12px; width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(199,160,82,.42); border-radius:50%; background:linear-gradient(145deg,#171713,#080808); box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06); transform:translateY(-50%); pointer-events:none; }
.phone-country-hint span { display:block; font-size:1.25rem; line-height:1; filter:saturate(.95) contrast(1.03); }
.auth-options-row { min-height:30px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.auth-options-row .check-field { align-items:center; }
.auth-options-row .check-field input { margin-top:0; }
.auth-inline-switch { color:#dfc477; font-size:.7rem; font-weight:800; border-bottom:1px solid rgba(223,196,119,.35); }
.auth-inline-switch:hover { color:#f3d98f; border-color:#f3d98f; }
.auth-form-wrap .button--full { border-radius:99px; box-shadow:0 14px 32px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.24); }
.secure-note { border-radius:14px; }
@media (max-width:760px) {
  .auth-page { padding:24px 14px; background-attachment:scroll; }
  .auth-shell { grid-template-columns:1fr; gap:12px; padding:11px; border-radius:28px; }
  .auth-promo,.auth-form-wrap { border-radius:21px; }
  .auth-promo { min-height:290px; }
  .auth-promo h1 { white-space:normal; font-size:clamp(1.35rem,6vw,1.75rem); }
}
@media (max-width:430px) {
  .auth-form-wrap { padding:32px 20px; }
  .auth-heading-row { align-items:flex-start; }
  .form-heading__mark { width:48px; transform:scale(.86); transform-origin:right top; }
  .auth-switch-button { padding-inline:13px; font-size:.64rem; }
  .auth-options-row { align-items:flex-start; }
}

/* Account performance pass: static layers only, no costly viewport blur/fixed repaint. */
.auth-page { overflow:hidden; background:#080807; }
.auth-page::before { background-image:linear-gradient(90deg,rgba(5,5,5,.78),rgba(5,5,5,.62) 48%,rgba(5,5,5,.76)),linear-gradient(180deg,rgba(5,5,5,.54),rgba(5,5,5,.76)),url('/assets/images/hero-shanasheel-v3.webp'); background-position:center; background-size:cover; background-repeat:no-repeat; backdrop-filter:none; }
.auth-page::after { background:radial-gradient(circle at 50% 32%,rgba(199,160,82,.075),transparent 34%); }
.auth-shell { box-shadow:0 28px 72px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.035); backdrop-filter:none; perspective:none; }
.auth-promo,.auth-form-wrap { box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.2); }
.auth-promo::after { box-shadow:none; }
.auth-form-wrap::after { box-shadow:none; }
.auth-switch-button { background:#d5ad57; color:#070707!important; box-shadow:0 7px 16px rgba(0,0,0,.22); transition:background-color .14s ease,transform .14s ease; }
.auth-switch-button:hover,.auth-switch-button:focus-visible { background:#efd184; color:#070707!important; box-shadow:0 8px 18px rgba(0,0,0,.25); }
.auth-form-wrap .button--full { position:relative; isolation:isolate; overflow:hidden; border-color:#e1c16d; background:#d5ad57!important; color:#070707!important; box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.22); transition:background-color .14s ease,transform .14s ease,box-shadow .14s ease; }
.auth-form-wrap .button--full::before { display:none!important; }
.auth-form-wrap .button--full:hover,.auth-form-wrap .button--full:focus-visible { border-color:#f0d78f; background:#efd184!important; color:#070707!important; box-shadow:0 12px 25px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.28); }
.auth-form-wrap .button--full span,.auth-form-wrap .button--full b { position:relative; z-index:1; color:#070707!important; }
.auth-alert { margin:-6px 0 20px; padding:12px 15px; border-radius:12px; font-size:.66rem; line-height:1.8; }.auth-alert strong { display:block; margin-bottom:4px; }.auth-alert ul { margin:0; padding-right:18px; }.auth-alert--error { border:1px solid rgba(194,105,76,.35); background:rgba(128,54,35,.12); color:#e3b39e; }

/* Final account imagery, user mark and restaurant logo. */
.auth-page::before { background-image:linear-gradient(90deg,rgba(5,5,5,.8),rgba(5,5,5,.66) 48%,rgba(5,5,5,.79)),linear-gradient(180deg,rgba(5,5,5,.48),rgba(5,5,5,.73)),url('/assets/images/auth-dining-background-v1.webp'); }
.auth-page--login .auth-promo h1 { font-size:clamp(1.1rem,1.55vw,1.55rem); }
.form-heading__mark { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(231,202,136,.34); border-radius:50%; background:linear-gradient(145deg,rgba(199,160,82,.14),rgba(5,5,5,.72)); color:#e6c36f; font:normal 1.45rem/1 "Segoe UI Emoji","Apple Color Emoji",sans-serif; box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.22); }
.form-heading__mark::before,.form-heading__mark::after,.form-heading__mark i { display:none; }
.brand__mark { overflow:hidden; padding:3px; background:#050505; }
.brand__mark img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }

/* Monochrome account icon using the exact Shanasheel gold. */
.form-heading__mark { color:var(--shan-gold); }
.form-heading__user-icon { position:relative; display:block; width:22px; height:24px; }
.form-heading__user-icon::before { content:""; position:absolute; top:0; left:50%; width:9px; height:9px; border:1.8px solid var(--shan-gold); border-radius:50%; background:rgba(199,160,82,.08); transform:translateX(-50%); }
.form-heading__user-icon::after { content:""; position:absolute; right:1px; bottom:0; left:1px; height:11px; border:1.8px solid var(--shan-gold); border-bottom-color:var(--shan-gold); border-radius:11px 11px 5px 5px; background:rgba(199,160,82,.1); }

/* Shanasheel editorial footer v3. */
.shan-footer { padding:0; border-top:1px solid rgba(199,160,82,.28); background:radial-gradient(circle at 50% 0,rgba(199,160,82,.045),transparent 32%),#08090a; color:#b9b2a8; }
.shan-footer__main { display:grid; grid-template-columns:1.4fr .95fr .95fr 1.05fr; gap:0; padding-block:72px 68px; }
.shan-footer__main > * { min-width:0; padding:0 clamp(28px,3.5vw,58px); }
.shan-footer__main > *:not(:first-child) { border-right:1px solid rgba(231,202,136,.18); }
.shan-footer__brand { padding-right:0; }
.shan-footer .brand--footer { display:inline-flex; margin:0 0 30px; }
.shan-footer .brand--footer .brand__mark { width:72px; height:72px; border-color:rgba(231,202,136,.52); box-shadow:0 0 0 6px rgba(199,160,82,.035); }
.shan-footer .brand--footer strong { color:#f5eee2; font-size:1.15rem; }
.shan-footer .brand--footer small { color:#9e9588; letter-spacing:.22em; }
.shan-footer__brand > p { max-width:390px; margin:0; color:#aaa397; font-size:.78rem; line-height:2.1; }
.shan-footer__social { display:flex; gap:13px; margin-top:32px; }
.shan-footer__social a { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(199,160,82,.42); border-radius:50%; color:#d2aa55; font:700 1.15rem/1 Arial,sans-serif; transition:background-color .16s ease,color .16s ease,transform .16s ease; }
.shan-footer__social a:hover { background:#d4ad58; color:#070707; transform:translateY(-2px); }
.shan-footer h2 { position:relative; margin:0 0 31px; padding-bottom:16px; color:#eee7dc; font:600 1rem var(--font-display); }
.shan-footer h2::after { content:""; position:absolute; right:0; bottom:0; width:34px; height:2px; background:var(--shan-gold); }
.shan-footer__column { display:flex; flex-direction:column; gap:17px; }
.shan-footer__column a { display:flex; align-items:center; gap:14px; margin:0!important; color:#bdb6ad; font-size:.8rem!important; transition:color .16s ease,transform .16s ease; }
.shan-footer__column a:hover { color:#f1d484; transform:translateX(-3px); }
.shan-footer__column i { width:25px; height:25px; display:grid; place-items:center; flex:none; color:#d1a650; font:normal 1rem/1 Georgia,serif; }
.shan-footer__contact { padding-left:0; }
.shan-footer__phone { display:block; margin-bottom:13px; color:#d8d1c7; font-size:1rem; letter-spacing:.04em; text-align:right; }
.shan-footer__contact > p { margin:0; color:#a9a297; font-size:.76rem; line-height:2; }
.shan-footer__branches { min-height:54px; display:flex; align-items:center; justify-content:center; gap:14px; margin-top:34px; border:1px solid rgba(199,160,82,.46); border-radius:4px; color:#d2aa55; font-size:.78rem; font-weight:800; transition:background-color .16s ease,color .16s ease; }
.shan-footer__branches:hover { background:#d3aa54; color:#070707; }
.shan-footer__branches b { font-size:1rem; }
.shan-footer__bar { border-top:1px solid rgba(199,160,82,.25); }
.shan-footer__bar .container { min-height:104px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; }
.shan-footer__bar p { margin:0; color:#a9a297; font-size:.72rem; }
.shan-footer__payments { display:flex; align-items:center; justify-content:center; gap:25px; color:#b89755; direction:ltr; }
.shan-footer__payments span { font:700 .75rem/1 Arial,sans-serif; opacity:.82; }
.shan-footer__payments span:first-child { font-size:1rem; font-style:italic; }
.shan-footer__payments .pay-mark { height:32px; min-width:62px; display:inline-flex; align-items:center; justify-content:center; gap:5px; color:#b8954e; opacity:.92; font-family:Arial,sans-serif; font-style:normal; }
.pay-mark--visa { font-size:1.2rem!important; font-weight:900!important; font-style:italic!important; letter-spacing:-.09em; }
.pay-mark--mastercard { position:relative; flex-direction:column; gap:1px!important; }
.pay-mark--mastercard i { position:relative; width:31px; height:17px; display:block; }
.pay-mark--mastercard i::before,.pay-mark--mastercard i::after { content:""; position:absolute; top:0; width:17px; height:17px; border-radius:50%; background:#b8954e; }
.pay-mark--mastercard i::before { left:2px; opacity:.96; }.pay-mark--mastercard i::after { right:2px; opacity:.62; }
.pay-mark--mastercard b { font:600 .43rem/1 Arial,sans-serif; letter-spacing:-.03em; }
.pay-mark--mada { gap:6px!important; }
.pay-mark--mada i { width:24px; height:18px; display:block; background:linear-gradient(90deg,#b8954e 0 43%,transparent 43% 53%,#b8954e 53% 100%); box-shadow:inset 0 5px #08090a,inset 0 -5px #08090a; }
.pay-mark--mada b { display:flex; flex-direction:column; color:#b8954e; font:800 .6rem/.7 Arial,sans-serif; }.pay-mark--mada small { font:700 .55rem/.8 var(--font-display); }
.pay-mark--apple { gap:7px!important; }
.pay-mark--apple i { position:relative; width:17px; height:18px; display:block; border-radius:45% 45% 50% 50% / 52% 52% 46% 46%; background:#b8954e; }
.pay-mark--apple i::before { content:""; position:absolute; top:-5px; right:1px; width:7px; height:4px; border-radius:7px 0 7px 0; background:#b8954e; transform:rotate(-28deg); }
.pay-mark--apple i::after { content:""; position:absolute; top:5px; right:-3px; width:6px; height:7px; border-radius:50%; background:#08090a; }
.pay-mark--apple b { color:#b8954e; font:600 1rem/1 Arial,sans-serif; }
.shan-footer .environment-badge { justify-self:end; display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border:1px solid rgba(199,160,82,.42); border-radius:99px; color:#c9a557; }
.shan-footer .environment-badge span { font-size:.55rem; }
@media (max-width:1020px) {
  .shan-footer__main { grid-template-columns:1.25fr 1fr 1fr; row-gap:48px; }
  .shan-footer__contact { grid-column:1/-1; padding:34px 0 0; border-top:1px solid rgba(231,202,136,.14); border-right:0!important; }
  .shan-footer__contact .shan-footer__branches { max-width:340px; }
}
@media (max-width:760px) {
  .shan-footer__main { grid-template-columns:1fr 1fr; padding-block:54px 45px; }
  .shan-footer__brand { grid-column:1/-1; padding:0 0 42px; }
  .shan-footer__main > * { padding-inline:20px; }
  .shan-footer__main > *:not(:first-child) { border-right:0; }
  .shan-footer__column:nth-of-type(2) { border-left:1px solid rgba(231,202,136,.14); }
  .shan-footer__contact { padding:34px 0 0; }
  .shan-footer__bar .container { min-height:150px; grid-template-columns:1fr; justify-items:center; gap:18px; padding-block:25px; text-align:center; }
  .shan-footer .environment-badge { justify-self:center; }
}
@media (max-width:430px) {
  .shan-footer__main { grid-template-columns:1fr; }
  .shan-footer__column { padding:28px 0; border-top:1px solid rgba(231,202,136,.12); }
  .shan-footer__column:nth-of-type(2) { border-left:0; }
  .shan-footer__payments { gap:15px; flex-wrap:wrap; }
}

/* Signature table offer — photographic, premium and performance-safe. */
.shan-offer { padding:clamp(80px,9vw,120px) 0; background:linear-gradient(180deg,#070707,#0a0a09); }
.shan-offer__card { min-height:500px; padding:clamp(48px,6vw,82px); border:1px solid rgba(231,202,136,.32); border-radius:46px 0 46px 0; background-image:linear-gradient(90deg,rgba(5,5,5,.58),rgba(5,5,5,.78) 48%,rgba(5,5,5,.96) 80%),linear-gradient(0deg,rgba(5,5,5,.36),rgba(5,5,5,.16)),url('/assets/images/auth-dining-background-v1.webp'); background-position:center; background-size:cover; box-shadow:0 34px 85px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04); }
.shan-offer__card::before { content:""; position:absolute; z-index:1; top:26px; right:26px; bottom:26px; left:26px; border:1px solid rgba(231,202,136,.11); border-radius:32px 0 32px 0; pointer-events:none; }
.shan-offer__card::after { content:""; position:absolute; z-index:1; top:0; left:13%; width:210px; height:1px; border:0; border-radius:0; background:linear-gradient(90deg,transparent,var(--shan-gold-soft),transparent); box-shadow:none; }
.shan-offer__content { position:relative; z-index:2; max-width:760px; }
.shan-offer__content .shan-kicker { margin-bottom:17px; }
.shan-offer__content h2 { white-space:nowrap; font-size:clamp(2rem,3.35vw,3.55rem); line-height:1.35; text-shadow:0 12px 34px rgba(0,0,0,.5); }
.shan-offer__content > p:not(.shan-kicker) { max-width:640px; margin:18px 0 0; color:#c0b7aa; font-size:.9rem; line-height:2; }
.shan-offer__includes { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 27px; padding:0; list-style:none; }
.shan-offer__includes li { position:relative; padding:8px 25px 8px 13px; border:1px solid rgba(231,202,136,.2); border-radius:99px; background:rgba(8,8,8,.58); color:#d5ccbd; font-size:.65rem; }
.shan-offer__includes li::before { content:""; position:absolute; right:11px; top:50%; width:5px; height:5px; border-radius:50%; background:var(--shan-gold); transform:translateY(-50%); box-shadow:0 0 0 3px rgba(199,160,82,.1); }
.shan-offer__content .button { min-width:165px; }
.shan-offer__card aside { position:relative; z-index:2; min-width:230px; min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; border:1px solid rgba(231,202,136,.35); border-radius:50%; background:rgba(7,7,7,.78); box-shadow:0 0 0 12px rgba(199,160,82,.035),0 22px 55px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05); text-align:center; }
.shan-offer__card aside::before { content:""; position:absolute; inset:11px; border:1px solid rgba(231,202,136,.13); border-radius:50%; }
.shan-offer__card aside small,.shan-offer__card aside strong,.shan-offer__card aside span,.shan-offer__card aside i { position:relative; z-index:1; }
.shan-offer__card aside small { color:#a99e8d; font-size:.65rem; }
.shan-offer__card aside strong { margin:8px 0 4px; color:#efd184; font-size:4rem; line-height:1; text-shadow:0 9px 30px rgba(0,0,0,.5); }
.shan-offer__card aside span { color:#c8bda9; font-size:.72rem; }
.shan-offer__card aside i { margin-top:12px; color:#8f8679; font-size:.56rem; font-style:normal; }
@media (max-width:900px) {
  .shan-offer__card { min-height:600px; align-items:flex-start; flex-direction:column; gap:38px; }
  .shan-offer__card aside { min-width:190px; min-height:190px; align-self:flex-end; }
  .shan-offer__card aside strong { font-size:3.35rem; }
}
@media (max-width:760px) {
  .shan-offer__card { min-height:620px; padding:46px 26px; border-radius:30px 0; background-image:linear-gradient(180deg,rgba(5,5,5,.9),rgba(5,5,5,.68)),url('/assets/images/auth-dining-background-v1.webp'); }
  .shan-offer__card::before { inset:14px; border-radius:22px 0; }
  .shan-offer__content h2 { white-space:normal; font-size:2rem; }
  .shan-offer__card aside { align-self:flex-start; }
}

/* Menu catalog v1 — fast editorial cards, search, categories and filters. */
.menu-page { background:#090909; color:var(--shan-cream); }
.menu-hero { position:relative; min-height:460px; display:flex; align-items:center; overflow:hidden; border-bottom:0; background-color:#060606; background-image:linear-gradient(270deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.75) 37%,rgba(5,5,5,.42) 66%,rgba(5,5,5,.2) 100%),linear-gradient(0deg,rgba(5,5,5,.62),transparent 60%),url('/assets/images/dish-mixed-grill-v1.webp'); background-position:center,center,center 48%; background-size:cover,cover,cover; background-repeat:no-repeat; }
.menu-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,5,5,.24),transparent 38%,transparent 68%,rgba(5,5,5,.2)); pointer-events:none; }
.menu-hero::after { content:""; position:absolute; top:0; right:0; bottom:0; width:52%; opacity:.045; background-image:linear-gradient(30deg,var(--shan-gold) 12%,transparent 12.5%,transparent 87%,var(--shan-gold) 87.5%),linear-gradient(150deg,var(--shan-gold) 12%,transparent 12.5%,transparent 87%,var(--shan-gold) 87.5%); background-size:58px 98px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 45%); mask-image:linear-gradient(90deg,transparent,#000 45%); pointer-events:none; }
.menu-hero__inner { position:relative; z-index:1; width:min(calc(100% - 40px),var(--container)); display:flex; flex-direction:column; align-items:center; margin-inline:auto; padding-block:78px; text-align:center; }
.menu-hero .shan-kicker { justify-content:center; margin-bottom:16px; }
.menu-hero h1 { max-width:700px; margin:0; color:#fff9ed; font:600 clamp(2.35rem,3.5vw,3.55rem)/1.4 var(--font-display); letter-spacing:-.04em; white-space:nowrap; text-shadow:0 14px 38px rgba(0,0,0,.42); }
.menu-hero h1 em,.menu-catalog__head h2 em { color:var(--shan-gold-soft); font-style:normal; font-weight:500; }
.menu-hero__inner > p:not(.shan-kicker) { max-width:590px; margin:18px auto 0; color:#bcb3a5; font-size:.84rem; line-height:2; }
.menu-hero__facts { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:28px; color:#d5cbbb; font-size:.7rem; }
.menu-hero__facts i { width:4px; height:4px; border-radius:50%; background:var(--shan-gold); }
.menu-catalog { padding:clamp(76px,8vw,120px) 0 130px; background:linear-gradient(180deg,#0c0c0b,#080808); }
.menu-catalog__head { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:70px; margin-bottom:42px; }
.menu-catalog__head .shan-kicker { margin-bottom:15px; }
.menu-catalog__head h2 { margin:0; color:#f6efe3; font:600 clamp(2rem,3.3vw,3.25rem)/1.45 var(--font-display); letter-spacing:-.035em; white-space:nowrap; }
.menu-catalog__head > p { max-width:470px; margin:0; color:#9e968a; font-size:.8rem; line-height:2; }
.menu-toolbar { position:relative; z-index:3; display:grid; grid-template-columns:minmax(260px,.82fr) 1.5fr auto; align-items:center; gap:20px; margin-bottom:22px; padding:14px; border:1px solid rgba(199,160,82,.2); border-radius:22px 0; background:#10100f; box-shadow:0 18px 48px rgba(0,0,0,.22); }
.menu-search { min-height:52px; display:flex; align-items:center; gap:12px; padding-inline:17px 10px; border:1px solid rgba(199,160,82,.18); border-radius:13px; background:#090909; transition:border-color .16s ease; }
.menu-search:focus-within { border-color:rgba(231,202,136,.62); }
.menu-search__icon { position:relative; width:16px; height:16px; flex:none; border:1.5px solid var(--shan-gold); border-radius:50%; }
.menu-search__icon::after { content:""; position:absolute; width:6px; height:1.5px; left:-4px; bottom:-2px; border-radius:2px; background:var(--shan-gold); transform:rotate(45deg); }
.menu-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#eee6d8; font:500 .75rem var(--font-body); }
.menu-search input::placeholder { color:#716b62; }
.menu-search button { width:28px; height:28px; border:0; border-radius:50%; background:transparent; color:#8f877b; font-size:1.15rem; cursor:pointer; transition:background-color .15s ease,color .15s ease; }
.menu-search button:hover { background:rgba(199,160,82,.12); color:#edcf83; }
.menu-categories { display:flex; align-items:center; justify-content:center; gap:4px; }
.menu-categories button { min-height:42px; padding:0 15px; border:1px solid transparent; border-radius:99px; background:transparent; color:#a9a196; font:600 .68rem var(--font-body); white-space:nowrap; cursor:pointer; transition:background-color .15s ease,color .15s ease,border-color .15s ease; }
.menu-categories button:hover { color:#ead08c; }
.menu-categories button.is-active { border-color:#d0a953; background:#d0a953; color:#080808; }
.menu-toolbar__options { display:flex; align-items:center; gap:14px; }
.menu-check { display:flex; align-items:center; gap:8px; color:#b7afa3; font-size:.67rem; white-space:nowrap; cursor:pointer; }
.menu-check input { position:absolute; opacity:0; pointer-events:none; }
.menu-check > span { position:relative; width:32px; height:18px; border:1px solid rgba(199,160,82,.38); border-radius:99px; background:#080808; transition:background-color .15s ease,border-color .15s ease; }
.menu-check > span::after { content:""; position:absolute; top:3px; right:3px; width:10px; height:10px; border-radius:50%; background:#7c746a; transition:transform .18s ease,background-color .18s ease; }
.menu-check input:checked + span { border-color:var(--shan-gold); background:rgba(199,160,82,.16); }
.menu-check input:checked + span::after { background:var(--shan-gold-soft); transform:translateX(-14px); }
.menu-sort { position:relative; display:block; }
.menu-sort > span { position:absolute; z-index:1; top:7px; right:13px; color:#766e63; font-size:.51rem; pointer-events:none; }
.menu-sort select { min-width:142px; height:52px; padding:17px 13px 4px 32px; border:1px solid rgba(199,160,82,.18); border-radius:12px; outline:0; background:#090909; color:#ddd3c4; font:600 .64rem var(--font-body); cursor:pointer; }
.menu-results-bar { min-height:42px; display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; color:#80786d; font-size:.65rem; }
.menu-results-bar p { margin:0; }.menu-results-bar strong { color:#e4c374; font-size:.82rem; }
.menu-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.menu-card { min-width:0; overflow:hidden; border:1px solid rgba(199,160,82,.16); border-radius:0 27px 0 0; background:#11110f; box-shadow:0 22px 55px rgba(0,0,0,.2); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.menu-card:hover { transform:translateY(-4px); border-color:rgba(231,202,136,.36); box-shadow:0 30px 68px rgba(0,0,0,.34); }
.menu-card--featured { grid-column:span 2; display:grid; grid-template-columns:1.25fr .75fr; border-radius:34px 0 0 0; }
.menu-card__media { position:relative; min-height:260px; display:block; overflow:hidden; background:#080808; }
.menu-card--featured .menu-card__media { min-height:420px; }
.menu-card__media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(5,5,5,.56)); pointer-events:none; }
.menu-card__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.04) brightness(.86); transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .22s ease; }
.menu-card:hover .menu-card__media img { transform:scale(1.035); filter:saturate(.94) contrast(1.04) brightness(.92); }
.menu-card__media > span { position:absolute; z-index:1; top:17px; right:17px; padding:7px 12px; border:1px solid rgba(231,202,136,.34); border-radius:99px; background:rgba(7,7,7,.86); color:#e0c175; font-size:.58rem; }
.menu-card__body { display:flex; flex-direction:column; min-height:245px; padding:25px; }
.menu-card--featured .menu-card__body { min-height:100%; justify-content:center; padding:34px; }
.menu-card__top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.menu-card__top p { margin:0; color:#bd9649; font-size:.6rem; }
.menu-card__top span { display:flex; align-items:center; gap:6px; color:#837b70; font-size:.56rem; }
.menu-card__top i { width:5px; height:5px; border:1px solid #978150; border-radius:50%; }
.menu-card h3 { margin:0 0 8px; color:#f5ede0; font:600 1.05rem var(--font-display); }.menu-card h3 a { color:inherit; }
.menu-card--featured h3 { font-size:1.45rem; }
.menu-card__description { margin:0; color:#9c9488; font-size:.68rem; line-height:1.9; }
.menu-card__body footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; padding-top:22px; border-top:1px solid rgba(199,160,82,.12); }
.menu-card__price { display:flex; align-items:baseline; gap:5px; color:#8f867a; font-size:.57rem; }.menu-card__price strong { color:#edcd7e; font:600 1.22rem var(--font-display); }
.menu-add-button { min-height:40px; display:inline-flex; align-items:center; gap:13px; padding:0 10px 0 15px; border:1px solid rgba(199,160,82,.38); border-radius:99px; background:transparent; color:#d8d0c3; font:700 .64rem var(--font-body); cursor:pointer; transition:background-color .15s ease,border-color .15s ease,color .15s ease; }
.menu-add-button b { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:var(--shan-gold); color:#070707; font:500 1rem/1 Arial,sans-serif; }
.menu-add-button:hover,.menu-add-button:focus-visible,.menu-add-button.is-added { border-color:#efd184; background:#efd184; color:#070707; }
.menu-add-button.is-added b { background:#070707; color:#efd184; }
.menu-empty { min-height:330px; place-items:center; align-content:center; padding:40px; border:1px dashed rgba(199,160,82,.25); text-align:center; }
.menu-empty:not([hidden]) { display:grid; }.menu-empty > span { color:#cda855; font-size:2.4rem; }.menu-empty h3 { margin:13px 0 5px; color:#eee5d7; }.menu-empty p { margin:0 0 20px; color:#938b80; font-size:.75rem; }.menu-empty button { padding:11px 20px; border:1px solid var(--shan-gold); border-radius:99px; background:transparent; color:#dfc175; cursor:pointer; }
@media (max-width:1120px) {
  .menu-toolbar { grid-template-columns:1fr 1.5fr; }.menu-toolbar__options { grid-column:1/-1; justify-content:flex-end; }
  .menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.menu-card--featured { grid-column:span 2; }
}
@media (max-width:760px) {
  .menu-hero { min-height:410px; background-image:linear-gradient(180deg,rgba(5,5,5,.48),rgba(5,5,5,.93) 82%),url('/assets/images/dish-mixed-grill-v1.webp'); background-position:center,center; background-size:cover,cover; }.menu-hero::after { width:75%; }.menu-hero__inner { width:min(calc(100% - 28px),var(--container)); padding-block:58px; align-self:flex-end; }
  .menu-hero h1 { max-width:100%; font-size:2.25rem; white-space:normal; }.menu-hero__facts { gap:10px; flex-wrap:wrap; }
  .menu-catalog__head { grid-template-columns:1fr; gap:17px; }.menu-catalog__head h2 { white-space:normal; font-size:2rem; }
  .menu-toolbar { display:flex; flex-direction:column; align-items:stretch; padding:11px; border-radius:18px 0; }
  .menu-categories { justify-content:flex-start; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }.menu-categories::-webkit-scrollbar { display:none; }
  .menu-toolbar__options { justify-content:space-between; }.menu-grid { grid-template-columns:1fr; }.menu-card--featured { grid-column:auto; display:block; border-radius:0 27px 0 0; }.menu-card--featured .menu-card__media { min-height:285px; }.menu-card--featured .menu-card__body { min-height:245px; padding:25px; }.menu-card--featured h3 { font-size:1.1rem; }
}
@media (max-width:430px) {
  .menu-hero h1 { font-size:2.05rem; }.menu-hero__inner > p:not(.shan-kicker) { font-size:.78rem; }.menu-toolbar__options { align-items:flex-start; flex-direction:column; }.menu-sort,.menu-sort select { width:100%; }.menu-results-bar { align-items:flex-start; flex-direction:column; justify-content:center; gap:3px; }.menu-card__media { min-height:235px; }
}

/* Order journey v1 — product customization, cart and delivery checkout. */
.product-page,.order-page,.checkout-page { background:#090909; color:var(--shan-cream); }
.product-breadcrumb { display:flex; align-items:center; gap:10px; min-height:66px; color:#746d63; font-size:.65rem; }.product-breadcrumb a { color:#d0ad61; }
.product-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); gap:clamp(45px,6vw,88px); align-items:start; padding-bottom:100px; }
.product-gallery { position:sticky; top:138px; min-height:690px; overflow:hidden; border:1px solid rgba(199,160,82,.2); border-radius:0 46px 0 0; background:#0c0c0b; }
.product-gallery::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(5,5,5,.72)); pointer-events:none; }.product-gallery > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.86) contrast(1.04) brightness(.86); }
.product-gallery__badge { position:absolute; z-index:1; right:28px; bottom:28px; padding:15px 19px; border-right:2px solid var(--shan-gold); background:rgba(7,7,7,.82); }.product-gallery__badge small,.product-gallery__badge strong { display:block; }.product-gallery__badge small { margin-bottom:5px; color:#a99e8c; font-size:.56rem; }.product-gallery__badge strong { color:#f1ddaa; font-size:.78rem; }
.product-config { padding-top:28px; }.product-config h1 { margin:0; color:#fff8ec; font:600 clamp(2.25rem,3.7vw,3.7rem)/1.35 var(--font-display); letter-spacing:-.04em; }.product-config__description { max-width:620px; margin:17px 0 0; color:#aaa195; font-size:.8rem; line-height:2; }
.product-meta { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin:25px 0 35px; padding:15px 0; border-block:1px solid rgba(199,160,82,.13); color:#8e867b; font-size:.62rem; }.product-meta b { color:#d8c5a0; }.product-meta i { width:3px; height:3px; border-radius:50%; background:#9c7836; }
.choice-group { display:grid; gap:9px; margin:0 0 30px; padding:0; border:0; }.choice-group legend { width:100%; display:flex; align-items:center; gap:10px; margin-bottom:11px; color:#eee5d6; font:600 .82rem var(--font-display); }.choice-group legend > span,.checkout-section header > span { width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(199,160,82,.38); border-radius:50%; color:#d6ad57; font:.58rem Arial,sans-serif; }.choice-group legend small { margin-right:auto; color:#7c746a; font:.52rem var(--font-body); }
.choice-card { min-height:72px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; padding:13px 16px; border:1px solid rgba(199,160,82,.14); border-radius:15px; background:#10100f; cursor:pointer; transition:border-color .15s ease,background-color .15s ease; }.choice-card:hover,.choice-card:has(input:checked) { border-color:rgba(231,202,136,.52); background:#14130f; }.choice-card input { appearance:none; width:18px; height:18px; display:grid; place-items:center; border:1px solid rgba(199,160,82,.55); border-radius:50%; }.choice-card input[type="checkbox"] { border-radius:5px; }.choice-card input::before { content:""; width:8px; height:8px; border-radius:inherit; background:var(--shan-gold); transform:scale(0); transition:transform .12s ease; }.choice-card input:checked::before { transform:scale(1); }.choice-card span b,.choice-card span small { display:block; }.choice-card span b { color:#e8dfd1; font-size:.7rem; }.choice-card span small { margin-top:4px; color:#7f786e; font-size:.56rem; }.choice-card > strong { color:#c9a557; font-size:.62rem; }
.product-note { position:relative; display:grid; gap:9px; margin-bottom:28px; }.product-note > span { color:#e5dccf; font-size:.72rem; font-weight:700; }.product-note > span small { color:#766f66; font-size:.52rem; }.product-note textarea { width:100%; min-height:100px; padding:15px 17px; border:1px solid rgba(199,160,82,.18); border-radius:15px; outline:0; resize:vertical; background:#0d0d0c; color:#eee6da; font:500 .72rem/1.8 var(--font-body); }.product-note textarea:focus { border-color:#d2aa57; }.product-note > b { position:absolute; left:13px; bottom:10px; color:#6e675f; font:.52rem Arial,sans-serif; }.product-note > b i { font-style:normal; }
.product-order-bar { display:grid; grid-template-columns:auto 1fr; gap:12px; padding-top:18px; border-top:1px solid rgba(199,160,82,.13); }.quantity-control { min-height:52px; display:flex; align-items:center; gap:4px; padding:4px; border:1px solid rgba(199,160,82,.24); border-radius:99px; background:#0a0a09; }.quantity-control button { width:40px; height:40px; border:0; border-radius:50%; background:transparent; color:#d8b760; font-size:1.2rem; }.quantity-control button:hover { background:rgba(199,160,82,.12); }.quantity-control strong { min-width:26px; color:#eee5d7; text-align:center; font-size:.78rem; }.product-add { min-height:60px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; border:1px solid #e5c575; border-radius:99px; background:#d3a952; color:#070707; font:800 .75rem var(--font-body); transition:background-color .15s ease,transform .15s ease; }.product-add:hover,.product-add.is-added { background:#f0d58c; transform:translateY(-1px); }.product-add strong { font-size:.72rem; }.product-add strong i { font-style:normal; font-size:1rem; }
.product-assurance { border-block:1px solid rgba(199,160,82,.12); background:#0c0c0b; }.product-assurance .container { display:grid; grid-template-columns:repeat(3,1fr); }.product-assurance article { display:grid; grid-template-columns:auto 1fr; gap:4px 14px; padding:34px; border-inline-start:1px solid rgba(199,160,82,.1); }.product-assurance article:last-child { border-inline-end:1px solid rgba(199,160,82,.1); }.product-assurance article b { grid-row:span 2; color:#9b7838; font:.62rem Arial,sans-serif; }.product-assurance article strong { color:#ded5c7; font-size:.7rem; }.product-assurance article span { color:#777067; font-size:.58rem; }
.order-heading { padding:70px 0 62px; border-bottom:1px solid rgba(199,160,82,.12); background:radial-gradient(circle at 50% 0,rgba(199,160,82,.07),transparent 38%),#0b0b0a; text-align:center; }.order-heading .shan-kicker { justify-content:center; }.order-heading h1 { margin:0; color:#f7efe2; font:600 clamp(2.1rem,3.5vw,3.5rem)/1.4 var(--font-display); }.order-heading h1 em { color:var(--shan-gold-soft); font-style:normal; }.order-heading .container > p:last-child { margin:13px auto 0; color:#91897e; font-size:.75rem; }
.order-layout,.checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:28px; align-items:start; padding-block:60px 110px; }.cart-panel,.checkout-form-panel,.order-summary { border:1px solid rgba(199,160,82,.16); background:#10100f; }.cart-panel { min-height:480px; padding:30px; border-radius:0 30px 0 0; }.cart-panel__title { display:flex; justify-content:space-between; align-items:center; padding-bottom:22px; border-bottom:1px solid rgba(199,160,82,.12); }.cart-panel__title h2 { margin:0; color:#eee6d9; font:600 1.05rem var(--font-display); }.cart-panel__title span { color:#7d756b; font-size:.62rem; }.cart-panel__title b { color:#d6ad57; }
.cart-item { display:grid; grid-template-columns:150px 1fr auto; gap:20px; align-items:center; padding:22px 0; border-bottom:1px solid rgba(199,160,82,.1); }.cart-item > img { width:150px; height:118px; object-fit:cover; border-radius:0 18px 0 0; filter:saturate(.86) brightness(.87); }.cart-item__copy { align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; }.cart-item__copy span { color:#aa8742; font-size:.57rem; }.cart-item__copy h3 { margin:6px 0; color:#eee5d7; font:600 .88rem var(--font-display); }.cart-item__copy p { margin:0; color:#777067; font-size:.56rem; }.cart-item__copy > strong { color:#e5c573; font-size:.85rem; }.cart-item__copy small { font-size:.5rem; }.cart-item__actions { display:flex; flex-direction:column; align-items:center; gap:10px; }.cart-item__actions .quantity-control { min-height:42px; }.cart-item__actions .quantity-control button { width:31px; height:31px; }.cart-remove { border:0; background:transparent; color:#8f6e59; font-size:.56rem; }.cart-remove:hover { color:#d5976e; }
.cart-empty { min-height:370px; display:grid; place-items:center; align-content:center; text-align:center; }.cart-empty[hidden] { display:none; }.cart-empty > span { color:#c49c4b; font-size:2rem; }.cart-empty h2 { margin:13px 0 7px; color:#eee5d8; font:600 1.1rem var(--font-display); }.cart-empty p { margin:0 0 20px; color:#817a70; font-size:.68rem; }
.order-summary { position:sticky; top:138px; padding:28px; border-radius:26px 0; }.order-summary dl { margin:22px 0 0; }.order-summary dl div { display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid rgba(199,160,82,.1); color:#8f877b; font-size:.65rem; }.order-summary dd { margin:0; color:#c7bcaa; }.order-summary__total { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:23px 0; }.order-summary__total span { color:#aba296; font-size:.7rem; }.order-summary__total strong { color:#edce7e; font-size:1.25rem; }.order-summary > small { display:block; margin-top:13px; color:#746d64; font-size:.55rem; line-height:1.8; text-align:center; }.order-summary .button.is-disabled { opacity:.42; cursor:not-allowed; pointer-events:none; }
.checkout-layout { grid-template-columns:minmax(0,1fr) 390px; }.checkout-form-panel { border-radius:0 32px 0 0; }.checkout-section { padding:32px; border-bottom:1px solid rgba(199,160,82,.12); }.checkout-section:last-child { border-bottom:0; }.checkout-section header { display:flex; align-items:flex-start; gap:14px; margin-bottom:24px; }.checkout-section header h2 { margin:0; color:#eee5d8; font:600 .95rem var(--font-display); }.checkout-section header p { margin:5px 0 0; color:#7d766c; font-size:.6rem; }
.fulfillment-switch,.payment-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.fulfillment-switch label,.payment-options label { cursor:pointer; }.fulfillment-switch input,.payment-options input { position:absolute; opacity:0; }.fulfillment-switch label > span,.payment-options label > span { min-height:82px; display:flex; flex-direction:column; justify-content:center; padding:15px 18px; border:1px solid rgba(199,160,82,.15); border-radius:15px; background:#0c0c0b; transition:border-color .15s ease,background-color .15s ease; }.fulfillment-switch input:checked + span,.payment-options input:checked + span { border-color:#d3aa55; background:rgba(199,160,82,.08); }.fulfillment-switch b,.fulfillment-switch small,.payment-options b,.payment-options small { display:block; }.fulfillment-switch b,.payment-options b { color:#dfd6c8; font-size:.7rem; }.fulfillment-switch small,.payment-options small { margin-top:5px; color:#777067; font-size:.55rem; }
.checkout-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.checkout-fields label { display:grid; gap:7px; color:#d9d0c3; font-size:.65rem; }.checkout-fields__wide { grid-column:1/-1; }.checkout-fields input,.checkout-fields select { width:100%; min-height:52px; padding:10px 14px; border:1px solid rgba(199,160,82,.18); border-radius:12px; outline:0; background:#0a0a09; color:#e9e0d3; font:500 .68rem var(--font-body); }.checkout-fields input:focus,.checkout-fields select:focus { border-color:#d5ad59; }.location-picker { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; padding:14px 16px; border:1px dashed rgba(199,160,82,.28); border-radius:15px; background:#0b0b0a; }.location-picker > div { display:flex; align-items:center; gap:13px; }.location-picker strong { color:#ded5c7; font-size:.68rem; }.location-picker p { margin:4px 0 0; color:#777067; font-size:.54rem; }.location-picker button { min-height:38px; padding:0 14px; border:1px solid rgba(199,160,82,.42); border-radius:99px; background:transparent; color:#d6b15e; font-size:.58rem; }.location-picker button:hover { background:#d5ad57; color:#070707; }.location-picker button:disabled { opacity:.65; }.location-pin { position:relative; width:28px; height:28px; flex:none; border:1px solid #c9a34f; border-radius:50% 50% 50% 0; transform:rotate(-45deg); }.location-pin::after { content:""; position:absolute; inset:8px; border-radius:50%; background:#c9a34f; }
.checkout-summary [data-checkout-items] { margin:8px 0 20px; }.checkout-item { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(199,160,82,.1); }.checkout-item > span { width:24px; height:24px; display:grid; place-items:center; border:1px solid rgba(199,160,82,.25); border-radius:50%; color:#c49e4d; font-size:.52rem; }.checkout-item b,.checkout-item small { display:block; }.checkout-item b { color:#dcd3c6; font-size:.62rem; }.checkout-item small { margin-top:3px; color:#716a61; font-size:.5rem; }.checkout-item > strong { color:#d9bd76; font-size:.58rem; }.checkout-no-items { color:#827a70; font-size:.65rem; }.checkout-message { min-height:38px; margin:13px 0 0; color:#d6b15e; font-size:.58rem; line-height:1.8; text-align:center; }
.dinein-section[hidden] { display:none; }.dinein-note { display:flex; align-items:flex-start; gap:9px; margin:18px 0 0; padding:12px 14px; border:1px solid rgba(199,160,82,.12); border-radius:12px; background:#0b0b0a; color:#827a70; font-size:.57rem; line-height:1.8; }.dinein-note span { color:#c8a04e; }
@media (max-width:1000px) { .product-layout { grid-template-columns:1fr; }.product-gallery { position:relative; top:auto; min-height:560px; }.product-config { padding-top:0; }.order-layout,.checkout-layout { grid-template-columns:1fr; }.order-summary { position:relative; top:auto; } }
@media (max-width:760px) { .product-layout { gap:34px; padding-bottom:70px; }.product-gallery { min-height:430px; border-radius:0 28px 0 0; }.product-config h1 { font-size:2.15rem; }.product-order-bar { position:sticky; z-index:4; bottom:max(8px,env(safe-area-inset-bottom)); padding:8px; border:1px solid rgba(199,160,82,.24); border-radius:99px; background:#0a0a09; box-shadow:0 12px 34px rgba(0,0,0,.45); }.product-assurance .container { grid-template-columns:1fr; }.product-assurance article { border-bottom:1px solid rgba(199,160,82,.1); }.order-heading { padding:52px 0 46px; }.cart-panel { padding:19px; }.cart-item { grid-template-columns:92px 1fr; }.cart-item > img { width:92px; height:92px; }.cart-item__actions { grid-column:1/-1; flex-direction:row; justify-content:space-between; }.cart-item__actions button,.location-picker button,.fulfillment-switch label > span,.payment-options label > span { min-height:44px; }.checkout-section { padding:24px 18px; }.fulfillment-switch,.payment-options,.checkout-fields { grid-template-columns:1fr; }.checkout-fields__wide { grid-column:auto; }.location-picker { align-items:flex-start; flex-direction:column; }.location-picker button { width:100%; }.checkout-layout { padding-top:35px; }.checkout-fields input,.checkout-fields select { font-size:16px; color-scheme:dark; } }
@media (max-width:430px) { .product-gallery { min-height:350px; }.product-order-bar { grid-template-columns:112px 1fr; }.product-add { padding-inline:16px; }.product-add span { font-size:.62rem; }.choice-card { grid-template-columns:auto 1fr; }.choice-card > strong { grid-column:2; }.cart-panel__title { align-items:flex-start; flex-direction:column; gap:6px; } }

/* Customer account v1 — orders, addresses, profile and dine-in experiences. */
.account-page { min-height:70vh; padding-bottom:110px; background:linear-gradient(180deg,#0b0b0a,#080808); color:var(--shan-cream); }
.account-hero { padding:62px 0; border-bottom:1px solid rgba(199,160,82,.13); background:radial-gradient(circle at 50% 0,rgba(199,160,82,.07),transparent 40%),#0b0b0a; }.account-hero > .container { display:flex; align-items:end; justify-content:space-between; gap:30px; }.account-hero .shan-kicker { margin-bottom:13px; }.account-hero h1 { margin:0; color:#f7efe2; font:600 clamp(2.2rem,3.7vw,3.55rem)/1.4 var(--font-display); letter-spacing:-.04em; }.account-hero h1 em { color:var(--shan-gold-soft); font-style:normal; }.account-hero .container > div > p:last-child { margin:12px 0 0; color:#91897e; font-size:.74rem; }.account-hero--compact { padding:48px 0; }.account-hero--compact h1 { font-size:clamp(1.9rem,3vw,2.9rem); }
.account-layout { display:grid; grid-template-columns:255px minmax(0,1fr); gap:28px; align-items:start; padding-top:38px; }.account-nav { position:sticky; top:138px; overflow:hidden; border:1px solid rgba(199,160,82,.17); border-radius:0 27px 0 0; background:#10100f; }.account-nav__identity { display:flex; align-items:center; gap:12px; padding:22px 19px; border-bottom:1px solid rgba(199,160,82,.12); }.account-nav__identity > span,.profile-avatar { width:43px; height:43px; display:grid; place-items:center; flex:none; border:1px solid rgba(231,202,136,.42); border-radius:50%; background:rgba(199,160,82,.1); color:#e1bf70; font:600 .9rem var(--font-display); }.account-nav__identity strong,.account-nav__identity small { display:block; }.account-nav__identity strong { color:#e8e0d3; font-size:.72rem; }.account-nav__identity small { margin-top:4px; color:#8b8276; font-size:.5rem; }.account-nav nav { display:grid; padding:10px; }.account-nav nav a { min-height:48px; display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:9px; padding:0 11px; border-right:2px solid transparent; border-radius:9px; color:#999084; font-size:.65rem; transition:background-color .15s ease,color .15s ease,border-color .15s ease; }.account-nav nav a:hover,.account-nav nav a.is-active { border-right-color:var(--shan-gold); background:rgba(199,160,82,.08); color:#efd38a; }.account-nav nav i { color:#b99248; font:normal .8rem Georgia,serif; }.account-nav nav b { min-width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#c8a14f; color:#070707; font-size:.5rem; }.account-nav__logout { min-height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-top:1px solid rgba(199,160,82,.11); color:#8d766b; font-size:.6rem; }.account-nav__logout:hover { color:#d59b75; }.account-nav > form { margin:0; }.account-nav button.account-nav__logout { width:100%; border-right:0; border-bottom:0; border-left:0; background:transparent; font-family:inherit; }
.account-content { min-width:0; display:grid; gap:22px; }.account-card { padding:27px; border:1px solid rgba(199,160,82,.15); border-radius:0 25px 0 0; background:#10100f; }.account-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:23px; }.account-card h2 { margin:2px 0 0; color:#eee6d9; font:600 1rem var(--font-display); }.account-card header > a { color:#cda955; font-size:.6rem; }.account-eyebrow { margin:0; color:#a7833f; font-size:.54rem; }.account-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.account-stats article { position:relative; min-height:135px; display:flex; flex-direction:column; justify-content:center; padding:23px; overflow:hidden; border:1px solid rgba(199,160,82,.14); border-radius:18px 0; background:linear-gradient(135deg,rgba(199,160,82,.06),transparent),#10100f; }.account-stats article::after { content:""; position:absolute; left:-25px; bottom:-45px; width:110px; height:110px; border:1px solid rgba(199,160,82,.08); border-radius:50%; }.account-stats span { color:#8e867b; font-size:.58rem; }.account-stats strong { margin:7px 0 3px; color:#e8c978; font:600 1.65rem var(--font-display); }.account-stats small { color:#716a61; font-size:.5rem; }
.status-badge { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 11px; border-radius:99px; font-size:.54rem; white-space:nowrap; }.status-badge--progress { border:1px solid rgba(218,176,87,.42); background:rgba(199,160,82,.1); color:#e4c16d; }.status-badge--done { border:1px solid rgba(116,154,109,.35); background:rgba(116,154,109,.08); color:#9fc095; }
.order-progress { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr auto; align-items:start; gap:10px; padding:20px 0; }.order-progress > div { display:grid; justify-items:center; gap:8px; color:#6f685f; font-size:.53rem; text-align:center; }.order-progress i { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(199,160,82,.2); border-radius:50%; color:#766c5d; font:normal .6rem Arial,sans-serif; }.order-progress > b { height:1px; margin-top:16px; background:rgba(199,160,82,.14); }.order-progress .is-done,.order-progress .is-current { color:#d8c49a; }.order-progress .is-done i { border-color:#c59c4b; background:#c59c4b; color:#070707; }.order-progress .is-current i { border-color:#e3c675; color:#e3c675; box-shadow:0 0 0 5px rgba(199,160,82,.07); }
.current-order__details { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:25px; margin-top:8px; padding-top:20px; border-top:1px solid rgba(199,160,82,.1); }.current-order__details span,.current-order__details strong { display:block; }.current-order__details span { color:#797168; font-size:.52rem; }.current-order__details strong { margin-top:5px; color:#d9d0c3; font-size:.68rem; }.current-order__details a { color:#e0bd6d; font-size:.62rem; font-weight:700; }.account-columns { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.reorder-card { display:grid; grid-template-columns:85px 1fr auto; align-items:center; gap:14px; }.reorder-card img { width:85px; height:70px; object-fit:cover; border-radius:0 12px 0 0; }.reorder-card strong,.reorder-card span,.reorder-card small { display:block; }.reorder-card strong { color:#e2d9cc; font-size:.68rem; }.reorder-card span { margin:5px 0; color:#766f66; font-size:.52rem; }.reorder-card small { color:#d3ad5b; font-size:.58rem; }.reorder-card > a { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#d0a752; color:#070707; }.saved-address { display:flex; gap:14px; }.saved-address > i { width:40px; height:40px; display:grid; place-items:center; flex:none; border:1px solid rgba(199,160,82,.3); border-radius:50%; color:#d2a955; font-style:normal; }.saved-address strong { color:#ded5c8; font-size:.68rem; }.saved-address p { margin:6px 0; color:#847c72; font-size:.56rem; line-height:1.8; }.saved-address span { color:#a98a4b; font-size:.5rem; }
.account-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }.account-tabs { display:flex; gap:5px; }.account-tabs button { min-height:39px; padding:0 16px; border:1px solid transparent; border-radius:99px; background:transparent; color:#8e867b; font-size:.6rem; }.account-tabs button.is-active { border-color:#cba452; background:#cba452; color:#070707; }.account-toolbar > label input { min-height:43px; padding:0 14px; border:1px solid rgba(199,160,82,.17); border-radius:99px; outline:0; background:#0c0c0b; color:#ded5c8; font-size:.62rem; }.orders-list { display:grid; gap:15px; }.order-row { padding:22px; border:1px solid rgba(199,160,82,.14); border-radius:0 22px 0 0; background:#10100f; }.order-row__head,.order-row__body,.order-row footer { display:flex; align-items:center; justify-content:space-between; gap:20px; }.order-row__head { padding-bottom:15px; border-bottom:1px solid rgba(199,160,82,.1); }.order-row__head div span,.order-row__head div small { display:block; }.order-row__head div span { color:#d9d0c4; font-size:.65rem; }.order-row__head div small { margin-top:4px; color:#777067; font-size:.5rem; }.order-row__body { padding:18px 0; }.order-thumbs { display:flex; min-width:92px; }.order-thumbs img { width:58px; height:58px; object-fit:cover; border:3px solid #10100f; border-radius:50%; }.order-thumbs img + img { margin-right:-20px; }.order-row__body > div:nth-child(2) { flex:1; }.order-row__body strong,.order-row__body span { display:block; }.order-row__body strong { color:#ded5c8; font-size:.67rem; }.order-row__body span { margin-top:5px; color:#7c746a; font-size:.53rem; }.order-row__body > b { color:#e0bf70; font-size:.72rem; }.order-row footer { justify-content:flex-end; padding-top:14px; border-top:1px solid rgba(199,160,82,.1); }.order-row footer a,.order-row footer button { min-height:34px; padding:0 13px; border:1px solid rgba(199,160,82,.28); border-radius:99px; background:transparent; color:#cba85b; font-size:.53rem; }
.account-columns--order { grid-template-columns:1.3fr .7fr; }.order-timeline > header > strong { color:#d8b664; font-size:.67rem; }.detail-item { display:grid; grid-template-columns:70px 1fr auto; align-items:center; gap:13px; padding:13px 0; border-bottom:1px solid rgba(199,160,82,.1); }.detail-item img { width:70px; height:58px; object-fit:cover; border-radius:0 10px 0 0; }.detail-item strong,.detail-item span,.detail-item small { display:block; }.detail-item strong { color:#ddd4c8; font-size:.64rem; }.detail-item span,.detail-item small { margin-top:4px; color:#746d64; font-size:.5rem; }.detail-item > b { color:#d8b461; font-size:.6rem; }.detail-total { margin:17px 0 0; }.detail-total div,.order-info dl div { display:flex; justify-content:space-between; gap:18px; padding:10px 0; color:#837b70; font-size:.58rem; }.detail-total dd,.order-info dd { margin:0; color:#cbc1b3; text-align:left; }.detail-total div:last-child { margin-top:6px; padding-top:15px; border-top:1px solid rgba(199,160,82,.15); color:#e0bd6d; font-weight:700; }.order-info dl { margin:0 0 20px; }.order-info dl div { align-items:flex-start; border-bottom:1px solid rgba(199,160,82,.08); }.order-info dt { flex:none; }.order-info dd { max-width:180px; line-height:1.8; }
.addresses-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.address-card,.address-add-card { overflow:hidden; border:1px solid rgba(199,160,82,.14); border-radius:0 24px 0 0; background:#10100f; }.address-card.is-default { border-color:rgba(231,202,136,.36); }.address-card > header { min-height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 17px; }.address-card > header > span { color:#c9a451; font-size:.53rem; }.address-card header button { border:0; background:transparent; color:#817970; font-size:.5rem; }.address-card__map { position:relative; height:170px; overflow:hidden; background-color:#262620; background-image:linear-gradient(36deg,transparent 47%,rgba(199,160,82,.09) 48% 51%,transparent 52%),linear-gradient(126deg,transparent 45%,rgba(255,255,255,.04) 46% 49%,transparent 50%); background-size:75px 68px,95px 84px; }.address-card__map--second { background-position:25px 10px,0 15px; }.address-card__map i { position:absolute; top:47%; left:52%; width:24px; height:24px; border:6px solid #c9a451; border-radius:50% 50% 50% 0; transform:rotate(-45deg); }.address-card__map span { position:absolute; right:14px; bottom:12px; padding:6px 9px; background:#0b0b0a; color:#c8a24e; font-size:.48rem; }.address-card__copy { padding:20px; }.address-card__copy h2 { margin:0; color:#e5dccf; font:600 .8rem var(--font-display); }.address-card__copy p { margin:8px 0; color:#817970; font-size:.57rem; line-height:1.9; }.address-card__copy small { color:#a08349; font-size:.5rem; }.address-add-card { min-height:290px; display:grid; place-items:center; align-content:center; gap:8px; border-style:dashed; color:#867d72; }.address-add-card > span { width:45px; height:45px; display:grid; place-items:center; border:1px solid rgba(199,160,82,.35); border-radius:50%; color:#d0a652; font-size:1.2rem; }.address-add-card strong { color:#d9d0c3; font-size:.65rem; }.address-add-card small { font-size:.5rem; }
.profile-form > header { align-items:center; }.profile-form footer { display:flex; align-items:center; gap:18px; margin-top:25px; padding-top:20px; border-top:1px solid rgba(199,160,82,.1); }.profile-form footer small { color:#756e65; font-size:.52rem; }.preferences-card > label { min-height:65px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid rgba(199,160,82,.09); }.preferences-card label b,.preferences-card label small { display:block; }.preferences-card label b { color:#d8cfc2; font-size:.65rem; }.preferences-card label small { margin-top:5px; color:#756e65; font-size:.51rem; }.preferences-card input { appearance:none; position:relative; width:38px; height:21px; border:1px solid rgba(199,160,82,.32); border-radius:99px; background:#090909; }.preferences-card input::after { content:""; position:absolute; top:4px; right:4px; width:11px; height:11px; border-radius:50%; background:#777067; transition:transform .15s ease,background-color .15s ease; }.preferences-card input:checked::after { background:#d0a653; transform:translateX(-17px); }.preferences-card > a { display:inline-flex; gap:10px; margin-top:20px; color:#d0ac5b; font-size:.6rem; }
.visit-card { display:grid; grid-template-columns:1fr 1fr; padding:0; overflow:hidden; }.visit-card__image { position:relative; min-height:420px; }.visit-card__image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.72) saturate(.75); }.visit-card__image .status-badge { position:absolute; top:18px; right:18px; }.visit-card__copy { align-self:center; padding:34px; }.visit-card__copy h2 { margin:7px 0 22px; }.visit-card__copy > div { display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid rgba(199,160,82,.1); color:#777067; font-size:.55rem; }.visit-card__copy > div strong { color:#cec4b7; font-size:.58rem; text-align:left; }.visit-card__copy footer { display:flex; gap:9px; margin-top:24px; }.visit-card__copy footer a,.visit-card__copy footer button { min-height:38px; padding:0 13px; border:1px solid rgba(199,160,82,.3); border-radius:99px; background:transparent; color:#d0a957; font-size:.52rem; }.visits-history article { display:grid; grid-template-columns:1fr 1.5fr auto; gap:18px; padding:15px 0; border-bottom:1px solid rgba(199,160,82,.09); color:#80786e; font-size:.55rem; }.visits-history article strong { color:#d0c7ba; }.visits-history article small { color:#8fa087; }
@media (max-width:1000px) { .account-layout { grid-template-columns:1fr; }.account-nav { position:relative; top:auto; }.account-nav__identity,.account-nav__logout { display:none; }.account-nav nav { display:flex; overflow-x:auto; gap:5px; scrollbar-width:none; }.account-nav nav::-webkit-scrollbar { display:none; }.account-nav nav a { min-width:max-content; padding-inline:15px; border-right:0; border-bottom:2px solid transparent; }.account-nav nav a:hover,.account-nav nav a.is-active { border-right-color:transparent; border-bottom-color:var(--shan-gold); }.account-columns--order { grid-template-columns:1fr; } }
@media (max-width:760px) { .account-page { padding-bottom:75px; }.account-hero { padding:45px 0; }.account-hero > .container { align-items:flex-start; flex-direction:column; }.account-hero h1 { font-size:2rem; }.account-hero .button { width:100%; }.account-stats { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:5px; }.account-stats article { min-width:210px; scroll-snap-align:start; }.account-card { padding:20px 17px; }.order-progress { gap:4px; }.order-progress i { width:27px; height:27px; }.order-progress > b { margin-top:13px; }.order-progress span { font-size:.46rem; }.current-order__details { grid-template-columns:1fr 1fr; }.current-order__details a { grid-column:1/-1; }.account-columns,.addresses-grid { grid-template-columns:1fr; }.account-toolbar { align-items:stretch; flex-direction:column; }.account-tabs { overflow-x:auto; }.account-toolbar > label input { width:100%; }.order-row__body { align-items:flex-start; flex-wrap:wrap; }.order-row__body > b { width:100%; text-align:left; }.visit-card { grid-template-columns:1fr; }.visit-card__image { min-height:300px; }.visits-history article { grid-template-columns:1fr; gap:6px; }.profile-form footer { align-items:flex-start; flex-direction:column; }.profile-form footer .button { width:100%; } }
@media (max-width:430px) { .account-layout { padding-top:25px; }.account-nav nav a { min-height:44px; }.account-card > header { align-items:flex-start; flex-direction:column; }.current-order .status-badge { align-self:flex-start; }.order-row { padding:17px 14px; }.order-row__head { align-items:flex-start; }.order-thumbs { min-width:72px; }.order-thumbs img { width:48px; height:48px; }.detail-item { grid-template-columns:58px 1fr; }.detail-item img { width:58px; height:52px; }.detail-item > b { grid-column:2; }.visit-card__copy { padding:25px 18px; } }

/* Authentication lifetime and account sign-out confirmation. */
.password-hint { margin-top:8px; color:#80786d; font-size:.52rem; }
.account-hero__actions { display:flex; align-items:center; gap:10px; }
.account-logout-button { min-height:48px; display:inline-flex; align-items:center; gap:10px; padding:0 19px; border:1px solid rgba(199,160,82,.22); border-radius:999px; background:#0d0d0c; color:#c9bda9; font:600 .62rem var(--font-body); transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .18s ease; }
.account-logout-button:hover { border-color:var(--shan-gold); background:rgba(199,160,82,.08); color:#efd38a; transform:translateY(-1px); }
.account-logout-button__icon { width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(199,160,82,.35); border-radius:50%; color:var(--shan-gold); font-size:.72rem; }
.logout-dialog { width:min(92vw,520px); padding:34px; border:1px solid rgba(199,160,82,.38); border-radius:0 30px 0 30px; outline:0; background:linear-gradient(145deg,#151410,#090909 68%); color:#e9e0d3; text-align:center; box-shadow:0 28px 80px rgba(0,0,0,.68); }
.logout-dialog::backdrop { background:rgba(0,0,0,.78); }
.logout-dialog__mark { width:52px; height:52px; display:grid; place-items:center; margin:0 auto 15px; border:1px solid rgba(224,189,109,.45); border-radius:50%; background:rgba(199,160,82,.08); color:#dfbb69; font-size:1.1rem; }
.logout-dialog .account-eyebrow { text-align:center; }
.logout-dialog h2 { margin:8px 0 10px; color:#f4ecdf; font:600 1.45rem var(--font-display); }
.logout-dialog > p:not(.account-eyebrow) { max-width:390px; margin:0 auto; color:#91887c; font-size:.63rem; line-height:1.9; }
.logout-dialog__actions { display:flex; justify-content:center; gap:10px; margin-top:25px; }
.logout-dialog__actions form { margin:0; }
.logout-dialog__actions .button { min-width:170px; }
.logout-dialog__cancel { border:1px solid rgba(199,160,82,.22); background:transparent; color:#c9bda9; }
.logout-dialog__cancel:hover { border-color:#c7a052; color:#efd38a; }
@media (max-width:760px) {
    .account-hero__actions { width:100%; }
    .account-hero__actions .button,.account-logout-button { flex:1; justify-content:center; }
    .logout-dialog { padding:28px 20px; }
    .logout-dialog__actions { flex-direction:column; }
    .logout-dialog__actions form,.logout-dialog__actions .button { width:100%; }
}

/* /assets/themes/turquoise-beige.css */
/*
 * Shanasheel — Turquoise & Beige theme
 * المرحلة الأولى: الهوية العامة + ترويسة الموقع + Hero الصفحة الرئيسية.
 * بقية أقسام الصفحة ستُضاف تدريجيًا داخل هذا الملف دون التأثير في Noir.
 */
.theme-turquoise-beige {
  --tb-teal: #4e7675;
  --tb-teal-deep: #285f60;
  --tb-teal-dark: #174d4e;
  --tb-teal-ink: #164f51;
  --tb-beige: #f1c892;
  --tb-cream: #fff4e4;
  --tb-paper: #fcede0;
  --tb-paper-soft: #fff8ef;
  --tb-bronze: #d99f56;
  --tb-line: rgba(78, 118, 117, .2);
  --gold: var(--tb-beige);
  --gold-light: #f5d5a9;
  --shan-gold: var(--tb-beige);
  --shan-gold-soft: var(--tb-bronze);
  color: var(--tb-teal-ink);
  background: var(--tb-paper-soft);
}

/* Menu — turquoise and beige identity. Kept inside the active theme only. */
.theme-turquoise-beige .menu-premium {
  --menu-gold:#f1c892;
  --menu-gold-light:#ffd99f;
  --menu-line:rgba(241,200,146,.42);
  background:#073b3c;
  color:#fff4e4;
}
.theme-turquoise-beige .menu-premium .menu-hero {
  min-height:690px;
  padding-bottom:34px;
  border-bottom:1px solid rgba(241,200,146,.62);
  background-color:#073b3c;
  background-image:
    linear-gradient(90deg,rgba(5,45,46,.02) 0%,rgba(5,45,46,.1) 42%,rgba(6,55,56,.92) 70%,#073b3c 100%),
    linear-gradient(0deg,#073b3c 0%,transparent 18%),
    url('/assets/images/dish-mixed-grill-v1.webp');
  background-position:center,center,center 52%;
  background-size:cover;
}
.theme-turquoise-beige .menu-premium .menu-hero::before {
  background:
    radial-gradient(circle at 78% 44%,rgba(241,200,146,.1),transparent 32%),
    linear-gradient(90deg,transparent 35%,rgba(7,59,60,.18) 56%,rgba(7,59,60,.5));
}
.theme-turquoise-beige .menu-premium .menu-hero::after {
  width:48%;
  opacity:.08;
  background-image:
    linear-gradient(30deg,#f1c892 12%,transparent 12.5%,transparent 87%,#f1c892 87.5%),
    linear-gradient(150deg,#f1c892 12%,transparent 12.5%,transparent 87%,#f1c892 87.5%);
}
.theme-turquoise-beige .menu-premium .menu-hero__inner {
  min-height:565px;
}
.theme-turquoise-beige .menu-premium .menu-hero__content {
  width:min(100%,570px);
}
.theme-turquoise-beige .menu-hero__eyebrow { color:#f1c892; }
.theme-turquoise-beige .menu-hero__eyebrow span { background:linear-gradient(90deg,transparent,#f1c892); }
.theme-turquoise-beige .menu-hero__eyebrow span:last-child { background:linear-gradient(90deg,#f1c892,transparent); }
.theme-turquoise-beige .menu-premium .menu-hero h1 {
  color:#fff5e7;
  text-shadow:0 12px 34px rgba(0,31,32,.38);
}
.theme-turquoise-beige .menu-premium .menu-hero h1 em { color:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-hero__lead { color:#e8d9c5!important; }
.theme-turquoise-beige .menu-hero__primary {
  border-color:#f1c892;
  background:linear-gradient(135deg,#ffdda8,#e8ad5e);
  color:#073b3c;
  box-shadow:0 14px 32px rgba(1,34,35,.2);
}
.theme-turquoise-beige .menu-hero__secondary {
  border-color:#f1c892;
  background:rgba(6,55,56,.86);
  color:#fff4e5;
  backdrop-filter:none;
}
.theme-turquoise-beige .menu-hero__primary b { color:#073b3c; }
.theme-turquoise-beige .menu-hero__secondary b { color:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-hero__facts span {
  border-color:rgba(241,200,146,.42);
  background:rgba(6,55,56,.78);
  color:#f5e8d7;
}
.theme-turquoise-beige .menu-premium .menu-hero__facts svg { color:#f1c892; }
.theme-turquoise-beige .menu-hero__categories {
  border-color:rgba(241,200,146,.58);
  background:linear-gradient(115deg,#0d5051,#073b3c);
  box-shadow:0 22px 48px rgba(0,35,36,.3);
}
.theme-turquoise-beige .menu-hero__categories button {
  border-inline-end-color:rgba(241,200,146,.28);
  color:#eee0ce;
}
.theme-turquoise-beige .menu-hero__categories button svg { color:#e9d9c5; }
.theme-turquoise-beige .menu-hero__categories button:hover,
.theme-turquoise-beige .menu-hero__categories button.is-active { color:#f1c892; background:rgba(241,200,146,.055); }
.theme-turquoise-beige .menu-hero__categories button:hover svg,
.theme-turquoise-beige .menu-hero__categories button.is-active svg { color:#f1c892; }
.theme-turquoise-beige .menu-hero__categories button.is-active::after {
  background:#f1c892;
  box-shadow:0 0 14px rgba(241,200,146,.72);
}

.theme-turquoise-beige .menu-premium .menu-catalog {
  background:
    radial-gradient(circle at 82% 4%,rgba(241,200,146,.08),transparent 26%),
    radial-gradient(circle at 5% 65%,rgba(78,118,117,.34),transparent 27%),
    linear-gradient(180deg,#073b3c,#063637);
}
.theme-turquoise-beige .menu-results-summary__icon {
  border-color:rgba(241,200,146,.52);
  background:#0e5051;
  color:#f1c892;
}
.theme-turquoise-beige .menu-results-summary p { color:#fff4e4; }
.theme-turquoise-beige .menu-results-summary strong { color:#f1c892; }
.theme-turquoise-beige .menu-results-summary small { color:#cabba7; }
.theme-turquoise-beige .menu-premium .menu-search,
.theme-turquoise-beige .menu-premium .menu-check,
.theme-turquoise-beige .menu-premium .menu-sort select {
  border-color:rgba(241,200,146,.48);
  background:#0a4748;
  color:#fff2df;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.theme-turquoise-beige .menu-premium .menu-search:focus-within,
.theme-turquoise-beige .menu-premium .menu-sort select:focus { border-color:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-search input { color:#fff5e7; }
.theme-turquoise-beige .menu-premium .menu-search input::placeholder { color:#c6b8a4; }
.theme-turquoise-beige .menu-search__svg,
.theme-turquoise-beige .menu-premium .menu-check i { color:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-check b { color:#f2e4d1; }
.theme-turquoise-beige .menu-premium .menu-check > span { border-color:rgba(241,200,146,.65); background:#073637; }
.theme-turquoise-beige .menu-premium .menu-check > span::after { background:#f6ead8; }
.theme-turquoise-beige .menu-premium .menu-check input:checked + span { border-color:#f1c892; background:#4e7675; }
.theme-turquoise-beige .menu-premium .menu-check input:checked + span::after { background:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-sort > span { color:#c2b29d; }
.theme-turquoise-beige .menu-premium .menu-sort select option { background:#073b3c; color:#fff2df; }
.theme-turquoise-beige .menu-premium .menu-categories--catalog button {
  border-color:rgba(241,200,146,.45);
  background:#0a4748;
  color:#f4e6d3;
}
.theme-turquoise-beige .menu-premium .menu-categories--catalog button svg { color:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-categories--catalog button:hover {
  border-color:#f1c892;
  background:#105354;
  color:#fff7eb;
}
.theme-turquoise-beige .menu-premium .menu-categories--catalog button.is-active {
  border-color:#ffd99f;
  background:linear-gradient(135deg,#ffdda8,#e8ad5e);
  color:#073b3c;
  box-shadow:0 10px 26px rgba(0,32,33,.24);
}
.theme-turquoise-beige .menu-premium .menu-categories--catalog button.is-active svg { color:#073b3c; }

.theme-turquoise-beige .menu-premium .menu-card {
  border-color:rgba(241,200,146,.52);
  background:linear-gradient(135deg,#0e5051,#073b3c);
  box-shadow:0 17px 36px rgba(0,32,33,.2);
}
.theme-turquoise-beige .menu-premium .menu-card:hover {
  border-color:#f1c892;
  box-shadow:0 22px 44px rgba(0,29,30,.3);
}
.theme-turquoise-beige .menu-premium .menu-card__media { background:#073738; }
.theme-turquoise-beige .menu-premium .menu-card__media::after {
  background:linear-gradient(180deg,transparent 58%,rgba(3,41,42,.46));
}
.theme-turquoise-beige .menu-premium .menu-card__media img {
  filter:saturate(.96) contrast(1.04) brightness(.9);
}
.theme-turquoise-beige .menu-premium .menu-card__media > span {
  background:linear-gradient(135deg,#ffdda8,#e8ad5e);
  color:#073b3c;
}
.theme-turquoise-beige .menu-premium .menu-card__top p { color:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-card__top span { color:#dacbb8; }
.theme-turquoise-beige .menu-premium .menu-card h3,
.theme-turquoise-beige .menu-premium .menu-card h3 a { color:#fff5e8; }
.theme-turquoise-beige .menu-premium .menu-card__description { color:#d8c9b5; }
.theme-turquoise-beige .menu-premium .menu-card__body footer { border-top-color:rgba(241,200,146,.24); }
.theme-turquoise-beige .menu-premium .menu-card__price { color:#d7c7b1; }
.theme-turquoise-beige .menu-premium .menu-card__price strong { color:#f1c892; }
.theme-turquoise-beige .menu-premium .menu-add-button {
  border-color:#ffdda8;
  background:linear-gradient(135deg,#ffdda8,#e8ad5e);
  color:#073b3c;
  box-shadow:0 8px 18px rgba(0,29,30,.2);
}
.theme-turquoise-beige .menu-premium .menu-add-button span,
.theme-turquoise-beige .menu-premium .menu-add-button b { color:#073b3c; }
.theme-turquoise-beige .menu-premium .menu-add-button:hover,
.theme-turquoise-beige .menu-premium .menu-add-button:focus-visible {
  border-color:#fff0ce;
  background:linear-gradient(135deg,#ffe8bd,#f1c071);
  box-shadow:0 11px 24px rgba(0,29,30,.28);
}
.theme-turquoise-beige .menu-quality-strip {
  border-color:rgba(241,200,146,.45);
  background:#0a4748;
  color:#eadcc8;
}
.theme-turquoise-beige .menu-quality-strip svg { color:#f1c892; }
.theme-turquoise-beige .menu-empty {
  border-color:rgba(241,200,146,.52);
  background:#0a4748;
}
.theme-turquoise-beige .menu-empty > span,
.theme-turquoise-beige .menu-empty h3 { color:#f1c892; }
.theme-turquoise-beige .menu-empty p { color:#d4c4ae; }
.theme-turquoise-beige .menu-empty button { border-color:#f1c892; color:#f1c892; }

@media (max-width:760px) {
  .theme-turquoise-beige .menu-premium .menu-hero {
    background-image:
      linear-gradient(180deg,rgba(5,53,54,.08),rgba(7,59,60,.96) 69%,#073b3c 100%),
      url('/assets/images/dish-mixed-grill-v1.webp');
  }
  .theme-turquoise-beige .menu-hero__categories { background:#0a4748; }
}

.theme-turquoise-beige .utility-bar {
  color: #fff4df;
  background: linear-gradient(90deg, #376b6b, var(--tb-teal), #2d6667);
  border-bottom: 1px solid rgba(241, 200, 146, .75);
}
.theme-turquoise-beige .utility-bar a { color: #fff1d5; }
.theme-turquoise-beige .utility-separator { color: var(--tb-beige); }
.theme-turquoise-beige .status-dot { background: #f6dfaa; box-shadow: 0 0 0 5px rgba(246, 223, 170, .13); }

.theme-turquoise-beige .site-header {
  color: var(--tb-teal-ink);
  background: rgba(255, 247, 236, .97);
  border-bottom: 1px solid rgba(78, 118, 117, .15);
  box-shadow: 0 12px 34px rgba(39, 85, 84, .08);
  backdrop-filter: blur(14px);
}
.theme-turquoise-beige .site-header__inner {
  min-height: 82px;
}
.theme-turquoise-beige .brand strong,
.theme-turquoise-beige .brand small,
.theme-turquoise-beige .main-nav a,
.theme-turquoise-beige .account-action,
.theme-turquoise-beige .cart-action { color: var(--tb-teal-ink); }
.theme-turquoise-beige .brand strong { color: #103f40; font-weight: 800; }
.theme-turquoise-beige .brand small { color: #447171; font-weight: 700; }
.theme-turquoise-beige .main-nav a {
  color: #285f60;
  font-size: .9rem;
  font-weight: 750;
}
.theme-turquoise-beige .brand__mark { border-color: rgba(39, 91, 91, .55); background: #fff8ec; box-shadow: 0 0 0 4px rgba(241, 200, 146, .38); }
.theme-turquoise-beige .main-nav a::after { background: var(--tb-teal-deep); box-shadow: 0 4px 12px rgba(40, 95, 96, .25); }
.theme-turquoise-beige .main-nav a:hover,
.theme-turquoise-beige .main-nav a.is-active { color: var(--tb-teal-dark); }
.theme-turquoise-beige .account-action {
  min-height: 48px;
  color: #174f50;
  font-size: .84rem;
  font-weight: 750;
}
.theme-turquoise-beige .account-action:hover,
.theme-turquoise-beige .account-action:focus-visible {
  color: #0f4445;
  border-color: rgba(40, 95, 96, .38);
  background: rgba(78, 118, 117, .08);
  box-shadow: 0 10px 24px rgba(40, 95, 96, .1);
}
.theme-turquoise-beige .account-icon,
.theme-turquoise-beige .account-icon::before,
.theme-turquoise-beige .account-icon::after { border-color: var(--tb-teal-deep); }
.theme-turquoise-beige .account-icon::before { background: transparent; }
.theme-turquoise-beige .cart-action {
  min-height: 48px;
  padding-inline: 15px;
  color: #174f50;
  border: 1px solid rgba(40, 95, 96, .24);
  background: rgba(255, 252, 245, .72);
  box-shadow: 0 8px 20px rgba(40, 95, 96, .07);
}
.theme-turquoise-beige .cart-action:hover,
.theme-turquoise-beige .cart-action:focus-visible {
  color: #103f40;
  border-color: #d9a45f;
  background: linear-gradient(135deg, #f8d9ad, #f1c892);
  box-shadow: 0 12px 28px rgba(178, 119, 48, .18);
}
.theme-turquoise-beige .cart-label i {
  color: #174f50;
  font-size: .78rem;
  font-weight: 800;
}
.theme-turquoise-beige .cart-label i:last-child { color: #174f50; }
.theme-turquoise-beige .cart-icon { border-color: var(--tb-teal-deep); }
.theme-turquoise-beige .cart-icon::before {
  border-color: var(--tb-teal-deep);
  background: transparent;
}
.theme-turquoise-beige .cart-icon::after {
  background: var(--tb-teal-deep);
  box-shadow: -11px 0 0 var(--tb-teal-deep);
}
.theme-turquoise-beige .cart-action b { color: #fff9ec; background: var(--tb-teal-deep); box-shadow: 0 7px 18px rgba(40, 95, 96, .2); }
.theme-turquoise-beige .header-actions > .button,
.theme-turquoise-beige .site-header .button--primary {
  color: var(--tb-teal-ink);
  background: linear-gradient(135deg, #f4d09d, #e7ae65);
  border-color: #dca25d;
  box-shadow: 0 12px 28px rgba(180, 122, 51, .16);
}

/* Shared header cart — turquoise and beige theme. */
.theme-turquoise-beige .header-cart-panel {
  border-color: rgba(241, 200, 146, .72);
  background:
    radial-gradient(circle at 12% 10%, rgba(241, 200, 146, .12), transparent 34%),
    linear-gradient(145deg, #164f50, #0a3e3f 76%);
  color: #fff4e4;
  box-shadow: 0 24px 60px rgba(8, 55, 56, .35);
}
.theme-turquoise-beige .header-cart-panel::before {
  border-color: rgba(241, 200, 146, .72);
  background: #164f50;
}
.theme-turquoise-beige .header-cart-panel > header {
  border-bottom-color: rgba(241, 200, 146, .25);
}
.theme-turquoise-beige .header-cart-panel > header small { color: #f1c892; font-size: .54rem; }
.theme-turquoise-beige .header-cart-panel > header strong { color: #fff7eb; font-size: .76rem; }
.theme-turquoise-beige .header-cart-panel > header button {
  border-color: rgba(241, 200, 146, .55);
  background: rgba(255, 248, 237, .06);
  color: #f4d5aa;
}
.theme-turquoise-beige .header-cart-panel > header button:hover {
  background: #f1c892;
  color: #123f40;
}
.theme-turquoise-beige .header-cart-panel__items {
  scrollbar-color: #f1c892 #164f50;
}
.theme-turquoise-beige .header-cart-item { border-bottom-color: rgba(241, 200, 146, .18); }
.theme-turquoise-beige .header-cart-item strong { color: #fff5e6; }
.theme-turquoise-beige .header-cart-item span { color: #f1c892; }
.theme-turquoise-beige .header-cart-panel__empty span { color: #f1c892; }
.theme-turquoise-beige .header-cart-panel__empty p { color: #d9cbb8; font-size: .61rem; }
.theme-turquoise-beige .header-cart-panel > footer > div { color: #d9cbb8; font-size: .59rem; }
.theme-turquoise-beige .header-cart-panel > footer > div strong { color: #ffd99f; font-size: .78rem; }
.theme-turquoise-beige .header-cart-panel > footer .button {
  color: #123f40;
  background: linear-gradient(135deg, #f7d7a8, #e9b36d);
  border-color: #f1c892;
  opacity: 1;
}
.theme-turquoise-beige .header-cart-panel > footer > a:last-child { color: #ead5b8; font-size: .55rem; }
.theme-turquoise-beige .header-cart-panel > footer > a:last-child:hover { color: #fff4e4; }

/* Homepage hero */
.theme-turquoise-beige .shan-hero {
  min-height: 650px;
  height: calc(100vh - 118px);
  max-height: 820px;
  color: var(--tb-teal-ink);
  background-color: var(--tb-teal);
  background-image: url('/assets/images/hero-shanasheel-turquoise-v1.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-bottom: 1px solid rgba(43, 101, 101, .34);
}
.theme-turquoise-beige .shan-hero__media {
  opacity: 0;
}
.theme-turquoise-beige .shan-hero__veil {
  background:
    linear-gradient(90deg, transparent 0%, transparent 42%, rgba(255, 242, 222, .2) 48%, rgba(255, 242, 222, .88) 59%, rgba(255, 239, 217, .98) 100%),
    linear-gradient(0deg, rgba(21, 78, 79, .04), transparent 42%);
}
.theme-turquoise-beige .shan-pattern {
  opacity: .07;
  width: 50%;
  color: var(--tb-teal);
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
}
.theme-turquoise-beige .shan-hero__content { width: min(690px, 53%); padding-bottom: 62px; }
.theme-turquoise-beige .shan-kicker { color: var(--tb-teal-dark); }
.theme-turquoise-beige .shan-kicker span { background: var(--tb-bronze); }
.theme-turquoise-beige .shan-hero h1 {
  color: var(--tb-teal-ink);
  font-size: clamp(3rem, 5.2vw, 5.2rem);
  line-height: 1.3;
  text-shadow: 0 9px 30px rgba(78, 118, 117, .08);
}
.theme-turquoise-beige .shan-hero h1 em { color: #dfa65f; font-weight: 500; }
.theme-turquoise-beige .shan-hero__lead { max-width: 650px; color: #285f60; font-size: 1.02rem; line-height: 2.05; }
.theme-turquoise-beige .shan-hero__actions { gap: 18px; }
.theme-turquoise-beige .shan-hero__actions .button { min-width: 170px; min-height: 56px; border-radius: 999px; font-weight: 700; }
.theme-turquoise-beige .shan-hero__actions .button--primary {
  color: var(--tb-teal-ink);
  background: linear-gradient(135deg, #f4d09d, #e9af67);
  border-color: #dca25c;
  box-shadow: 0 15px 30px rgba(190, 127, 49, .15);
}
.theme-turquoise-beige .shan-hero__actions .button--ghost {
  color: var(--tb-teal-ink);
  border-color: var(--tb-teal-deep);
  background: rgba(255, 248, 237, .52);
}
.theme-turquoise-beige .shan-hero__actions .button:hover { transform: translateY(-2px); }
.theme-turquoise-beige .shan-hero__foot {
  color: #fff4df;
  background: linear-gradient(90deg, #356c6d, var(--tb-teal), #346a6b);
  border-color: rgba(241, 200, 146, .7);
  backdrop-filter: none;
}
.theme-turquoise-beige .shan-hero__foot .container { color: #f7ead9; }
.theme-turquoise-beige .shan-hero__foot p { color: var(--tb-beige); }
.theme-turquoise-beige .shan-hero__foot i { background: var(--tb-beige); }
.theme-turquoise-beige .shan-hero__foot a { color: var(--tb-beige); border-color: rgba(241, 200, 146, .72); }

/* Authentication — turquoise and beige theme. */
.theme-turquoise-beige:has(.auth-page) {
  background: #082f30;
}

.theme-turquoise-beige .auth-page {
  min-height: calc(100vh - 118px);
  padding: clamp(34px, 4vw, 58px) 20px;
  overflow: hidden;
  background: #062f30;
}
.theme-turquoise-beige .auth-page::before {
  background-image:
    linear-gradient(90deg, rgba(3, 39, 40, .22), rgba(3, 39, 40, .42)),
    linear-gradient(180deg, rgba(2, 31, 32, .24), rgba(2, 31, 32, .46)),
    url('/assets/images/auth-dining-background-v1.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  backdrop-filter: none;
}
.theme-turquoise-beige .auth-page::after {
  background: radial-gradient(circle at 50% 40%, rgba(241, 200, 146, .1), transparent 42%);
}
.theme-turquoise-beige .auth-shell {
  width: min(1040px, 100%);
  min-height: 660px;
  grid-template-columns: .94fr 1.06fr;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(241, 200, 146, .76);
  border-radius: 28px;
  background: rgba(4, 48, 49, .9);
  box-shadow: 0 28px 75px rgba(0, 22, 23, .42), inset 0 1px rgba(255, 255, 255, .05);
  backdrop-filter: none;
}
.theme-turquoise-beige .auth-shell::before {
  right: 10%;
  left: 10%;
  background: linear-gradient(90deg, transparent, #f1c892, transparent);
}
.theme-turquoise-beige .auth-promo,
.theme-turquoise-beige .auth-form-wrap {
  border: 1px solid rgba(241, 200, 146, .58);
  border-radius: 22px;
  background-color: rgba(5, 54, 55, .94);
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 16px 34px rgba(0, 25, 26, .22);
}
.theme-turquoise-beige .auth-promo {
  padding: clamp(42px, 5vw, 64px);
  background:
    radial-gradient(circle at 20% 80%, rgba(241, 200, 146, .06), transparent 32%),
    linear-gradient(145deg, rgba(78, 118, 117, .34), transparent 54%),
    rgba(5, 50, 51, .96);
  text-align: center;
}
.theme-turquoise-beige .auth-promo::before {
  inset: 14px;
  border-color: rgba(241, 200, 146, .16);
  border-radius: 17px;
}
.theme-turquoise-beige .auth-promo::after {
  border-color: rgba(241, 200, 146, .15);
  box-shadow: none;
}
.theme-turquoise-beige .auth-promo .eyebrow,
.theme-turquoise-beige .form-heading .eyebrow { color: #f1c892; }
.theme-turquoise-beige .auth-promo h1 {
  color: #e7b875;
  font-size: clamp(1.5rem, 2.25vw, 2.2rem);
  line-height: 1.65;
  white-space: normal;
}
.theme-turquoise-beige .auth-promo > p:not(.eyebrow) {
  max-width: 390px;
  margin: 18px auto 0;
  color: #f3e6d0;
  line-height: 2;
}
.theme-turquoise-beige .auth-promo ul { max-width: 390px; margin: 28px auto 0; text-align: right; }
.theme-turquoise-beige .auth-promo li {
  min-height: 58px;
  display: flex;
  align-items: center;
  border-color: rgba(241, 200, 146, .26);
  color: #f0e0c7;
}
.theme-turquoise-beige .auth-promo li::before { color: #f1c892; }

.theme-turquoise-beige .auth-form-wrap {
  padding: clamp(34px, 4.5vw, 58px);
  background:
    radial-gradient(circle at 88% 10%, rgba(241, 200, 146, .06), transparent 25%),
    linear-gradient(145deg, rgba(78, 118, 117, .28), transparent 50%),
    rgba(5, 50, 51, .97);
}
.theme-turquoise-beige .auth-form-wrap::after {
  border-color: rgba(241, 200, 146, .12);
  box-shadow: none;
}
.theme-turquoise-beige .form-heading { margin-bottom: 22px; text-align: center; }
.theme-turquoise-beige .form-heading h2 {
  color: #efc382;
  font-size: clamp(1.7rem, 2.6vw, 2.35rem);
}
.theme-turquoise-beige .auth-heading-row { margin-bottom: 14px; }
.theme-turquoise-beige .form-heading__mark {
  width: 58px;
  height: 58px;
  border-color: rgba(241, 200, 146, .82);
  background: rgba(10, 66, 67, .9);
  color: #f1c892;
  box-shadow: 0 0 0 6px rgba(241, 200, 146, .035), 0 8px 20px rgba(0, 28, 29, .25);
}
.theme-turquoise-beige .form-heading__user-icon::before,
.theme-turquoise-beige .form-heading__user-icon::after { border-color: #f1c892; background: transparent; }
.theme-turquoise-beige .auth-switch-button {
  min-height: 42px;
  padding-inline: 20px;
  color: #174f50 !important;
  border-color: #f1c892;
  background: linear-gradient(135deg, #f5d69f, #e9ae62);
  box-shadow: 0 9px 20px rgba(0, 25, 26, .25);
}
.theme-turquoise-beige .auth-switch-button:hover { color: #174f50 !important; background: #f7dba9; }
.theme-turquoise-beige .field label { color: #f4e9d8; }
.theme-turquoise-beige .label-row a,
.theme-turquoise-beige .auth-inline-switch { color: #f1c892; }
.theme-turquoise-beige .field input,
.theme-turquoise-beige .field textarea,
.theme-turquoise-beige .password-wrap {
  color: #fff5e5;
  border-color: rgba(241, 200, 146, .62);
  background: rgba(2, 38, 39, .78);
  box-shadow: inset 0 1px 3px rgba(0, 18, 19, .55);
}
.theme-turquoise-beige .field input::placeholder { color: #a9aaa1; }
.theme-turquoise-beige .field input:focus,
.theme-turquoise-beige .field textarea:focus { border-color: #f1c892; box-shadow: 0 0 0 3px rgba(241, 200, 146, .12); }
.theme-turquoise-beige .password-wrap input { color: #fff5e5; background: transparent; }
.theme-turquoise-beige .password-wrap button { color: #f1c892; border-color: rgba(241, 200, 146, .25); }
.theme-turquoise-beige .check-field { color: #e8d9c2; }
.theme-turquoise-beige .check-field input { accent-color: #e8b363; }
.theme-turquoise-beige .auth-form-wrap .button--full {
  min-height: 58px;
  color: #123f40 !important;
  border-color: #f5d496;
  background: linear-gradient(135deg, #f5d79f, #e7ab5b) !important;
  box-shadow: 0 13px 27px rgba(0, 24, 25, .3), inset 0 1px rgba(255, 255, 255, .3);
}
.theme-turquoise-beige .auth-form-wrap .button--full:hover,
.theme-turquoise-beige .auth-form-wrap .button--full:focus-visible { color: #123f40 !important; background: #f7dba9 !important; }
.theme-turquoise-beige .auth-form-wrap .button--full span,
.theme-turquoise-beige .auth-form-wrap .button--full b { color: #123f40 !important; }
.theme-turquoise-beige .auth-form-wrap .button--full b {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #f3d294 !important;
  background: #356d6d;
}
.theme-turquoise-beige .secure-note {
  color: #e9dcc7;
  border-color: rgba(241, 200, 146, .25);
  background: rgba(4, 42, 43, .45);
}
.theme-turquoise-beige .secure-note strong,
.theme-turquoise-beige .secure-note > span { color: #f1c892; }

/* Registration keeps the same identity while accommodating its longer form. */
.theme-turquoise-beige .auth-page--register {
  padding-block: clamp(24px, 3vw, 42px);
}
.theme-turquoise-beige .auth-page--register .auth-shell {
  width: min(1120px, 100%);
  min-height: 760px;
  grid-template-columns: .9fr 1.1fr;
}
.theme-turquoise-beige .auth-page--register .auth-form-wrap {
  padding: 30px 42px 34px;
}
.theme-turquoise-beige .auth-page--register .form-heading {
  margin-bottom: 14px;
}
.theme-turquoise-beige .auth-page--register .auth-heading-row {
  margin-bottom: 8px;
}
.theme-turquoise-beige .auth-page--register .form-stack {
  gap: 11px;
}
.theme-turquoise-beige .auth-page--register .field input,
.theme-turquoise-beige .auth-page--register .password-wrap {
  min-height: 45px;
}
.theme-turquoise-beige .auth-page--register .phone-country-hint {
  border-color: rgba(241, 200, 146, .78);
  background: linear-gradient(145deg, #fff8ec, #f1c892);
  box-shadow: 0 8px 22px rgba(7, 59, 60, .2), inset 0 1px rgba(255,255,255,.72);
}
.theme-turquoise-beige .auth-page--register .password-hint {
  color: #cdbda5;
}
.theme-turquoise-beige .auth-page--register .auth-promo h1 {
  max-width: 390px;
  margin-inline: auto;
}

@media (max-width: 760px) {
  .theme-turquoise-beige .auth-page { padding: 20px 12px; }
  .theme-turquoise-beige .auth-shell { grid-template-columns: 1fr; gap: 10px; padding: 9px; border-radius: 23px; }
  .theme-turquoise-beige .auth-promo,
  .theme-turquoise-beige .auth-form-wrap { border-radius: 17px; }
  .theme-turquoise-beige .auth-promo { min-height: 300px; padding: 38px 24px; }
  .theme-turquoise-beige .auth-form-wrap { padding: 32px 20px; }
  .theme-turquoise-beige .auth-page--register .auth-shell { min-height: 0; grid-template-columns: 1fr; }
  .theme-turquoise-beige .auth-page--register .auth-form-wrap { padding: 28px 18px; }
}

@media (max-width: 900px) {
  .theme-turquoise-beige .main-nav { background: #fff5e6; }
  .theme-turquoise-beige .main-nav a { border-color: rgba(78, 118, 117, .14); }
  .theme-turquoise-beige .shan-hero__veil {
    background: linear-gradient(180deg, rgba(255, 244, 227, .1), rgba(255, 241, 218, .94) 68%, #f9e6cb 100%);
  }
  .theme-turquoise-beige .shan-hero__content { width: 100%; }
}

/* Customer account — shared turquoise and beige identity. */
.theme-turquoise-beige :is(
  .customer-dashboard,
  .customer-orders-page,
  .customer-addresses-page,
  .customer-profile-page,
  .customer-reservations-page
) {
  --account-teal-950: #07393a;
  --account-teal-900: #0b4445;
  --account-teal-850: #104d4e;
  --account-teal-800: #175758;
  --account-cream: #fff2df;
  --account-muted: #d7c5aa;
  --account-gold: #f1c892;
  --account-gold-strong: #e5aa5e;
  min-height: calc(100vh - 118px);
  color: var(--account-cream);
  background:
    radial-gradient(circle at 12% 8%, rgba(241, 200, 146, .11), transparent 24%),
    radial-gradient(circle at 88% 30%, rgba(78, 118, 117, .32), transparent 28%),
    linear-gradient(145deg, #073a3b, #0b4647 52%, #07393a);
}
.theme-turquoise-beige :is(
  .customer-dashboard,
  .customer-orders-page,
  .customer-addresses-page,
  .customer-profile-page,
  .customer-reservations-page
)::before {
  content: "";
  position: fixed;
  inset: 118px 0 0;
  z-index: 0;
  pointer-events: none;
  opacity: .12;
  background-image:
    linear-gradient(30deg, transparent 48%, rgba(241, 200, 146, .2) 49% 51%, transparent 52%),
    linear-gradient(150deg, transparent 48%, rgba(241, 200, 146, .15) 49% 51%, transparent 52%);
  background-size: 64px 38px;
  mask-image: linear-gradient(90deg, #000, transparent 25%, transparent 75%, #000);
}
.theme-turquoise-beige :is(
  .customer-dashboard__shell,
  .customer-orders-shell,
  .addresses-shell,
  .profile-shell,
  .reservations-shell
) { position: relative; z-index: 1; }

/* Shared account sidebar. */
.theme-turquoise-beige .customer-sidebar {
  color: var(--account-cream);
  border-color: rgba(241, 200, 146, .48);
  background:
    radial-gradient(circle at 88% 5%, rgba(241, 200, 146, .1), transparent 26%),
    linear-gradient(165deg, rgba(26, 91, 91, .98), rgba(7, 53, 54, .99));
  box-shadow: 0 22px 55px rgba(1, 29, 30, .28), inset 0 1px rgba(255, 255, 255, .05);
}
.theme-turquoise-beige .customer-profile,
.theme-turquoise-beige .customer-contact { border-color: rgba(241, 200, 146, .25); }
.theme-turquoise-beige .customer-profile__avatar {
  color: #164f51;
  border-color: #f4d5a7;
  background: linear-gradient(145deg, #f5d7a8, #dea55c);
  box-shadow: 0 0 0 6px rgba(241, 200, 146, .06);
}
.theme-turquoise-beige .customer-profile strong { color: #fff4e4; }
.theme-turquoise-beige .customer-profile small,
.theme-turquoise-beige .customer-contact { color: #d2c1a8; }
.theme-turquoise-beige .customer-profile__tier {
  color: #f4d09c;
  border-color: rgba(241, 200, 146, .42);
  background: rgba(241, 200, 146, .07);
}
.theme-turquoise-beige .customer-points {
  color: #f6d9ac;
  border-color: rgba(241, 200, 146, .28);
  background: linear-gradient(100deg, rgba(241, 200, 146, .15), rgba(241, 200, 146, .05));
}
.theme-turquoise-beige .customer-points svg,
.theme-turquoise-beige .customer-sidebar nav svg,
.theme-turquoise-beige .customer-sidebar__logout svg { color: #f1c892; stroke: currentColor; }
.theme-turquoise-beige .customer-sidebar nav a {
  color: #ddcdb4;
  border-color: transparent;
}
.theme-turquoise-beige .customer-sidebar nav a:hover {
  color: #fff4df;
  background: rgba(241, 200, 146, .09);
}
.theme-turquoise-beige .customer-sidebar nav a.is-active {
  color: #174f50;
  border-color: #f0c78e;
  background: linear-gradient(135deg, #f6d8a6, #e5ac63);
  box-shadow: 0 12px 26px rgba(0, 29, 30, .2);
}
.theme-turquoise-beige .customer-sidebar nav a.is-active svg { color: #174f50; }
.theme-turquoise-beige .customer-sidebar nav b {
  color: #174f50;
  background: #f1c892;
}
.theme-turquoise-beige .customer-sidebar__logout {
  color: #f4cfab;
  border-color: rgba(241, 200, 146, .3);
  background: rgba(2, 42, 43, .5);
}
.theme-turquoise-beige .customer-sidebar__logout:hover { color: #fff4df; background: rgba(241, 200, 146, .1); }

/* Shared welcome / hero area. */
.theme-turquoise-beige .customer-welcome {
  color: var(--account-cream);
  border-color: rgba(241, 200, 146, .5);
  background:
    linear-gradient(90deg, rgba(5, 49, 50, .22), rgba(5, 49, 50, .82)),
    url('/assets/images/auth-dining-background-v1.webp') center/cover no-repeat;
  box-shadow: 0 18px 42px rgba(1, 27, 28, .2);
}
.theme-turquoise-beige .customer-welcome::after { background: linear-gradient(90deg, transparent, #f1c892, transparent); }
.theme-turquoise-beige .customer-welcome p { color: #f1c892; }
.theme-turquoise-beige .customer-welcome h1 { color: #fff4e4; text-shadow: 0 8px 25px rgba(0, 30, 31, .2); }
.theme-turquoise-beige .customer-welcome h1 em { color: #f1c892; }
.theme-turquoise-beige .customer-welcome > div > span { color: #eadcc7; }
.theme-turquoise-beige .customer-button-outline {
  color: #f8dfb9;
  border-color: rgba(241, 200, 146, .72);
  background: rgba(3, 48, 49, .55);
}
.theme-turquoise-beige .customer-button-outline:hover { color: #174f50; background: #f1c892; }

/* Shared panels and KPI cards. */
.theme-turquoise-beige :is(
  .customer-panel,
  .customer-kpis article,
  .orders-kpis article,
  .address-kpis article,
  .profile-kpis article,
  .reservation-kpis article,
  .featured-order,
  .compact-order,
  .saved-address-card,
  .address-guide,
  .profile-panel,
  .reservation-panel,
  .reservation-benefits article,
  .upcoming-reservation,
  .reservation-history article
) {
  color: var(--account-cream);
  border-color: rgba(241, 200, 146, .34);
  background:
    radial-gradient(circle at 10% 110%, rgba(241, 200, 146, .08), transparent 31%),
    linear-gradient(145deg, rgba(25, 88, 88, .96), rgba(8, 57, 58, .98));
  box-shadow: 0 15px 34px rgba(0, 28, 29, .18), inset 0 1px rgba(255, 255, 255, .04);
}
.theme-turquoise-beige :is(.customer-kpis,.orders-kpis,.address-kpis,.profile-kpis,.reservation-kpis) article svg {
  color: #f1c892;
  stroke: currentColor;
  border-color: rgba(241, 200, 146, .35);
  background: rgba(241, 200, 146, .08);
}
.theme-turquoise-beige :is(.customer-kpis,.orders-kpis,.address-kpis,.profile-kpis,.reservation-kpis) small,
.theme-turquoise-beige :is(.customer-kpis,.orders-kpis,.address-kpis,.profile-kpis,.reservation-kpis) span { color: #cdbca4; }
.theme-turquoise-beige :is(.customer-kpis,.orders-kpis,.address-kpis,.profile-kpis,.reservation-kpis) strong { color: #f4cc91; }
.theme-turquoise-beige :is(.customer-panel,.profile-panel,.reservation-panel) header { border-color: rgba(241, 200, 146, .24); }
.theme-turquoise-beige :is(.customer-panel,.profile-panel,.reservation-panel) h2 { color: #fff3df; }

/* Orders page. */
.theme-turquoise-beige .orders-toolbar {
  border-color: rgba(241, 200, 146, .36);
  background: rgba(7, 57, 58, .92);
}
.theme-turquoise-beige .orders-toolbar > label,
.theme-turquoise-beige .orders-toolbar input {
  color: #fff2df;
  border-color: rgba(241, 200, 146, .38);
  background: rgba(3, 43, 44, .65);
}
.theme-turquoise-beige .orders-toolbar input::placeholder { color: #bdad96; }
.theme-turquoise-beige .orders-toolbar svg { color: #f1c892; stroke: currentColor; }
.theme-turquoise-beige .orders-filters button {
  color: #dfcfb7;
  border-color: rgba(241, 200, 146, .28);
  background: rgba(4, 48, 49, .52);
}
.theme-turquoise-beige .orders-filters button:hover { color: #fff4e4; border-color: #f1c892; }
.theme-turquoise-beige .orders-filters button.is-active {
  color: #174f50;
  border-color: #f3cf9b;
  background: linear-gradient(135deg, #f5d59f, #e5aa5f);
}
.theme-turquoise-beige .featured-order__summary,
.theme-turquoise-beige .featured-order__track,
.theme-turquoise-beige .compact-order__identity,
.theme-turquoise-beige .compact-order__total { border-color: rgba(241, 200, 146, .22); }
.theme-turquoise-beige :is(.featured-order,.compact-order) strong { color: #fff3e1; }
.theme-turquoise-beige :is(.featured-order,.compact-order) small,
.theme-turquoise-beige :is(.featured-order,.compact-order) time,
.theme-turquoise-beige .orders-note { color: #c8b69d; }
.theme-turquoise-beige .orders-progress b { background: rgba(241, 200, 146, .2); }
.theme-turquoise-beige .orders-progress b.is-done { background: #e8b86f; }
.theme-turquoise-beige .orders-progress i {
  color: #ddc6a3;
  border-color: rgba(241, 200, 146, .35);
  background: #0a4849;
}
.theme-turquoise-beige .orders-progress .is-done i { color: #174f50; background: #f1c892; }
.theme-turquoise-beige .orders-progress span { color: #d8c6ac; }
.theme-turquoise-beige .orders-no-results { color: #d7c5ab; border-color: rgba(241, 200, 146, .28); background: rgba(8, 59, 60, .75); }

/* Addresses page and live dialogs. */
.theme-turquoise-beige .saved-address-card.is-default { border-color: #f1c892; box-shadow: 0 0 0 1px rgba(241, 200, 146, .25), 0 18px 40px rgba(0, 28, 29, .2); }
.theme-turquoise-beige .saved-address-card header,
.theme-turquoise-beige .saved-address-card__copy,
.theme-turquoise-beige .address-guide { border-color: rgba(241, 200, 146, .24); }
.theme-turquoise-beige .saved-address-card h2 { color: #fff2de; }
.theme-turquoise-beige .saved-address-card p,
.theme-turquoise-beige .saved-address-card small,
.theme-turquoise-beige .address-guide p { color: #d1bea3; }
.theme-turquoise-beige .address-map,
.theme-turquoise-beige .address-guide__map {
  border-color: rgba(241, 200, 146, .3);
  background-color: #164f50;
  filter: sepia(.2) hue-rotate(120deg) saturate(.7);
}
.theme-turquoise-beige :is(.address-modal,.reservation-modal) { color: #fff2df; }
.theme-turquoise-beige :is(.address-modal__backdrop,.reservation-backdrop) { background: rgba(1, 28, 29, .78); backdrop-filter: blur(4px); }
.theme-turquoise-beige :is(.address-modal > section,.reservation-modal > section) {
  border-color: rgba(241, 200, 146, .55);
  background: linear-gradient(145deg, #155657, #073f40);
  box-shadow: 0 24px 70px rgba(0, 22, 23, .48);
}
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) { color: #fff2df; }
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) > section {
  border-color: rgba(241, 200, 146, .55);
  background: linear-gradient(145deg, #155657, #073f40);
  box-shadow: 0 24px 70px rgba(0, 22, 23, .48);
}
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) h2 { color: #fff3df; }
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) p,
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) small { color: #d2bea3; }
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) > section > span {
  color: #f1c892;
  border-color: rgba(241, 200, 146, .42);
  background: rgba(241, 200, 146, .08);
}
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) button {
  color: #f2ddbd;
  border-color: rgba(241, 200, 146, .35);
  background: rgba(3, 43, 44, .52);
}
.theme-turquoise-beige :is(.address-confirm,.reservation-confirm) form button {
  color: #fff0e8;
  border-color: rgba(224, 102, 80, .52);
  background: rgba(126, 40, 35, .7);
}
.theme-turquoise-beige :is(.address-flash,.reservation-flash) {
  color: #fff2df;
  border-color: rgba(241, 200, 146, .34);
  background: rgba(8, 65, 66, .9);
}
.theme-turquoise-beige :is(.address-flash,.reservation-flash).reservation-flash--success,
.theme-turquoise-beige .address-flash--success { color: #dcf4d5; border-color: rgba(112, 197, 116, .5); background: rgba(47, 112, 63, .38); }
.theme-turquoise-beige :is(.address-flash,.reservation-flash).reservation-flash--error,
.theme-turquoise-beige .address-flash--error { color: #ffd8d0; border-color: rgba(225, 105, 85, .5); background: rgba(126, 42, 35, .4); }

/* Profile forms. */
.theme-turquoise-beige .profile-panel input,
.theme-turquoise-beige .profile-panel select,
.theme-turquoise-beige .profile-panel textarea,
.theme-turquoise-beige :is(.address-modal,.reservation-modal) input,
.theme-turquoise-beige :is(.address-modal,.reservation-modal) select,
.theme-turquoise-beige :is(.address-modal,.reservation-modal) textarea {
  color: #fff3df;
  border-color: rgba(241, 200, 146, .4);
  background: rgba(3, 45, 46, .65);
}
.theme-turquoise-beige .profile-panel input:focus,
.theme-turquoise-beige .profile-panel select:focus,
.theme-turquoise-beige .profile-panel textarea:focus,
.theme-turquoise-beige :is(.address-modal,.reservation-modal) input:focus,
.theme-turquoise-beige :is(.address-modal,.reservation-modal) select:focus,
.theme-turquoise-beige :is(.address-modal,.reservation-modal) textarea:focus {
  border-color: #f1c892;
  box-shadow: 0 0 0 3px rgba(241, 200, 146, .1);
}
.theme-turquoise-beige .profile-panel label > span,
.theme-turquoise-beige .password-fields label > span { color: #eadcc6; }
.theme-turquoise-beige .profile-preferences > label { border-color: rgba(241, 200, 146, .2); }
.theme-turquoise-beige .profile-preferences b { color: #fff2df; }
.theme-turquoise-beige .profile-preferences small { color: #c8b79f; }
.theme-turquoise-beige .profile-preferences input[type="checkbox"] { border-color: rgba(241, 200, 146, .5); background: #073e3f; }
.theme-turquoise-beige .profile-preferences input[type="checkbox"]:checked { background: #e8b76d; }
.theme-turquoise-beige .profile-flash--success { color: #dff5d6; border-color: rgba(126, 202, 121, .5); background: rgba(49, 112, 66, .35); }
.theme-turquoise-beige .profile-flash--error { color: #ffd8d0; border-color: rgba(226, 108, 87, .5); background: rgba(127, 43, 36, .38); }

/* Reservations. */
.theme-turquoise-beige .reservation-photo { border-color: rgba(241, 200, 146, .45); }
.theme-turquoise-beige .reservation-title strong,
.theme-turquoise-beige .reservation-copy h2 { color: #fff2df; }
.theme-turquoise-beige .reservation-copy p,
.theme-turquoise-beige .reservation-facts span,
.theme-turquoise-beige .reservation-history span { color: #cfbda3; }
.theme-turquoise-beige .reservation-facts,
.theme-turquoise-beige .reservation-history article { border-color: rgba(241, 200, 146, .22); }
.theme-turquoise-beige .reservation-status--confirmed,
.theme-turquoise-beige .reservation-status--completed { color: #ddf3d6; background: rgba(62, 129, 75, .42); }
.theme-turquoise-beige .reservation-status--pending { color: #ffe0a6; background: rgba(163, 112, 33, .35); }
.theme-turquoise-beige .reservation-status--cancelled { color: #ffd0c7; background: rgba(139, 48, 40, .4); }

/* Buttons, dialogs and footer consistency inside account pages. */
.theme-turquoise-beige :is(
  .customer-dashboard,
  .customer-orders-page,
  .customer-addresses-page,
  .customer-profile-page,
  .customer-reservations-page
) .button--primary {
  color: #174f50 !important;
  border-color: #f4d29c;
  background: linear-gradient(135deg, #f5d7a4, #e4a95d) !important;
  box-shadow: 0 12px 28px rgba(0, 27, 28, .2);
}
.theme-turquoise-beige :is(
  .customer-dashboard,
  .customer-orders-page,
  .customer-addresses-page,
  .customer-profile-page,
  .customer-reservations-page
) .button--primary:hover { color: #174f50 !important; background: #f7dba9 !important; }
.theme-turquoise-beige .customer-logout-dialog {
  color: #fff2df;
  border-color: rgba(241, 200, 146, .55);
  background: linear-gradient(145deg, #155657, #073f40);
  box-shadow: 0 25px 70px rgba(0, 24, 25, .5);
}
.theme-turquoise-beige .customer-logout-dialog::backdrop { background: rgba(0, 28, 29, .78); backdrop-filter: blur(4px); }
.theme-turquoise-beige .customer-logout-dialog h2 { color: #fff3df; }
.theme-turquoise-beige .customer-logout-dialog p { color: #d4c1a6; }

@media (max-width: 980px) {
  .theme-turquoise-beige .customer-sidebar { background: linear-gradient(145deg, #155859, #083f40); }
  .theme-turquoise-beige .customer-sidebar nav { scrollbar-color: #dca65e #0b4546; }
}

@media (max-width: 640px) {
  .theme-turquoise-beige .customer-welcome {
    background:
      linear-gradient(rgba(5, 52, 53, .78), rgba(5, 52, 53, .94)),
      url('/assets/images/auth-dining-background-v1.webp') center/cover no-repeat;
  }
  .theme-turquoise-beige :is(
    .customer-panel,
    .customer-kpis article,
    .orders-kpis article,
    .address-kpis article,
    .profile-kpis article,
    .reservation-kpis article,
    .featured-order,
    .compact-order,
    .saved-address-card,
    .profile-panel,
    .reservation-panel
  ) { box-shadow: none; }
}

@media (max-width: 600px) {
  .theme-turquoise-beige { overflow-x: hidden; }
  .theme-turquoise-beige .shan-hero { min-height: 700px; height: auto; }
  .theme-turquoise-beige .shan-hero__inner { min-height: 640px; padding: 90px 18px 115px; align-items: center; }
  .theme-turquoise-beige .shan-hero__content { max-width: 100%; padding: 0; text-align: center; }
  .theme-turquoise-beige .shan-hero .shan-kicker { justify-content: center; }
  .theme-turquoise-beige .shan-hero h1 { font-size: clamp(2.25rem, 12vw, 3.2rem); }
  .theme-turquoise-beige .shan-hero h1 { max-width: 100%; line-height: 1.25; overflow-wrap: anywhere; }
  .theme-turquoise-beige .shan-hero__lead { color: #275e5f; }
  .theme-turquoise-beige .shan-hero__lead { max-width: 330px; margin-inline: auto; font-size: .84rem; }
  .theme-turquoise-beige .shan-hero__actions { width: min(100%, 330px); margin-inline: auto; flex-direction: column; gap: 10px; }
  .theme-turquoise-beige .shan-hero__actions .button { width: 100%; min-width: 0; min-height: 50px; }
  .theme-turquoise-beige .shan-hero__foot .container { padding-inline: 18px; }
}

/* Homepage — complete turquoise & beige presentation. */
.theme-turquoise-beige .shan-trust,
.theme-turquoise-beige .shan-menu,
.theme-turquoise-beige .shan-story,
.theme-turquoise-beige .shan-experience,
.theme-turquoise-beige .shan-quote,
.theme-turquoise-beige .shan-visit,
.theme-turquoise-beige .shan-footer {
  --tb-night: #082f30;
  --tb-night-2: #0b3b3b;
  --tb-gold-line: rgba(241, 200, 146, .62);
  --tb-muted-light: #d7d5ca;
  color: var(--tb-cream);
  background-color: var(--tb-night);
}

.theme-turquoise-beige .shan-trust,
.theme-turquoise-beige .shan-menu,
.theme-turquoise-beige .shan-story,
.theme-turquoise-beige .shan-experience,
.theme-turquoise-beige .shan-visit,
.theme-turquoise-beige .shan-footer {
  background-image:
    radial-gradient(circle at 9% 15%, rgba(241, 200, 146, .07), transparent 22%),
    radial-gradient(circle at 91% 84%, rgba(241, 200, 146, .055), transparent 25%),
    repeating-linear-gradient(132deg, transparent 0 22px, rgba(241, 200, 146, .012) 23px 24px);
}

.theme-turquoise-beige .shan-section-head h2,
.theme-turquoise-beige .shan-story h2,
.theme-turquoise-beige .shan-offer h2,
.theme-turquoise-beige .shan-visit h2 { color: #fff7eb; }
.theme-turquoise-beige .shan-section-head h2 em,
.theme-turquoise-beige .shan-story h2 em,
.theme-turquoise-beige .shan-experience h2 em { color: var(--tb-beige); }
.theme-turquoise-beige .shan-kicker--gold,
.theme-turquoise-beige .shan-arrow-link { color: #efbd72; }
.theme-turquoise-beige .shan-arrow-link b {
  border-color: rgba(241, 200, 146, .72);
  background: rgba(7, 48, 49, .7);
}

/* 01 — values after the hero. */
.theme-turquoise-beige .shan-trust {
  position: relative;
  padding: 92px 0 112px;
  border-block: 1px solid rgba(241, 200, 146, .75);
  overflow: hidden;
}
.theme-turquoise-beige .shan-trust::before,
.theme-turquoise-beige .shan-trust::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  opacity: .16;
  background: repeating-linear-gradient(45deg, transparent 0 10px, rgba(241, 200, 146, .42) 11px 12px);
  pointer-events: none;
}
.theme-turquoise-beige .shan-trust::before { top: -135px; right: -95px; transform: rotate(15deg); }
.theme-turquoise-beige .shan-trust::after { bottom: -155px; left: -105px; transform: rotate(-15deg); }
.theme-turquoise-beige .shan-trust__grid { gap: 22px; }
.theme-turquoise-beige .shan-trust article {
  grid-template-columns: 42% 58%;
  min-height: 270px;
  padding: 24px;
  gap: 24px;
  border-color: var(--tb-gold-line);
  border-radius: 36px 36px 36px 36px;
  background: linear-gradient(135deg, rgba(17, 67, 67, .88), rgba(6, 44, 45, .9));
  box-shadow: 0 26px 54px rgba(0, 24, 25, .18), inset 0 1px rgba(255, 255, 255, .025);
}
.theme-turquoise-beige .shan-trust article:first-child,
.theme-turquoise-beige .shan-trust article:last-child { border-radius: 36px; }
.theme-turquoise-beige .shan-trust article:hover {
  border-color: var(--tb-beige);
  background: linear-gradient(135deg, rgba(20, 75, 74, .94), rgba(7, 48, 49, .94));
}
.theme-turquoise-beige .shan-trust__image { width: 100%; height: 220px; border-color: rgba(241, 200, 146, .72); border-radius: 22px; }
.theme-turquoise-beige .shan-trust__image img { filter: saturate(.9) contrast(1.03) brightness(.88); }
.theme-turquoise-beige .shan-trust__copy { padding: 28px 6px 18px 4px; }
.theme-turquoise-beige .shan-trust b { top: -13px; left: auto; right: 0; color: #efb969; font-size: .9rem; }
.theme-turquoise-beige .shan-trust strong { margin-bottom: 18px; color: #f8e5c5; font-size: 1.18rem; }
.theme-turquoise-beige .shan-trust span { color: var(--tb-muted-light); font-size: .82rem; line-height: 2; }
.theme-turquoise-beige .shan-trust .container { max-width: 1760px; }

/* 02 — featured menu. */
.theme-turquoise-beige .shan-menu { padding: 110px 0 125px; }
.theme-turquoise-beige .shan-menu .shan-section-head { max-width: 980px; margin-bottom: 46px; }
.theme-turquoise-beige .shan-menu .shan-section-head h2 { color: #fff7eb; }
.theme-turquoise-beige .shan-menu .shan-section-head > div:last-child > p { color: var(--tb-muted-light); }
.theme-turquoise-beige .shan-featured-grid { gap: 24px; }
.theme-turquoise-beige .shan-menu .container { max-width: 1480px; }
.theme-turquoise-beige .shan-dish {
  border-color: rgba(241, 200, 146, .78);
  background: linear-gradient(145deg, #0d4141, #082f30);
  box-shadow: 0 25px 55px rgba(0, 18, 20, .22);
}
.theme-turquoise-beige .shan-dish:hover { border-color: #f1c892; box-shadow: 0 30px 68px rgba(0, 18, 20, .3); }
.theme-turquoise-beige .shan-dish--hero,
.theme-turquoise-beige .shan-dish-stack .shan-dish:first-child,
.theme-turquoise-beige .shan-dish-stack .shan-dish:last-child { border-radius: 30px; }
.theme-turquoise-beige .shan-dish__art img { filter: saturate(.88) contrast(1.03) brightness(.86); }
.theme-turquoise-beige .shan-dish__art::after { background: linear-gradient(180deg, transparent 60%, rgba(4, 39, 40, .72)); }
.theme-turquoise-beige .shan-dish__art > span { color: #f5c77f; border-color: #e7b56c; background: rgba(7, 50, 51, .82); backdrop-filter: none; }
.theme-turquoise-beige .shan-dish__copy { background: linear-gradient(125deg, rgba(15, 66, 66, .96), rgba(7, 48, 49, .96)); }
.theme-turquoise-beige .shan-dish__copy > p { color: #e9ad5d; }
.theme-turquoise-beige .shan-dish__copy h3 { color: #fff7eb; font-size: 1.28rem; }
.theme-turquoise-beige .shan-dish__copy > span { color: #d0cec3; }
.theme-turquoise-beige .shan-dish__copy footer { border-color: rgba(241, 200, 146, .28); }
.theme-turquoise-beige .shan-dish__copy footer strong { color: #efbc70; font-size: 1.15rem; }
.theme-turquoise-beige .shan-dish__copy footer small { color: #d8c7ab; }
.theme-turquoise-beige .shan-dish .add-button {
  width: 48px;
  height: 48px;
  border-color: #f1c892;
  background: transparent;
  color: #f1c892;
  box-shadow: none;
}
.theme-turquoise-beige .shan-dish .add-button:hover,
.theme-turquoise-beige .shan-dish .add-button:focus-visible { color: #174d4e; background: #f1c892; }

/* 03 — story. */
.theme-turquoise-beige .shan-story { background-color: #082f30; background-image: radial-gradient(circle at 75% 40%, rgba(241, 200, 146, .08), transparent 26%); }
.theme-turquoise-beige .shan-story { padding-block: 105px; }
.theme-turquoise-beige .shan-story .container { max-width: 1480px; }
.theme-turquoise-beige .shan-story__grid { grid-template-columns: 1.06fr .94fr; }
.theme-turquoise-beige .shan-story__media { height: 720px; border-color: rgba(241, 200, 146, .82); border-radius: 300px 300px 0 0; }
.theme-turquoise-beige .shan-story__media img { filter: saturate(.78) sepia(.08) contrast(1.03); }
.theme-turquoise-beige .shan-story__media::after { background: linear-gradient(0deg, rgba(4, 38, 39, .68), transparent 55%); }
.theme-turquoise-beige .shan-story__media > span { color: #efb565; }
.theme-turquoise-beige .shan-story__lead { color: var(--tb-muted-light); }
.theme-turquoise-beige .shan-story__copy h2 { font-size: clamp(2.4rem, 3.5vw, 3.8rem); }
.theme-turquoise-beige .shan-story__details { border-color: rgba(241, 200, 146, .55); background: rgba(241, 200, 146, .55); }
.theme-turquoise-beige .shan-story__details > div { background: #0b3b3b; }
.theme-turquoise-beige .shan-story__details b { color: #eab465; }
.theme-turquoise-beige .shan-story__details strong { color: #fff4e5; font-size: .92rem; }
.theme-turquoise-beige .shan-story__details span { color: #c9c6bb; }

/* 04 — experience cards. */
.theme-turquoise-beige .shan-experience { padding: 80px 18px; border-color: rgba(241, 200, 146, .72); }
.theme-turquoise-beige .shan-experience > .container {
  position: relative;
  max-width: 1520px;
  padding: 72px clamp(28px, 5vw, 82px) 64px;
  border: 1px solid rgba(241, 200, 146, .72);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(14, 68, 67, .82), rgba(5, 45, 46, .9));
}
.theme-turquoise-beige .shan-experience .shan-section-head > p { color: var(--tb-muted-light); }
.theme-turquoise-beige .shan-experience__grid { gap: 26px; }
.theme-turquoise-beige .shan-experience article {
  border-color: rgba(241, 200, 146, .75);
  border-radius: 28px;
  background: #0a393a;
  box-shadow: 0 24px 50px rgba(0, 20, 21, .2);
}
.theme-turquoise-beige .shan-experience article:first-child,
.theme-turquoise-beige .shan-experience article:last-child { border-radius: 28px; }
.theme-turquoise-beige .shan-experience__media { height: 300px; }
.theme-turquoise-beige .shan-experience__media::after { background: linear-gradient(180deg, transparent 66%, rgba(5, 44, 45, .72)); }
.theme-turquoise-beige .shan-experience__media img { filter: saturate(.82) contrast(1.03) brightness(.82); }
.theme-turquoise-beige .shan-experience__content { min-height: 210px; padding: 32px 34px 38px; }
.theme-turquoise-beige .shan-experience__content::before { width: 58px; height: 3px; background: #f1c892; }
.theme-turquoise-beige .shan-experience__content > span { color: #e8ab59; font-size: .88rem; }
.theme-turquoise-beige .shan-experience h3 { color: #fff6e8; font-size: 1.35rem; }
.theme-turquoise-beige .shan-experience p { color: #d0cec3; font-size: .82rem; }

/* 05 — shared-table offer. */
.theme-turquoise-beige .shan-offer {
  padding: 105px 0;
  background:
    radial-gradient(circle at 10% 50%, rgba(241, 200, 146, .055), transparent 27%),
    linear-gradient(180deg, #082f30, #0a3a3a 52%, #082f30);
}
.theme-turquoise-beige .shan-offer .container { max-width: 1740px; }
.theme-turquoise-beige .shan-offer__card {
  min-height: 590px;
  padding: clamp(55px, 7vw, 105px);
  border: 1px solid rgba(241, 200, 146, .88);
  border-radius: 72px;
  outline: 1px solid rgba(241, 200, 146, .65);
  outline-offset: 18px;
  background-image:
    linear-gradient(90deg, rgba(3, 38, 39, .12), rgba(3, 42, 43, .76) 38%, rgba(4, 48, 49, .96) 72%),
    url('/assets/images/auth-dining-background-v1.webp');
  background-position: center;
  background-size: cover;
  box-shadow: none;
}
.theme-turquoise-beige .shan-offer__card::before { border-color: rgba(241, 200, 146, .18); border-radius: 54px; }
.theme-turquoise-beige .shan-offer__card::after { display: none; }
.theme-turquoise-beige .shan-offer__content { max-width: 780px; }
.theme-turquoise-beige .shan-offer__content h2 { color: #fff8ee; font-size: clamp(2.4rem, 4.4vw, 4.3rem); }
.theme-turquoise-beige .shan-offer__content > p:not(.shan-kicker) { color: #e7b975; font-size: 1rem; }
.theme-turquoise-beige .shan-offer__includes li { border-color: rgba(241, 200, 146, .68); background: rgba(6, 53, 53, .72); color: #fff0da; }
.theme-turquoise-beige .shan-offer__content .button { color: #123f40; background: linear-gradient(135deg, #f5d496, #e4a94f); border-color: #f1c892; border-radius: 999px; }
.theme-turquoise-beige .shan-offer__card aside { border-color: rgba(241, 200, 146, .9); background: rgba(5, 48, 49, .88); box-shadow: 0 0 0 12px rgba(241, 200, 146, .05); }
.theme-turquoise-beige .shan-offer__card aside strong { color: #ecb65f; }
.theme-turquoise-beige .shan-offer__card aside small,
.theme-turquoise-beige .shan-offer__card aside span { color: #fff3df; }
.theme-turquoise-beige .shan-offer__card aside i { color: #d7b982; }

/* Editorial quote between offer and location. */
.theme-turquoise-beige .shan-quote { background: linear-gradient(180deg, #06292a, #0a3738); }
.theme-turquoise-beige .shan-quote { padding-block: 82px; }
.theme-turquoise-beige .shan-quote__mark { color: #f1c892; }
.theme-turquoise-beige .shan-quote blockquote { color: #fff5e8; }
.theme-turquoise-beige .shan-quote .container > div { color: #d7c9b3; }

/* 06 — visit. */
.theme-turquoise-beige .shan-visit { border-top: 1px solid rgba(241, 200, 146, .2); }
.theme-turquoise-beige .shan-visit { padding-block: 105px; }
.theme-turquoise-beige .shan-visit .container { max-width: 1480px; }
.theme-turquoise-beige .shan-visit__grid { grid-template-columns: .98fr 1.02fr; }
.theme-turquoise-beige .shan-visit__copy > p:not(.shan-kicker) { color: var(--tb-muted-light); }
.theme-turquoise-beige .shan-visit dl { gap: 14px; }
.theme-turquoise-beige .shan-visit dl > div {
  grid-template-columns: 125px 1fr;
  min-height: 82px;
  border-color: rgba(241, 200, 146, .68);
  border-radius: 10px;
  background: rgba(7, 53, 54, .7);
}
.theme-turquoise-beige .shan-visit dl > div:first-child,
.theme-turquoise-beige .shan-visit dl > div:last-child { border-radius: 10px; }
.theme-turquoise-beige .shan-visit dl > div::before { background: #f1c892; }
.theme-turquoise-beige .shan-visit dt { color: #efb661; font-size: .78rem; }
.theme-turquoise-beige .shan-visit dd { color: #fff3e2; font-size: .86rem; }
.theme-turquoise-beige .shan-visit__visual { height: 720px; border-color: rgba(241, 200, 146, .82); border-radius: 300px 0 0 0; }
.theme-turquoise-beige .shan-visit__visual img { filter: saturate(.74) sepia(.08) contrast(1.03); }
.theme-turquoise-beige .shan-visit__visual::after { background: linear-gradient(0deg, rgba(4, 38, 39, .68), transparent 52%); }
.theme-turquoise-beige .shan-visit__visual span { color: #efb565; }
.theme-turquoise-beige .shan-visit__visual strong { color: #fff4e6; }
.theme-turquoise-beige .shan-visit__actions .button { border-radius: 999px; color: #174d4e; background: linear-gradient(135deg, #f4d09d, #e6aa5d); border-color: #f1c892; }

/* 07 — footer. */
.theme-turquoise-beige .shan-footer { border-color: rgba(241, 200, 146, .72); }
.theme-turquoise-beige .shan-footer__main { max-width: 1600px; }
.theme-turquoise-beige .shan-footer .brand--footer strong { color: #fff5e5; }
.theme-turquoise-beige .shan-footer .brand--footer small,
.theme-turquoise-beige .shan-footer__brand > p,
.theme-turquoise-beige .shan-footer__column a,
.theme-turquoise-beige .shan-footer__contact > p,
.theme-turquoise-beige .shan-footer__bar p { color: #efe2ce; }
.theme-turquoise-beige .shan-footer h2 { color: #fff5e8; }
.theme-turquoise-beige .shan-footer__main > *:not(:first-child) { border-color: rgba(241, 200, 146, .48); }
.theme-turquoise-beige .shan-footer__column i,
.theme-turquoise-beige .shan-footer__phone,
.theme-turquoise-beige .shan-footer__payments,
.theme-turquoise-beige .shan-footer__payments .pay-mark,
.theme-turquoise-beige .shan-footer__payments .pay-mark b { color: #efb65f; }
.theme-turquoise-beige .shan-footer__social a,
.theme-turquoise-beige .shan-footer__branches { color: #efb65f; border-color: rgba(241, 200, 146, .78); }
.theme-turquoise-beige .shan-footer__social a:hover,
.theme-turquoise-beige .shan-footer__branches:hover { color: #174d4e; background: #f1c892; }
.theme-turquoise-beige .shan-footer__bar { border-color: rgba(241, 200, 146, .62); }
.theme-turquoise-beige .shan-footer .environment-badge { color: #efb65f; border-color: rgba(241, 200, 146, .7); }
.theme-turquoise-beige .pay-mark--mastercard i::before,
.theme-turquoise-beige .pay-mark--mastercard i::after,
.theme-turquoise-beige .pay-mark--apple i,
.theme-turquoise-beige .pay-mark--apple i::before { background: #efb65f; }
.theme-turquoise-beige .pay-mark--mada i { background: linear-gradient(90deg,#efb65f 0 43%,transparent 43% 53%,#efb65f 53% 100%); box-shadow: inset 0 5px #082f30, inset 0 -5px #082f30; }
.theme-turquoise-beige .pay-mark--apple i::after { background: #082f30; }

@media (max-width: 1020px) {
  .theme-turquoise-beige .shan-trust article { grid-template-columns: 38% 62%; padding: 18px; }
  .theme-turquoise-beige .shan-trust__image { width: 100%; height: 180px; }
  .theme-turquoise-beige .shan-story__media,
  .theme-turquoise-beige .shan-visit__visual { height: 590px; }
  .theme-turquoise-beige .shan-offer__card { outline-offset: 10px; }
}

@media (min-width: 1440px) {
  .theme-turquoise-beige .shan-trust article { min-height: 300px; }
  .theme-turquoise-beige .shan-trust__image { height: 246px; }
  .theme-turquoise-beige .shan-trust strong { font-size: 1.3rem; }
  .theme-turquoise-beige .shan-trust span { font-size: .88rem; }
  .theme-turquoise-beige .shan-dish--hero { min-height: 675px; }
  .theme-turquoise-beige .shan-dish--row { min-height: 325px; }
  .theme-turquoise-beige .shan-experience__media { height: 330px; }
  .theme-turquoise-beige .shan-offer__card { min-height: 650px; }
}

@media (max-width: 760px) {
  .theme-turquoise-beige .shan-trust { padding: 62px 0 72px; }
  .theme-turquoise-beige .shan-trust__grid { grid-template-columns: 1fr; }
  .theme-turquoise-beige .shan-trust article { min-height: 220px; }
  .theme-turquoise-beige .shan-menu,
  .theme-turquoise-beige .shan-story,
  .theme-turquoise-beige .shan-visit { padding-block: 76px; }
  .theme-turquoise-beige .shan-story__grid,
  .theme-turquoise-beige .shan-visit__grid { grid-template-columns: 1fr; }
  .theme-turquoise-beige .shan-story__media,
  .theme-turquoise-beige .shan-visit__visual { height: 520px; border-radius: 170px 170px 0 0; }
  .theme-turquoise-beige .shan-experience > .container { padding: 54px 20px; }
  .theme-turquoise-beige .shan-experience__grid { grid-template-columns: 1fr; }
  .theme-turquoise-beige .shan-offer { padding: 74px 18px; }
  .theme-turquoise-beige .shan-offer__card { min-height: 650px; padding: 44px 28px; border-radius: 38px; outline-offset: 8px; }
  .theme-turquoise-beige .shan-offer__content h2 { white-space: normal; }
  .theme-turquoise-beige .shan-offer__card aside { align-self: center; }
}

@media (max-width: 520px) {
  .theme-turquoise-beige .shan-trust article { grid-template-columns: 108px 1fr; min-height: 180px; padding: 14px; gap: 16px; border-radius: 24px; }
  .theme-turquoise-beige .shan-trust__image { height: 145px; border-radius: 16px; }
  .theme-turquoise-beige .shan-trust__copy { padding-top: 22px; }
  .theme-turquoise-beige .shan-trust strong { font-size: .95rem; }
  .theme-turquoise-beige .shan-featured-grid,
  .theme-turquoise-beige .shan-dish-stack { grid-template-columns: 1fr; }
  .theme-turquoise-beige .shan-dish--row { grid-template-columns: 42% 58%; }
  .theme-turquoise-beige .shan-experience__media { height: 225px; }
  .theme-turquoise-beige .shan-offer__includes { gap: 6px; }
  .theme-turquoise-beige .shan-offer__card aside { min-width: 175px; min-height: 175px; }
  .theme-turquoise-beige .shan-visit dl > div { grid-template-columns: 92px 1fr; }
  .theme-turquoise-beige .shan-section-head h2,
  .theme-turquoise-beige .shan-story__copy h2,
  .theme-turquoise-beige .shan-visit__copy h2 { white-space: normal; font-size: 2rem; }
  .theme-turquoise-beige .shan-story__details { grid-template-columns: 1fr; }
  .theme-turquoise-beige .shan-footer__main { padding-inline: 18px; }
}

/* Order journey — product, cart, checkout and success. */
.theme-turquoise-beige .product-page,
.theme-turquoise-beige .order-page,
.theme-turquoise-beige .checkout-page {
  background:
    radial-gradient(circle at 88% 5%, rgba(241, 200, 146, .1), transparent 28%),
    linear-gradient(180deg, #0b5050, #073b3c 42%, #063536);
  color: #fff5e8;
}
.theme-turquoise-beige .product-breadcrumb { color: #d5c8b5; }
.theme-turquoise-beige .product-breadcrumb a,
.theme-turquoise-beige .product-config .shan-kicker,
.theme-turquoise-beige .order-heading .shan-kicker { color: #f1c892; }
.theme-turquoise-beige .product-gallery {
  border-color: rgba(241, 200, 146, .72);
  border-radius: 38px 0 38px 0;
  background: #073b3c;
  box-shadow: 0 28px 70px rgba(0, 31, 32, .3);
}
.theme-turquoise-beige .product-gallery::after { background: linear-gradient(180deg, transparent 56%, rgba(4, 40, 41, .78)); }
.theme-turquoise-beige .product-gallery > img { filter: saturate(.9) contrast(1.03) brightness(.9); }
.theme-turquoise-beige .product-gallery__badge { border-color: #f1c892; background: rgba(7, 59, 60, .88); }
.theme-turquoise-beige .product-gallery__badge small { color: #ddcfbd; }
.theme-turquoise-beige .product-gallery__badge strong,
.theme-turquoise-beige .product-config h1 { color: #fff6e8; }
.theme-turquoise-beige .product-config__description,
.theme-turquoise-beige .product-meta { color: #d1c7b9; }
.theme-turquoise-beige .product-meta { border-color: rgba(241, 200, 146, .28); }
.theme-turquoise-beige .product-meta b,
.theme-turquoise-beige .choice-group legend,
.theme-turquoise-beige .product-note > span { color: #fff0dc; }
.theme-turquoise-beige .choice-group legend > span {
  border-color: rgba(241, 200, 146, .68);
  background: rgba(241, 200, 146, .08);
  color: #f1c892;
}
.theme-turquoise-beige .choice-group legend small,
.theme-turquoise-beige .product-note > span small { color: #bcb09f; }
.theme-turquoise-beige .choice-card,
.theme-turquoise-beige .product-note textarea {
  border-color: rgba(241, 200, 146, .34);
  background: rgba(5, 48, 49, .78);
  color: #fff6e9;
}
.theme-turquoise-beige .choice-card:hover,
.theme-turquoise-beige .choice-card:has(input:checked) {
  border-color: #f1c892;
  background: rgba(241, 200, 146, .1);
}
.theme-turquoise-beige .choice-card input { border-color: #f1c892; }
.theme-turquoise-beige .choice-card input::before { background: #f1c892; }
.theme-turquoise-beige .choice-card span b { color: #fff5e7; }
.theme-turquoise-beige .choice-card span small { color: #bfb4a4; }
.theme-turquoise-beige .choice-card > strong { color: #f1c892; }
.theme-turquoise-beige .product-order-bar { border-color: rgba(241, 200, 146, .3); }
.theme-turquoise-beige .quantity-control { border-color: rgba(241, 200, 146, .55); background: #063536; }
.theme-turquoise-beige .quantity-control button { color: #f1c892; }
.theme-turquoise-beige .quantity-control strong { color: #fff5e7; }
.theme-turquoise-beige .product-add {
  border-color: #f1c892;
  background: linear-gradient(135deg, #f7d8a5, #e5aa59);
  color: #103f40;
  box-shadow: 0 14px 30px rgba(0, 30, 31, .25);
}
.theme-turquoise-beige .product-add:hover,
.theme-turquoise-beige .product-add.is-added { background: linear-gradient(135deg, #ffe5ba, #efbd72); }
.theme-turquoise-beige .product-assurance { border-color: rgba(241, 200, 146, .5); background: #0a494a; }
.theme-turquoise-beige .product-assurance article { border-color: rgba(241, 200, 146, .26); }
.theme-turquoise-beige .product-assurance article b { color: #f1c892; }
.theme-turquoise-beige .product-assurance article strong { color: #fff2df; }
.theme-turquoise-beige .product-assurance article span { color: #c5baaa; }

.theme-turquoise-beige .order-heading {
  border-color: rgba(241, 200, 146, .48);
  background:
    radial-gradient(circle at 50% 0, rgba(241, 200, 146, .13), transparent 42%),
    linear-gradient(180deg, #0b5050, #073b3c);
}
.theme-turquoise-beige .order-heading h1 { color: #fff6e9; }
.theme-turquoise-beige .order-heading h1 em { color: #f1c892; }
.theme-turquoise-beige .order-heading .container > p:last-child { color: #d3c7b6; }
.theme-turquoise-beige .cart-panel,
.theme-turquoise-beige .checkout-form-panel,
.theme-turquoise-beige .order-summary {
  border-color: rgba(241, 200, 146, .52);
  background: linear-gradient(145deg, rgba(12, 75, 75, .96), rgba(5, 47, 48, .98));
  box-shadow: 0 22px 54px rgba(0, 27, 28, .24);
}
.theme-turquoise-beige .cart-panel { border-radius: 28px; }
.theme-turquoise-beige .cart-panel__title,
.theme-turquoise-beige .cart-item,
.theme-turquoise-beige .order-summary dl div,
.theme-turquoise-beige .checkout-section,
.theme-turquoise-beige .checkout-item { border-color: rgba(241, 200, 146, .24); }
.theme-turquoise-beige .cart-panel__title h2,
.theme-turquoise-beige .cart-item__copy h3,
.theme-turquoise-beige .cart-empty h2,
.theme-turquoise-beige .checkout-section header h2,
.theme-turquoise-beige .checkout-fields label,
.theme-turquoise-beige .checkout-item b { color: #fff5e8; }
.theme-turquoise-beige .cart-panel__title span,
.theme-turquoise-beige .cart-item__copy p,
.theme-turquoise-beige .cart-empty p,
.theme-turquoise-beige .order-summary dl div,
.theme-turquoise-beige .order-summary > small,
.theme-turquoise-beige .checkout-section header p,
.theme-turquoise-beige .checkout-no-items { color: #c5b9a8; }
.theme-turquoise-beige .cart-panel__title b,
.theme-turquoise-beige .cart-item__copy span,
.theme-turquoise-beige .cart-item__copy > strong,
.theme-turquoise-beige .order-summary__total strong { color: #f1c892; }
.theme-turquoise-beige .cart-item > img { border: 1px solid rgba(241, 200, 146, .45); filter: saturate(.9) brightness(.92); }
.theme-turquoise-beige .cart-remove { color: #e9ae83; }
.theme-turquoise-beige .cart-empty > span { color: #f1c892; }
.theme-turquoise-beige .cart-catalog { border-color: rgba(241, 200, 146, .28); }
.theme-turquoise-beige .cart-catalog__trigger {
  border-color: rgba(241, 200, 146, .55);
  background: linear-gradient(90deg, rgba(241, 200, 146, .11), rgba(6, 53, 54, .4));
  color: #f2e5d2;
}
.theme-turquoise-beige .cart-catalog__trigger i { background: #f1c892; color: #0b4849; }
.theme-turquoise-beige .cart-catalog__trigger strong,
.theme-turquoise-beige .cart-catalog__panel h3 { color: #fff5e7; }
.theme-turquoise-beige .cart-catalog__trigger small { color: #c3b7a6; }
.theme-turquoise-beige .cart-catalog__trigger > b { color: #f1c892; }
.theme-turquoise-beige .cart-catalog__panel {
  border-color: rgba(241, 200, 146, .48);
  border-radius: 22px;
  background: #063536;
}
.theme-turquoise-beige .cart-catalog__panel > header button,
.theme-turquoise-beige .cart-catalog__tabs button { border-color: rgba(241, 200, 146, .4); color: #d4c7b5; }
.theme-turquoise-beige .cart-catalog__tabs button.is-active { border-color: #f1c892; background: #f1c892; color: #0b4849; }
.theme-turquoise-beige .catalog-product { border-color: rgba(241, 200, 146, .3); background: #0a4647; }
.theme-turquoise-beige .catalog-product img { border: 1px solid rgba(241, 200, 146, .35); }
.theme-turquoise-beige .catalog-product strong { color: #fff4e5; }
.theme-turquoise-beige .catalog-product span,
.theme-turquoise-beige .catalog-product button { color: #f1c892; }
.theme-turquoise-beige .catalog-product button { border-color: rgba(241, 200, 146, .55); }
.theme-turquoise-beige .catalog-product button:hover,
.theme-turquoise-beige .catalog-product button.is-added { border-color: #f1c892; background: #f1c892; color: #0b4849; }
.theme-turquoise-beige .order-summary { border-radius: 26px; }
.theme-turquoise-beige .order-summary dd,
.theme-turquoise-beige .order-summary__total span { color: #f2e4d0; }
.theme-turquoise-beige .checkout-form-panel { border-radius: 28px; overflow: hidden; }
.theme-turquoise-beige .checkout-section header > span {
  border-color: rgba(241, 200, 146, .65);
  background: rgba(241, 200, 146, .08);
  color: #f1c892;
}
.theme-turquoise-beige .fulfillment-switch label > span,
.theme-turquoise-beige .payment-options label > span,
.theme-turquoise-beige .checkout-fields input,
.theme-turquoise-beige .checkout-fields select,
.theme-turquoise-beige .checkout-fields textarea,
.theme-turquoise-beige .dinein-note {
  border-color: rgba(241, 200, 146, .35);
  background: rgba(5, 48, 49, .8);
  color: #fff5e8;
}
.theme-turquoise-beige .fulfillment-switch input:checked + span,
.theme-turquoise-beige .payment-options input:checked + span {
  border-color: #f1c892;
  background: rgba(241, 200, 146, .11);
  box-shadow: inset 0 0 0 1px rgba(241, 200, 146, .13);
}
.theme-turquoise-beige .fulfillment-switch b,
.theme-turquoise-beige .payment-options b { color: #fff2df; }
.theme-turquoise-beige .fulfillment-switch small,
.theme-turquoise-beige .payment-options small,
.theme-turquoise-beige .dinein-note { color: #c4b8a7; }
.theme-turquoise-beige .checkout-fields input:focus,
.theme-turquoise-beige .checkout-fields select:focus,
.theme-turquoise-beige .checkout-fields textarea:focus { border-color: #f1c892; box-shadow: 0 0 0 3px rgba(241, 200, 146, .08); }

.theme-turquoise-beige .order-success {
  min-height: 72vh;
  background:
    radial-gradient(circle at 50% 36%, rgba(241, 200, 146, .13), transparent 28%),
    linear-gradient(180deg, #0b5050, #073b3c);
}
.theme-turquoise-beige .order-success__mark { border-color: #f1c892; background: rgba(241, 200, 146, .1); color: #f1c892; }
.theme-turquoise-beige .order-success h1 { color: #fff7eb; }
.theme-turquoise-beige .order-success h1 em,
.theme-turquoise-beige .order-success > p strong { color: #f1c892; }
.theme-turquoise-beige .order-success > p:not(.shan-kicker) { color: #d1c5b5; }

/* Unified order details page. */
.theme-turquoise-beige .customer-order-details-page { --cd-gold:#f1c892;--cd-gold-light:#f6d8aa;--cd-line:rgba(241,200,146,.38);background:linear-gradient(180deg,#0a4b4c,#063637); }
.theme-turquoise-beige .order-details-welcome { background-image:linear-gradient(90deg,rgba(5,45,46,.3),rgba(5,45,46,.92) 76%),url('/assets/images/dish-mixed-grill-v1.webp'); }
.theme-turquoise-beige .order-detail-head,
.theme-turquoise-beige .order-detail-track,
.theme-turquoise-beige .order-detail-card { background:linear-gradient(145deg,rgba(12,76,76,.98),rgba(5,48,49,.99)); }
.theme-turquoise-beige .order-detail-head h2,
.theme-turquoise-beige .order-detail-card header h2,
.theme-turquoise-beige .order-detail-items article strong { color:#fff5e8; }
.theme-turquoise-beige .order-detail-head time,
.theme-turquoise-beige .order-detail-items article small,
.theme-turquoise-beige .order-detail-info dt,
.theme-turquoise-beige .order-detail-support small { color:#c1b5a5; }
.theme-turquoise-beige .order-detail-track>div i { background:#073b3c;border-color:rgba(241,200,146,.42); }
.theme-turquoise-beige .order-detail-track>b { background:#326667; }
.theme-turquoise-beige .order-detail-items article img { border-color:rgba(241,200,146,.5); }
.theme-turquoise-beige .order-detail-total dd,
.theme-turquoise-beige .order-detail-info dd { color:#f2e7d7; }
.theme-turquoise-beige .order-detail-support { background:rgba(5,48,49,.7); }

@media (max-width:760px) {
  .theme-turquoise-beige .product-order-bar { background:#073b3c;border-color:rgba(241,200,146,.55); }
  .theme-turquoise-beige .product-gallery { border-radius:28px; }
}
