:root{--bg:#040604;--panel:#0b0d08;--gold:#d49a32;--gold2:#ffbe4d;--neon:#9dff28;--orange:#ff6a1f;--text:#f7e7ba;--muted:#a99969;--line:rgba(216,154,50,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#040604;color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-5;background:url("assets/jungle-main-bg.png") center/cover no-repeat fixed;filter:saturate(1.05) contrast(1.08);opacity:.62}
body:after{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 20% 18%,rgba(157,255,40,.11),transparent 32%),radial-gradient(circle at 88% 28%,rgba(255,106,31,.16),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(4,6,4,.94) 72%,#040604)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,.wood-sign strong{font-family:"Bebas Neue",Inter,sans-serif;letter-spacing:.025em}
h1{font-size:clamp(4rem,7.8vw,8.2rem);line-height:.86;margin:28px 0 12px;color:#f3d69a;text-shadow:0 0 25px rgba(255,106,31,.45)}
h2{font-size:clamp(2.3rem,5vw,5.2rem);line-height:.92;margin:0 0 12px}p{color:var(--muted);line-height:1.55}.eyebrow{margin:0 0 9px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold2);font-size:.72rem;font-weight:900}
.site-header{position:fixed;z-index:50;top:24px;left:50%;transform:translateX(-50%);width:min(1500px,calc(100% - 46px));height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border:1px solid rgba(216,154,50,.28);border-radius:14px;background:rgba(2,4,2,.54);backdrop-filter:blur(14px);box-shadow:0 0 40px rgba(0,0,0,.45)}
.logo{display:flex;gap:13px;align-items:center}.logo-mask{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#55320e,#050402);box-shadow:0 0 20px rgba(212,154,50,.35)}.logo b{display:block;font-size:1.3rem;color:#f8d285;letter-spacing:.08em}.logo small{display:block;font-size:.7rem;color:var(--muted)}
nav{display:flex;gap:34px;text-transform:uppercase;font-size:.78rem;letter-spacing:.14em;font-weight:900;color:#d9bf81}.header-btn{padding:14px 24px;border:1px solid var(--gold);border-radius:8px;color:#ffd27b;font-weight:900;box-shadow:inset 0 0 20px rgba(255,106,31,.11),0 0 18px rgba(255,106,31,.18)}
.hero{position:relative;min-height:100vh;padding:120px max(32px,calc((100vw - 1500px)/2)) 40px;display:grid;grid-template-columns:.9fr 1.28fr .55fr;gap:26px;align-items:center}.hero-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,5,3,.92),rgba(3,5,3,.34),rgba(3,5,3,.68))}
.hero-left{padding-top:60px}.wood-sign{display:inline-flex;flex-direction:column;gap:3px;padding:20px 28px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(41,25,8,.88),rgba(12,8,4,.75));border:1px solid rgba(216,154,50,.35);box-shadow:0 0 40px rgba(255,106,31,.2)}.wood-sign span{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#dcb56d}.wood-sign strong{font-size:5rem;line-height:.75;color:#bfff2f;text-shadow:0 0 12px rgba(157,255,40,.8),0 0 40px rgba(157,255,40,.35)}
.hero-left>p{font-size:1.05rem;max-width:560px;color:#c6b37d}.steps{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.steps span{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.09em;color:#d2b574;padding:11px 13px;border:1px solid rgba(216,154,50,.22);border-radius:12px;background:rgba(0,0,0,.25)}
.hero-center{position:relative;min-height:720px}.gorilla-art{position:absolute;left:0;top:60px;width:330px;height:440px;background:radial-gradient(circle at 50% 64%,#6d4a2a 0 60px,transparent 61px),linear-gradient(145deg,#2b2118,#050402);border-radius:44% 44% 35% 35%;box-shadow:0 35px 90px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.1)}.gorilla-art:before,.gorilla-art:after{content:"";position:absolute;top:132px;width:72px;height:85px;background:#0c0907;border-radius:50%}.gorilla-art:before{left:-34px}.gorilla-art:after{right:-34px}.neon-script{position:absolute;left:710px;top:24px;width:300px;color:#ff8c28;font-family:cursive;font-size:3.3rem;line-height:1.1;transform:rotate(-8deg);text-shadow:0 0 14px #ff6a1f,0 0 40px rgba(255,106,31,.6)}
.phone{position:absolute;width:315px;height:635px;border-radius:45px;padding:14px;background:#050505;border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 100px rgba(0,0,0,.7),0 0 45px rgba(212,154,50,.15)}.phone-a{left:260px;top:30px;transform:rotate(-6deg)}.phone-b{left:590px;top:90px;width:295px;height:570px;transform:rotate(2deg)}.notch{position:absolute;z-index:2;top:12px;left:50%;transform:translateX(-50%);width:110px;height:22px;background:#030303;border-radius:0 0 16px 16px}
.phone-content{position:relative;height:100%;border-radius:34px;overflow:hidden;padding:78px 22px 22px;background:linear-gradient(180deg,rgba(7,10,5,.75),rgba(9,7,4,.97)),url("assets/showcase-poster.png") center/cover}.phone-product{display:grid;grid-template-columns:94px 1fr;gap:14px;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.42)}.phone-product h3,.hookah-screen h3{margin:0;color:#f8d285}.phone-product p,.hookah-screen p{font-size:.78rem;margin:6px 0;color:#d1bc79}.phone-product b,.hookah-screen b{display:block;color:#ffe083;margin-bottom:8px}.phone-product button{padding:8px 18px;border:1px solid var(--gold);background:rgba(0,0,0,.35);color:#ffd27b;border-radius:8px;font-weight:900}.mini-drink{height:125px;border-radius:18px;background:linear-gradient(145deg,#88d247,#eaffbd)}.rec{margin-top:28px}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phone-grid span{height:72px;border:1px solid rgba(216,154,50,.25);border-radius:12px;background:rgba(0,0,0,.34);padding:8px;font-size:.62rem;font-weight:900;color:#efcf83}.phone-nav{position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-around;padding-top:10px;border-top:1px solid rgba(216,154,50,.22)}
.hookah-visual{height:210px;margin-bottom:20px;position:relative}.hookah-visual span{position:absolute;left:90px;bottom:20px;width:80px;height:130px;border-radius:42% 42% 28% 28%;background:linear-gradient(145deg,#32124a,#7f3d99,#13091b);box-shadow:0 0 35px rgba(188,76,255,.5)}.flavor-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.flavor-tags span{border:1px solid rgba(216,154,50,.35);border-radius:8px;padding:7px;font-size:.68rem;text-align:center;color:#d8bf82}
.hero-drink{position:relative;min-height:650px}.big-cocktail{position:absolute;right:8px;top:190px;width:260px;height:330px;border-radius:28px 28px 90px 90px;background:linear-gradient(180deg,#ffae4a 0%,#ed641c 70%,#8e2f10);clip-path:polygon(10% 0,90% 0,82% 100%,18% 100%);box-shadow:0 0 70px rgba(255,106,31,.5),inset 0 0 40px rgba(255,255,255,.17)}.slice{position:absolute;right:18px;top:-42px;width:110px;height:110px;border-radius:50%;background:conic-gradient(#f6ffb3,#ff7b25,#4b1806,#f6ffb3)}.stamp{position:absolute;right:8px;top:540px;width:150px;height:150px;border-radius:50%;border:2px solid rgba(216,154,50,.5);display:grid;place-items:center;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#d8a443;transform:rotate(-12deg)}
.promo-row{width:min(1500px,calc(100% - 46px));margin:-20px auto 60px;display:grid;grid-template-columns:1.05fr .85fr 1.38fr;gap:18px}.promo-card,.feature-strip{border:1px solid rgba(216,154,50,.28);border-radius:18px;background:rgba(6,7,4,.74);backdrop-filter:blur(12px);box-shadow:0 18px 60px rgba(0,0,0,.45)}.promo-card{min-height:205px;padding:28px}.promo-card small{text-transform:uppercase;letter-spacing:.15em;color:#b8944e;font-weight:900}.promo-card h2{font-size:2.3rem;color:#f9d179}.promo-card p{font-size:.88rem;margin:0 0 15px}.price{display:flex;align-items:baseline;gap:18px}.price del{color:#e5be7a}.price b{font-size:2.4rem;color:#ff6a1f}.promo-card button,.dashboard button{margin-top:14px;border:1px solid var(--gold);color:#f8c35b;background:rgba(0,0,0,.4);border-radius:8px;padding:10px 14px;font-weight:900}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:24px}.feature-strip div{padding:12px 16px;border-right:1px solid rgba(216,154,50,.18)}.feature-strip div:last-child{border-right:0}.feature-strip i{font-style:normal;color:var(--gold2);font-size:1.6rem}.feature-strip b{display:block;color:#e6c577}.feature-strip span{font-size:.8rem;color:var(--muted)}
.menu-section,.owner-panel,.locations{width:min(1500px,calc(100% - 46px));margin:0 auto;padding:82px 0}.section-title{display:grid;grid-template-columns:1fr minmax(280px,560px);gap:28px;align-items:end;margin-bottom:28px}.section-title p:last-child{margin:0}.menu-tools{position:sticky;top:105px;z-index:20;margin-bottom:24px;padding:14px;border:1px solid rgba(216,154,50,.22);border-radius:18px;background:rgba(5,7,4,.78);backdrop-filter:blur(16px)}.menu-tools input{width:100%;border:1px solid rgba(216,154,50,.25);background:rgba(0,0,0,.35);color:#ffe9b7;border-radius:12px;padding:15px;outline:none}.tabs{display:flex;gap:9px;overflow:auto;margin-top:12px}.tabs button{white-space:nowrap;border:1px solid rgba(216,154,50,.25);background:rgba(0,0,0,.28);color:#d6b970;border-radius:999px;padding:10px 14px;font-weight:900}.tabs button.active{background:linear-gradient(135deg,#b76918,#ffbe4d);color:#1a0c03}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(216,154,50,.24);border-radius:20px;background:rgba(8,9,5,.72);box-shadow:0 22px 70px rgba(0,0,0,.35);cursor:pointer;transition:.24s}.card:hover{transform:translateY(-7px);border-color:rgba(255,190,77,.6)}.card-visual{height:170px;background:var(--visual);position:relative}.card-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 18%,rgba(255,255,255,.3),transparent 20%),linear-gradient(180deg,transparent,rgba(0,0,0,.45))}.card-body{padding:18px}.card-body h3{margin:0;color:#f1cf82;font-size:1.28rem}.card-body p{font-size:.88rem}.card-tags{display:flex;gap:6px;flex-wrap:wrap}.card-tags span{font-size:.67rem;font-weight:900;padding:6px 8px;border:1px solid rgba(216,154,50,.24);border-radius:999px;color:#d8bb72;background:rgba(0,0,0,.22)}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:#ffbe4d;font-weight:900}.tiki-rate{display:flex;gap:4px}.tiki{width:18px;height:18px;border-radius:7px;background:radial-gradient(circle at 50% 65%,#b47b40 0 5px,#21120a 6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.tiki.off{opacity:.18}
.owner-panel{display:grid;grid-template-columns:1fr 500px;gap:30px;align-items:center}.dashboard{border:1px solid rgba(216,154,50,.25);border-radius:24px;background:rgba(6,7,4,.75);padding:24px;box-shadow:0 22px 80px rgba(0,0,0,.45)}.dash-top span{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--orange);margin-right:7px}.chart{height:150px;margin:20px 0;border-radius:15px;background:linear-gradient(135deg,rgba(157,255,40,.15),rgba(255,106,31,.1)),repeating-linear-gradient(90deg,transparent 0 45px,rgba(216,154,50,.08) 46px 47px)}.dashboard li{margin:10px 0;color:#cfbe8b}.dashboard li::marker{color:var(--neon)}
.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px}.locations article{border:1px solid rgba(216,154,50,.24);border-radius:18px;background:rgba(0,0,0,.38);padding:24px}.locations b{display:block;color:#f3d080}.locations span{color:var(--muted)}
dialog{border:0;border-radius:26px;background:#070806;color:var(--text);padding:0;width:min(820px,calc(100% - 30px));overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.75)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}.close{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.5);color:#fff;font-size:28px}.modal-visual{height:310px;background:var(--visual)}.modal-body{padding:28px}.modal-body h3{font-size:2.5rem;margin:0;color:#f5d082}.modal-tags{display:flex;gap:8px;flex-wrap:wrap}.modal-tags span{padding:8px 10px;border-radius:999px;background:rgba(216,154,50,.12);border:1px solid rgba(216,154,50,.25);font-weight:900;color:#dbbd76}
footer{height:72px;border-top:1px solid rgba(216,154,50,.22);display:flex;justify-content:space-around;align-items:center;color:#a58a50;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem}footer b{font-size:1.3rem;color:#ffbe4d}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-center{min-height:680px}.hero-drink{display:none}.promo-row,.cards,.owner-panel,.locations,.section-title{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}nav{display:none}}
@media(max-width:650px){.site-header{top:10px;width:calc(100% - 20px)}.header-btn{display:none}.hero{padding:100px 14px 30px}.wood-sign strong{font-size:3.9rem}h1{font-size:4.4rem}.phone-a{left:20px;transform:scale(.78) rotate(-4deg);transform-origin:left top}.phone-b{left:190px;top:140px;transform:scale(.7) rotate(2deg);transform-origin:left top}.neon-script{display:none}.cards{grid-template-columns:1fr}.promo-row,.menu-section,.owner-panel,.locations{width:calc(100% - 24px)}footer{height:auto;gap:12px;flex-direction:column;padding:20px 0;text-align:center}}