:root{--dark:#130806;--cream:#fff8ed;--gold:#c99b47;--gold2:#f2d99c;--aqua:#168b85;--text:#fff1d9;--ink:#1f120d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.topbar{position:fixed;z-index:100;top:0;left:0;right:0;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(14,6,4,.93),rgba(14,6,4,.45),transparent)}
.logo{width:136px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.75))}.nav{display:flex;gap:15px;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:var(--gold2)}.nav a:hover{color:var(--aqua)}
.hero{min-height:100vh;display:flex;align-items:center;padding:130px 6% 80px;background:linear-gradient(90deg,rgba(13,6,4,.97),rgba(13,6,4,.80) 38%,rgba(13,6,4,.18)),url('./assets/hero-shisha-milano-kampe.jpg') center/cover no-repeat;color:var(--text)}
.hero-content{max-width:790px}.hero-logo{width:255px;margin-bottom:24px;filter:drop-shadow(0 18px 34px #000)}.kicker{color:var(--aqua);font-weight:bold;letter-spacing:3px;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(36px,5.5vw,76px);line-height:1.02;margin:16px 0;color:var(--gold2);text-transform:uppercase}.hero p{font-size:20px;color:#fff4df;max-width:720px}
.buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid var(--gold);padding:13px 20px;border-radius:999px;min-width:138px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:13px;background:rgba(0,0,0,.28);color:var(--gold2);transition:.25s}.btn:hover{background:var(--aqua);border-color:var(--aqua);color:#fff;transform:translateY(-2px)}
.langbar{margin-top:24px;display:inline-flex;gap:10px;font-size:13px;color:#fff;background:rgba(0,0,0,.28);padding:9px 13px;border:1px solid rgba(201,155,71,.45);border-radius:999px}
.section{padding:86px 7%;text-align:center;background:var(--cream)}.section.dark{background:linear-gradient(135deg,#150806,#2d1710);color:var(--text)}.section.gold{background:linear-gradient(135deg,#fff8ed,#ecd6ac)}.small{color:var(--aqua);font-weight:bold;letter-spacing:2px;text-transform:uppercase;font-size:13px}
h2{font-size:clamp(30px,3.3vw,50px);line-height:1.12;margin:12px 0 18px;text-transform:uppercase}.section p{font-size:19px;max-width:940px;margin:0 auto}
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;text-align:left}.photo-frame{border:1px solid rgba(201,155,71,.75);padding:8px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.15)}.photo-frame img{height:520px;width:100%;object-fit:cover}
.experience{padding:88px 6%;background:linear-gradient(rgba(19,8,6,.92),rgba(19,8,6,.96)),url('./assets/sala-shisha-lounge-milano.jpg') center/cover fixed;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid rgba(201,155,71,.45);padding:30px;background:rgba(255,255,255,.06)}.card h3{color:var(--gold2);text-transform:uppercase}
.gallery{padding:88px 5%;background:#fff8ed}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid img{height:255px;width:100%;object-fit:cover;border:1px solid rgba(201,155,71,.65);padding:5px;background:#fff}
.reviews{background:linear-gradient(135deg,#fff8ed,#f0ddba);padding:82px 7%;text-align:center}.review-box{max-width:960px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{background:#fff;border:1px solid rgba(201,155,71,.45);padding:25px;text-align:left}.stars{color:#c99b47;letter-spacing:2px;font-size:20px}
.service{background:linear-gradient(90deg,rgba(13,6,4,.93),rgba(13,6,4,.72)),url('./assets/shisha-service-kampe-milano.jpg') center/cover no-repeat;color:var(--text);padding:100px 7%}.service-inner{max-width:760px}
.languages{padding:82px 7%;background:#fff8ed}.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lang-card{border:1px solid rgba(201,155,71,.5);padding:26px;background:#fff}.lang-card h3{color:var(--aqua);text-transform:uppercase}.lang-card.ar{text-align:right;direction:rtl}
.faq{padding:82px 8%;background:#130806;color:var(--text)}.faq details{max-width:960px;margin:12px auto;border:1px solid rgba(201,155,71,.35);padding:18px;background:rgba(255,255,255,.04)}.faq summary{cursor:pointer;color:var(--gold2);font-size:18px}
.contact{display:grid;grid-template-columns:1fr 1fr;background:#0f0604;color:var(--text)}.contact-card{padding:62px 8%}.contact-card h2{color:var(--gold2)}iframe{width:100%;height:100%;min-height:450px;border:0}
footer{background:#0d0504;color:#cdbb96;text-align:center;padding:38px 6%;border-top:1px solid rgba(201,155,71,.35)}footer img{width:155px;margin:0 auto 16px}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:12px}.legal{font-size:13px;color:#bfae8d;margin-top:14px}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:110;background:var(--aqua);color:#fff;padding:14px 18px;border-radius:999px;box-shadow:0 12px 36px rgba(0,0,0,.35);font-weight:bold}
@media(max-width:980px){.nav{display:none}.hero{min-height:auto;padding-top:110px}.hero-logo{width:210px}.split,.grid,.gallery-grid,.review-box,.lang-grid,.contact{grid-template-columns:1fr}.photo-frame img,.gallery-grid img{height:285px}.section,.experience,.reviews,.languages,.faq,.service{padding:58px 6%}iframe{min-height:320px}}

/* Aggiornamento Kampe: logo senza riquadro bianco e focus pasticceria */
.logo, .hero-logo, footer img{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.hero-logo{
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.95)) !important;
}
.pastry-highlight{
  background:linear-gradient(135deg,#fff8ed,#ecd6ac);
  padding:86px 7%;
}
.pastry-highlight .wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}
.pastry-highlight img{
  height:520px;
  width:100%;
  object-fit:cover;
  border:1px solid rgba(201,155,71,.75);
  padding:8px;
  background:white;
}
@media(max-width:980px){
  .pastry-highlight .wrap{grid-template-columns:1fr}
  .pastry-highlight img{height:285px}
}

.logo,.hero-logo,footer img{background:transparent!important;border:none!important;box-shadow:none!important}
.hero-logo{filter:drop-shadow(0 18px 34px rgba(0,0,0,.95))!important}
.shisha-service-focus{background:linear-gradient(90deg,rgba(13,6,4,.94),rgba(13,6,4,.72)),url("./assets/shisha-service-eventi-kampe-milano.jpg") center/cover no-repeat;color:#fff1d9;padding:110px 7%}
.shisha-service-focus .inner{max-width:820px}
.shisha-service-focus h2{color:#f2d99c}
.keyword-rich{font-size:15px;color:#d8c6a4;margin-top:18px}

/* Kampe V4 - logo unico: solo nell'header */
.hero-logo{display:none!important}
.topbar .logo{
  width:128px;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.75));
}
.hero-content{padding-top:40px}
@media(max-width:980px){.topbar .logo{width:112px}}

.language-switcher{position:fixed;top:18px;right:5%;z-index:160;display:flex;gap:8px;background:rgba(13,6,4,.62);border:1px solid rgba(201,155,71,.55);border-radius:999px;padding:7px 10px;backdrop-filter:blur(6px)}
.language-switcher a{color:#f2d99c;font-size:12px;font-weight:bold;letter-spacing:1px;padding:3px 6px}
.language-switcher a:hover{color:#168b85}
@media(max-width:980px){.language-switcher{right:18px;top:78px}}

/* KAMPE V5 FINAL */
.hero-logo{display:none!important}
.logo, footer img{background:transparent!important;border:none!important;box-shadow:none!important}
.topbar .logo{width:126px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.75))}
.hero-content{padding-top:42px}
.final-seo-section{padding:86px 7%;background:linear-gradient(135deg,#fff8ed,#ecd6ac);text-align:center}
.final-seo-section p{max-width:980px;margin:0 auto 16px;font-size:19px}
.final-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.final-link-grid a{border:1px solid rgba(201,155,71,.55);padding:16px;background:#fff;color:#1f120d;text-transform:uppercase;font-size:13px;letter-spacing:1px}
.final-link-grid a:hover{color:#168b85}
@media(max-width:980px){.final-link-grid{grid-template-columns:1fr}.topbar .logo{width:110px}}

/* KAMPE V5 CORRETTO */
.hero-logo{display:none!important}
.logo, footer img{background:transparent!important;border:none!important;box-shadow:none!important}
.topbar .logo{width:150px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.75))!important}
footer img{width:190px!important}
.hero-content{padding-top:42px}
.language-switcher{position:fixed;top:18px;right:5%;z-index:170;display:flex;gap:8px;background:rgba(13,6,4,.65);border:1px solid rgba(201,155,71,.55);border-radius:999px;padding:7px 10px;backdrop-filter:blur(6px)}
.language-switcher a{color:#f2d99c;font-size:12px;font-weight:bold;letter-spacing:1px;padding:3px 6px}
.language-switcher a:hover{color:#168b85}
.final-seo-section{padding:86px 7%;background:linear-gradient(135deg,#fff8ed,#ecd6ac);text-align:center}
.final-seo-section p{max-width:980px;margin:0 auto 16px;font-size:19px}
.final-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.final-link-grid a{border:1px solid rgba(201,155,71,.55);padding:16px;background:#fff;color:#1f120d;text-transform:uppercase;font-size:13px;letter-spacing:1px}
.final-link-grid a:hover{color:#168b85}
@media(max-width:980px){
  .topbar .logo{width:124px!important}
  .language-switcher{right:14px;top:76px}
  .final-link-grid{grid-template-columns:1fr}
}

/* Categorie corrette: menu più pulito */
.nav{gap:12px!important}
.nav a{white-space:nowrap}
@media(max-width:1200px){.nav{font-size:11px!important;gap:9px!important}.topbar .logo{width:128px!important}}

/* KAMPE FINAL ONLINE */
.hero-logo{display:none!important}
.logo, footer img{background:transparent!important;border:none!important;box-shadow:none!important}
.topbar .logo{width:150px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.75))!important}
footer img{width:190px!important}
.language-switcher{position:fixed;top:18px;right:5%;z-index:170;display:flex;gap:8px;background:rgba(13,6,4,.65);border:1px solid rgba(201,155,71,.55);border-radius:999px;padding:7px 10px;backdrop-filter:blur(6px)}
.language-switcher a{color:#f2d99c;font-size:12px;font-weight:bold;letter-spacing:1px;padding:3px 6px}
.language-switcher a:hover{color:#168b85}
.final-seo-section{padding:86px 7%;background:linear-gradient(135deg,#fff8ed,#ecd6ac);text-align:center}
.final-seo-section p{max-width:980px;margin:0 auto 16px;font-size:19px}
.final-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.final-link-grid a{border:1px solid rgba(201,155,71,.55);padding:16px;background:#fff;color:#1f120d;text-transform:uppercase;font-size:13px;letter-spacing:1px}
.final-link-grid a:hover{color:#168b85}
@media(max-width:1200px){.nav{font-size:11px!important;gap:9px!important}.topbar .logo{width:128px!important}}
@media(max-width:980px){.topbar .logo{width:118px!important}.language-switcher{right:14px;top:76px}.final-link-grid{grid-template-columns:1fr}}