
:root{
  --bg:#15110f;
  --bg2:#211a16;
  --paper:#f4efe8;
  --paper2:#ebe3d8;
  --ink:#1a1714;
  --muted:#756e66;
  --pink:#e53a93;
  --orange:#c87536;
  --white:#fff;
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
img{display:block;width:100%}
a{text-decoration:none;color:inherit}
.site-header{
  position:fixed;z-index:50;top:0;left:0;right:0;height:78px;
  display:flex;align-items:center;gap:28px;padding:0 5vw;
  background:rgba(20,17,15,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.1);color:white
}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-main{font-weight:900;letter-spacing:.14em;font-size:20px;color:var(--pink)}
.brand-sub{font-size:10px;letter-spacing:.16em;margin-top:5px;color:#d7cec6}
.site-header nav{margin-left:auto;display:flex;gap:26px;font-size:14px}
.site-header nav a{color:#e4ddd6}.site-header nav a:hover{color:white}
.header-actions{display:flex;gap:8px}
.pill{padding:10px 15px;border-radius:999px;background:var(--pink);font-weight:800;font-size:13px}
.pill.ghost{background:transparent;border:1px solid rgba(255,255,255,.25)}
.hero{min-height:830px;position:relative;display:flex;align-items:flex-end;padding:150px 7vw 90px;color:white;overflow:hidden}
.hero-bg{position:absolute;inset:0;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(12,10,9,.92) 0%,rgba(12,10,9,.68) 48%,rgba(12,10,9,.18) 100%),
  linear-gradient(0deg,rgba(12,10,9,.72),transparent 58%)}
.hero-copy{position:relative;max-width:880px;z-index:2}
.kicker{font-size:12px;letter-spacing:.18em;font-weight:900;color:#e0a174;margin-bottom:18px}
.kicker.dark{color:#a76231}
h1,h2{font-family:Georgia,'Times New Roman',serif;margin:0}
h1{font-size:clamp(58px,8vw,112px);line-height:.9;letter-spacing:-.04em}
h1 span{color:#f0a76f}
.hero-copy p{max-width:700px;font-size:20px;line-height:1.65;color:#ddd5ce;margin:28px 0}
.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:999px;background:var(--pink);color:white;font-weight:800;border:1px solid var(--pink)}
.btn.secondary{background:transparent;border-color:rgba(255,255,255,.4)}
.btn.dark{background:var(--ink);border-color:var(--ink)}
.hero-badge{position:absolute;right:6vw;bottom:80px;width:160px;height:160px;border-radius:50%;background:var(--pink);display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.15;transform:rotate(-7deg);box-shadow:0 20px 40px rgba(0,0,0,.25)}
.intro-strip{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;padding:20px 5vw;background:#fff;border-bottom:1px solid #e9e0d5;font-weight:700}
.section{padding:100px 7vw}
.section-title{max-width:860px;margin-bottom:46px}
.section-title.light{color:white}.section-title.light p{color:#cfc6be}
.section-title h2,.drinks-copy h2,.events-copy h2,.lang-block h2,.contact h2{font-size:clamp(42px,5.8vw,76px);line-height:1.02;letter-spacing:-.03em}
.section-title p,.drinks-copy p,.events-copy p,.lang-block p{font-size:18px;line-height:1.7;color:var(--muted)}
.food-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:270px;gap:14px}
.food-card{position:relative;border-radius:var(--radius);overflow:hidden;background:#ddd}
.food-card.featured{grid-row:span 2}
.food-card img{height:100%;object-fit:cover;transition:.35s}
.food-card:hover img{transform:scale(1.03)}
.food-card .overlay{position:absolute;inset:auto 0 0;padding:24px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:white}
.food-card h3{margin:6px 0 0;font-size:28px}.food-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#ffd7e9}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.chips span,.event-list span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #ddd3c8;font-size:14px;font-weight:700}
.drinks-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;background:var(--bg);color:white}
.drinks-copy{padding:100px 7vw}.drinks-copy p{color:#cfc5bc}
.drinks-collage{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.drinks-collage img{height:100%;object-fit:cover}
.dark-section{background:var(--bg2)}
.venue-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px}
.venue-grid figure{margin:0;border-radius:var(--radius);overflow:hidden;min-height:330px}
.venue-grid img{height:100%;object-fit:cover}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.features div{background:#2c241f;color:white;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;display:flex;align-items:center;gap:12px}
.features strong{font-size:24px}.features span{color:#e6ddd5}
.events{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.events-copy p{max-width:650px}
.event-list{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.event-list span{background:#f7f1eb}
.events-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.events-gallery img{height:500px;object-fit:cover;border-radius:20px}
.border-top{border-top:1px solid #ded5cb}
.lang-block{display:flex;justify-content:space-between;align-items:center;gap:30px}.lang-block>div:first-child{max-width:800px}
.lang-pills{display:flex;gap:10px}.lang-pills span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:900}
.contact{padding:100px 7vw;background:#11100f;color:white}
.contact-main p{color:#bfb7af}
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:42px 0}
.contact-cards a{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#1d1a18}
.contact-cards small{display:block;color:#aaa19a;margin-bottom:7px}.contact-cards strong{font-size:16px}
.contact .btn.secondary{border-color:rgba(255,255,255,.28)}
footer{display:flex;justify-content:space-between;padding:25px 7vw;background:#0b0a09;color:#8f8882;font-size:13px}
@media(max-width:1000px){
  .site-header nav{display:none}
  .food-grid{grid-template-columns:1fr 1fr}.food-card.featured{grid-row:auto;grid-column:span 2}
  .drinks-section,.events{grid-template-columns:1fr}
  .drinks-collage{min-height:480px}
  .venue-grid{grid-template-columns:1fr 1fr}.venue-grid .wide{grid-column:span 2}
  .features{grid-template-columns:1fr 1fr}
  .contact-cards{grid-template-columns:1fr 1fr}
  .hero-badge{width:130px;height:130px;font-size:14px}
}
@media(max-width:650px){
  .site-header{height:68px;padding:0 18px}.header-actions .ghost{display:none}.brand-sub{display:none}
  .hero{min-height:760px;padding:120px 20px 58px;align-items:flex-end}
  .hero-shade{background:linear-gradient(0deg,rgba(12,10,9,.94) 0%,rgba(12,10,9,.78) 52%,rgba(12,10,9,.2) 100%)}
  .hero-badge{display:none}
  .hero-copy p{font-size:17px}
  .section,.drinks-copy,.contact{padding:72px 20px}
  .food-grid{display:block}.food-card{height:320px;margin-bottom:12px}
  .drinks-collage{grid-template-columns:1fr}.drinks-collage img{height:360px}
  .venue-grid{display:block}.venue-grid figure{margin-bottom:12px;min-height:280px}
  .features,.contact-cards{grid-template-columns:1fr}
  .events-gallery{grid-template-columns:1fr}.events-gallery img{height:360px}
  .lang-block{display:block}.lang-pills{margin-top:28px}
  footer{display:block;padding:20px}footer span{display:block;margin:5px 0}
}
/* v3: multilingual + menus + official logo */
.header-right{display:flex;align-items:center;gap:14px}.header-logo{width:118px;height:64px;object-fit:contain}.header-logo-link{display:flex;align-items:center}.language-switcher{display:flex;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:3px;gap:2px}.lang-btn{border:0;background:transparent;color:#fff;font-weight:800;padding:7px 9px;border-radius:999px;cursor:pointer}.lang-btn.active{background:#e93591}.menu-section{background:#14110f;padding:90px 5vw 100px}.menu-heading{max-width:900px;margin:0 auto 28px}.menu-tabs{display:flex;justify-content:center;gap:10px;margin:0 auto 28px}.menu-tab{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:12px 24px;font-weight:800;cursor:pointer}.menu-tab.active{background:#e93591;border-color:#e93591}.menu-panel{display:none;max-width:1400px;margin:auto}.menu-panel.active{display:block}.menu-image{display:block;width:100%;height:auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.menu-note{text-align:center;color:#ddd;margin-top:16px}.translated-menu{background:#fff;color:#171311;border-radius:18px;padding:38px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.translated-menu h3{text-align:center;font-size:42px;margin:0 0 28px}.drink-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.drink-columns section{border-right:1px solid #ddd;padding-right:24px}.drink-columns section:last-child{border-right:0}.drink-columns h4{font-size:23px;margin:22px 0 8px;color:#d92d83}.drink-columns p{line-height:1.75;margin:0}.contact-main{display:flex;align-items:center;gap:30px}.contact-logo{width:180px;max-height:130px;object-fit:contain}
@media(max-width:1100px){.site-header nav{display:none}.header-logo{width:96px}.drink-columns{grid-template-columns:1fr}.drink-columns section{border-right:0;border-bottom:1px solid #ddd;padding:0 0 22px}.drink-columns section:last-child{border-bottom:0}}
@media(max-width:650px){.brand{display:none}.site-header{justify-content:flex-end}.header-right{width:100%;justify-content:space-between}.header-logo{width:92px;height:58px}.language-switcher{order:2}.header-logo-link{order:1}.menu-section{padding:70px 14px}.menu-tabs{gap:6px}.menu-tab{padding:10px 15px}.menu-image{border-radius:10px}.translated-menu{padding:22px 18px}.translated-menu h3{font-size:30px}.contact-main{display:block}.contact-logo{width:150px;margin-bottom:20px}}


/* v4: TikTok + social media logos */
.contact-cards{
  grid-template-columns:repeat(5,1fr);
}
.contact-card{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:92px;
}
.contact-icon,.social-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(233,53,145,.15);
  color:#fff;
  font-size:21px;
  font-weight:900;
}
.social-icon img{
  width:22px;
  height:22px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.social-card:hover{
  border-color:rgba(233,53,145,.65);
  transform:translateY(-2px);
}
.social-card{transition:.2s ease}
.footer-socials{display:flex;gap:9px;align-items:center}
.footer-socials a{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#1c1917;border:1px solid rgba(255,255,255,.12)
}
.footer-socials img{
  width:17px;height:17px;filter:brightness(0) invert(1)
}
.footer-socials a:hover{background:#e93591}
@media(max-width:1200px){
  .contact-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .contact-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .contact-cards{grid-template-columns:1fr}
  footer{display:flex;flex-direction:column;gap:12px}
}
