
:root{
  --ink:#243128;
  --muted:#667268;
  --paper:#fffdf9;
  --cream:#f4efe4;
  --sand:#eee6d7;
  --green:#49644f;
  --green-dark:#314539;
  --accent:#8b4b3e;
  --accent-soft:#f5e7df;
  --line:#ddd6c8;
  --shadow:0 20px 50px rgba(34,45,39,.08);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1160px,92vw);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%}
.brand small{display:block;font-size:.78rem;font-weight:600;color:var(--muted)}
.nav-links{display:flex;gap:18px;align-items:center;font-size:.95rem}
.nav-links a{padding:.2rem 0}
.nav-links .cta{padding:.82rem 1.1rem;border-radius:999px;background:var(--green);color:#fff;font-weight:700}
.menu-btn{display:none;background:none;border:0;font-size:1.7rem;line-height:1}
.hero{min-height:74vh;background:linear-gradient(90deg,rgba(20,31,25,.70),rgba(20,31,25,.24)),url('images/hero.jpg') center/cover;display:flex;align-items:flex-end;color:#fff}
.hero-inner{padding:96px 0 88px}
.hero h1,.page-hero h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:clamp(2.9rem,6vw,5.8rem);line-height:1.03;margin:.4rem 0 1rem;max-width:880px}
.hero p,.page-hero p{max-width:760px;font-size:1.12rem}
.eyebrow,.smallcaps{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:inherit;opacity:.9}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.6rem}
.btn{display:inline-block;padding:.92rem 1.18rem;border-radius:999px;font-weight:700;transition:.15s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--green);color:#fff}
.btn.light{background:#fff;color:var(--ink)}
.btn.outline{border:1px solid var(--green);color:var(--green)}
section{padding:84px 0}
.section-head{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:26px}
.section-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:.35rem 0 0}
.lead{font-size:1.14rem;color:#4d5a51}
.intro,.split,.content-grid,.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.photo-card img,.rounded{border-radius:var(--radius);box-shadow:var(--shadow)}
.features,.soft,.band-soft{background:var(--cream)}
.grid-2,.grid-3,.grid-4,.facts,.card-grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4,.facts{grid-template-columns:repeat(4,1fr)}
.card,.fact,.season,.contact-box,.service-card,.tip-card,.feature-card,.review-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.card h3,.service-card h3,.tip-card h3,.feature-card h3{margin:.2rem 0 .55rem;font-size:1.18rem}
.num{font-size:.8rem;letter-spacing:.12em;color:var(--accent);font-weight:800}
.rating{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.pill,.badge{display:inline-block;padding:.62rem .95rem;border-radius:999px;background:#f3eee4;border:1px solid #ece4d5;font-weight:650;font-size:.92rem}
.badge{padding:.44rem .75rem;margin:.2rem .2rem .2rem 0;background:#fff}
.gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.gallery img{width:100%;height:230px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.gallery .big{grid-row:span 2;height:472px}
.page-hero{color:#fff;background-size:cover;background-position:center;position:relative}
.page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,35,29,.74),rgba(24,35,29,.30));}
.page-hero .wrap{position:relative;z-index:1;padding:26px 0}
.hero-casa{background-image:url('images/portico.jpg')}
.hero-esperienze{background-image:url('images/attivita-mare.png')}
.hero-fare{background-image:url('images/attivita-mare.png')}
.hero-visitare{background-image:url('images/palermo-visitare.png')}
.hero-mangiare{background-image:url('images/mangiare-sicilia.png')}
.hero-servizi{background-image:url('images/servizi-placeholder.png')}
.hero-lavorare{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url('images/portico.jpg')}
.hero-faq{background-image:url('images/giardino.jpg')}
.fact strong{display:block;font-size:1.1rem;margin-bottom:.1rem}
.fact span{font-size:.92rem;color:var(--muted)}
.quote{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:clamp(1.65rem,3vw,2.9rem);line-height:1.25}
.info-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}
.link-list{display:grid;gap:10px;margin-top:16px}
.link-list a{padding:.85rem 1rem;border:1px solid var(--line);border-radius:16px;background:#fff}
.notice{padding:16px 18px;border:1px dashed #c7b49e;background:#fffaf4;border-radius:18px;color:#5c5347;font-size:.95rem}
.list-clean{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.list-clean li{padding:0 0 14px;border-bottom:1px solid #eee6d9}
.list-clean li:last-child{border-bottom:0;padding-bottom:0}
.kicker{color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.sticky{position:sticky;top:110px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{font-weight:700;cursor:pointer}
.form{display:grid;gap:12px}
.form input,.form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}
.form textarea{min-height:120px}
.booking-box{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.footer{padding:52px 0;background:#1f2a24;color:#f8f4eb}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}
.footer a{color:#f8f4eb;opacity:.92}
.copyright{margin-top:24px;color:#cad1cb;font-size:.86rem}
.icon-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.service-card p,.tip-card p,.card p,.feature-card p{color:#536157}
.hero-grid .photo-card img{aspect-ratio:4/3;object-fit:cover}
.overview-card{padding:26px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.overview-card ul{margin:12px 0 0;padding-left:1.1rem}
.overview-card li{margin:.38rem 0}
.mini{font-size:.92rem;color:var(--muted)}
@media(max-width:980px){
  .nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:18px 4vw 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}
  .menu-btn{display:block}
  .intro,.split,.content-grid,.hero-grid,.section-head,.footer-grid,.grid-2,.grid-3,.grid-4,.facts{grid-template-columns:1fr;display:grid}
  .section-head{align-items:start}
  .gallery{grid-template-columns:1fr}
  .gallery .big{grid-row:auto;height:300px}
  .gallery img{height:220px}
  .sticky{position:static}
  .hero{min-height:68vh}
}

.destination-index{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.destination-index a{display:block;background:white;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.destination-index strong{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:1.35rem;margin-bottom:.35rem}
.destination-index span{color:var(--muted);font-size:.92rem}
.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.editorial-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.editorial-card img{width:100%;height:235px;object-fit:cover}
.editorial-card .body{padding:22px}
.editorial-card h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:1.5rem;line-height:1.15;margin:.2rem 0 .5rem}
.editorial-card p{color:#536157}
.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.topic{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.topic h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:1.45rem;margin:.2rem 0 .55rem}
.topic ul{margin:.5rem 0 0;padding-left:1.1rem}
.topic li{margin:.35rem 0}
.day-plan{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.day-plan:last-child{border-bottom:0}
.day-plan .day{font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f4efe4;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em}
tr:last-child td{border-bottom:0}
.source-note{font-size:.82rem;color:var(--muted);margin-top:18px}
.callout{background:var(--green-dark);color:#fff;border-radius:26px;padding:30px}
.callout h2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:2rem;margin:.2rem 0 .8rem}
.callout p{color:#eef3ef}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem .72rem;font-size:.88rem}
.hero-itinerari{background-image:url('images/palermo-visitare.png')}
@media(max-width:980px){.destination-index,.editorial-grid,.topic-grid{grid-template-columns:1fr}.day-plan{grid-template-columns:1fr}.destination-index{display:grid}.editorial-grid{display:grid}.topic-grid{display:grid}}

.lang-switch{display:flex;gap:6px;align-items:center;margin-left:8px}.lang-switch a{font-size:.76rem;font-weight:800;letter-spacing:.06em;padding:.42rem .58rem;border:1px solid var(--line);border-radius:999px}.lang-switch a.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.photo-mosaic{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:210px;gap:12px}.photo-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.photo-mosaic .tall{grid-row:span 2}.photo-mosaic .wide{grid-column:span 2}
.tip-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.directory-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.directory-card .meta{font-size:.88rem;color:var(--muted)}
.season-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.season-row .season{padding:20px}.season-row h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;margin:.1rem 0 .4rem}.micro{font-size:.8rem;color:var(--muted)}
@media(max-width:980px){.lang-switch{margin-left:0}.photo-mosaic,.tip-directory,.season-row{grid-template-columns:1fr}.photo-mosaic{grid-auto-rows:240px}.photo-mosaic .tall,.photo-mosaic .wide{grid-row:auto;grid-column:auto}}

.lang-switch{display:flex;gap:6px;align-items:center;margin-left:8px}.lang-switch a{font-size:.76rem;font-weight:800;letter-spacing:.06em;padding:.42rem .58rem;border:1px solid var(--line);border-radius:999px}.lang-switch a.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.photo-mosaic{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:210px;gap:12px}.photo-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.photo-mosaic .tall{grid-row:span 2}.photo-mosaic .wide{grid-column:span 2}
.tip-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.directory-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.directory-card .meta{font-size:.88rem;color:var(--muted)}
.season-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.season-row .season{padding:20px}.season-row h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;margin:.1rem 0 .4rem}.micro{font-size:.8rem;color:var(--muted)}
@media(max-width:980px){.lang-switch{margin-left:0}.photo-mosaic,.tip-directory,.season-row{grid-template-columns:1fr}.photo-mosaic{grid-auto-rows:240px}.photo-mosaic .tall,.photo-mosaic .wide{grid-row:auto;grid-column:auto}}

/* V7 — typography, language menu and layout refinement */
body{
  font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16.5px;
  line-height:1.72;
  letter-spacing:.002em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,.section-title,.quote,.editorial-card h3,.topic h3,.season-row h3{
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  letter-spacing:-.018em;
  font-weight:600;
}
p,li,td,th{overflow-wrap:break-word}
.brand span{display:block;line-height:1.08;letter-spacing:-.01em}
.brand small{line-height:1.25;margin-top:3px}
.nav-links{gap:15px;font-size:.91rem;white-space:nowrap}
.nav-links .cta{padding:.78rem 1rem}
.lang-menu{margin-left:4px;position:relative;flex:0 0 auto}
.lang-select{
  appearance:auto;
  min-width:102px;
  padding:.64rem .72rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font:700 .82rem/1 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  cursor:pointer;
}
.lang-select:focus{outline:2px solid rgba(73,100,79,.25);outline-offset:2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero h1,.page-hero h1{letter-spacing:-.035em;text-wrap:balance}
.section-title{text-wrap:balance}
.lead{max-width:780px}
.editorial-card .body{min-height:240px;display:flex;flex-direction:column;align-items:flex-start}
.editorial-card .body .btn{margin-top:auto}
.photo-mosaic img,.gallery img,.editorial-card img{background:#eee8dc}
.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.photo-strip img{width:100%;height:240px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.cta-band{background:var(--green-dark);color:#fff;padding:54px 0}
.cta-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta-band h2{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:2.35rem;margin:.15rem 0}
@media(max-width:1100px){
  .nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px 4vw 28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);white-space:normal}
  .nav-links.open{display:flex}
  .menu-btn{display:block}
  .lang-menu{margin-left:0;margin-top:4px}
}
@media(max-width:760px){
  body{font-size:16px;line-height:1.68}
  section{padding:64px 0}
  .hero-inner{padding:78px 0 64px}
  .hero h1,.page-hero h1{font-size:clamp(2.45rem,12vw,4.1rem);line-height:1.04}
  .photo-strip{grid-template-columns:1fr 1fr}
  .photo-strip img{height:190px}
  .cta-band>.wrap{display:grid;grid-template-columns:1fr}
}
@media(max-width:460px){.photo-strip{grid-template-columns:1fr}.photo-strip img{height:230px}}
/* V7 — real photography in key guide pages */
.hero-esperienze{background-image:url('images/mondello-pontile.jpg')}
.hero-fare{background-image:url('images/mondello-mare.jpg')}
.hero-visitare{background-image:url('images/palermo-cattedrale.jpg')}
.hero-mangiare{background-image:url('images/palermo-street-food.jpg')}
.hero-itinerari{background-image:url('images/mondello-baia.jpg')}
.hero-servizi{background-image:url('images/mondello-borgo.jpg')}

/* V8 — leggibilità, navigazione e richiesta diretta */
body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.72;letter-spacing:.002em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:anywhere}
p,li,label,input,textarea,select,button{font-family:inherit}
.hero h1,.page-hero h1,.section-title,.quote,.editorial-card h3,.topic h3,.destination-index strong{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.015em}
.nav-links{gap:14px;flex-wrap:nowrap}.nav-links>a{white-space:nowrap}.brand{min-width:max-content}
.lang-menu{margin-left:4px;min-width:150px}.lang-select{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.58rem 2rem .58rem .8rem;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.form label{display:grid;gap:6px;font-weight:650;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}.form button{border:0;cursor:pointer}.contact-box a{text-decoration:underline;text-underline-offset:3px}
.cta-band p{max-width:620px}.photo-mosaic img{object-fit:cover}
@media(max-width:1150px){.nav-links{gap:10px;font-size:.88rem}.lang-menu{min-width:138px}}
@media(max-width:980px){.nav-links{flex-wrap:nowrap}.lang-menu{width:100%;max-width:230px;margin-left:0}.form-grid{grid-template-columns:1fr}}


/* V9 — geometric typography, visible language codes, editorial photography */
:root{--radius:22px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.62;letter-spacing:-.006em}
h1,h2,h3,.section-title,.quote,.editorial-card h3,.topic h3,.destination-index strong,.callout h2,.cta-band h2,.season-row h3{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-weight:700;letter-spacing:-.035em;line-height:1.08
}
.hero h1{max-width:850px;font-size:clamp(3.25rem,6vw,5.8rem);line-height:.98;letter-spacing:-.052em}
.hero h1 br{display:block}
.section-title{font-size:clamp(2.15rem,4vw,3.7rem);max-width:900px}
.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.55}
.nav-links,.brand,.btn,.pill,.smallcaps,.eyebrow{letter-spacing:-.01em}
.lang-select{min-width:132px;border-radius:12px;padding:.62rem 2rem .62rem .78rem;font-weight:700;letter-spacing:-.01em}
.editorial-card,.photo-card,.directory-card,.topic,.callout{border-radius:20px}
.city-mosaic{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:220px;gap:12px;margin-top:30px}
.city-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.city-mosaic .city-main{grid-row:span 2}
.palermo-story{background:#f7f4ed}
.footer a[href="https://lacasettadelmelograno.com"]{font-weight:700}
@media(max-width:760px){
  .hero h1{font-size:clamp(2.75rem,13vw,4.25rem);line-height:.98}
  .city-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:190px}
  .city-mosaic .city-main{grid-column:span 2;grid-row:auto;height:280px}
}
@media(max-width:460px){.city-mosaic{grid-template-columns:1fr}.city-mosaic .city-main{grid-column:auto;height:250px}}

/* V10 — tipografia lineare, geometrica e coerente */
h1,h2,h3,.section-title,.quote,.destination-index strong,.editorial-card h3,.topic h3,.callout h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:-.035em}
.hero h1,.page-hero h1{font-weight:760;letter-spacing:-.055em}
.section-title{font-weight:740}
.review-proof{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 28px;box-shadow:var(--shadow);margin-top:28px}
.review-score{font-size:2rem;font-weight:800;white-space:nowrap;letter-spacing:-.04em}
.review-proof p{margin:0;color:var(--muted)}
.direct-note{background:var(--accent-soft);border-radius:20px;padding:18px 20px;margin-top:24px}
@media(max-width:680px){.review-proof{grid-template-columns:1fr}.review-score{font-size:1.7rem}}

/* V11 — art direction: immagini non deformate, ritmo editoriale, prova sociale */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3,.section-title,.quote,.cta-band h2,.season-row h3{
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
 font-weight:720;letter-spacing:-.045em
}
.review-proof{border:0;background:#f6f1e7;box-shadow:none;padding:22px 26px}
.review-score{display:flex;flex-direction:column;line-height:1.05}
.review-score .stars{font-size:1.15rem;letter-spacing:.08em;color:#a15b39;margin-bottom:6px}
.review-score strong{font-size:2rem}
.city-gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px;margin-top:34px;align-items:start}
.city-gallery figure,.house-gallery figure{margin:0}
.city-gallery img,.house-gallery img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow)}
.city-gallery figure{align-self:start}
.city-gallery .city-feature{grid-row:span 2}
.city-gallery figcaption,.house-gallery figcaption{font-size:.86rem;color:var(--muted);padding:8px 3px 0}
.house-gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:30px;align-items:start}
.house-photo-main{grid-row:span 2}
.house-photo-wide{grid-column:1/-1}
.house-photo-wide img{max-height:520px;object-fit:cover;object-position:center}
@media(max-width:760px){
 .city-gallery,.house-gallery{grid-template-columns:1fr}
 .city-gallery .city-feature,.house-photo-main{grid-row:auto}
 .house-photo-wide{grid-column:auto}
 .city-gallery img,.house-gallery img{max-height:none}
}

/* V12 — stato navigazione e correzione foto patio */
.nav-links a.active,.nav-links a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;font-weight:800}
.house-photo-wide img{width:100%;height:520px;object-fit:cover;object-position:center;border-radius:18px}
@media(max-width:760px){.house-photo-wide img{height:360px}}
\n\n/* V14 — revisione finale: fotografie, form, lingua e coerenza */
.hero-esperienze{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url('images/mondello-baia.jpg')}
.hero-fare{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url('images/mondello-fuori-stagione.jpg')}
.hero-mangiare{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url('images/palermo-agrumi.jpg')}
.hero-consigli{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url('images/palermo-mercato-chiesa.jpg')}
.hero-lavorare{background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)),url('images/angolo-studio.jpg');background-position:center}
.hero-servizi{background-image:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22)),url('images/mondello-borgo.jpg');background-position:center 46%}
.content-grid>.photo-card img{display:block;width:100%;height:360px;object-fit:cover;object-position:center;border-radius:var(--radius);box-shadow:var(--shadow)}
.lang-select{min-width:154px;font-size:.82rem}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.faq-list{display:grid;gap:12px;margin-top:24px;max-width:900px}.faq-list .faq{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}.faq-list .faq p{color:var(--muted);margin:.75rem 0 .15rem}
.experience-links{display:grid;gap:12px;margin-top:24px}.experience-card{display:grid;gap:5px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.experience-card strong{font-size:1.08rem}.experience-card span{color:var(--muted)}.experience-card em{font-style:normal;font-weight:800;color:var(--accent);margin-top:3px}
@media(max-width:760px){.content-grid>.photo-card img{height:300px}.lang-select{min-width:165px}}


/* === V15: visual consistency, unique imagery, robust galleries === */
.hero-esperienze{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url('images/mondello-segno.jpg');background-position:center 48%}
.hero-itinerari{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url('images/mondello-baia.jpg');background-position:center 48%}
.hero-servizi{background-image:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22)),url('images/giardino.jpg');background-position:center 55%}
.hero-lavorare{background-image:linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,.26)),url('images/portico-2.jpg');background-position:center 58%}
.photo-mosaic{align-items:stretch}
.photo-mosaic .mosaic-item{position:relative;margin:0;overflow:hidden;border-radius:22px;background:#eee;min-height:280px}
.photo-mosaic .mosaic-item img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:center}
.photo-mosaic .mosaic-item.tall{grid-row:span 2;min-height:580px}
.photo-mosaic .mosaic-item.wide{grid-column:span 2}
.photo-mosaic .mosaic-item figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:9px 12px;border-radius:12px;background:rgba(20,31,25,.78);color:#fff;font-size:.86rem;line-height:1.3;backdrop-filter:blur(4px)}
.photo-card{overflow:hidden}
.photo-card figure{margin:0}
.photo-card img{display:block;width:100%;height:clamp(360px,42vw,560px);object-fit:cover;object-position:center}
.photo-card figcaption{padding:14px 16px 16px;color:var(--muted,#66706a);font-size:.93rem;line-height:1.45;background:#fff}
.work-photo img{object-position:center}
@media(max-width:760px){.photo-mosaic .mosaic-item,.photo-mosaic .mosaic-item.tall,.photo-mosaic .mosaic-item.wide{grid-column:auto;grid-row:auto;min-height:260px}.photo-mosaic .mosaic-item img{min-height:260px}.photo-card img{height:360px}}

/* V15 final gallery + hero overrides */
.hero-lavorare{background-image:linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,.26)),url('images/angolo-studio.jpg')!important;background-position:center!important}
.gallery-featured{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin:30px 0 18px}.gallery-feature,.gallery-thumb{margin:0}.gallery-feature a,.gallery-thumb a{display:block;overflow:hidden;border-radius:18px;background:#eee}.gallery-feature img{width:100%;height:420px;object-fit:cover;display:block}.gallery-feature:first-child img{height:520px}.gallery-feature figcaption,.gallery-thumb figcaption{font-size:.9rem;margin-top:8px;color:var(--muted,#666)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-thumb img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .25s ease}.gallery-open:hover img{transform:scale(1.02)}.lightbox-overlay{position:fixed;inset:0;background:rgba(10,10,10,.92);z-index:9999;display:none;align-items:center;justify-content:center;padding:28px}.lightbox-overlay.open{display:flex}.lightbox-overlay img{max-width:min(94vw,1500px);max-height:88vh;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.35)}.lightbox-close{position:fixed;right:22px;top:18px;border:0;background:#fff;color:#111;width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}.lightbox-caption{position:fixed;bottom:16px;left:20px;right:20px;text-align:center;color:#fff;font-size:.95rem}.house-gallery .house-photo img{object-fit:cover}
@media(max-width:900px){.gallery-featured{grid-template-columns:1fr 1fr}.gallery-feature:first-child{grid-column:1/-1}.gallery-feature img,.gallery-feature:first-child img{height:320px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-thumb img{height:190px}}
@media(max-width:560px){.gallery-featured,.gallery-grid{grid-template-columns:1fr}.gallery-feature:first-child{grid-column:auto}.gallery-feature img,.gallery-feature:first-child img,.gallery-thumb img{height:260px}}


/* V16 — Google review proof link */
.review-link{color:inherit;text-decoration:none;cursor:pointer}
.review-link:hover{transform:translateY(-2px)}
.review-link:focus-visible{outline:3px solid currentColor;outline-offset:4px}


/* V17 — recensioni Google più riconoscibili come collegamento */
.review-link-cta{
  display:inline-block;
  margin-left:10px;
  font-size:.88rem;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media (max-width:700px){
  .review-link-cta{display:block;margin:6px 0 0}
}

/* V22 — servizi, riferimenti utili, recensioni e accoglienza */
.service-pill{display:inline-flex;align-items:center;gap:.48rem}
.service-icon{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid currentColor;border-radius:50%;font-size:.72rem;line-height:1;font-weight:800;opacity:.72}
.service-checklist li{position:relative;padding-left:1.65rem}
.service-checklist li::before{content:"✓";position:absolute;left:0;top:.02rem;width:1.1rem;height:1.1rem;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:.64rem;line-height:1;font-weight:800;opacity:.72}
.nearby-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.nearby-list li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.nearby-list li:last-child{border-bottom:0}
.nearby-list strong{display:block}.nearby-list span{color:var(--muted);font-size:.92rem}.nearby-list a{font-weight:700;white-space:nowrap}
.host-card{display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:center}
.host-photo{width:132px;height:auto;display:block;border-radius:20px;box-shadow:var(--shadow)}
.host-card h3{margin:.1rem 0 .45rem}.host-card p{margin:0;color:var(--muted)}
.guest-voices{margin-top:28px}.guest-voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.guest-voice{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.guest-voice blockquote{margin:0 0 12px;font-size:1.02rem;line-height:1.5}.guest-voice cite{font-style:normal;font-weight:700;color:var(--muted);font-size:.9rem}
@media(max-width:760px){.nearby-list li{grid-template-columns:1fr}.host-card{grid-template-columns:96px 1fr}.host-photo{width:96px}.guest-voices-grid{grid-template-columns:1fr}}
