:root{--g:#1c3128;--gr:#173026;--gr2:#234435;--cr:#e8d6a8;--bg:#edf1e7;--cd:#fff;--tx:#1f2a20;--mu:#5d6b5a;--ac:#3c5c41;--ln:#dbe2d6;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#182019;--cd:#212d23;--tx:#ece6d4;--mu:#a9b3a2;--ac:#c9d68f;--ln:#33423a}}
:root[data-theme="dark"]{--bg:#182019;--cd:#212d23;--tx:#ece6d4;--mu:#a9b3a2;--ac:#c9d68f;--ln:#33423a}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 56px);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:
  radial-gradient(circle at top,rgba(201,162,74,.12),transparent 28%),
  radial-gradient(circle at bottom left,rgba(31,74,58,.08),transparent 30%),
  linear-gradient(180deg,#edf1e7 0%,#f8f4ee 100%);color:var(--tx);font:400 16px/1.6 Cairo,Tahoma,sans-serif;padding-bottom:84px}
header{background:var(--g);color:var(--cr);text-align:center;padding:28px 16px 34px}
header img{width:min(360px,80%);height:auto}
header p{margin:14px auto 0;max-width:34ch;opacity:.9}
.cta{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.cta a{padding:9px 20px;border-radius:99px;border:1.5px solid var(--cr);color:var(--cr);text-decoration:none;font-weight:600}
.cta a:first-child{background:var(--cr);color:var(--g)}
.st{height:12px;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M12 1l5 5-5 5-5-5z' fill='%23d9c7a1'/%3E%3Cpath d='M0 6h3M21 6h3' stroke='%23d9c7a1' stroke-width='2'/%3E%3C/svg%3E") repeat-x center}
nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);z-index:10;background:rgba(22,40,33,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding:12px 14px 14px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;border:1px solid rgba(201,162,74,.18);border-radius:18px;box-shadow:0 10px 26px rgba(12,24,20,.14);direction:rtl;flex-wrap:nowrap;margin:18px 14px 0}
nav::-webkit-scrollbar{display:none}
nav a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:var(--cr);text-decoration:none;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.01em;text-align:center;min-height:40px;border:1px solid rgba(248,232,183,.18);background:rgba(255,255,255,.02);transition:all .22s ease;direction:rtl;unicode-bidi:plaintext;flex-shrink:0;min-width:max-content}
nav a:hover,nav a:focus-visible{background:linear-gradient(135deg,#f0dca4,#c9a24a);color:var(--g);outline:none;transform:translateY(-1px);box-shadow:0 8px 16px rgba(201,162,74,.2)}
nav a.on{background:linear-gradient(135deg,#f0dca4,#c9a24a);color:var(--g);border-color:rgba(201,162,74,.5);box-shadow:0 10px 20px rgba(201,162,74,.24)}
main{max-width:760px;margin:0 auto;padding:8px 14px}
h2{font-weight:800;font-size:24px;margin:30px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--ac)}
article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln)}
@media (min-width: 900px){
  main{max-width:1120px}
  #menu section{padding-top:6px}
}
h3{margin:0;font-size:17px;font-weight:600}article p{margin:2px 0 0;font-size:13px;color:var(--mu)}
.o{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
button{font:inherit;cursor:pointer}
.o button{background:linear-gradient(180deg,#ffffff,#f2efe7);color:var(--tx);border:1.5px solid rgba(60,92,65,.28);border-radius:12px;padding:5px 12px;font-size:14px;font-weight:700;box-shadow:0 6px 14px rgba(24,41,31,.08);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border-inline-start:3px solid rgba(201,162,74,.8)}
.o button b{color:var(--ac)}.o button:hover,.o button:active{background:linear-gradient(135deg,var(--ac),#274d39);color:var(--cd);box-shadow:0 12px 20px rgba(24,41,31,.12)}.o button:hover b,.o button:active b{color:var(--cd)}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
footer{background:var(--g);color:var(--cr);padding:26px 16px;text-align:center}
footer a{color:var(--cr)}footer p{margin:6px 0}
#bar{position:fixed;inset-inline:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);max-width:736px;margin:auto;display:flex;justify-content:space-between;background:var(--g);color:var(--cr);border:2px solid var(--cr);border-radius:14px;padding:12px 18px;font-weight:600;z-index:6;box-shadow:0 4px 18px #0005}
#bar[hidden]{display:none}
dialog{width:min(560px,calc(100vw - 20px));max-height:92vh;margin:auto;border:0;border-radius:22px;background:var(--bg);color:var(--tx);padding:18px;overflow:auto;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
dialog::backdrop{background:#000a}
#lines{list-style:none;padding:0;margin:0}#lines li{display:grid;grid-template-columns:1fr auto 78px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ln)}
.q button{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ac);background:none;color:var(--tx)}.q{display:flex;gap:8px;align-items:center}
label{display:block;margin:10px 0 3px;font-weight:600;font-size:14px}
input:not([type=radio]),textarea{width:100%;padding:9px 11px;border:1.5px solid var(--ln);border-radius:10px;background:var(--cd);color:var(--tx);font:inherit}
.r{display:flex;gap:8px;flex-wrap:wrap}.r label{display:flex;gap:6px;align-items:center;margin:0;padding:7px 12px;border:1.5px solid var(--ln);border-radius:10px;background:var(--cd);font-weight:400}
.r label:has(input:checked){border-color:var(--ac);background:var(--ac);color:var(--cd)}
#pn{font-size:13px;color:var(--mu);margin:6px 0 0}
.tot{display:flex;justify-content:space-between;font-size:19px;font-weight:800;margin:12px 0}
.go{width:100%;padding:13px;border:0;border-radius:12px;background:var(--g);color:var(--cr);font-weight:800;font-size:17px}
#err{color:#b3261e;font-size:14px;min-height:1.4em}.x{float:left;background:none;border:0;font-size:26px;color:var(--tx)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}
:root{--hero:linear-gradient(135deg,#e3e9d3,#f3efe2)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--hero:linear-gradient(135deg,#1f2d21,#182019)}}
:root[data-theme="dark"]{--hero:linear-gradient(135deg,#1f2d21,#182019)}
.top{display:flex;align-items:center;gap:12px;padding:16px 14px;max-width:1000px;margin:auto}
.hi small{display:block;color:var(--mu);font-size:12px}.hi b{font-size:20px;font-weight:800}
.se{flex:1}.se input{border-radius:99px;padding:12px 20px}
.cb{position:relative;width:48px;height:48px;border-radius:14px;border:0;background:var(--g);color:var(--cr);font-size:20px}
.cb i{position:absolute;top:-6px;left:-6px;background:var(--cr);color:var(--g);border-radius:99px;min-width:20px;font:800 12px/20px Cairo,sans-serif;text-align:center}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;max-width:1000px;margin:8px auto;padding:36px 28px;border-radius:32px;background:linear-gradient(140deg,rgba(11,24,20,.98),rgba(24,52,42,.96) 35%,rgba(15,29,24,.96));border:1px solid rgba(232,214,168,.2);box-shadow:0 30px 90px rgba(7,17,14,.28),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden;isolation:isolate;transform-style:preserve-3d;perspective:1200px;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
.hero::before{content:"";position:absolute;inset:-12% -6% auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(240,221,170,.32),rgba(240,221,170,.16) 26%,transparent 68%);filter:blur(12px);animation:orbitalGlow 9s ease-in-out infinite alternate;z-index:0}
.hero::after{content:"";position:absolute;left:-12%;bottom:-18%;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(212,184,100,.24),rgba(212,184,100,.08) 26%,transparent 68%);filter:blur(18px);animation:orbitalGlow 12s ease-in-out infinite alternate-reverse;z-index:0}
.hero .ht{position:relative;z-index:2}
.hero .ht::before{content:"";position:absolute;inset:-20px -18px -18px -18px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,0));pointer-events:none}
.hero .ht::after{content:"";position:absolute;inset:auto 14% -14px 0;height:1px;background:linear-gradient(90deg,rgba(240,221,170,.8),transparent);opacity:.75}
.orb{position:absolute;display:block;border-radius:50%;pointer-events:none;z-index:0;border:1px solid rgba(233,214,168,.24);box-shadow:inset 0 0 18px rgba(233,214,168,.08),0 0 30px rgba(233,214,168,.09);animation:floatOrb 8s ease-in-out infinite}
.orb-a{width:180px;height:180px;right:10%;top:7%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2),rgba(233,214,168,.1) 25%,transparent 69%)}
.orb-b{width:120px;height:120px;left:8%;bottom:16%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.14),rgba(180,142,46,.06) 24%,transparent 68%);animation-delay:1.4s}
.orb-c{width:200px;height:200px;left:44%;top:18%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.12),rgba(60,92,65,.08) 42%,transparent 68%);animation-delay:2.4s}
.hero > *{position:relative;z-index:1}
.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;font-weight:800;margin:0 0 12px;color:#f7f4eb;letter-spacing:-.03em;text-shadow:0 10px 30px rgba(7,12,10,.28),0 0 20px rgba(230,214,163,.18)}
.hero p{color:rgba(247,244,235,.82);max-width:38ch;margin:0;font-size:17px;line-height:1.8}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--cr);font-size:12px;font-weight:700;letter-spacing:.02em;border:1px solid rgba(232,214,168,.18);backdrop-filter:blur(3px);box-shadow:0 8px 18px rgba(0,0,0,.08)}
.hero-badge.subtle{background:rgba(232,214,168,.12);color:#f7f4eb;border:1px solid rgba(232,214,168,.22)}
.hbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
@media(max-width:520px){
  .hero{padding:22px 16px;border-radius:22px;gap:18px}
  .hero h1{font-size:clamp(30px,9vw,44px);line-height:1.15}
  .hero p{font-size:14px;line-height:1.7}
  .hero-badges{gap:8px;margin-bottom:12px}
  .hero-badge{font-size:11px;padding:7px 10px}
  .hbs{margin-top:18px}
  .hbs .hb{width:100%;justify-content:center;text-align:center}
}
.hb{padding:12px 26px;border-radius:16px;border:2px solid var(--g);font-weight:800;text-decoration:none;font-size:16px;box-shadow:0 14px 26px rgba(24,41,31,.12);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}
.hb::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 35%,transparent 65%,rgba(255,255,255,.16));transform:translateX(-100%);transition:transform .45s ease}
.hb:hover::before{transform:translateX(100%)}
.hb.a{background:linear-gradient(135deg,#234435,#173026);color:var(--cr);border-color:rgba(232,214,168,.45);box-shadow:0 20px 32px rgba(23,48,38,.22)}.hb.b{background:linear-gradient(135deg,#ecd699,#c9a24a);color:var(--g);border-color:#b48a2c;box-shadow:0 20px 32px rgba(201,162,74,.28)}
.hb:hover{transform:translateY(-2px)}
.art{background:linear-gradient(180deg,#203028,#2a3d31);border-radius:28px;padding:28px 18px 0;overflow:hidden;border:1px solid rgba(201,162,74,.28);box-shadow:0 32px 70px rgba(10,18,15,.34),0 18px 30px rgba(20,33,28,.2);position:relative;transform-style:preserve-3d;perspective:1200px;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
.art::before{content:"";position:absolute;inset:12px;border-radius:22px;background:radial-gradient(circle at 20% 18%,rgba(233,214,168,.48),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.14),transparent 52%,rgba(233,214,168,.12));pointer-events:none;transform:translateZ(18px)}
.art::after{content:"";position:absolute;inset:auto 14% -10% 14%;height:26%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(7,15,12,.28));filter:blur(16px);border-radius:50%;pointer-events:none}
.art img{width:100%;height:auto;display:block;filter:saturate(1.1) contrast(1.08);transform:translateZ(38px) scale(1.02)}.art .st{margin:22px -18px 0}
.art-glow{position:absolute;inset:18% 16% auto auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(233,214,168,.5),rgba(233,214,168,0) 68%);filter:blur(12px);transform:translateZ(70px)}
.floating-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:rgba(14,23,19,.42);border:1px solid rgba(233,214,168,.35);color:var(--cr);font-size:12px;font-weight:700;backdrop-filter:blur(4px);box-shadow:0 12px 24px rgba(12,24,20,.16);transform:translateZ(60px);animation:floatBadge 6s ease-in-out infinite}
.badge-top{top:20px;left:22px;animation-delay:0s}
.badge-middle{right:18px;top:52%;animation-delay:1.2s}
.badge-bottom{left:24px;bottom:28px;animation-delay:2.4s}
.tilt-card{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(0px);box-shadow:0 30px 60px rgba(19,31,19,.22),0 20px 30px rgba(31,46,38,.16)}
.tilt-card .hp{transform:translateZ(42px) scale(1.04);border-radius:20px}
@keyframes floatBadge{0%,100%{transform:translate3d(0,0,60px)}50%{transform:translate3d(0,-8px,70px)}}
@keyframes orbitalGlow{0%{transform:scale(.92) translate3d(0,0,0)}50%{transform:scale(1.08) translate3d(6px,-8px,0)}100%{transform:scale(.98) translate3d(-10px,6px,0)}}
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.08)}}
.feature-strip{max-width:1000px;margin:12px auto 0;padding:0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.feature-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(239,218,170,.12),rgba(255,255,255,.64));border:1px solid rgba(201,162,74,.24);box-shadow:0 10px 24px rgba(23,48,38,.07),inset 0 1px 0 rgba(255,255,255,.2);font-size:15px;color:var(--tx);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));position:relative;overflow:hidden}
.feature-item::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%,rgba(201,162,74,.08));pointer-events:none}
.feature-item:hover{transform:translateY(-3px) perspective(1000px) rotateX(2deg) rotateY(-3deg);box-shadow:0 18px 30px rgba(23,48,38,.12),0 0 0 1px rgba(201,162,74,.12)}
.feature-item span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#234435,#163128);color:var(--cr);font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 22px rgba(19,38,31,.15)}
.feature-item strong{font-size:14px;position:relative;z-index:1}
.store-panel{max-width:1000px;margin:12px auto 0;padding:0 14px;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(201,162,74,.12),rgba(37,51,38,.04));border:1px solid rgba(201,162,74,.4);border-radius:18px;padding:14px 16px}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--g);color:var(--cr);font-weight:700;font-size:14px;min-width:126px;justify-content:center}
.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(201,162,74,.18);display:inline-block}
.store-panel.open .status-pill{background:#dfeecf;color:#1d4428}
.store-panel.closed .status-pill{background:#f4e2d8;color:#7d2b1c}
.store-panel .panel-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.store-panel strong{font-size:18px}
.store-panel small{color:var(--mu);line-height:1.5}
@media(max-width:520px){
  .store-panel{padding:12px 14px;align-items:flex-start}
  .status-pill{width:100%;min-width:0}
  .store-panel strong{font-size:16px}
  .store-panel small{font-size:12px}
}
.hours{max-width:1000px;margin:16px auto 0;padding:0 14px}
.hours-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid rgba(201,162,74,.25);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(241,233,209,.68));color:var(--tx);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 12px 24px rgba(23,48,38,.05);transition:transform .2s ease,box-shadow .2s ease}
.hours-toggle:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(23,48,38,.08)}
.hours-toggle span:first-child{font-size:16px}
.hours-toggle::after{content:'▾';font-size:16px;transition:transform .2s ease;color:var(--g)}
.hours.compact-hours.open .hours-toggle::after{transform:rotate(180deg)}
.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#ede7cd;color:var(--g);border:1px solid rgba(37,51,38,.15)}
.status-badge.open{background:#dfeecf;color:#1a3a22;border-color:rgba(26,58,34,.2)}
.status-badge.closed{background:#f4e2d8;color:#7d2b1c;border-color:rgba(125,43,28,.2)}
.hours-panel{display:none;margin-top:10px;animation:hoursOpen .25s ease}
.hours.compact-hours.open .hours-panel{display:block}
.hours-inline-strip{background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(245,239,220,.6));border:1px solid rgba(201,162,74,.2);border-radius:16px;padding:8px}
.hours-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.hours-card{background:var(--cd);border:1px solid var(--ln);border-radius:10px;padding:8px 6px;box-shadow:0 6px 16px rgba(0,0,0,.02);min-height:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
@media(max-width:520px){
  .hours-toggle{padding:9px 12px}
  .hours-toggle span:first-child{font-size:14px}
  .status-badge{font-size:11px;padding:5px 10px}
  .hours-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hours-card{min-height:58px;padding:8px 8px}
  .hours-card strong{font-size:10px}
  .hours-extra{grid-template-columns:1fr}
}
.hours-card h3{margin:0 0 8px;font-size:16px}
.hours-card small{display:block;color:var(--mu);font-size:9px;letter-spacing:.02em;margin-bottom:2px}
.hours-card strong{font-size:11px;line-height:1.3;font-weight:700}
.hours-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--ln);font-size:13px}
.hours-row:last-child{border-bottom:none}
.hours-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.hidden-hours{display:none !important}
.hours-list{display:grid;gap:4px}
.hours-item{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--ln);font-size:12px}
.hours-item:last-child{border-bottom:none}
.mo{max-width:1000px;margin:26px auto 10px;padding:0 14px;border:0}
.best{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:1000px;margin:0 auto 12px;padding:0 14px}
.bc{background:linear-gradient(180deg,#fffdf9,#f3ead6);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(201,162,74,.2);box-shadow:0 14px 32px rgba(27,42,33,.08),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .25s,box-shadow .25s,border-color .25s;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));position:relative;overflow:hidden}
.bc::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(233,214,168,.18),transparent 24%,transparent 72%,rgba(121,148,104,.1));pointer-events:none}
.bc:hover{box-shadow:0 18px 36px rgba(27,42,33,.12),0 0 0 1px rgba(201,162,74,.1)}
.bc b{font-weight:700;font-size:16px;position:relative;z-index:1}.bc span{color:var(--ac);font-weight:800;position:relative;z-index:1}.bc button{margin-top:auto;border:0;border-radius:12px;padding:9px 10px;background:linear-gradient(135deg,#1d3329,#2b4739);color:var(--cr);font-weight:700;box-shadow:0 10px 18px rgba(29,51,41,.15);position:relative;z-index:1}
.rail{display:none}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding:22px 18px}.art{order:-1}.top{flex-wrap:wrap}.se{flex:1 1 100%;order:2}.cb{order:3}.hbs{flex-direction:column}.hb{width:100%;text-align:center}.feature-strip{grid-template-columns:1fr}.feature-item{justify-content:flex-start}.store-panel{flex-direction:column;align-items:flex-start}.status-pill{width:100%}.hours-head{flex-direction:column;align-items:flex-start}.hours-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hours-extra{grid-template-columns:1fr}.hours-item,.hours-row{font-size:13px}.hours-inline-strip{padding:6px}.hours-toggle{padding:8px 12px}.hours-toggle span:first-child{font-size:14px}
nav{padding:10px 10px 12px;gap:8px}
nav a{padding:8px 14px;font-size:13px;min-height:36px;min-width:fit-content}}@media(min-width:900px){body{padding-right:118px}.rail{display:flex;flex-direction:column;gap:6px;position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:7;background:var(--cd);padding:10px 8px;border-radius:22px;box-shadow:0 8px 30px #0003}
.rail a{display:flex;flex-direction:column;align-items:center;width:66px;padding:9px 0;border-radius:16px;text-decoration:none;color:var(--tx);font-size:12px;font-weight:600}
.rail a:hover,.rail a:focus-visible{background:var(--g);color:var(--cr)}.rail i{font-style:normal;font-size:22px}
main{max-width:1000px}main section{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}h2{grid-column:1/-1}}

:root{--go:#c9a24a}
.ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.se{position:relative}.si{position:absolute;top:50%;margin-top:-11px;inset-inline-start:16px;color:var(--mu)}.se input{padding-inline-start:46px}
.cb .ic{color:var(--cr)}.rail i{display:block;line-height:0}.rail .ic{width:24px;height:24px}
.hb.b{background:linear-gradient(135deg,#ecd699,#c9a24a);border-color:#b48a2c;color:#253326}
h2{border-image:linear-gradient(to left,var(--go),var(--ln)) 1}
.hero{position:relative;overflow:hidden}.hero>*{position:relative;z-index:1}.hero>.br{position:absolute;z-index:0;right:6px;top:-6px;width:130px;color:var(--ac);opacity:.25;transform-origin:20% 100%}
.fs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;max-width:1000px;margin:14px auto;padding:0 14px}
.fs a{display:flex;gap:12px;align-items:center;padding:14px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f5f1e8);border:1px solid rgba(201,162,74,.2);text-decoration:none;color:var(--tx);transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 10px 22px rgba(23,48,38,.04)}
.fs a:hover{transform:translateY(-3px);border-color:rgba(201,162,74,.5);box-shadow:0 16px 26px rgba(23,48,38,.08)}
.fs .ic{width:40px;height:40px;padding:9px;border-radius:12px;background:linear-gradient(135deg,#234435,#163128);color:var(--go)}.fs b{display:block;font-size:15px}.fs small{color:var(--mu);font-size:12px}
@media(max-width:520px){
  .fs{grid-template-columns:1fr 1fr;gap:10px}
  .fs a{padding:12px 10px;min-height:84px;align-items:flex-start}
  .fs .ic{width:34px;height:34px;padding:7px}
  .fs b{font-size:13px;line-height:1.4}
  .fs small{display:block;font-size:11px;line-height:1.4}
}
.bc{transition:transform .25s,box-shadow .25s}.bc:hover{transform:translateY(-4px);box-shadow:0 18px 28px rgba(24,41,31,.12);border-color:rgba(201,162,74,.45)}
nav a.on{background:var(--cr);color:var(--g)}.sm{stroke-dasharray:1}
#ts{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 86px);transform:translate(-50%,16px);background:var(--cd);color:var(--tx);border:1.5px solid var(--go);padding:8px 18px;border-radius:99px;opacity:0;pointer-events:none;transition:.25s;z-index:9;font-size:14px;max-width:90vw}
#ts.on{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:no-preference){
@keyframes up{from{opacity:0;transform:translateY(22px)}}@keyframes zi{from{opacity:0;transform:scale(.9)}}
@keyframes dr{from{stroke-dashoffset:1}}@keyframes gr{from{transform:scale(0)}}@keyframes sw{to{transform:rotate(4deg)}}
@keyframes mv{to{background-position-x:-240px}}@keyframes bp{40%{transform:scale(1.18)}}@keyframes sl{from{transform:translateY(40px);opacity:0}}@keyframes hoursOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.hero h1{animation:up .8s .1s both}.hero p{animation:up .8s .3s both}.hbs{animation:up .8s .5s both}.art{animation:zi 1s .2s both}
.sm{animation:dr 1.6s .6s ease-out both}.lf{transform-box:fill-box;transform-origin:50% 100%;animation:gr .6s var(--d) cubic-bezier(.3,1.5,.5,1) both}
.hero>.br{animation:sw 6s 3s ease-in-out infinite alternate}
.st{background-position:0 50%;animation:mv 14s linear infinite}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}
.cb.bp{animation:bp .4s}#bar{animation:sl .35s}dialog[open]{animation:sl .3s ease-out}
.o button,.bc button,.hb,.go{transition:transform .15s,background .2s}.o button:active,.bc button:active,.hb:active{transform:scale(.94)}}

.art{padding:0;position:relative;aspect-ratio:4/5;max-height:540px}.art .hp{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}

/* Sticky search bar that remains visible on scroll */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:11;padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,0.75),rgba(255,255,255,0.5));backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,0,0,.06)}
@media (prefers-color-scheme:dark){.top{background:linear-gradient(180deg,rgba(33,45,35,0.88),rgba(33,45,35,0.72))}}
.se input{box-shadow:0 6px 18px rgba(12,24,20,.06);border-radius:99px;padding:12px 18px;transition:box-shadow .18s,transform .18s,width .18s;width:100%}
.se input:focus{box-shadow:0 14px 38px rgba(12,24,20,.12);transform:translateY(-2px);outline:none}

/* Menu sections: faint logo behind each section */
#menu section{position:relative;overflow:visible}
#menu section::before{content:'';position:absolute;right:14px;top:10px;width:160px;height:160px;background-image:url('../images/favicon.svg');background-size:contain;background-repeat:no-repeat;opacity:0.06;filter:grayscale(1) saturate(0);transform:rotate(12deg);pointer-events:none;z-index:0}
#menu section > h2,#menu section article{position:relative;z-index:1}

/* Article hover polish */
article{transition:transform .22s ease,box-shadow .22s ease}
article:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,30,22,.08);border-radius:12px}

/* Thumbnail image polish */
.th{border-radius:14px;box-shadow:0 8px 18px rgba(12,24,20,.06);transition:transform .25s}
.th:hover{transform:scale(1.04)}

/* Responsive adjustments for logo size */
@media(max-width:700px){
  #menu section::before{width:110px;height:110px;right:10px;top:8px;opacity:0.05}
  .top{padding:10px}
}
.best{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bc{padding:10px 10px 14px}
.bc .ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}.ph.pt{background:var(--g);display:grid;place-items:center}.pt .ic{width:38px;height:38px;color:var(--go)}
@media(max-width:700px){.art{aspect-ratio:4/3}}
@media(max-width:899px){.rail{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:8;justify-content:space-around;background:var(--cd);border-top:1px solid var(--ln);padding:6px 6px calc(env(safe-area-inset-bottom,0px) + 6px)}
.rail a{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;text-decoration:none;color:var(--tx);font-size:12px;font-weight:600}.rail .ic{width:22px;height:22px}
#bar{bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}#ts{bottom:calc(env(safe-area-inset-bottom,0px) + 140px)}body{padding-bottom:150px}}
@media(max-width:520px){.top{padding:12px 10px}.se input{padding:11px 18px}.hero h1{font-size:clamp(30px,9vw,42px)}.hero p{font-size:15px}.mo,.best,.fs,.hours,.store-panel,.top{padding-left:10px;padding-right:10px}.gg{padding:0 10px}.dialog{padding:14px}.#lines li{grid-template-columns:1fr auto 64px}.#bar{inset-inline:8px;padding:10px 14px}#bar span{font-size:14px}.#bar b{font-size:15px}.#sh form{padding-bottom:18px}}

.rail{background:var(--g);border:1px solid #d9c7a138;box-shadow:0 12px 34px #0005,0 0 0 1px #0002}
.rail a{position:relative;z-index:1;color:var(--cr);gap:3px;transition:color .3s;background:none}
.rail a:not(.on):hover,.rail a:not(.on):focus-visible{background:none;color:var(--go)}
.rail a.on,.rail a.on:hover{color:var(--g);background:none}
.rail i{display:block;line-height:0;transition:transform .3s}.rail a:hover i{transform:translateY(-3px)}
.rail .ic{width:26px;height:26px}
.ind{position:absolute;z-index:0;left:0;top:0;width:0;height:0;border-radius:18px;background:linear-gradient(135deg,#f0dca4,#c9a24a);box-shadow:0 4px 16px #c9a24a77;opacity:0;transition:left .45s cubic-bezier(.5,1.4,.4,1),top .45s cubic-bezier(.5,1.4,.4,1),width .3s,height .3s,opacity .3s}.ind.on{opacity:1}
.mp i{position:relative}.mp i::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid var(--go);opacity:0}
nav a.on{background:linear-gradient(135deg,#f0dca4,#c9a24a);color:var(--g)}
@media(min-width:900px){.rail{padding:10px;gap:4px;border-radius:28px}.rail a{width:70px;padding:11px 0;border-radius:18px}}
@media(max-width:899px){.rail{inset-inline:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);border-radius:28px;padding:6px;border-top:1px solid #d9c7a138}
.rail a{padding:9px 0;border-radius:22px}.ind{border-radius:22px}
#bar{bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}#ts{bottom:calc(env(safe-area-inset-bottom,0px) + 156px)}body{padding-bottom:170px}}
@media(prefers-reduced-motion:no-preference){
@keyframes hop{40%{transform:translateY(-6px) scale(1.18)}}@keyframes pr{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes rd{from{margin-right:-100px;opacity:0}}@keyframes rm{from{margin-bottom:-100px;opacity:0}}
.rail a.on i{animation:hop .55s}.mp i::before{animation:pr 2.2s ease-out infinite}
@media(min-width:900px){.rail{animation:rd .8s 1.2s cubic-bezier(.2,1.2,.4,1) both}}
@media(max-width:899px){.rail{animation:rm .8s 1.2s cubic-bezier(.2,1.2,.4,1) both}}}

.lg,.lg2{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:linear-gradient(110deg,var(--cr) 40%,#f8ebbd 50%,var(--cr) 60%);background-size:300% 100%;background-position:100% 0}
.lg.a{-webkit-mask-image:var(--ma);mask-image:var(--ma)}.lg.b{-webkit-mask-image:var(--mb);mask-image:var(--mb)}.lg2{display:block;aspect-ratio:var(--ar);-webkit-mask-image:var(--mf);mask-image:var(--mf)}
#sp{position:fixed;inset:0;z-index:100;background:#253326;display:grid;place-items:center;transition:opacity .9s}#sp.out{opacity:0;pointer-events:none}
#sp:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#25332633,#253326ee 78%)}
.sbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;animation:kb 12s ease-out both}
.sv{position:relative;z-index:1;width:min(680px,88vw);aspect-ratio:var(--ar)}.lg{position:absolute;inset:0}
.gl{position:absolute;left:54%;top:53%;width:16%;aspect-ratio:1;margin:-8% 0 0 -8%;border-radius:50%;background:radial-gradient(#f0dca4aa,transparent 65%);animation:gl 2.8s 4.5s ease-out both}
.sk{position:absolute;z-index:2;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);inset-inline-end:20px;background:none;border:1.5px solid #d9c7a166;color:var(--cr);border-radius:99px;padding:6px 18px;font-size:14px}
@keyframes wr{from{clip-path:inset(-5% 0 -5% 100%)}to{clip-path:inset(-5% 0 -5% 0)}}
@keyframes gw{from{clip-path:inset(54% 0 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}
@keyframes gl{0%{transform:scale(0);opacity:0}40%{opacity:1}100%{transform:scale(2.4);opacity:0}}
@keyframes sh{to{background-position:0 0}}@keyframes kb{from{transform:scale(1.18)}to{transform:scale(1)}}
.lg.a{animation:wr 3s 1s cubic-bezier(.6,0,.3,1) both,sh 2s 7.6s ease-in-out both}
.lg.b{animation:gw 2.8s 4.5s cubic-bezier(.3,.8,.3,1) both,sh 2s 7.6s ease-in-out both}
.lp{display:block;background:var(--g);border-radius:14px;padding:9px 16px;width:136px}.art .chip{width:170px}
@media(prefers-reduced-motion:no-preference){.lg2{animation:sh 4s 11s ease-in-out infinite alternate}.rd .rail{animation:rm .8s cubic-bezier(.2,1.2,.4,1) both}}
body .rail{animation:none}
#mf{width:100%;height:min(52vh,380px);border:0;border-radius:14px;background:var(--cd)}
.rail{display:flex;flex-direction:row;position:fixed;top:auto;left:auto;right:14px;inset-inline:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:none;width:auto;padding:5px;gap:2px;border-radius:22px}
.rail a{width:auto;min-width:58px;flex:none;padding:7px 10px;border-radius:17px;font-size:11px}.rail .ic{width:21px;height:21px}.ind{border-radius:17px}
body{padding-right:0;padding-bottom:120px}#bar{bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}#ts{bottom:calc(env(safe-area-inset-bottom,0px) + 148px)}
.rail{left:50%;right:auto;transform:translateX(-50%)}
article>div:not(.o){flex:1}.th{width:68px;height:68px;object-fit:cover;border-radius:14px;flex-shrink:0}.sbg{object-position:50% 40%}
.gg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:1000px;margin:0 auto 24px;padding:0 14px}
.gi{padding:0;border:0;border-radius:16px;overflow:hidden;aspect-ratio:1;background:var(--cd);cursor:zoom-in}.gi.w{grid-column:span 2;aspect-ratio:2/1}
.gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.gi:hover img{transform:scale(1.07)}
#lb{width:min(900px,96vw);padding:8px;background:#000;border-radius:16px;margin:auto}#lb img{width:100%;max-height:86vh;object-fit:contain;display:block}#lb::backdrop{background:#000d}
@media(min-width:700px){.gg{grid-template-columns:repeat(3,1fr)}main section{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}h2{grid-column:1/-1}}
@media(min-width:1100px){.gg{grid-template-columns:repeat(4,1fr)}.top,.hero,.mo,.best,.fs,main,.gg{max-width:1160px}}