@font-face{font-family:Lato;font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/lato-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:Lato;font-weight:300;font-style:italic;font-display:swap;src:url(../fonts/lato-latin-300-italic.woff2) format('woff2')}
@font-face{font-family:Lato;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/lato-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Lato;font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/lato-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Tinos;font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/tinos-latin-700-normal.woff2) format('woff2')}

:root{
  --gold:#bda47d; --gold-d:#9c8358; --ink:#2b2b2b; --muted:#6b6b6b; --line:#ece7de; --bg:#fff; --soft:#faf8f4;
  --sans:Lato,"Helvetica Neue",Arial,sans-serif; --serif:Tinos,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--bg);font-size:17px;line-height:1.7}
img,video{max-width:100%;display:block}
a{color:var(--gold-d)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:820px}

/* ---------- HEADER ---------- */
.site-head{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.site-head.over{position:fixed;left:0;right:0;background:transparent;border-color:transparent;transition:background .3s}
.site-head.over .nav a,.site-head.over .logo-txt{color:#fff}
.site-head.over .burger span,.site-head.over .burger span::before,.site-head.over .burger span::after{background:#fff}
body.scrolled .site-head.over{background:rgba(255,255,255,.96);border-color:var(--line)}
body.scrolled .site-head.over .nav a,body.scrolled .site-head.over .logo-txt{color:var(--ink)}
body.scrolled .site-head.over .burger span,body.scrolled .site-head.over .burger span::before,body.scrolled .site-head.over .burger span::after{background:var(--ink)}
.head-in{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo img{height:46px;width:auto}
.logo{text-decoration:none}
.logo-txt{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--ink);letter-spacing:.01em}
.logo-txt em{font-style:normal;color:var(--gold)}
.nav{display:flex;gap:34px}
.nav a{color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:12.5px;font-weight:400;letter-spacing:.06em;padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a.on{border-color:currentColor}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;left:9px;width:22px;height:1.5px;background:var(--ink);content:"";transition:.2s}
.burger span{top:19px}.burger span::before{left:0;top:-7px}.burger span::after{left:0;top:7px}
@media (max-width:820px){
  .burger{display:block}
  .nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);
       padding:8px 24px 18px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s}
  .nav a{padding:12px 0;font-size:14px;color:var(--ink)!important;border-bottom:1px solid var(--line)}
  body.nav-open .nav{opacity:1;transform:none;pointer-events:auto}
  body.nav-open .burger span{background:transparent!important}
  body.nav-open .burger span::before{top:0;transform:rotate(45deg)}
  body.nav-open .burger span::after{top:0;transform:rotate(-45deg)}
}

/* ---------- TIPOGRAFIA ---------- */
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.25em;font-size:13px;font-weight:400;margin:0 0 6px}
.h-display{font-family:var(--serif);font-weight:700;font-size:clamp(44px,7vw,84px);line-height:1;margin:0}
.h-sec{font-weight:300;font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 18px}
.lead{border-left:5px solid var(--gold);padding:2px 0 2px 28px;color:var(--gold);font-size:clamp(19px,2.2vw,23px);line-height:1.45;font-weight:400;margin:56px 0 26px}
.lead:first-child{margin-top:0}
.sym{color:var(--gold);font-size:22px;display:block;margin-bottom:8px}
p{margin:0 0 18px}
.btn{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:400;
  padding:14px 28px;border:1px solid var(--gold);color:var(--gold-d);background:transparent;transition:.2s;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--gold);color:#fff}
.btn.solid{background:var(--gold);color:#fff}
.btn.solid:hover{background:var(--gold-d);border-color:var(--gold-d)}
.btn.light{border-color:#fff;color:#fff}
.btn.light:hover{background:#fff;color:var(--ink)}
.cta-text{text-align:center;margin:70px 0 0}
.cta-text a{display:inline-block;color:var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(18px,2.4vw,24px);font-weight:400;line-height:1.35;border-bottom:1px solid var(--gold);padding-bottom:2px}

/* ---------- HERO ---------- */
.hero{position:relative;height:100vh;min-height:560px;max-height:1000px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;
  background:#1d1a16 radial-gradient(ellipse at 50% 40%,#3a3127 0,#1d1a16 70%)}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.25) 40%,rgba(0,0,0,.6))}
.hero-in{position:relative;z-index:1;padding:0 24px}
.hero .kicker{color:#e9dcc4}
.hero .h-display{font-size:clamp(64px,13vw,170px)}
.hero p{font-size:clamp(17px,2vw,21px);max-width:620px;margin:18px auto 30px;font-weight:300}
.hero .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:1;color:#fff;font-size:12px;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;opacity:.85}

/* ---------- SEZIONI HOME ---------- */
.band{padding:110px 0}
.band.soft{background:var(--soft)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split.rev .media{order:2}
@media (max-width:820px){.split{grid-template-columns:1fr;gap:36px}.split.rev .media{order:0}.band{padding:72px 0}}
.media{position:relative}
.media img,.media video{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--line)}
.media .ph{aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#f1ece3 0 14px,#f7f3ec 14px 28px);display:flex;align-items:center;justify-content:center;color:var(--gold-d);font-size:14px;text-align:center;padding:20px}
.center{text-align:center}

.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.reel{position:relative;aspect-ratio:9/16;background:#111;overflow:hidden}
.reel video{width:100%;height:100%;object-fit:cover}
.reel .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cbb994;font-size:14px;text-align:center;padding:16px;
  background:repeating-linear-gradient(135deg,#1b1915 0 14px,#221f1a 14px 28px)}
@media (max-width:820px){.reels{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-24px;padding-right:24px}.reel{scroll-snap-align:start}}

.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:44px;text-align:center}
.info-grid .t{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:400;margin-bottom:6px}
@media (max-width:820px){.info-grid{grid-template-columns:1fr}}

/* ---------- PAGINE INTERNE ---------- */
.page-top{padding:90px 0 20px;text-align:center}
.page-body{padding:40px 0 110px}

.form{display:grid;gap:16px}
.form label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-weight:400}
.form input,.form textarea{width:100%;font:inherit;font-weight:400;border:1px solid #ddd5c7;padding:12px 14px;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--gold)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:620px){.form .two{grid-template-columns:1fr}}
.hp{position:absolute;left:-9999px}
.alert{padding:14px 18px;border-left:4px solid var(--gold);background:var(--soft);margin-bottom:22px}
.alert.err{border-color:#b3261e}
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}}
.map{width:100%;aspect-ratio:4/3;border:0;background:var(--line)}

/* ---------- FOOTER ---------- */
.site-foot{background:#1f1d1a;color:#d8d2c7;padding:64px 0 26px;font-size:15px}
.site-foot a{color:#d8d2c7;text-decoration:none}
.site-foot a:hover{color:var(--gold)}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.foot-h{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:12.5px;margin-bottom:8px;font-weight:400}
.foot-bottom{border-top:1px solid #3a3631;margin-top:40px;padding-top:18px;font-size:13px;color:#8d877c}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}

/* ---------- PRENOTA (iframe Superbe) ---------- */
.booking-card{max-width:640px;margin:0 auto;padding:34px 30px;border:1px solid var(--line);background:#fff;text-align:center}
.booking-card .btn{margin:6px 0 4px}
.booking-alt{font-size:15px;color:var(--muted);margin-top:16px}
@media (max-width:820px){
  body.nav-open .site-head.over{background:#fff}
  body.nav-open .site-head.over .logo-txt{color:var(--ink)}
  body.nav-open .site-head.over .burger span::before,body.nav-open .site-head.over .burger span::after{background:var(--ink)}
}

/* ---------- LOGO ---------- */
.logo{display:flex;align-items:center}
.logo img{height:50px;width:auto}
.logo .lg-light{display:none}
.site-head.over .lg-dark{display:none}
.site-head.over .lg-light{display:block}
body.scrolled .site-head.over .lg-dark,body.nav-open .site-head.over .lg-dark{display:block}
body.scrolled .site-head.over .lg-light,body.nav-open .site-head.over .lg-light{display:none}
.hero-logo{margin:0 auto 6px;width:min(620px,86vw)}
.hero-logo img{width:100%;height:auto}
/* in home il logo grande è già nell'hero: nell'intestazione appare solo dopo lo scroll */
.p-home .site-head.over .logo{opacity:0;transition:opacity .3s}
.p-home.scrolled .site-head.over .logo,.p-home.nav-open .site-head.over .logo{opacity:1}
@media (max-width:820px){.logo img{height:40px}}

/* ---------- SWITCH LINGUA ---------- */
.head-in .nav{margin-left:auto}
.lang-sw{display:flex;align-items:center;gap:7px;margin-left:30px;padding-left:26px;border-left:1px solid var(--line);font-size:12.5px;letter-spacing:.1em}
.lang-sw a{color:var(--muted);text-decoration:none;padding:6px 1px}
.lang-sw a.on{color:var(--gold-d);font-weight:700}
.lang-sw a:hover{color:var(--ink)}
.lang-sw span{color:#d9d0c1}
.site-head.over .lang-sw{border-color:rgba(255,255,255,.3)}
.site-head.over .lang-sw a{color:rgba(255,255,255,.75)}
.site-head.over .lang-sw a.on{color:#e3cfa9}
.site-head.over .lang-sw span{color:rgba(255,255,255,.4)}
body.scrolled .site-head.over .lang-sw,body.nav-open .site-head.over .lang-sw{border-color:var(--line)}
body.scrolled .site-head.over .lang-sw a,body.nav-open .site-head.over .lang-sw a{color:var(--muted)}
body.scrolled .site-head.over .lang-sw a.on,body.nav-open .site-head.over .lang-sw a.on{color:var(--gold-d)}
@media (max-width:820px){
  .lang-sw{margin-left:auto;margin-right:10px;padding-left:0;border-left:0}
}

/* ---------- FOTO CHI SIAMO ---------- */
.about-photo{margin-top:10px}
.about-photo img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;object-position:center 70%}
@media (max-width:620px){.about-photo img{aspect-ratio:4/3;object-position:30% center}}

/* ---------- CAROSELLO ---------- */
.carousel{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--line)}
.car-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.car-track::-webkit-scrollbar{display:none}
.car-slide{flex:0 0 100%;height:100%;margin:0;scroll-snap-align:start}
.car-slide img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(255,255,255,.88);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  padding:0 0 3px;opacity:0;transition:opacity .25s}
.car-btn.prev{left:14px}.car-btn.next{right:14px}
.carousel:hover .car-btn,.car-btn:focus-visible{opacity:1}
.car-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:9px}
.car-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer;box-shadow:0 0 3px rgba(0,0,0,.3)}
.car-dots button.on{background:#fff}
@media (hover:none){.car-btn{display:none}}

/* ---------- PAGINA ALLERGENI ---------- */
.al-page .narrow{margin-left:auto;margin-right:auto}
.al-intro{text-align:center;color:var(--muted);margin-bottom:40px}
.al-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 26px;padding:28px;background:var(--soft);margin-bottom:30px}
.al-leg{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.35}
.al-leg b{font-weight:400;display:block}
.al-leg small{color:var(--muted);font-size:13px}
.al-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;
  border:1px solid var(--gold);color:var(--gold-d);font-size:12px;font-weight:700;line-height:1}
.al-sec{padding-top:44px}
.al-h{font-weight:300;font-size:clamp(26px,3vw,34px);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.al-row{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:8px 30px;padding:12px 0;border-bottom:1px solid #f1ece4;align-items:baseline}
.al-name{text-transform:uppercase;letter-spacing:.05em;font-size:14.5px;font-weight:400}
.al-size{color:var(--muted);text-transform:none;font-size:13px}
.al-tags{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--ink)}
.al-tag{display:inline-flex;align-items:center;gap:6px}
.al-tag .al-n{width:20px;height:20px;font-size:10.5px}
.al-none{color:#9a948a;font-style:italic}
.al-var{color:var(--gold-d);font-style:italic}
.al-notes{margin-top:50px;padding-top:30px;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:15px}
@media (max-width:700px){.al-row{grid-template-columns:1fr}.al-legend{padding:20px}}

/* link allergeni nella pagina menu */
.m-allerg{display:inline-block;margin-top:12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);text-decoration:none;border-bottom:1px solid var(--gold)}

/* ---------- POST INSTAGRAM INCORPORATI ---------- */
.reels{align-items:start}
.reel.reel-ig{aspect-ratio:auto;background:transparent;overflow:visible;min-height:200px}
.reel-ig .instagram-media{margin:0!important;min-width:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;box-shadow:none!important;border:1px solid var(--line)!important}
.reel-ig iframe{width:100%!important;min-width:0!important;max-width:100%!important;border:1px solid var(--line)!important;border-radius:0!important}
.reel-ig blockquote a{display:block;padding:40px 16px;text-align:center;color:var(--gold-d)}
@media (max-width:820px){.reels{grid-template-columns:repeat(3,min(340px,86%))}}

/* ---------- HOME: foto più piccole rispetto al testo ---------- */
@media (min-width:821px){
  .band .split{grid-template-columns:minmax(0,400px) minmax(0,520px);gap:90px;justify-content:center}
  .band .split.rev{grid-template-columns:minmax(0,520px) minmax(0,400px)}
}
/* pallini del carosello sotto la foto, per non coprire le scritte */
.carousel{overflow:visible}
.car-dots{bottom:-26px}
.car-dots button{border-color:var(--gold);box-shadow:none}
.car-dots button.on{background:var(--gold)}

/* post Instagram: tre riquadri della stessa altezza, bordi allineati */
.reels{align-items:stretch}
.reels>.reel:not(.reel-ig){align-self:start}
.reel.reel-ig{align-self:stretch;display:flex;flex-direction:column;background:#fff;border:1px solid #dbdbdb}
.reel-ig .instagram-media,.reel-ig iframe{border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important}

/* ---------- CONTATTI: eventi e gruppi ---------- */
.events{background:var(--soft);padding:48px 44px;text-align:center}
.events p{color:var(--muted)}
.ev-actions{display:grid;gap:14px;margin-top:30px;text-align:left}
.ev-card{display:flex;align-items:center;gap:18px;padding:18px 22px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:.2s}
.ev-card:hover{border-color:var(--gold);box-shadow:0 6px 20px rgba(0,0,0,.05)}
.ev-ico{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-d);display:flex;align-items:center;justify-content:center}
.ev-ico svg{width:22px;height:22px}
.ev-txt small{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--gold-d)}
.ev-txt b{font-weight:400;font-size:clamp(17px,2vw,20px);word-break:break-word}
@media (max-width:620px){.events{padding:36px 22px}}

/* ---------- HOME: la nostra pasta ---------- */
.pasta-intro{color:var(--muted)}
.pasta-list{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 46px}
.pasta-list li{padding:20px 0;border-top:1px solid var(--line);position:relative;padding-right:70px}
.pasta-list h3{font-weight:400;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;line-height:1.35}
.pasta-list p{margin:0;color:var(--muted);font-style:italic;font-size:15px;line-height:1.45}
.pasta-price{position:absolute;right:0;top:20px;color:var(--gold-d);font-size:15px}
@media (max-width:900px){.pasta-list{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pasta-list{grid-template-columns:1fr}}

picture{display:contents}

/* ---------- ACCESSIBILITÀ: oro più scuro per i testi piccoli (contrasto leggibile) ---------- */
:root{--gold-d:#806843;--gold-t:#8a7149}
.kicker,.al-intro b,.ev-txt small,.foot-bottom a{color:var(--gold-d)}
.hero .kicker{color:#e9dcc4}
.lead{color:var(--gold-t)}
.cta-text a{color:var(--gold-t);border-color:var(--gold-t)}
.btn{color:var(--gold-d)}
.btn.solid{background:var(--gold-d);border-color:var(--gold-d);color:#fff}
.btn.solid:hover{background:#6b5636;border-color:#6b5636}
.btn.light{color:#fff}
.btn:hover{background:var(--gold-d);border-color:var(--gold-d);color:#fff}
.btn.light:hover{background:#fff;color:var(--ink);border-color:#fff}
.site-foot .foot-h{color:var(--gold)}
/* pallini del carosello: area di tocco più ampia */
.car-dots{gap:2px}
.car-dots button{width:24px;height:24px;border:0;background:none!important;position:relative}
.car-dots button::before{content:"";position:absolute;left:7px;top:7px;width:9px;height:9px;border-radius:50%;border:1px solid var(--gold);box-sizing:border-box}
.car-dots button.on::before{background:var(--gold)}
.car-dots{bottom:-32px}

/* ---------- PAGINE SPECIALITÀ (carbonara, pizza, pasta romana, San Giovanni) ---------- */
.lp-intro{font-size:19px;line-height:1.65;text-align:center}
.lp-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.lp-h{font-weight:300;font-size:clamp(26px,3vw,34px);margin:70px 0 10px}
.lp-blocks{margin-top:20px}
.lp-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:56px 0 0;padding:28px;background:var(--soft);text-align:center;font-size:15px}
.lp-info .t{color:var(--gold-d);text-transform:uppercase;letter-spacing:.2em;font-size:12.5px;margin-bottom:6px}
@media (max-width:700px){.lp-info{grid-template-columns:1fr}}
.lp-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.lp-faq summary{cursor:pointer;font-weight:400;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.lp-faq summary::after{content:"+";color:var(--gold-d);font-size:22px;line-height:1}
.lp-faq details[open] summary::after{content:"–"}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq p{margin:10px 0 0;color:var(--muted)}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:36px;padding-top:22px;border-top:1px solid #3a3631;font-size:14px}
.foot-links a{color:#b9b2a6}
.spec-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:18px;font-size:14px}
.spec-links a{color:var(--gold-d);text-decoration:none;border-bottom:1px solid var(--line)}

/* ---------- TENDINA ALTRE LINGUE (ES / FR / DE) ---------- */
.lang-more{position:relative;margin-left:4px}
.lang-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px 2px;color:var(--muted);letter-spacing:.1em}
.lang-more summary::-webkit-details-marker{display:none}
.lang-more summary svg{width:9px;height:6px}
.lang-more summary.on{color:var(--gold-d);font-weight:700}
.lang-more .lm-dots{letter-spacing:0}
.lang-menu{position:absolute;right:-10px;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.08);
  min-width:150px;padding:6px 0;z-index:40;display:flex;flex-direction:column}
.lang-menu a{color:var(--ink)!important;padding:9px 16px;text-decoration:none;font-size:13px;letter-spacing:.04em;white-space:nowrap}
.lang-menu a b{display:inline-block;width:26px;color:var(--gold-d)}
.lang-menu a:hover,.lang-menu a.on{background:var(--soft)}
.site-head.over .lang-more summary{color:rgba(255,255,255,.8)}
.site-head.over .lang-more summary.on{color:#e3cfa9}
body.scrolled .site-head.over .lang-more summary,body.nav-open .site-head.over .lang-more summary{color:var(--muted)}

/* ---------- PAGINA PRIVACY ---------- */
.legal h2{font-weight:400;font-size:21px;margin:40px 0 12px;color:var(--ink)}
.legal p,.legal li{font-size:16px;color:#444}
.legal ul{padding-left:20px;margin:0 0 18px}
.legal li{margin-bottom:8px}
.legal-note{background:var(--soft);padding:12px 16px;font-size:14px!important}
.foot-bottom a{color:#8d877c}

/* ---------- APERTURA CON PIÙ FOTO (dissolvenza) ---------- */
.hero-slides,.hero-slides .hs{position:absolute;inset:0}
.hero-slides .hs{opacity:0;transition:opacity 1.6s ease}
.hero-slides .hs.on{opacity:1}
.hero-slides img{width:100%;height:100%;object-fit:cover}
.media>picture>img,.media>img{width:100%;aspect-ratio:4/5;object-fit:cover}
#chi-siamo .media img{object-position:30% center}
/* foto singola accanto al testo: formato 4:5, mai più alta (l'altezza scritta nel tag non deve prevalere) */
.media>img,.media>picture>img{height:auto!important;aspect-ratio:4/5;object-fit:cover;max-height:620px}
.media>video{height:auto;aspect-ratio:4/5;object-fit:cover}

/* ---------- PAGINE INTERNE: meno spazio sotto la barra, asterisco accanto alla scritta oro ---------- */
.page-top{padding:46px 0 6px}
.page-top .h-sec{margin-bottom:10px}
.page-body{padding-top:26px}
.m-top{padding-bottom:22px}
.kicker .sym-i{color:var(--gold);font-size:15px;letter-spacing:0;margin-right:10px;position:relative;top:1px}
.hero .kicker .sym-i{color:#e3cfa9}
@media (max-width:820px){.page-top{padding-top:34px}}
.about-photo img{aspect-ratio:21/9!important;max-height:460px;object-position:center 62%!important}
@media (max-width:620px){.about-photo img{aspect-ratio:4/3!important}}

/* post Instagram: si taglia la fascia "mi piace / commenti" */
.ig-crop{overflow:hidden;position:relative}
.ig-crop iframe{display:block}

/* ---------- PAGINA GRAZIE (dopo la prenotazione) ---------- */
.thanks .thanks-lead{font-size:clamp(19px,2.2vw,22px);color:var(--gold-t);margin-top:0}
.thanks-info{max-width:900px;margin-left:auto;margin-right:auto}
.thanks-info a{color:var(--gold-d)}

/* ---------- BANNER COOKIE ---------- */
.ck-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:16px;pointer-events:none}
.ck-banner[hidden]{display:none}
.ck-in{position:relative;max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.18);
  padding:24px 28px 22px;font-size:15px;line-height:1.55;pointer-events:auto;max-height:calc(100vh - 32px);overflow:auto}
.ck-in p{margin:0 0 12px}
.ck-in a{color:var(--gold-d)}
.ck-t{color:var(--gold-d);text-transform:uppercase;letter-spacing:.2em;font-size:13px}
.ck-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:6px}
.ck-opts{display:grid;gap:10px;margin:4px 0 16px;padding:14px 16px;background:var(--soft)}
.ck-opts[hidden]{display:none}
.ck-opts label{display:block;font-size:14.5px;cursor:pointer}
.ck-opts b{font-weight:400;color:var(--ink)}
.ck-opts input{accent-color:var(--gold-d);margin-right:6px}
.ck-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ck-btns .btn{padding:11px 20px}

.ck-btns .btn[hidden]{display:none}
@media (max-width:620px){.ck-in{padding:20px 18px 16px;font-size:14px}.ck-btns .btn{flex:1 1 auto;text-align:center;padding:11px 12px}}