/* Compact, continuous dark glass surfaces */
:root{--glass:linear-gradient(135deg,#ffffff0d,#ffffff03);--edge:#ffffff15}
.hero{min-height:540px;height:72svh;max-height:760px}
.hero h1{font-size:clamp(48px,6.8vw,90px);letter-spacing:-.025em;line-height:1.04}
.explore,.explore:hover{background:transparent;color:#f2eee6;padding:10px 0;gap:18px;margin-top:12px;box-shadow:none}
.explore span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--edge);background:var(--glass);border-radius:50%;transition:transform .4s}
.explore:hover span{transform:translateY(3px)}
.menu-shell{padding:48px 24px 48px}.menu-heading{margin-bottom:22px}.menu-heading h2{font-size:40px;letter-spacing:0}.menu-heading>p{font-size:13px;margin:0}.kicker{letter-spacing:.14em}
.category-grid{position:sticky;top:12px;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;border:1px solid #ffffff20;border-radius:23px;background:#181816e8;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff0e,0 14px 38px #0003}
.category{min-height:62px;padding:12px 16px;border:1px solid transparent;border-radius:17px;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:transparent;transition:background .4s,border-color .4s,box-shadow .4s,transform .4s;color:#aaa9a4}
.category:hover{transform:none;background:#ffffff08;border-color:transparent;color:#fff}
.category.active{color:#fff;background:linear-gradient(135deg,#ffffff1c,#ffffff09);border-color:#ffffff26;box-shadow:inset 0 1px 1px #ffffff17,0 4px 14px #0002}
.category strong{font-size:14px;letter-spacing:.015em}.category small{display:none}.category-icon{display:flex;color:inherit}.category.active .category-icon{color:#f7b07f}.icon{width:22px;height:22px;display:inline-block;flex-shrink:0;vertical-align:middle}
.view-title{padding:20px 0 0;font-size:10px;letter-spacing:.1em;scroll-margin-top:110px}.menu-view{padding-top:30px}.section-head{margin-bottom:18px}.section-head h3{font-size:38px;letter-spacing:.005em;line-height:1.15}.section-head p{font-size:10px;letter-spacing:.13em}
.menu-panel{padding:24px 28px;border-radius:22px;background:var(--glass);border-color:var(--edge);box-shadow:inset 0 1px 0 #ffffff06}.featured{background:linear-gradient(125deg,#f4b17b08,#ffffff03);border-color:#ffffff19}.menu-panel:after{display:none}.panel-title{margin-bottom:12px;gap:12px}.panel-title>span{display:none}.panel-title h4{font-size:25px;letter-spacing:0}.panel-title p{font-size:12px}.item{min-height:49px;padding:13px 0}.item span{font-size:14px}.item b{font-size:13px}.item:last-child{border-bottom:0}.extras{padding:16px 18px;margin-top:20px;border:1px solid #ffffff0d;border-radius:16px;background:#ffffff03}.extras>strong{font-size:10px}.extras>div{gap:8px;margin-top:12px}.extras span{border-radius:9px;background:#ffffff04}.panel-row{gap:12px;margin-top:12px}
.shisha-panel{display:block;position:relative;isolation:isolate;padding:28px;background:radial-gradient(ellipse at 100% 0%,#c58e5620,transparent 60%),var(--glass)}
.shisha-panel .panel-title{padding-right:190px;min-height:58px;margin-bottom:24px}
.shisha-panel .panel-title:before{content:"";display:none}
.shisha-emblem{display:grid;place-items:center;width:48px;height:48px;border:1px solid #f2c8a323;border-radius:16px;background:#edb88e0a;color:#e9b88d}
.shisha-emblem .icon{width:30px;height:30px}.shisha-panel .panel-title h4{font-size:23px}
.big-price{position:absolute;right:28px;top:28px;min-width:0;padding:0;border:0;text-align:right;display:block}
.big-price small{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:4px}.big-price strong{font-size:28px;letter-spacing:0}.big-price>span{margin-left:7px;color:#aaa59b;font-size:10px}
.flavors{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.flavors>span{padding:15px 10px;border-radius:14px;background:linear-gradient(145deg,#ffffff08,#ffffff02);border:1px solid #ffffff10;font-size:13px;display:flex;align-items:center;gap:8px;transition:background .3s,transform .3s}
.flavors>span:before{content:"";width:5px;height:5px;border-radius:50%;background:#d9b28d;box-shadow:0 0 10px #d9b28d30;flex-shrink:0}.flavors>span:hover{background:#ffffff0c;transform:translateY(-2px)}
footer{position:relative;background:linear-gradient(180deg,#0c0c0b,#111110);color:#f1ede5;padding-top:40px;padding-bottom:28px}
.footer-brand{border-color:#ffffff0e;gap:16px;padding-bottom:24px}.footer-brand h2{font-size:28px;letter-spacing:0;line-height:1.2}.footer-brand p{font-size:13px;color:var(--muted)}.footer-brand .brand-mark{background:#f3a16c12;border:1px solid #f3a16c38;color:#f3b085;box-shadow:none}
.contact-cards{padding:22px 0;gap:12px}.contact-card{padding:18px 20px;border:1px solid var(--edge);border-radius:21px;background:var(--glass);box-shadow:inset 0 1px 0 #ffffff08}.contact-card>strong{font-size:16px;font-weight:600;letter-spacing:.04em}.contact-card>div{gap:8px}
.contact-card a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border-radius:24px;border:1px solid #ffffff20;background:linear-gradient(145deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px 0 #ffffff10;color:#eae8e2;transition:transform .3s,background .3s,box-shadow .3s}
.contact-card .whatsapp{background:linear-gradient(145deg,#69daa518,#69daa507);border-color:#69daa529;color:#a6e7c2}.contact-card a .icon{width:16px;height:16px}.contact-card a:hover{background:#ffffff18;box-shadow:0 4px 16px #0002;transform:translateY(-2px)}.copyright{color:#85837c;font-size:9px}
button:focus-visible,a:focus-visible{outline:2px solid #f4b27f;outline-offset:4px}
@media(max-width:760px){.hero{height:65svh;min-height:490px;padding-bottom:40px}.hero h1{font-size:clamp(43px,11.5vw,66px)}.hero-copy{margin-top:100px}.intro{font-size:14px;margin-bottom:10px}.menu-shell{padding:30px 16px}.menu-heading{gap:9px;margin-bottom:18px}.menu-heading h2{font-size:32px}.menu-heading .kicker{margin-top:0}.menu-heading>p{display:none}.category-grid{grid-template-columns:repeat(4,1fr);border-radius:20px;top:8px;gap:3px;padding:5px}.category{flex-direction:column;gap:6px;padding:10px 3px;min-height:64px;border-radius:15px}.category strong{font-size:11px;font-weight:600}.category .icon{width:20px;height:20px}.menu-view{padding-top:25px}.section-head h3{font-size:32px}.menu-panel{padding:20px}.panel-title h4{font-size:23px}.shisha-panel .panel-title{padding-right:0;margin-bottom:18px;min-height:48px}.shisha-panel .panel-title h4{font-size:22px}.shisha-panel .panel-title p{font-size:11px}.big-price{position:static;display:flex;align-items:baseline;gap:8px;text-align:left;border-top:1px solid #ffffff12;padding-top:16px;margin-top:18px}.big-price small{margin:0 auto 0 0}.big-price strong{font-size:26px}.big-price>span{margin:0}.flavors{grid-template-columns:1fr 1fr}.flavors>span{padding:13px 12px;font-size:12px}.flavors>span:last-child{grid-column:1/-1}.footer-brand h2{font-size:24px}.footer-brand p{line-height:1.5}.contact-card{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;padding:17px}.contact-card>strong{font-size:15px}.contact-card a{padding:10px 12px;font-size:11px}.copyright{line-height:1.6}.view-title{scroll-margin-top:106px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}