/* ==========================================================================
   Albergo Sonia - nuova app per telefono, v2 "Chiaro e sereno" (24/10/2026)
   Markup: reservation/include/sonia_app2.inc.php. Vale solo sotto i 1200px (telefono e tablet, 24/10/2026) e solo
   sulle pagine con body.ss2-pag: il desktop e le altre pagine non cambiano.
   Regole di leggibilita': testo 17px, mai sotto 15px; pulsanti alti almeno 56px.
   ========================================================================== */
@font-face{font-family:"Lexend";src:url(../fonts/lexend/lexend-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces/fraunces-latin-600.woff2) format("woff2");font-weight:600;font-display:swap}

.ss2{display:none}

@media (max-width: 1199.98px){

:root{
  --ss2-bg:#fff; --ss2-sup:#F2F5F4; --ss2-sup2:#E4EBE9; --ss2-line:#D9E1DF;
  --ss2-pri:#1D5C57; --ss2-pri-d:#15433F; --ss2-pri-soft:#E1EEEB;
  --ss2-acc:#C8582A;
  --ss2-ink:#13201E; --ss2-ink2:#3A4846; --ss2-ink3:#55635F;
  --ss2-ok:#1C7443; --ss2-ok-soft:#E2F2E8; --ss2-wa:#1A8A48;
  --ss2-sh:0 8px 28px rgba(19,32,30,.08),0 1px 3px rgba(19,32,30,.07);
  /* 24/10/2026: colore "evidenza" per i riquadri importanti da vedere a colpo d occhio (il verde chiaro e ovunque e si confonde) */
  --ss2-ev:#FFF3D6; --ss2-ev-b:#E9BE62; --ss2-ev-ink:#5E3F0C; --ss2-ev-btn:#B7791F;
  --ss2-oro:#8B6232;
  /* 24/10/2026: rosso tenue per offerte e sconti (riquadro "Sconto a tempo" del dettaglio camera): fondo #FBEEE7 + testo --ss2-acc */
  --ss2-off:#FBEEE7;
}

/* il sito per computer resta nella pagina ma non si vede */
body.ss2-pag > *:not(.ss2):not(script):not(style):not(#ssCookie){display:none !important} /* 26/10/2026: tranne l avviso cookie */
body.ss2-pag{margin:0;padding:0 0 calc(92px + env(safe-area-inset-bottom)) !important;background:var(--ss2-bg) !important;font-size:17px !important}
body.ss2-pag #whatsapp_chat_widget{display:none !important}

.ss2{display:block;font-family:"Lexend",system-ui,sans-serif;font-size:17px;line-height:1.4;color:var(--ss2-ink);-webkit-font-smoothing:antialiased;max-width:640px;margin:0 auto}
.ss2 *{box-sizing:border-box}
.ss2 h1,.ss2 h2,.ss2 p,.ss2 ul{margin:0;padding:0}
.ss2 a{color:inherit;text-decoration:none}
.ss2 ul{list-style:none}
.ss2-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- prima schermata ---------- */
/* 25/10/2026: velo crema come la foto del desktop, scritte color caffe */
.ss2-hero{position:relative;height:420px;color:#2b2119}
.ss2-hero-foto{position:absolute;inset:0;background:#efe7dc center 60%/cover}
.ss2-hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,247,241,.72) 0%,rgba(251,247,241,.38) 30%,rgba(251,247,241,.30) 50%,rgba(251,247,241,.82) 82%,rgba(251,247,241,.92) 100%)}
.ss2-hero-testa{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 20px 0}
.ss2-vetro{height:48px;padding:0 16px;border-radius:24px;background:#fff;box-shadow:0 2px 10px rgba(60,40,20,.14);color:var(--ss2-pri-d) !important;display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}
.ss2-hero-az{display:flex;gap:8px}
.ss2-vetro-tondo{width:48px;padding:0;justify-content:center}
.ss2-vetro-tondo .ss2-i{width:24px;height:24px}
.ss2-hero-tit{position:absolute;z-index:2;left:20px;right:20px;bottom:50px}
.ss2-hero-tit h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:25px;line-height:1.15;color:#2b2119;text-transform:none;letter-spacing:-.01em}
.ss2-hero-tit p{font-size:15px;margin-top:6px;display:flex;align-items:center;gap:7px;color:#4a3c30;font-weight:500}
.ss2-hero-tit p .ss2-i{width:20px;height:20px}
/* 24/10/2026: nome al centro della foto come la home del desktop (2a prova: al centro della foto, velatura bianca solo dietro il nome,
   foto un poco piu scura e inquadrata su finestra e letto) */
.ss2-hero-testa{justify-content:flex-end}
/* 24/10/2026: si torna alla prima prova approvata (foto alta, nome al centro, titolo sulla foto) con la velatura crema del desktop al posto di quella scura */
.ss2-hero-foto{background-position:42% 50% !important}
.ss2-hero-foto::after{background:linear-gradient(180deg,rgba(251,247,241,.42) 0%,rgba(251,247,241,.30) 35%,rgba(251,247,241,.36) 60%,rgba(251,247,241,.80) 84%,rgba(251,247,241,.95) 100%) !important}
.ss2-marchio{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-62%);display:flex;flex-direction:column;align-items:center;color:#2b2119 !important;text-decoration:none}
.ss2-marchio::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:300px;height:220px;transform:translate(-50%,-50%);background: radial-gradient(ellipse at center, rgba(255, 255, 255, .85) 0%, #d4a47d38 42%, rgba(255, 255, 255, 0) 68%);}
.ss2-marchio small{text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.7)}
.ss2-marchio small{font-family:"Fraunces",Georgia,serif;font-size:26px;font-weight:500;letter-spacing:.42em;margin-right:-.42em;line-height:1}
.ss2-marchio b{font-family:"Fraunces",Georgia,serif;font-size:76px;font-weight:600;line-height:.95;letter-spacing:-.01em;margin-top:2px}
.ss2-marchio em{display:flex;align-items:center;gap:12px;font-style:normal;font-size:14px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;margin-top:10px}
.ss2-marchio em::before,.ss2-marchio em::after{content:"";width:36px;height:1.5px;background:#2b2119;opacity:.7}
.ss2-hero-tit{text-align:center;bottom:46px}
.ss2-hero-tit h1{font-size:21px !important;line-height:1.2 !important}
.ss2-hero-tit p{justify-content:center;font-size:17px !important;font-weight:600 !important;color:#2b2119 !important;margin-top:4px}
.ss2-hero-tit p .ss2-i{width:22px;height:22px}

/* ---------- ricerca ---------- */
.ss2-cerca{position:relative;z-index:3;margin-top:-26px;background:#fff;border-radius:28px 28px 0 0;padding:22px 20px 4px}
.ss2-date{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ss2-data,.ss2-osp{position:relative;display:block;background:var(--ss2-sup);border-radius:18px;padding:12px 16px;border:1.5px solid transparent;margin:0}
.ss2-data small,.ss2-osp small{display:block;font-size:15px;color:var(--ss2-ink3);font-weight:600;line-height:1.3}
.ss2-data b{display:block;font-size:20px;font-weight:600;line-height:1.3}
.ss2-data:first-child{border-color:var(--ss2-pri);background:#fff}
.ss2-data input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;-webkit-appearance:none;appearance:none}
.ss2-err{display:none;color:#A1301E;font-size:15px;font-weight:600;padding:8px 2px 0}
.ss2-err.is-on{display:block}
.ss2-ospiti{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}
.ss2-osp{padding:10px 12px}
.ss2-piu{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.ss2-piu button{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--ss2-line);display:flex;align-items:center;justify-content:center;color:var(--ss2-pri);padding:0}
.ss2-piu input{width:34px;border:0;background:transparent;text-align:center;font:600 22px "Lexend",sans-serif;color:var(--ss2-ink);padding:0;outline:none}
.ss2-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;border-radius:18px;border:0;background:var(--ss2-pri);color:#fff !important;font:600 19px "Lexend",sans-serif;cursor:pointer}
.ss2-btn:active{background:var(--ss2-pri-d)}
.ss2 .ss2-tre{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 0}
.ss2-tre li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;font-size:15px;line-height:1.25;color:var(--ss2-ink2)}
.ss2-tre b{color:var(--ss2-ink);font-size:16px;font-weight:600;margin-top:6px}
.ss2-tq{width:42px;height:42px;border-radius:14px;background:var(--ss2-pri-soft);color:var(--ss2-pri);display:flex;align-items:center;justify-content:center;flex:none}

/* ---------- sezioni ---------- */
.ss2-sez{padding:30px 0 0;scroll-margin-top:12px}
.ss2-sez-t{display:flex;align-items:baseline;justify-content:space-between;padding:0 20px;margin-bottom:12px}
.ss2-sez-t h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:24px;color:var(--ss2-ink);text-transform:none;letter-spacing:-.01em}
.ss2-sez-t a{font-size:16px;font-weight:600;color:var(--ss2-pri) !important;padding:6px 0}

/* camere */
.ss2-carosello{display:flex;gap:12px;padding:0 20px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ss2-carosello::-webkit-scrollbar{display:none}
/* 25/10/2026: camere una sotto l altra */
.ss2-camere{display:grid;gap:14px;padding:0 20px}
.ss2-cam{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--ss2-line)}
.ss2-cam-f{display:block;height:190px;background:var(--ss2-sup2) center/cover;position:relative}
.ss2-cam-az{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.ss2-btn2{display:flex;align-items:center;justify-content:center;height:52px;border-radius:16px;border:2px solid var(--ss2-line);background:#fff;color:var(--ss2-ink) !important;font:600 17px "Lexend",sans-serif;cursor:pointer;padding:0}
.ss2-btn2-p{border-color:var(--ss2-pri-soft);background:var(--ss2-pri-soft);color:var(--ss2-pri-d) !important}
.ss2-off{position:absolute;top:12px;left:12px;background:var(--ss2-acc);color:#fff;border-radius:999px;font-style:normal;font-size:15px;font-weight:600;padding:5px 12px}
.ss2-cam-c{display:block;padding:14px 16px 16px}
.ss2-cam-c b{display:block;font-size:20px;font-weight:600}
.ss2-cam-c small{display:block;font-size:16px;color:var(--ss2-ink2);margin:2px 0 8px}
.ss2-prz{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.ss2-prz em{font-style:normal;font-size:15px;color:var(--ss2-ink3)}
.ss2-prz strong{font-size:25px;font-weight:600}
.ss2-prz s{font-size:16px;color:var(--ss2-ink3)}

/* offerte in corso */
.ss2-offc{flex:none;width:264px;max-width:78vw;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--ss2-line);scroll-snap-align:start;display:block}
.ss2-offc-f{display:block;height:120px;background:var(--ss2-sup2) center/cover;position:relative}
.ss2-offc-c{display:block;padding:12px 16px 16px}
.ss2-offc-c small{display:block;font-size:15px;color:var(--ss2-acc);font-weight:600}
.ss2-offc-c b{display:block;font-size:18px;font-weight:600;line-height:1.25;margin:2px 0 4px}
.ss2-offc-c em{display:block;font-style:normal;font-size:16px;color:var(--ss2-ink2)}
.ss2-offc-c em b{display:inline;font-size:16px;color:var(--ss2-ink)}
.ss2-offc-tutte{background:var(--ss2-sup);border-color:var(--ss2-sup)}
.ss2-offc-tutte .ss2-offc-c{padding:18px 16px;height:100%;display:flex;flex-direction:column;gap:4px}
.ss2-offc-tutte .ss2-tq{margin-bottom:6px;background:#fff}
.ss2-offc-tutte .ss2-scade{margin-top:auto;align-self:flex-start;background:#fff}
.ss2-scade{display:inline-block;margin-top:8px;font-size:15px;font-weight:600;color:var(--ss2-pri);background:var(--ss2-pri-soft);border-radius:999px;padding:3px 10px}

/* ospedali */
.ss2-lista{margin:0 20px;border:1px solid var(--ss2-line);border-radius:22px;overflow:hidden}
.ss2-lista a{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--ss2-line)}
.ss2-lista a:last-child{border:0}
.ss2-l-n{flex:1;min-width:0}
.ss2-l-n b{display:block;font-size:17px;font-weight:600}
.ss2-l-n small{font-size:15px;color:var(--ss2-ink3)}
.ss2-min{font-size:20px;font-weight:600;color:var(--ss2-pri);white-space:nowrap}

/* aiuto */
.ss2-rec{margin:0 20px 12px !important;display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px 14px !important;font-size:17px}
.ss2-rec i{width:12px;height:12px;border-radius:50%;flex:none}
.ss2-rec.is-on{background:var(--ss2-ok-soft);color:#174f31}
.ss2-rec.is-on i{background:var(--ss2-ok);box-shadow:0 0 0 5px rgba(28,116,67,.18)}
.ss2-rec.is-off{background:var(--ss2-sup);color:var(--ss2-ink2)}
.ss2-rec.is-off i{background:#9aa6a3}
.ss2-grande{margin:0 20px 10px;display:flex;align-items:center;gap:14px;border-radius:22px;padding:16px;background:var(--ss2-pri);color:#fff !important}
.ss2-grande .ss2-tq{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.18);color:#fff}
.ss2-grande .ss2-i{width:28px;height:28px}
.ss2-grande b{display:block;font-size:20px;font-weight:600}
.ss2-grande small{font-size:16px;opacity:.92}
.ss2-grande.ss2-wa{background:var(--ss2-wa)}

/* piede */
.ss2-piede{margin-top:30px;padding:22px 20px 26px;background:var(--ss2-sup);color:var(--ss2-ink2);font-size:15px;line-height:1.5;text-align:center}
.ss2-piede p+p{margin-top:8px}
.ss2-leg{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px}
.ss2-leg a{text-decoration:underline !important;padding:6px 0}

/* ---------- schermata Contatti (index.php#contatti) ---------- */
.ss2-pannello{display:none;position:fixed;left:0;right:0;top:0;bottom:calc(83px + env(safe-area-inset-bottom));z-index:1035;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.ss2-pannello:target{display:block}
.ss2-pan-in{max-width:640px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) 0 24px}
/* 25/10/2026: barra fissa in alto con la pastiglia indietro (come una app), titolo grande sotto */
.ss2-pan-barra{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(8px + env(safe-area-inset-top)) 16px 8px;margin-top:calc(-10px - env(safe-area-inset-top))}
.ss2-pan-testa{display:block;padding:4px 20px 14px}
.ss2-pan-testa h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:28px;line-height:1.1;color:var(--ss2-ink);margin:0;text-transform:none}
.ss2-ind{display:inline-flex;align-items:center;gap:4px;height:46px;padding:0 18px 0 10px;border-radius:999px;background:var(--ss2-pri-soft);color:var(--ss2-pri-d) !important;font-size:17px;font-weight:600;text-decoration:none}
.ss2-ind .ss2-i{width:24px;height:24px;stroke-width:2.4}
.ss2-ind:active{background:var(--ss2-pri);color:#fff !important}
.ss2-pan-sez{font-size:18px;font-weight:600;color:var(--ss2-ink);margin:24px 20px 10px;text-transform:none;letter-spacing:0;font-family:"Lexend",sans-serif}
.ss2-righe{margin-top:6px}
.ss2-righe > a .ss2-i:last-child{color:var(--ss2-ink3)}
.ss2-riga-info{display:flex;align-items:center;gap:14px;padding:13px 16px}
.ss2-righe .ss2-l-n small{display:block;font-size:15px;color:var(--ss2-ink2);line-height:1.35}
.ss2-lingue{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 20px}
.ss2-lingue a{height:56px;border-radius:16px;border:2px solid var(--ss2-line);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--ss2-ink2) !important}
.ss2-lingue a.is-on{border-color:var(--ss2-pri);background:var(--ss2-pri-soft);color:var(--ss2-pri-d) !important}
.ss2-faq{margin:0 20px;border:1px solid var(--ss2-line);border-radius:22px;overflow:hidden}
.ss2-faq details{border-bottom:1px solid var(--ss2-line)}
.ss2-faq details:last-child{border:0}
.ss2-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;font-size:17px;font-weight:600;cursor:pointer;min-height:56px}
.ss2-faq summary::-webkit-details-marker{display:none}
.ss2-faq summary .ss2-i{color:var(--ss2-ink3);transition:transform .2s}
.ss2-faq details[open] summary .ss2-i{transform:rotate(180deg)}
.ss2-faq details p{padding:0 16px 16px !important;font-size:16px;line-height:1.5;color:var(--ss2-ink2)}
/* con Contatti aperta la voce accesa della barra e' Contatti */
.ss2:has(:is(#contatti,#menu):target) .ss2-tab a.is-on{color:var(--ss2-ink3) !important;background:none}
.ss2:has(#contatti:target) .ss2-tab a[href$="#contatti"]{color:var(--ss2-pri) !important;background:var(--ss2-pri-soft)}

/* ==========================================================================
   25/10/2026: pagine della prenotazione (reservation/, body.ss2-res, vedi templates/default/default.php).
   Il markup e il funzionamento sono del motore e di sonia_app_sito.inc.php: qui cambia solo l'aspetto.
   "html body.ss2-res" + !important perche' sonia-mobile.css usa le stesse regole con !important:
   quando tutte le pagine saranno v2, le vecchie regole di sonia-mobile.css per queste pagine si possono togliere.
   ========================================================================== */
html body.ss2-res{background:#fff !important;color:var(--ss2-ink);font-size:17px !important;font-weight:400 !important}
/* 24/10/2026: niente testo sottile (peso 300 del tema): sul telefono si legge male */
:where(body.ss2-res) :where(p,li,span,div,label,a,small,dd,td,input,select,textarea,em,del){font-weight:400}
html body.ss2-res :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,label,input,select,textarea,button,small,strong,b,em,td,th,del,s,option,summary):not(.hicon):not([class*="hicon-"]){font-family:"Lexend",system-ui,sans-serif !important;letter-spacing:0 !important}
html body.ss2-res :is(main,#reservation,#pageTitle){background:#fff !important}
html body.ss2-res.ss-avanti-on .ss2-tab{display:none}
html body.ss2-res :is(small,.small){font-size:15px !important}

/* testata: logo come la home */
html body.ss2-res #header{background:#fff !important;border-bottom:1px solid var(--ss2-line) !important;box-shadow:none !important}
html body.ss2-res #header .sonia-logo-s{font-family:"Fraunces",Georgia,serif !important;font-weight:600 !important;font-size:26px !important;color:var(--ss2-ink) !important}
html body.ss2-res #header .sonia-logo-h{font-size:13px !important;letter-spacing:.22em !important;font-weight:600 !important;color:var(--ss2-ink2) !important}

/* titolo e "Passo 1 di 4" */
/* #pageTitle#pageTitle: deve vincere su "main:has(#reservation) #pageTitle" di sonia-mobile.css */
html body.ss2-res.ss-pren #pageTitle#pageTitle{display:block !important;padding:14px 0 0 !important}
html body.ss2-res.ss-pren #pageTitle .row > .col-xl-6:nth-child(2){display:none !important}
html body.ss2-res.ss-pren #pageTitle h1{font:600 25px/1.15 "Fraunces",Georgia,serif !important;text-transform:none !important;color:var(--ss2-ink) !important;margin:0 0 12px !important}
html body.ss2-res .ss-passi{display:grid !important;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;margin:0 0 22px !important;padding:0 !important}
html body.ss2-res .ss-passi li{display:flex !important;flex-direction:column-reverse;align-items:stretch !important;text-align:left !important;gap:6px;margin:0 !important;padding:0 !important;background:none !important;border:0 !important}
html body.ss2-res .ss-passi li::before,html body.ss2-res .ss-passi li::after{display:none !important}
html body.ss2-res #pageTitle .ss-passi li :is(b,a){display:block !important;width:auto !important;height:6px !important;min-width:0 !important;border-radius:3px !important;background:var(--ss2-sup2) !important;font-size:0 !important;color:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important}
html body.ss2-res #pageTitle .ss-passi li:is(.is-ora,.is-fatto) :is(b,a){background:var(--ss2-pri) !important}
html body.ss2-res .ss-passi li span{font-size:14px !important;font-weight:500 !important;color:var(--ss2-ink3) !important;text-transform:none !important;line-height:1.2 !important;text-align:left !important}
html body.ss2-res .ss-passi li.is-ora span{color:var(--ss2-pri) !important;font-weight:600 !important}
html body.ss2-res.ss-pren #reservation{padding-top:10px !important}

/* riepilogo date "26 Ott -> 28 Ott · Modifica" */
html body.ss2-res #availSummary{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;box-shadow:none !important;padding:12px 12px 12px 16px !important;min-height:68px}
html body.ss2-res #availSummary .avail-summary-main{font-size:17px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res #availSummary .avail-summary-meta{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res #availSummary .avail-summary-btn{background:#fff !important;color:var(--ss2-pri) !important;border:0 !important;border-radius:12px !important;font-size:16px !important;font-weight:600 !important;height:44px !important;padding:0 14px !important;display:inline-flex !important;align-items:center !important}

/* schede delle camere */
html body.ss2-res .card-selected{border:1px solid var(--ss2-line) !important;border-radius:22px !important;box-shadow:none !important;overflow:hidden;background:#fff !important}
html body.ss2-res .card-selected .card-body{padding:16px !important}
html body.ss2-res .card-selected .card-title a{font-size:21px !important;font-weight:600 !important;text-transform:none !important;color:var(--ss2-ink) !important}
html body.ss2-res .card-selected .room-figure{border-radius:18px !important}
html body.ss2-res .card.card-selected .room-figure .room-stock-badge{background:#fff !important;color:var(--ss2-ok) !important;border-radius:999px !important;font-size:17px !important;font-weight:600 !important;text-transform:none !important;padding:7px 14px !important;clip-path:none !important;top:12px !important;left:12px !important;text-shadow:none !important;line-height:1.3 !important;height:auto !important}
html body.ss2-res .card.card-selected .room-figure :is(.room-stock-badge-danger,.room-stock-badge-warning){color:var(--ss2-acc) !important}
html body.ss2-res .card.card-selected .room-figure .room-stock-badge::before,html body.ss2-res .card.card-selected .room-figure .room-stock-badge::after{display:none !important}
/* "Prenota" della scheda (a.room-book-btn, aggiunge al carrello senza ricaricare) */
html body.ss2-res .card.card-selected .room-book-btn{background:var(--ss2-pri) !important;border:0 !important;color:#fff !important;border-radius:16px !important;min-height:56px !important;font-size:18px !important;font-weight:600 !important;text-transform:none !important;box-shadow:none !important}
html body.ss2-res .card.card-selected .room-book-btn:not([data-type="reserve"]){background:var(--ss2-ok-soft) !important;color:var(--ss2-ok) !important}
/* 24/10/2026: "Maggiori dettagli" = solo testo bianco in basso a destra, con icona foto e freccia, su un velo leggero dal basso (niente pastiglia: troppa roba sulla foto) */
html body.ss2-res .card.card-selected .room-details-overlay{left:0 !important;right:0 !important;bottom:0 !important;display:flex !important;align-items:center;justify-content:flex-end;gap:7px;padding:34px 14px 12px !important;border-radius:0 !important;background:linear-gradient(to top,rgba(19,32,30,.50),rgba(19,32,30,0)) !important;box-shadow:none !important;color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.35);font-size:17px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;line-height:1.2 !important}
html body.ss2-res .card.card-selected .room-details-overlay::before,html body.ss2-res .card.card-selected .room-details-overlay::after{content:"";flex:none;background:currentColor;-webkit-mask:var(--ss2-m) center/contain no-repeat;mask:var(--ss2-m) center/contain no-repeat}
html body.ss2-res .card.card-selected .room-details-overlay::before{width:20px;height:20px;--ss2-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M21 16l-5-5-9 9'/%3E%3C/svg%3E")}
html body.ss2-res .card.card-selected .room-details-overlay::after{width:16px;height:16px;--ss2-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")}
html body.ss2-res .sonia-room-m-icons span{font-size:16px !important;color:var(--ss2-ink2) !important}
html body.ss2-res .sonia-room-m-icons .hicon{color:var(--ss2-ink3) !important;font-size:20px !important}
html body.ss2-res .card-selected strong.fs-4{font-size:26px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res .card-selected del{font-size:16px !important;color:var(--ss2-ink3) !important}
html body.ss2-res .card-selected .badge.bg-danger{background:var(--ss2-acc) !important;color:#fff !important;border-radius:999px !important;font-size:15px !important;font-weight:600 !important;padding:4px 10px !important}
html body.ss2-res .sonia-room-m-tax{font-size:15px !important;color:var(--ss2-ink2) !important;line-height:1.35 !important}
html body.ss2-res .sonia-room-m-tax.ss-pay-txt{color:var(--ss2-ok) !important;font-weight:600 !important}

/* pulsanti */
html body.ss2-res .btn-primary{background:var(--ss2-pri) !important;border-color:var(--ss2-pri) !important;color:#fff !important;border-radius:16px !important;min-height:54px;font-size:18px !important;font-weight:600 !important;text-transform:none !important;box-shadow:none !important}
html body.ss2-res .btn-primary:active{background:var(--ss2-pri-d) !important}
html body.ss2-res :is(.btn-outline-primary,.btn-outline-secondary){border:2px solid var(--ss2-pri) !important;color:var(--ss2-pri) !important;background:#fff !important;border-radius:16px !important;min-height:52px;font-size:17px !important;font-weight:600 !important;text-transform:none !important}

/* campi dei moduli */
html body.ss2-res :is(.form-control,.form-select,button.dselect){min-height:54px !important;font-size:18px !important;border:1.5px solid var(--ss2-line) !important;border-radius:14px !important;color:var(--ss2-ink) !important;background-color:#fff !important;box-shadow:none !important}
html body.ss2-res :is(.form-control,.form-select):focus{border:2.5px solid var(--ss2-pri) !important}
html body.ss2-res :is(.form-label,label:not(.hicon)){font-size:15px !important;font-weight:600 !important;color:var(--ss2-ink2) !important}
html body.ss2-res .alert{border-radius:18px !important;font-size:16px !important}

/* passi 2-3: riepilogo "Camera Singola · €65,00 · Modifica" e "Sei gia nostro ospite? Accedi" */
html body.ss2-res .ss-riep-col .ss-riep{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:6px 14px !important;box-shadow:none !important}
html body.ss2-res .ss-riep-col .ss-riep > div,html body.ss2-res .ss-riep-col .ss-riep:not(.ss-riep-2){display:flex !important;align-items:center !important;gap:12px !important;padding:10px 0 !important;border:0 !important}
html body.ss2-res .ss-riep-col .ss-riep > div + div{border-top:1px solid var(--ss2-line) !important}
html body.ss2-res .ss-riep-col .ss-riep .hicon{color:var(--ss2-pri) !important;font-size:22px !important}
html body.ss2-res .ss-riep-col .ss-riep span{flex:1 1 auto;min-width:0;font-size:16px !important;color:var(--ss2-ink) !important;line-height:1.35 !important}
html body.ss2-res .ss-riep-col .ss-riep b{display:block;font-size:17px !important;font-weight:600 !important}
html body.ss2-res .ss-riep-col .ss-riep small{display:block;color:var(--ss2-ink2) !important}
html body.ss2-res .ss-riep-col .ss-riep a{flex:none;height:44px !important;padding:0 14px !important;border:0 !important;border-radius:12px !important;background:#fff !important;color:var(--ss2-pri) !important;font-size:16px !important;font-weight:600 !important;display:inline-flex !important;align-items:center !important;text-decoration:none !important}
html body.ss2-res .ss-riep-col .ss-riep a::before{display:none !important}
/* riquadro importante: colore evidenza */
html body.ss2-res .ss-riep-col .ss-accedi{display:flex !important;align-items:center !important;gap:12px !important;margin:14px 0 6px !important;padding:16px !important;border-radius:18px !important;background:var(--ss2-ev) !important;border:2px solid var(--ss2-ev-b) !important;color:var(--ss2-ev-ink) !important;text-decoration:none !important}
html body.ss2-res .ss-riep-col .ss-accedi span{flex:1;font-size:17px !important;font-weight:600 !important;color:var(--ss2-ev-ink) !important}
html body.ss2-res .ss-riep-col .ss-accedi b{flex:none;font-size:16px !important;font-weight:600 !important;color:#fff !important;background:var(--ss2-ev-btn) !important;border-radius:12px !important;padding:10px 14px !important}
html body.ss2-res .ss-riep-col .ss-accedi .hicon{color:var(--ss2-ev-btn) !important;font-size:22px !important}
html body.ss2-res #reservation .card{border:1px solid var(--ss2-line) !important;border-radius:22px !important;box-shadow:none !important}
html body.ss2-res #reservation :is(h2.h4,.ss-pag-tit){font-size:19px !important;font-weight:600 !important;text-transform:none !important;color:var(--ss2-ink) !important}
html body.ss2-res .form-check-input{width:26px !important;height:26px !important;border:2px solid #9fb0ac !important;margin-top:0 !important;flex:none}
html body.ss2-res .form-check-input:checked{background-color:var(--ss2-pri) !important;border-color:var(--ss2-pri) !important}
html body.ss2-res :is(.form-check,.ss-accetto){display:flex !important;align-items:center !important;gap:12px !important;padding-left:0 !important}
html body.ss2-res .form-check-label{font-size:16px !important;font-weight:500 !important;color:var(--ss2-ink) !important;text-transform:none !important}
html body.ss2-res .form-check-label a,html body.ss2-res .ss-coupon-apri{color:var(--ss2-pri) !important;font-weight:600 !important}

/* 24/10/2026: passo 2, Ripeti email + Password = dati dell'account: riquadro in evidenza (colore --ss2-ev, come "Sei gia nostro ospite?") */
html body.ss2-res .ss-dati-acc{background:var(--ss2-ev) !important;border:2px solid var(--ss2-ev-b) !important;border-radius:20px !important;padding:16px 16px 0 !important;margin:4px 0 20px !important}
html body.ss2-res .ss-dati-acc-t{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
html body.ss2-res .ss-dati-acc-t svg{flex:none;width:26px;height:26px;color:var(--ss2-ev-btn)}
html body.ss2-res .ss-dati-acc-t b{display:block;font-size:18px !important;font-weight:600 !important;line-height:1.3 !important;color:var(--ss2-ev-ink) !important}
html body.ss2-res .ss-dati-acc-t small{display:block;margin-top:4px;font-size:16px !important;line-height:1.4 !important;color:var(--ss2-ev-ink) !important}
html body.ss2-res .ss-dati-acc .form-label{color:var(--ss2-ev-ink) !important}
html body.ss2-res .ss-dati-acc .form-control{border-color:var(--ss2-ev-b) !important}

/* 24/10/2026: passo 2, "Accetto i Termini e Condizioni": riquadro chiaro tutto da toccare, casella dentro il bordo (prima sporgeva a sinistra) */
html body.ss2-res .ss-accetto{flex-wrap:wrap;margin-top:6px !important;padding:14px 16px !important;border-radius:16px !important;background:var(--ss2-sup) !important}
html body.ss2-res .ss-accetto .form-check-input{float:none !important;margin:0 !important;width:28px !important;height:28px !important;border-radius:8px !important;background-color:#fff !important}
html body.ss2-res .ss-accetto .form-check-input:checked{background-color:var(--ss2-pri) !important;border-color:var(--ss2-pri) !important} /* 25/10/2026: prima restava bianca e la spunta (bianca) non si vedeva */
html body.ss2-res .ss-accetto .form-check-label{flex:1 1 0;min-width:0;font-size:17px !important;font-weight:500 !important;line-height:1.35 !important;cursor:pointer}
html body.ss2-res .ss-accetto .ss-accetto-2{white-space:nowrap}
html body.ss2-res .ss-accetto .form-check-label a{color:var(--ss2-pri) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px}
html body.ss2-res .ss-accetto .form-check-input.is-invalid{border-color:var(--ss2-acc) !important;box-shadow:0 0 0 4px var(--ss2-off) !important}
html body.ss2-res .ss-accetto .invalid-feedback{flex-basis:100%;margin:4px 0 0 40px;font-size:15px !important;color:var(--ss2-acc) !important}

/* passo 3: conto e scelta del pagamento (le schede hanno lo stile in linea: serve !important) */
html body.ss2-res .ss-conto{font-size:16px !important;color:var(--ss2-ink2) !important}
/* 24/10/2026: riquadro del conto come gli altri dell'app (era beige ad angoli vivi); righe 17px, Totale grande */
html body.ss2-res #reservation .ss-conto{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:14px 16px !important}
html body.ss2-res #reservation .ss-conto > div:not(:last-child) :is(span,small,strong,b){font-size:17px !important}
html body.ss2-res #reservation .ss-conto > div:last-child > :first-child{font-size:22px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res #reservation .ss-conto hr{border-color:var(--ss2-line) !important;opacity:1}
html body.ss2-res .ss-conto > div{padding:3px 0}
html body.ss2-res .ss-conto .sonia-offerta{color:var(--ss2-ok) !important;font-weight:600 !important}
html body.ss2-res .ss-conto #sonia_tot{font-size:26px !important;color:var(--ss2-ink) !important}
/* 24/10/2026: schede tariffa ridisegnate: riga 1 = pallino + nome (+ sconto in pastiglia a destra, dentro la scheda), riga 2 = condizioni + prezzo grande a destra */
html body.ss2-res .sonia-tariffe{gap:16px !important;grid-template-columns:1fr !important}
html body.ss2-res #reservation .sonia-tariffa{display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px !important;align-items:center;border:2px solid var(--ss2-line) !important;border-radius:22px !important;padding:16px !important;box-shadow:none !important;background:#fff !important;margin:0 !important}
html body.ss2-res #reservation .sonia-tariffa:has(input:checked){border:3px solid var(--ss2-pri) !important;padding:15px !important;background:#fbfdfc !important}
html body.ss2-res #reservation .sonia-tariffa > span:not(.sonia-tariffa-sc){grid-column:1;grid-row:1;gap:10px !important}
html body.ss2-res #reservation .sonia-tariffa > span strong{font-size:19px !important;font-weight:600 !important;line-height:1.25 !important;color:var(--ss2-ink) !important}
html body.ss2-res #reservation .sonia-tariffa ul{grid-column:1;grid-row:2;padding-left:36px !important;font-size:16px !important;line-height:1.4 !important;color:var(--ss2-ink2) !important}
html body.ss2-res #reservation .sonia-tariffa ul li{color:var(--ss2-ink2) !important}
html body.ss2-res #reservation .sonia-tariffa > strong.fs-5{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0 !important;font-size:24px !important;font-weight:600 !important;color:var(--ss2-ink) !important;white-space:nowrap}
html body.ss2-res #reservation .sonia-tariffa:has(.sonia-tariffa-sc) > strong.fs-5{grid-row:2}
html body.ss2-res #reservation .sonia-tariffa > .sonia-tariffa-sc{position:static !important;grid-column:2;grid-row:1;justify-self:end;background:var(--ss2-acc) !important;color:#fff !important;font-size:16px !important;font-weight:600 !important;line-height:1.2 !important;border-radius:999px !important;padding:4px 11px !important;box-shadow:none !important}
/* "Ho letto e accetto le condizioni" della non rimborsabile: come "Accetto i Termini" del passo 2 */
html body.ss2-res #sonia_nr_accetta{margin-top:16px !important;padding:14px 16px !important;border-radius:16px !important;background:var(--ss2-sup) !important}
html body.ss2-res #sonia_nr_accetta[style*="block"]{display:flex !important}
/* lo script lo nasconde con la tariffa flessibile: la regola .form-check{display:flex !important} sopra non deve rimostrarlo */
html body.ss2-res #sonia_nr_accetta[style*="none"]{display:none !important}
html body.ss2-res #sonia_nr_accetta .form-check-input{float:none !important;margin:0 !important;width:28px !important;height:28px !important;border-radius:8px !important;background-color:#fff !important}
html body.ss2-res #sonia_nr_accetta .form-check-input:checked{background-color:var(--ss2-pri) !important}
html body.ss2-res #sonia_nr_accetta .form-check-label{flex:1 1 0;font-size:17px !important;font-weight:500 !important;line-height:1.35 !important}
html body.ss2-res #sonia_nr_accetta .form-check-label a{color:var(--ss2-pri) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px}
html body.ss2-res .sonia-tariffa input[type="radio"]{-webkit-appearance:none !important;appearance:none !important;accent-color:var(--ss2-pri) !important;width:26px !important;height:26px !important;border-radius:50% !important;border:2.5px solid #9fb0ac !important;background:#fff !important;background-image:none !important;box-shadow:none !important}
html body.ss2-res #reservation#reservation .sonia-tariffa input[type="radio"]:checked{border:8px solid var(--ss2-pri) !important;background:#fff !important;border-color:var(--ss2-pri) !important}
html body.ss2-res .ss-avanti-tx small{white-space:normal !important;overflow:visible !important;line-height:1.2 !important}
html body.ss2-res.ss-pren-3 .ss-avanti-btn{padding:0 16px !important;font-size:17px !important}

/* passo 4: conferma */
html body.ss2-res .ss-ok-ico{background:var(--ss2-ok) !important;box-shadow:0 0 0 12px var(--ss2-ok-soft) !important}
html body.ss2-res .ss-ok-ico .hicon{color:#fff !important}
html body.ss2-res .msg.success{font-size:17px !important;line-height:1.45 !important;color:var(--ss2-ink) !important}
html body.ss2-res .msg.success b{display:block;margin:10px auto 0 !important;background:var(--ss2-sup) !important;border-radius:16px !important;padding:12px !important;font-size:24px !important;font-weight:600 !important;letter-spacing:.06em !important;color:var(--ss2-ink) !important}
html body.ss2-res .msg.success + .msg.success p{color:var(--ss2-ok) !important;font-size:16px !important}
html body.ss2-res #reservation .ss-ok-btn .btn,html body.ss2-res .ss-ok-btn a.btn-primary{background:var(--ss2-pri-soft) !important;border:0 !important;color:var(--ss2-pri-d) !important;border-radius:18px !important;min-height:58px !important;font-size:18px !important;font-weight:600 !important;display:flex !important;align-items:center !important;justify-content:center !important}

/* piede compatto del telefono (ss-foot di sonia_app_sito): chiaro come la home */
html body.ss2-res #footer.ss-foot-on,html body.ss2-res #footer.ss-foot-on :is(.container,.ss-foot){background:var(--ss2-sup) !important;color:var(--ss2-ink2) !important;box-shadow:none !important}
html body.ss2-res #footer .ss-foot p,html body.ss2-res #footer .ss-foot span,html body.ss2-res #footer .ss-foot a{color:var(--ss2-ink2) !important;font-size:15px !important}
html body.ss2-res #footer.ss-foot-on .ss-foot .sonia-foot-legali a{color:var(--ss2-ink2) !important}
html body.ss2-res #footer .ss-foot-btn a{border-radius:16px !important;min-height:54px !important;font-size:17px !important;font-weight:600 !important;color:#fff !important}
html body.ss2-res #footer .ss-foot-btn .ss-foot-tel{background:var(--ss2-pri) !important}
html body.ss2-res #footer .ss-foot-btn .ss-foot-wa{background:var(--ss2-wa) !important}

/* barra "1 camera · €174,84 · Continua" al posto della barra in basso */
html body.ss2-res .ss-avanti.is-on{box-sizing:border-box !important;left:0 !important;right:0 !important;width:auto !important;max-width:none !important;background:#fff !important;border-top:1px solid var(--ss2-line) !important;box-shadow:0 -8px 24px rgba(19,32,30,.07) !important;padding:10px 12px calc(12px + env(safe-area-inset-bottom)) !important}
html body.ss2-res .ss-avanti.is-on .ss-avanti-r{height:auto !important;min-height:60px;margin:0 !important;padding:0 !important;width:100% !important;max-width:none !important;display:flex !important;align-items:center !important}
html body.ss2-res .ss-avanti-home{width:52px !important;height:52px !important;border-radius:50% !important;background:var(--ss2-pri-soft) !important;border:0 !important;margin-right:12px !important;color:var(--ss2-pri-d) !important;font-size:0 !important} /* 25/10/2026: indietro in verde come la barra delle schermate */
html body.ss2-res .ss-avanti-home svg{width:24px !important;height:24px !important}
html body.ss2-res .ss-avanti-home span{display:none !important}
html body.ss2-res .ss-avanti-ico{display:none !important}
html body.ss2-res .ss-avanti-tx{background:none !important;box-shadow:none !important;padding:0 !important;margin:0 10px 0 0 !important;flex:1 1 auto !important;min-width:0 !important}
html body.ss2-res .ss-avanti-tx small{font-size:15px !important;color:var(--ss2-ink3) !important;font-weight:600 !important}
html body.ss2-res .ss-avanti-tx b{font-size:24px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res .ss-avanti-btn{background:var(--ss2-pri) !important;color:#fff !important;border-radius:16px !important;height:56px !important;min-height:56px !important;padding:0 22px !important;margin:0 !important;font-size:18px !important;font-weight:600 !important;clip-path:none !important;flex:none !important;width:auto !important;max-width:none !important}
html body.ss2-res .ss-avanti-btn::before,html body.ss2-res .ss-avanti-btn::after{display:none !important}

/* 25/10/2026: scheda "Modifica" (date e ospiti) aperta dal riepilogo: riquadro dell'app, campi grandi, pulsante verde arrotondato */
html body.ss2-res #availSearch{background:var(--ss2-sup) !important;border-radius:22px !important;padding:14px 14px 2px !important;margin:-6px 0 16px !important}
html body.ss2-res #availSearch .row{--bs-gutter-x:0;--bs-gutter-y:0}
html body.ss2-res #availSearch .mb-3{margin-bottom:10px !important}
html body.ss2-res #availSearch .control-icon > label.hicon{font-size:20px !important;color:var(--ss2-pri) !important}
html body.ss2-res #availSearch :is(#txtCheckDate,#btnCheckGuest){min-height:58px !important;font-size:18px !important;font-weight:600 !important;background-color:#fff !important}
html body.ss2-res #availSearch #txtCheckDate::placeholder{color:var(--ss2-ink2) !important;font-weight:500}
html body.ss2-res #availSearch #btnCheckGuest span{font-size:18px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res #availSearch .dropdown-menu{border:1px solid var(--ss2-line) !important;border-radius:18px !important;box-shadow:var(--ss2-sh) !important;width:100%}
html body.ss2-res #availSearch .input-group :is(.btn,.form-control){min-height:50px !important;font-size:18px !important}
html body.ss2-res #availSearch .input-group .btn{color:var(--ss2-pri) !important;border-color:var(--ss2-line) !important;background:#fff !important}
html body.ss2-res #availSearch button[type=submit].btn-primary{display:flex !important;align-items:center;justify-content:center;gap:8px;min-height:58px !important;border-radius:16px !important}
html body.ss2-res #availSearch button[type=submit].btn-primary :is(span,i){color:#fff !important;font-size:18px !important;font-weight:600 !important}
html body.ss2-res.avail-search-open #availSummary .avail-summary-btn{background:var(--ss2-pri) !important;color:#fff !important}
html body.ss2-res.avail-search-open #availSummary .avail-summary-btn *{color:#fff !important}
/* 24/10/2026: Camere disponibili (passo 1) */
/* tendina del numero di camere: sul telefono quella nativa (grande, senza elenco tagliato dal bordo della scheda) */
html body.ss2-res #reservation .card.card-selected .dselect-wrapper{display:none !important}
html body.ss2-res #reservation .card.card-selected select.dselect{display:block !important;width:100%;margin-bottom:12px !important;border:1.5px solid var(--ss2-line) !important;border-radius:14px !important;min-height:54px !important;font-size:18px !important;font-weight:600 !important;padding:0 44px 0 16px !important;background-position:right 16px center !important;background-size:16px 12px !important}
html body.ss2-res #reservation .card.card-selected .card-title a{font:inherit !important;text-transform:none !important;letter-spacing:0 !important;color:inherit !important}
html body.ss2-res #reservation .card.card-selected .card-title{font:600 25px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ss2-ink) !important}
/* Prenota: verde pieno come gli altri pulsanti principali */
html body.ss2-res #reservation .card.card-selected .btn-secondary{background:var(--ss2-pri) !important;border:0 !important;color:#fff !important;border-radius:16px !important;min-height:56px !important;font-size:18px !important;font-weight:600 !important;text-transform:none !important;box-shadow:none !important}
html body.ss2-res #reservation .card.card-selected .btn-secondary :is(span,i){color:#fff !important}
/* 24/10/2026: sconto in risalto: rosso pieno, testo bianco, piu grande; prezzo barrato piu grande */
html body.ss2-res #reservation .card.card-selected .badge.bg-danger,html body.ss2-res #reservation .card.card-selected [class*="text-bg-danger"]{background:var(--ss2-acc) !important;color:#fff !important;font-size:17px !important;font-weight:600 !important;padding:5px 11px !important;border-radius:999px !important;line-height:1.2 !important;vertical-align:middle}
html body.ss2-res #reservation .card-selected del{font-size:18px !important}
/* Dettagli prenotazione: riquadro chiaro, il pulsante e gia nella barra in basso */
html body.ss2-res #bookingDetailsCard{padding:16px !important;font-size:16px !important}
html body.ss2-res #bookingDetailsCard h2{font:600 20px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ss2-ink) !important}
html body.ss2-res #bookingDetailsCard :is(span,em,p,strong){font-size:16px !important;color:var(--ss2-ink2) !important}
/* 24/10/2026: testi piu grandi, sconto rosso come le schede (regola: tutti gli sconti in pastiglia --ss2-acc con testo bianco), totale grande, Passo successivo come gli altri pulsanti */
html body.ss2-res #bookingDetailsCard > div:not(#bookingDetailsRoomList) :is(span,em,strong){font-size:18px !important}
html body.ss2-res #bookingDetailsCard .hicon{font-size:20px !important;color:var(--ss2-ink3) !important}
html body.ss2-res #bookingDetailsRoomList h3{font-size:19px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res #bookingDetailsRoomList h3 > span{font-size:19px !important;color:var(--ss2-ink) !important}
html body.ss2-res #bookingDetailsRoomList :is(span,div){font-size:17px !important}
html body.ss2-res #bookingDetailsRoomList strong.fs-6{font-size:20px !important;color:var(--ss2-ink) !important}
html body.ss2-res #bookingDetailsRoomList del{font-size:17px !important;color:var(--ss2-ink3) !important}
html body.ss2-res #bookingDetailsCard .badge.bg-danger{background:var(--ss2-acc) !important;color:#fff !important;font-size:16px !important;font-weight:600 !important;padding:4px 10px !important;border-radius:999px !important;line-height:1.2 !important;vertical-align:middle}
html body.ss2-res #bookingDetailsCard .ss-rimuovi{border-radius:12px !important;color:var(--ss2-acc) !important;border-color:var(--ss2-off) !important;background:var(--ss2-off) !important}
html body.ss2-res #bookingDetailsCard .ss-rimuovi :is(span,i){font-size:16px !important;color:var(--ss2-acc) !important}
html body.ss2-res #bookingDetailsCard h3.h4{font:600 24px/1.2 "Lexend",sans-serif !important;color:var(--ss2-ink) !important}
html body.ss2-res #bookingDetailsRoomList > div:last-child{border-bottom:0 !important;margin-bottom:0 !important;padding-bottom:0 !important}
html body.ss2-res #bookingDetailsRoomList .d-flex{flex-wrap:wrap;gap:4px 10px}
html body.ss2-res #bookingDetailsRoomList .d-flex > span:first-child{white-space:nowrap}
html body.ss2-res #bookingDetailsRoomList .d-flex > span.text-end{margin-left:auto;white-space:nowrap}
html body.ss2-res #bookingDetailsCard #bookingDetailsTotal#bookingDetailsTotal{font-size:28px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res #bookingDetailsCard a.btn-primary{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px;width:100%;min-height:58px !important;border-radius:16px !important;background:var(--ss2-pri) !important;border:0 !important;font-size:18px !important;font-weight:600 !important;text-transform:none !important;opacity:1 !important}
html body.ss2-res #bookingDetailsCard a.btn-primary :is(span,i){color:#fff !important;font-size:18px !important;font-weight:600 !important}
html body.ss2-res #bookingDetailsCard a.btn-primary.disabled{background:var(--ss2-sup2) !important}
html body.ss2-res #bookingDetailsCard a.btn-primary.disabled :is(span,i){color:var(--ss2-ink3) !important}
html body.ss2-res #bookingDetailsCard strong{color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res #bookingDetailsCard hr{border-color:var(--ss2-line) !important;opacity:1 !important}
html body.ss2-res #bookingDetailsCard .btn-primary{width:100% !important;display:flex !important;align-items:center;justify-content:center}
html body.ss2-res #bookingDetailsCard .btn-primary.disabled{background:var(--ss2-sup2) !important;color:var(--ss2-ink3) !important;opacity:1 !important}

/* 24/10/2026: dettaglio camera (reservation/index.php?page=rooms, room_description.content.php) */
html body.ss2-res #detailRoom.sd{padding:12px 0 8px !important;background:#fff !important}
html body.ss2-res #roomHeaderSpacer{padding-top:0 !important;height:0 !important}
html body.ss2-res #relatedRoom .splide__pagination__page{background:var(--ss2-sup2) !important;opacity:1 !important}
html body.ss2-res #relatedRoom .splide__pagination__page.is-active{background:var(--ss2-pri) !important}
html body.ss2-res #footer:not(.ss-foot-on){background:var(--ss2-sup) !important;border-top:1px solid var(--ss2-line) !important}
html body.ss2-res #footer#footer:not(.ss-foot-on) :is(p,span,a,li,div,small,h6,h5){color:var(--ss2-ink2) !important;font-size:15px !important;--bs-body-color:var(--ss2-ink2)}
html body.ss2-res #footer#footer:not(.ss-foot-on) :is(h5,h6,.text-uppercase){color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res #footer:not(.ss-foot-on) hr{border-color:var(--ss2-line) !important;opacity:1 !important}
html body.ss2-res #footer:not(.ss-foot-on) *{background-color:transparent !important}
html body.ss2-res #detailRoom .sd-head{display:none !important}
html body.ss2-res #detailRoom .custom-cal-month + .custom-cal-month{margin-top:4px !important}
html body.ss2-res #detailRoom .custom-availability-calendar .custom-cal-day{box-shadow:none !important;outline:0 !important;border:0 !important}
html body.ss2-res #detailRoom .custom-availability-calendar .custom-cal-day.custom-cal-day-today{background:var(--ss2-pri) !important;color:#fff !important}
html body.ss2-res #detailRoom .sd-prezzo.sd-prezzo-sc .room-price-overlay-current{color:var(--ss2-acc) !important}
html body.ss2-res #relatedRoom h2{text-transform:lowercase !important}
html body.ss2-res #relatedRoom h2::first-letter{text-transform:uppercase !important}
html body.ss2-res #detailRoom .container{padding-left:16px !important;padding-right:16px !important}
/* foto: angoli tondi, niente barra nera; i dati della camera su un velo crema come la home */
html body.ss2-res #detailRoom .sd-gal-main{border-radius:22px !important;overflow:hidden !important}
html body.ss2-res #detailRoom .sd-gal-main::before{display:none !important}
html body.ss2-res #detailRoom .sd-gal-main::after,html body.ss2-res #detailRoom #galleryCarousel::after,html body.ss2-res #detailRoom .sd-gal-main figure::after{display:none !important;background:none !important}
html body.ss2-res #detailRoom .sd-banda{background:none !important;color:#2b2119 !important;text-shadow:none !important;font-size:14px !important;font-weight:500 !important;padding:0 6px 12px !important;flex-wrap:wrap !important;row-gap:6px !important}
html body.ss2-res #detailRoom .sd-banda{gap:6px !important}
html body.ss2-res #detailRoom .sd-banda li{color:#2b2119 !important;background:rgba(255,255,255,.94) !important;border-radius:999px !important;padding:5px 11px !important;font-weight:600 !important;box-shadow:0 1px 4px rgba(0,0,0,.18)}
html body.ss2-res #detailRoom .sd-banda li + li::before{display:none !important}
html body.ss2-res #detailRoom .sd-nastro.sd-pillola{background:#fff !important;color:var(--ss2-ok) !important;border-radius:999px !important;font-size:15px !important;font-weight:600 !important;box-shadow:0 2px 10px rgba(60,40,20,.14) !important;top:12px !important;left:12px !important}
html body.ss2-res #detailRoom .sd-nastro.sd-pillola::before{background:var(--ss2-ok) !important}
html body.ss2-res #detailRoom :is(.carousel-control-prev,.carousel-control-next){opacity:1 !important;width:56px !important}
html body.ss2-res #detailRoom :is(.carousel-control-prev-icon,.carousel-control-next-icon){width:40px !important;height:40px !important;border-radius:50% !important;background-color:rgba(255,255,255,.92) !important;background-size:14px !important;filter:none !important;box-shadow:0 2px 10px rgba(60,40,20,.14)}
html body.ss2-res #detailRoom .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2313201E'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important}
html body.ss2-res #detailRoom .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2313201E'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important}
html body.ss2-res #detailRoom .image-hover-icon{display:none !important}
/* riquadri */
html body.ss2-res #detailRoom :is(.sd-card,.sd-side){background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;box-shadow:none !important;padding:18px 16px !important;margin:14px 0 0 !important}
html body.ss2-res #detailRoom .sd-card h2,html body.ss2-res #relatedRoom h2{font:600 21px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;color:var(--ss2-ink) !important;margin-bottom:12px !important}
html body.ss2-res #detailRoom .sd-of-box h2{margin-bottom:0 !important}
html body.ss2-res #detailRoom .sd-card :is(p,li,span,div){font-size:16px !important;color:var(--ss2-ink2) !important;line-height:1.45 !important}
html body.ss2-res #detailRoom .sd-desc :is(b,strong){color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res #detailRoom .sd-rules li{display:flex !important;justify-content:space-between !important;gap:12px !important;padding:10px 0 !important;border-bottom:1px solid var(--ss2-line) !important}
html body.ss2-res #detailRoom .sd-rules li:last-child{border-bottom:0 !important}
html body.ss2-res #detailRoom .sd-rules .sd-rules-k{color:var(--ss2-ink3) !important;font-weight:500 !important}
html body.ss2-res #detailRoom .sd-rules .sd-rules-v{color:var(--ss2-ink) !important;font-weight:600 !important;text-align:right !important}
html body.ss2-res #detailRoom .sd-srv{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
html body.ss2-res #detailRoom .sd-srv li{display:flex !important;align-items:center !important;gap:10px !important;background:var(--ss2-sup) !important;border-radius:14px !important;padding:10px 12px !important;margin:0 !important}
html body.ss2-res #detailRoom .sd-srv li span{color:var(--ss2-ink) !important;font-weight:500 !important;font-size:15px !important;line-height:1.25 !important}
html body.ss2-res #detailRoom .sd-srv .hicon{color:var(--ss2-pri) !important;font-size:22px !important}
/* schede che si aprono */
html body.ss2-res #detailRoom .sd-of-sum{display:grid !important;grid-template-columns:1fr auto !important;align-items:center !important;column-gap:12px !important;cursor:pointer;list-style:none}
html body.ss2-res #detailRoom .sd-of-sum::-webkit-details-marker{display:none}
html body.ss2-res #detailRoom .sd-of-sum .sd-of-cnt{grid-column:1;font-size:15px !important;color:var(--ss2-pri) !important;font-weight:500 !important;margin-top:4px}
html body.ss2-res #detailRoom .sd-of-sum .sd-of-ico{grid-column:2;grid-row:1 / span 2;width:40px !important;height:40px !important;border-radius:50% !important;background:var(--ss2-sup) !important;border:0 !important;position:relative}
html body.ss2-res #detailRoom .sd-of-sum .sd-of-ico::before{content:"" !important;position:absolute;left:50%;top:45%;width:10px;height:10px;border-right:2px solid var(--ss2-ink) !important;border-bottom:2px solid var(--ss2-ink) !important;transform:translate(-50%,-50%) rotate(45deg);border-top:0 !important;border-left:0 !important;background:none !important}
html body.ss2-res #detailRoom .sd-of-sum .sd-of-ico::after{display:none !important}
html body.ss2-res #detailRoom details[open] .sd-of-ico::before{top:58%;transform:translate(-50%,-50%) rotate(-135deg)}
html body.ss2-res #detailRoom .sd-rate{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:14px !important;margin-top:12px !important}
html body.ss2-res #detailRoom .sd-rate h3{font-size:17px !important;font-weight:600 !important;text-transform:none !important;color:var(--ss2-ink) !important}
html body.ss2-res #detailRoom .sd-rate strong{font-size:18px !important;color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res #detailRoom :is(.sd-ok,.sd-ok span){color:var(--ss2-ok) !important}
html body.ss2-res #detailRoom .sd-no{color:var(--ss2-acc) !important}
html body.ss2-res #detailRoom :is(.sd-cond a,.sd-of-link,.sd-wish a){color:var(--ss2-pri) !important;font-weight:600 !important}
html body.ss2-res #detailRoom .sd-of-tit{font-size:16px !important;font-weight:600 !important;color:var(--ss2-ink) !important;text-transform:none !important}
html body.ss2-res #detailRoom .sd-of-riga{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:10px;background:var(--ss2-sup) !important;border-radius:14px !important;padding:10px 12px !important;margin-top:8px !important;border:0 !important}
html body.ss2-res #detailRoom .sd-of-riga b{color:var(--ss2-acc) !important;font-weight:600 !important;font-size:16px !important}
html body.ss2-res #detailRoom .sd-of-osp{color:var(--ss2-pri) !important;font-weight:600;text-decoration:none}
html body.ss2-res #detailRoom .sd-of-osp i{font-style:normal;color:inherit}
/* calendario */
html body.ss2-res #detailRoom .sd-cal-head ul{gap:6px 14px !important;margin-top:4px !important}
html body.ss2-res #detailRoom .custom-cal-month-title{font:600 17px/1.2 "Lexend",sans-serif !important;text-transform:capitalize !important;letter-spacing:0 !important;color:var(--ss2-ink) !important;margin:16px 0 8px !important}
html body.ss2-res #detailRoom .custom-cal-grid{gap:4px !important}
html body.ss2-res #detailRoom .custom-cal-weekday{font-size:13px !important;color:var(--ss2-ink3) !important;font-weight:600 !important;text-transform:capitalize !important}
html body.ss2-res #detailRoom .custom-cal-day{font-size:15px !important;border-radius:10px !important;height:40px !important;display:flex !important;align-items:center !important;justify-content:center !important;border:0 !important}
html body.ss2-res #detailRoom .custom-cal-day-free{background:var(--ss2-ok-soft) !important;color:var(--ss2-ok) !important;font-weight:600 !important}
html body.ss2-res #detailRoom .custom-cal-day-partial{background:#FBEBD9 !important;color:#8a4a12 !important;font-weight:600 !important}
html body.ss2-res #detailRoom .custom-cal-day-full{background:#F7E0D7 !important;color:var(--ss2-acc) !important;text-decoration:line-through}
html body.ss2-res #detailRoom .custom-cal-day-past{background:none !important;color:#b5bfbc !important}
html body.ss2-res #detailRoom .custom-cal-day-today{background:var(--ss2-pri) !important;color:#fff !important;font-weight:600 !important}
html body.ss2-res #detailRoom .cal-legend-free{background:var(--ss2-ok-soft) !important;border:1px solid var(--ss2-ok) !important}
html body.ss2-res #detailRoom .cal-legend-partial{background:#FBEBD9 !important;border:1px solid #8a4a12 !important}
html body.ss2-res #detailRoom .cal-legend-full{background:#F7E0D7 !important;border:1px solid var(--ss2-acc) !important}
/* prezzo e prenota */
html body.ss2-res #detailRoom .sd-side .sd-side-tit{font:600 27px/1.15 "Fraunces",Georgia,serif !important;text-transform:none !important;color:var(--ss2-ink) !important;margin:0 0 10px !important;letter-spacing:-.01em !important}
html body.ss2-res #detailRoom .sd-side > span.text-body-secondary{font-size:15px !important;color:var(--ss2-ink3) !important}
html body.ss2-res #detailRoom .sd-prezzo{display:flex !important;align-items:baseline !important;gap:8px !important;flex-wrap:wrap}
html body.ss2-res #detailRoom .sd-prezzo .room-price-overlay-current{font-size:32px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res #detailRoom .sd-prezzo .room-price-overlay-current sup{font-size:18px !important;top:-.6em}
html body.ss2-res #detailRoom .sd-prezzo del{font-size:17px !important;color:var(--ss2-ink3) !important}
html body.ss2-res #detailRoom .sd-prezzo .room-price-overlay-night{font-size:16px !important;color:var(--ss2-ink3) !important}
html body.ss2-res #detailRoom .sd-offerta{display:flex !important;align-items:center !important;gap:12px !important;background:#FBEEE7 !important;border:0 !important;border-radius:16px !important;padding:12px 14px !important;margin:12px 0 !important;text-decoration:none !important}
html body.ss2-res #detailRoom .sd-offerta span{flex:1}
html body.ss2-res #detailRoom .sd-offerta strong{display:block;font-size:15px !important;font-weight:600 !important;color:var(--ss2-acc) !important;text-transform:none !important}
html body.ss2-res #detailRoom .sd-offerta small{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res #detailRoom .sd-offerta i{color:var(--ss2-acc) !important;font-style:normal;font-size:20px}
html body.ss2-res #detailRoom .sd-checks{border-top:0 !important;padding-top:0 !important;margin:12px 0 14px !important}
html body.ss2-res #detailRoom .sd-checks li{display:flex !important;align-items:flex-start !important;gap:10px !important;padding:4px 0 !important}
html body.ss2-res #detailRoom .sd-checks li span{font-size:16px !important;color:var(--ss2-ink2) !important}
html body.ss2-res #detailRoom .sd-checks li.sd-ok span{color:var(--ss2-ok) !important;font-weight:500 !important}
html body.ss2-res #detailRoom .sd-checks .hicon{color:var(--ss2-ok) !important;font-size:20px !important;margin-top:1px}
html body.ss2-res #detailRoom .sd-side .btn-primary{width:100% !important;min-height:56px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px}
html body.ss2-res #detailRoom .sd-back,html body.ss2-res #detailRoom .sd-back span{color:var(--ss2-pri) !important;font-size:16px !important;font-weight:600 !important;text-decoration:none !important}
html body.ss2-res .sd-barra-fissa{background:#fff !important;border-bottom:1px solid var(--ss2-line) !important;box-shadow:0 8px 24px rgba(19,32,30,.07) !important;padding:10px 16px !important}
html body.ss2-res .sd-barra-fissa .btn-primary{width:100% !important;min-height:52px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;padding:0 16px !important}
html body.ss2-res :is(.sd-barra-fissa,#detailRoom .sd-side) .btn-primary .hicon{font-size:20px !important;line-height:1 !important;margin:0 !important;color:#fff !important;flex:none}
html body.ss2-res :is(.sd-barra-fissa,#detailRoom .sd-side) .btn-primary span{color:#fff !important;font-size:17px !important;font-weight:600 !important}
html body.ss2-res .sd-barra-fissa .sd-barra-torna{color:var(--ss2-pri) !important;font-size:15px !important;font-weight:600 !important}
/* altre camere */
html body.ss2-res #relatedRoom{background:var(--ss2-sup) !important;padding:28px 0 32px !important;margin-top:18px}
html body.ss2-res #relatedRoom .container{padding-left:16px !important;padding-right:16px !important}
html body.ss2-res #relatedRoom .mb-10{margin-bottom:16px !important;text-align:left !important}
html body.ss2-res #relatedRoom h2{font-size:24px !important}
html body.ss2-res #relatedRoom h4{font-size:16px !important;color:var(--ss2-ink2) !important}
html body.ss2-res #relatedRoom .sd-rr{background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;overflow:hidden !important;box-shadow:none !important}
html body.ss2-res #relatedRoom .sd-rr-body{padding:14px 16px 16px !important}
html body.ss2-res #relatedRoom .sd-rr h3,html body.ss2-res #relatedRoom .sd-rr h3 a{font-size:19px !important;font-weight:600 !important;text-transform:none !important;color:var(--ss2-ink) !important}
html body.ss2-res #relatedRoom .sd-rr-facts li{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res #relatedRoom .sd-rr-foot strong{font-size:19px !important;color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res #relatedRoom .sd-rr-link{color:var(--ss2-pri) !important;font-weight:600 !important;font-size:16px !important}

/* 24/10/2026: pagine ospedale (hotel-vicino-ospedale.inc.php, body.ss2-osp): stesso markup, aspetto v2 */
html body.ss2-osp.ss2-res.ss-ov-pag{padding-left:0 !important;padding-right:0 !important;padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important}
html body.ss2-osp.ss2-res.ss-ov-pag main{padding-top:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag :is(dd,dt,mark,em,ol,dl){font-family:"Lexend",system-ui,sans-serif !important}
html body.ss2-osp.ss2-res.ss-ov-pag .container{padding-left:16px !important;padding-right:16px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh{background:#fff !important;padding:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-foto{position:relative !important;height:230px !important;margin:0 !important;background-color:#efe7dc !important;background-position:center 55% !important;background-size:cover !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-foto::after{content:"" !important;position:absolute !important;inset:0 !important;display:block !important;background:linear-gradient(180deg,rgba(251,247,241,.35) 0%,rgba(251,247,241,0) 35%,rgba(251,247,241,.55) 75%,#fff 100%) !important;pointer-events:none}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ov-bric{display:none !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-riga{display:block !important;margin:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-card{background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:-34px 0 0 !important;position:relative;z-index:2}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-k{font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--ss2-pri) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-card h1{font:600 28px/1.15 "Fraunces",Georgia,serif !important;text-transform:none !important;color:#2b2119 !important;letter-spacing:-.01em !important;margin:6px 0 10px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-lead{font-size:17px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important;margin:0 0 16px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-og-azioni{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-og-azioni .ss-og-link{display:flex !important;align-items:center !important;justify-content:center !important;min-height:52px !important;border-radius:16px !important;border:0 !important;background:var(--ss2-pri-soft) !important;color:var(--ss2-pri-d) !important;font-size:16px !important;font-weight:600 !important;text-decoration:none !important;text-transform:none !important;padding:0 10px !important;text-align:center}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-og-azioni .ss-og-link + .ss-og-link{background:var(--ss2-pri) !important;color:#fff !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp{grid-column:1 / -1;display:flex !important;align-items:center !important;gap:12px !important;background:#FBEEE7 !important;border:0 !important;outline:0 !important;border-radius:18px !important;padding:12px 14px !important;margin:2px 0 0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp > b{font:600 26px/1 "Fraunces",Georgia,serif !important;color:var(--ss2-acc) !important;flex:none}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp > span:not(.ss-ovh-cp-fr){flex:1;font-size:15px !important;line-height:1.35 !important;color:var(--ss2-ink2) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp mark{background:none !important;color:var(--ss2-ink) !important;font-weight:600 !important;padding:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp span b{color:var(--ss2-ink) !important;font-weight:600 !important;letter-spacing:.04em !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp .ss-cp-btn{flex:none;height:44px !important;padding:0 16px !important;border-radius:12px !important;border:0 !important;background:#fff !important;color:var(--ss2-acc) !important;font-size:16px !important;font-weight:600 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp .ss-cp-btn.is-ok{color:var(--ss2-ok) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp-fr{display:none !important}
/* riquadro prenota */
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-pren{background:var(--ss2-sup) !important;border:0 !important;border-radius:22px !important;box-shadow:none !important;padding:16px !important;margin:18px 0 0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-pren-k{font:600 21px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ss2-ink) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-pren-top{margin-bottom:12px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp-bol{background:var(--ss2-ok-soft) !important;color:var(--ss2-ok) !important;border-radius:999px !important;font-size:14px !important;font-weight:600 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-date{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;width:100% !important;gap:10px !important;margin-bottom:10px !important}
html body.ss2-osp.ss2-res.ss-ov-pag :is(.ss-cg-dl,.ss-cg-osp){background:#fff !important;border:1.5px solid var(--ss2-line) !important;border-radius:16px !important;padding:10px 12px !important;margin:0 !important;min-height:66px;box-shadow:none !important;min-width:0 !important;width:auto !important;box-sizing:border-box !important}
html body.ss2-osp.ss2-res.ss-ov-pag :is(.ss-cg-dl,.ss-cg-osp) > span{display:block;font-size:14px !important;font-weight:600 !important;color:var(--ss2-ink3) !important;text-transform:none !important;letter-spacing:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-dtxt{font-size:17px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-dl .hicon{display:none !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-osp{display:block !important;margin-bottom:12px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-osp select{border:0 !important;padding:0 !important;min-height:0 !important;height:26px !important;font-size:17px !important;font-weight:600 !important;color:var(--ss2-ink) !important;background-color:transparent !important;width:100%}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-form .btn-primary{width:100% !important;min-height:58px !important;font-size:18px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp-ok{background:var(--ss2-ok-soft) !important;border:0 !important;border-radius:16px !important;color:var(--ss2-ok) !important;padding:10px 14px !important;margin-bottom:12px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-ovh-cp-msg{border-radius:14px !important;background:var(--ss2-ok) !important;color:#fff !important;font-size:15px !important}
/* numeri: tre tessere */
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-num{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;padding:18px 16px 4px !important;border:0 !important;background:#fff !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-num > div{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:12px 8px !important;text-align:center}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-num b{display:block;font:600 26px/1.1 "Fraunces",Georgia,serif !important;color:var(--ss2-pri) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-num b small{font:600 14px "Lexend",sans-serif !important;color:var(--ss2-pri) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-num span{display:block;font-size:15px !important;font-weight:600 !important;line-height:1.25 !important;color:var(--ss2-ink) !important;margin-top:4px}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-num em{display:block;font-style:normal;font-size:14px !important;line-height:1.3 !important;color:var(--ss2-ink3) !important;margin-top:3px}
/* corpo */
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-corpo{background:#fff !important;padding:10px 0 24px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-corpo h2{font:600 23px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;color:var(--ss2-ink) !important;letter-spacing:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-due{display:block !important}
html body.ss2-osp.ss2-res.ss-ov-pag :is(.ss-cr-perc,.ss-cr-breve){background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;padding:18px 16px !important;margin:14px 0 0 !important;box-shadow:none !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-h span{font-size:15px !important;color:var(--ss2-ink3) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc ol{margin:14px 0 6px !important;padding:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc li > b{font:600 17px/1 "Lexend",sans-serif !important;background:#fff !important;border:2px solid var(--ss2-line) !important;color:var(--ss2-ink) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc li.ss-cr-p > b{background:var(--ss2-pri) !important;border-color:var(--ss2-pri) !important;color:#fff !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc li.ss-cr-a > b{background:var(--ss2-acc) !important;border-color:var(--ss2-acc) !important;color:#fff !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc li::before,html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc li::after{border-color:var(--ss2-line) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc li.ss-cr-a > div{background:var(--ss2-sup) !important;border-radius:16px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc em{font-style:normal;font-size:14px !important;font-weight:600 !important;letter-spacing:.06em !important;color:var(--ss2-pri) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc strong{font-size:17px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-perc li span{font-size:15px !important;color:var(--ss2-ink2) !important;line-height:1.4 !important}
html body.ss2-osp.ss2-res.ss-ov-pag :is(.ss-cr-perc,.ss-cr-vic) .ss-og-link,html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-vic-arr{color:var(--ss2-pri) !important;font-size:16px !important;font-weight:600 !important;text-decoration:none !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-breve dl{margin:10px 0 0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-breve dl > div{padding:11px 0 !important;border-top:1px solid var(--ss2-line) !important;border-bottom:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-breve dt{font-size:14px !important;font-weight:600 !important;letter-spacing:.04em !important;color:var(--ss2-pri) !important;text-transform:uppercase}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-breve dd{font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important;margin:2px 0 0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-esenz{display:block !important;background:var(--ss2-ok-soft) !important;border:0 !important;border-radius:22px !important;padding:18px 16px !important;margin:14px 0 0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-esenz-ico{display:none !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-esenz h2{font-size:21px !important;margin-bottom:8px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-esenz p{font-size:16px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-esenz .btn-primary{width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:12px !important;background:#fff !important;border:0 !important;color:var(--ss2-ok) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-faq{margin-top:26px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-faq-t span{font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;color:var(--ss2-pri) !important;text-transform:uppercase}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-faq details{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;margin-top:10px !important;padding:0 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-faq summary{padding:15px 48px 15px 16px !important;font-size:17px !important;font-weight:600 !important;line-height:1.35 !important;color:var(--ss2-ink) !important;border:0 !important;position:relative}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-faq summary::after{color:var(--ss2-pri) !important;right:16px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cg-faq details p{padding:0 16px 16px !important;margin:0 !important;font-size:16px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-vic{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;background:none !important;border:0 !important;padding:0 !important;margin-top:26px !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-vic > span{font:600 21px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ss2-ink) !important;margin-bottom:4px}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-vic a:not(.ss-cr-vic-arr){display:flex !important;align-items:center !important;gap:12px !important;min-height:56px !important;background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:16px !important;padding:0 16px !important;font-size:17px !important;color:var(--ss2-ink) !important;text-decoration:none !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-vic a:not(.ss-cr-vic-arr) b{min-width:58px;color:var(--ss2-pri) !important;font-weight:600 !important}
html body.ss2-osp.ss2-res.ss-ov-pag .ss-cr-vic-arr{margin-top:6px}
html body.ss2-osp.ss2-res.ss-ov-pag #whatsapp-chat-widget,html body.ss2-osp.ss2-res.ss-ov-pag .wa-chat-box,html body.ss2-osp.ss2-res.ss-ov-pag [class*="whatsapp-chat"]{display:none !important}

/* 24/10/2026: Dove siamo (body.ss2-dq) e Come arrivare (body.ss2-ca): stesso markup, aspetto v2.
   Le due pagine hanno entrambe .ss-dq-pag: le parti comuni usano :is(.ss2-dq,.ss2-ca) */
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu){padding-left:0 !important;padding-right:0 !important;padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) main{padding-top:0 !important;background:#fff !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) .container{padding-left:16px !important;padding-right:16px !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) :is(dd,dt,em,ol,dl,h3){font-family:"Lexend",system-ui,sans-serif !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) :is(.ss-sq-bric,.ss-ov-bric){display:none !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) :is(h1,h2){font-family:"Fraunces",Georgia,serif !important;font-weight:600 !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) .ss-og-fam,html body.ss2-res.ss2-dq.ss-dq-pag .ss-dq-cta{background:var(--ss2-sup) !important;border:0 !important;border-radius:22px !important;padding:18px 16px !important;margin:18px 0 0 !important;box-shadow:none !important;text-align:left !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) :is(.ss-og-fam h2,.ss-dq-cta p){font:600 21px/1.25 "Fraunces",Georgia,serif !important;color:var(--ss2-ink) !important;margin:0 0 12px !important;text-transform:none !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) :is(.ss-og-fam,.ss-dq-cta) .btn-primary{width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;min-height:56px !important}

/* Dove siamo: foto con velo crema come la home */
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-hero{position:relative !important;height:290px !important;min-height:0 !important;margin:0 !important;background-size:cover !important;background-position:center 40% !important;display:flex !important;align-items:flex-end !important;padding:0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-hero::before{display:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-hero::after{content:"" !important;position:absolute !important;inset:0 !important;display:block !important;background:linear-gradient(180deg,rgba(251,247,241,.25) 0%,rgba(251,247,241,0) 30%,rgba(251,247,241,.78) 72%,#fff 100%) !important;pointer-events:none;z-index:1}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-hero-txt{position:relative !important;z-index:2;width:100%;text-align:left !important;padding:0 16px 14px !important;background:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-hero h1{font-size:34px !important;line-height:1.1 !important;color:#2b2119 !important;margin:0 0 4px !important;text-shadow:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-hero p{font-size:17px !important;font-weight:500 !important;color:#4a3c30 !important;text-shadow:none !important;margin:0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-dist{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;padding:8px 16px 0 !important;border:0 !important;background:#fff !important;box-shadow:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-dist > div{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:12px 6px !important;text-align:center}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-dist b{display:block;font:600 24px/1.1 "Fraunces",Georgia,serif !important;color:var(--ss2-pri) !important;text-transform:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-dist .ss-sq-n{display:block;font-size:15px !important;font-weight:600 !important;color:var(--ss2-ink) !important;margin-top:4px}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-dist .ss-sq-m{display:block !important;font-size:14px !important;color:var(--ss2-ink3) !important;margin-top:2px}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-corpo{background:#fff !important;padding:4px 0 24px !important}
html body.ss2-res.ss2-dq.ss-dq-pag :is(.layered-card,.layered-card-inner){background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;transform:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .layered-card::before,html body.ss2-res.ss2-dq.ss-dq-pag .layered-card::after{display:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-intro{display:block !important;padding:18px 0 0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-intro-txt > span{font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-intro-txt h2{font-size:25px !important;line-height:1.15 !important;margin:4px 0 10px !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-intro-txt p{font-size:17px !important;line-height:1.55 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-intro-txt p strong{color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-puls{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin:16px 0 0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-puls .btn{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;min-height:52px !important;border-radius:16px !important;border:0 !important;font-size:16px !important;font-weight:600 !important;text-transform:none !important;box-shadow:none !important;padding:0 10px !important;width:auto !important;margin:0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-puls .btn-primary{background:var(--ss2-pri-soft) !important;color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-puls .btn-primary .hicon{color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-puls .sonia-pos-wa{background:var(--ss2-pri) !important;color:#fff !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-puls .sonia-pos-wa span{color:#fff !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-mappa{margin:16px 0 0 !important;padding:0 !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;overflow:hidden !important;background:#fff !important;box-shadow:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-mappa img{border-radius:0 !important;display:block;width:100%}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-leg{padding:12px 14px !important;gap:8px 14px !important;background:#fff !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-leg span{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-rec-riga{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin:14px 0 0 !important;border:0 !important;padding:0 !important;background:none !important;box-shadow:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-tile{display:flex !important;flex-direction:row !important;align-items:center !important;gap:10px !important;background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:12px !important;min-height:64px;text-decoration:none !important;text-align:left !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-ico{width:40px !important;height:40px !important;flex:none;border-radius:50% !important;background:#fff !important;border:0 !important;color:var(--ss2-pri) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-ico :is(.hicon,svg){color:var(--ss2-pri) !important;font-size:20px !important;width:20px;height:20px}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-tt > span{display:block;font-size:16px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-tt b{display:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev{display:grid !important;gap:12px !important;margin:18px 0 0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-pv{display:flex !important;flex-direction:column !important;background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;overflow:hidden !important;text-decoration:none !important;box-shadow:none !important;margin:0 !important;padding:0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-pv-foto{display:block !important;height:190px !important;background-size:cover !important;background-position:center !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-pv-txt{display:block !important;padding:14px 16px 16px !important;background:#fff !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-pv-txt h2{font-size:21px !important;margin:0 0 6px !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-pv-txt p{font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important;margin:0 0 8px !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-pv-txt > span{font-size:16px !important;font-weight:600 !important;color:var(--ss2-pri) !important}

/* Come arrivare */
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-hero{background:#fff !important;padding:0 0 8px !important;position:relative}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-sky{opacity:.55 !important;position:relative !important;left:0 !important;right:auto !important;top:auto !important;transform:none !important;display:block !important;width:100% !important;max-width:100% !important;height:auto !important;margin:6px 0 -18px !important;filter:sepia(.2)}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-hero-g{margin:0 !important;width:auto !important;max-width:100% !important;padding:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-hero > .container{display:block !important;padding:14px 16px 0 !important;max-width:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-intro{display:block !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-sky{display:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-via .ss-ca2-az .btn{font-size:15px !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) .ss-og-fam{display:block !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) .ss-og-fam > div{width:auto !important;min-width:0 !important;max-width:100% !important;white-space:normal !important;margin:0 !important;padding:0 !important}
html body.ss2-res.ss-dq-pag:is(.ss2-dq,.ss2-ca,.ss2-iu) .ss-og-fam h2{white-space:normal !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-passi li{position:relative}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-passi li > b{display:block !important;background:none !important;color:var(--ss2-ink) !important;font:600 17px/1.3 "Lexend",sans-serif !important;width:auto !important;height:auto !important;padding:0 !important;margin:0 0 2px !important;border-radius:0 !important;text-transform:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-passi li::before{background:var(--ss2-pri) !important;border-color:var(--ss2-pri) !important;color:#fff !important;font-family:"Lexend",sans-serif !important;font-weight:600 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-passi li::after{background:var(--ss2-line) !important;border-color:var(--ss2-line) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-intro-txt{padding:0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev .ss-sq-pv .ss-sq-pv-txt h2{display:block !important;color:var(--ss2-ink) !important;visibility:visible !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev .ss-sq-pv .ss-sq-pv-txt :is(p,span){color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev .ss-sq-pv .ss-sq-pv-txt > span{color:var(--ss2-pri) !important}
/* al posto del disegno marrone: la tramvia T1 "Careggi Ospedale" alla stazione SMN (solo telefono) */
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-pv[href*="come-arrivare"] .ss-sq-pv-foto{background-image:url("../img/arrive/come-arrivare-stazione-santa-maria-novella.jpg") !important;background-position:62% 45% !important;background-size:cover !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev .ss-sq-info{background:var(--ss2-sup) !important;border:0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev .ss-sq-info .ss-sq-pv-txt{background:none !important;padding:18px 16px !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-info-l{display:flex !important;flex-direction:column !important;gap:0 !important;margin:6px 0 0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-info-l > div{padding:11px 0 !important;border-top:1px solid var(--ss2-line) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-info-l > div:first-child{border-top:0 !important;padding-top:4px !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-info-l dt{font-size:14px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-info-l dd{font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important;margin:2px 0 0 !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev .ss-sq-osp{background:#fff !important;border:1px solid var(--ss2-line) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-osp-l{margin:8px 0 0 !important;display:flex;flex-direction:column;gap:8px}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-osp-l a{display:flex !important;align-items:center !important;gap:12px !important;min-height:56px !important;background:var(--ss2-sup) !important;border:0 !important;border-radius:16px !important;padding:0 16px !important;text-decoration:none !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-osp-l b{min-width:58px;font-size:16px !important;font-weight:600 !important;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-prev .ss-sq-pv .ss-sq-osp-l span{flex:1;font-size:16px !important;font-weight:500 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-osp-l i{font-style:normal;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-dq.ss-dq-pag .ss-sq-info-l dd strong{color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-hero-g{display:block !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-intro{padding:0 !important;background:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-k{font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;color:var(--ss2-pri) !important;text-transform:uppercase}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-intro h1{font-size:34px !important;line-height:1.1 !important;margin:4px 0 8px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-lead{padding:0 !important;margin-left:0 !important;font-size:17px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-az{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin:14px 0 0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-az .btn{display:flex !important;align-items:center !important;justify-content:center !important;gap:6px;min-height:52px !important;border-radius:16px !important;border:0 !important;font-size:16px !important;font-weight:600 !important;text-transform:none !important;padding:0 8px !important;margin:0 !important;width:auto !important;box-shadow:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-az .btn-primary{background:var(--ss2-pri) !important;color:#fff !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-az .ss-ca2-pdf{background:var(--ss2-pri-soft) !important;color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-off{position:static !important;display:flex !important;align-items:center !important;gap:12px !important;background:#FBEEE7 !important;border:0 !important;border-radius:18px !important;padding:10px 14px !important;margin:14px 0 0 !important;text-decoration:none !important;box-shadow:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-off-c{width:auto !important;height:auto !important;background:none !important;border:0 !important;box-shadow:none !important;color:var(--ss2-acc) !important;display:flex !important;flex-direction:column !important;align-items:center}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-off-c b{font:600 24px/1 "Fraunces",Georgia,serif !important;color:var(--ss2-acc) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-off-c small{font-size:13px !important;color:var(--ss2-acc) !important;text-transform:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-off-t span{display:block;font-size:15px !important;font-weight:600 !important;color:var(--ss2-ink) !important;text-transform:none !important;letter-spacing:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-off-t em{font-style:normal;font-size:15px !important;font-weight:600 !important;color:var(--ss2-acc) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx{background:none !important;border:0 !important;padding:0 !important;margin:22px 0 0 !important;box-shadow:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx h2{font-size:23px !important;margin:0 0 4px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx-ind{font-size:15px !important;color:var(--ss2-ink3) !important;margin:0 0 10px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx a{display:flex !important;align-items:center !important;gap:10px !important;min-height:60px !important;background:var(--ss2-sup) !important;border:0 !important;border-radius:16px !important;padding:8px 14px !important;margin:0 0 8px !important;text-decoration:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx a > span{flex:1}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx a b{display:block;font-size:17px !important;font-weight:600 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx a small{display:block !important;font-size:14px !important;color:var(--ss2-ink3) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx a em{font:600 16px "Lexend",sans-serif !important;color:var(--ss2-pri) !important;text-transform:none !important;font-style:normal}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-idx a i{color:var(--ss2-pri) !important;font-style:normal}
/* 24/10/2026: prima schermata ridisegnata: titolo, riquadro indirizzo con Apri mappa e PDF, elenco "Da dove arrivi" con icone (come gli ospedali della home), offerta in fondo */
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-hero-g{display:flex !important;flex-direction:column;gap:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-intro{display:contents !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-intro > *{order:1 !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-intro > .ss2-ca-foto{order:0 !important;display:block;width:calc(100% + 32px);max-width:none;height:210px;object-fit:cover;object-position:50% 45%;margin:-14px -16px 18px;border-radius:0 0 26px 26px}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx{order:2 !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 :is(.ss-ca2-idx,.ss2-ca-dove,.ss-ca2-lead){width:auto !important;max-width:none !important;align-self:stretch}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-intro > .ss-ca2-off{order:3 !important;margin-top:18px !important;align-self:stretch}
html body.ss2-res.ss2-ca.ss-ca-pag .ss2-ca-dove{display:block;margin-top:18px;background:var(--ss2-sup);border-radius:22px;padding:16px}
html body.ss2-res.ss2-ca.ss-ca-pag .ss2-ca-ind{display:flex;align-items:center;gap:14px;margin:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss2-ca-ind > .ss2-i{flex:none;width:48px;height:48px;padding:12px;border-radius:16px;background:#fff;color:var(--ss2-pri)}
html body.ss2-res.ss2-ca.ss-ca-pag .ss2-ca-ind b{display:block;font-size:20px !important;font-weight:600 !important;line-height:1.25 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss2-ca-ind small{display:block;margin-top:2px;font-size:16px !important;line-height:1.35 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss2-ca-dove .ss-ca2-az{margin-top:14px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss2-ca-dove .ss-ca2-az .ss-ca2-pdf{background:#fff !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx-ind{display:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx{margin-top:26px !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx h2{font-size:24px !important;margin:0 0 12px !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx{border-radius:0}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a{background:#fff !important;border:1px solid var(--ss2-line) !important;border-bottom-width:0 !important;border-radius:0 !important;margin:0 !important;min-height:70px !important;padding:12px 16px !important;gap:14px !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx h2 + p + a,html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx h2 + a{border-radius:22px 22px 0 0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a:last-child{border-bottom-width:1px !important;border-radius:0 0 22px 22px !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a > .ss2-ca-ico{display:flex;flex:none !important;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:var(--ss2-pri-soft);color:var(--ss2-pri)}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a b{font-size:18px !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a small{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a small.is-dop{display:none !important}
/* 24/10/2026: minuti in risalto: solo testo verde petrolio, il piu grande possibile (elenco 25px, schede 28px, altre partenze 24px), senza pastiglia (elenco, schede, altre partenze) */
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a em{font-size:25px !important;line-height:1.1 !important;font-weight:700 !important;white-space:nowrap;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-tempo{background:none !important;padding:0 !important;border-radius:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-tempo b{font-size:28px !important;line-height:1.1 !important;font-weight:700 !important;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-tempo span{font-size:18px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-mini header b{background:none !important;padding:0 !important;color:var(--ss2-pri) !important;line-height:1.1 !important;font-size:24px !important;font-weight:700 !important}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss-ca2-idx a i{color:var(--ss2-ink3) !important;font-size:18px}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-via{background:#fff !important;padding:8px 0 !important;border:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-via-g{display:block !important;background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;padding:18px 16px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-via-t h2{font-size:24px !important;line-height:1.15 !important;margin:4px 0 8px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-via-t p{font-size:16px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tempo{display:inline-flex !important;align-items:center !important;gap:8px !important;background:var(--ss2-pri-soft) !important;border-radius:999px !important;padding:6px 14px !important;margin:4px 0 0 !important;border:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tempo b{font:600 16px "Lexend",sans-serif !important;color:var(--ss2-pri-d) !important;background:none !important;padding:0 !important;text-transform:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tempo span{font-size:15px !important;color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-via-t .ss-ca2-az{order:9}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-via-p{margin-top:16px !important;padding:0 !important;background:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-passi li span{font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-passi li span :is(b,strong){color:var(--ss2-ink) !important;font-weight:600 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-nota{background:var(--ss2-sup) !important;border:0 !important;border-radius:16px !important;padding:12px 14px !important;margin:12px 0 0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-nota dt{font-size:14px !important;font-weight:600 !important;color:var(--ss2-pri) !important;letter-spacing:.04em !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-nota dd{font-size:15px !important;color:var(--ss2-ink2) !important;margin:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-pausa{background:#fff !important;padding:8px 0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-pausa .container{background:var(--ss2-pri) !important;border-radius:22px !important;padding:18px 16px !important;margin:0 16px !important;width:auto !important;display:block !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-pausa > .container > b{display:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-pausa h2{color:#fff !important;font-size:22px !important;margin:0 0 6px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-pausa p{color:#E1EEEB !important;font-size:16px !important;line-height:1.45 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-pausa .btn{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-height:52px !important;margin-top:12px !important;background:#fff !important;color:var(--ss2-pri-d) !important;border:0 !important;border-radius:16px !important;font-size:16px !important;font-weight:600 !important;text-transform:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-altre{background:var(--ss2-sup) !important;padding:24px 0 !important;margin-top:16px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-altre h2{font-size:24px !important;margin:0 0 12px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-altre-g{display:grid !important;gap:12px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini{background:#fff !important;border:0 !important;border-radius:22px !important;padding:16px !important;margin:0 !important;box-shadow:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini header{display:flex !important;justify-content:space-between !important;align-items:baseline !important;gap:10px}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini h3{font:600 19px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;color:var(--ss2-ink) !important;margin:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini header b{flex:none;font:600 15px "Lexend",sans-serif !important;color:var(--ss2-pri-d) !important;background:var(--ss2-pri-soft) !important;border-radius:999px !important;padding:4px 10px !important;text-transform:none !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini > small{font-size:15px !important;color:var(--ss2-ink3) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini li{font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini li::before{border-color:var(--ss2-pri) !important;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini footer{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin-top:12px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini footer a{display:flex !important;align-items:center !important;justify-content:center !important;min-height:48px !important;border-radius:14px !important;border:0 !important;font-size:15px !important;font-weight:600 !important;text-decoration:none !important;background:var(--ss2-pri) !important;color:#fff !important;padding:0 8px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-mini footer a.ss-ca2-pdf{background:var(--ss2-pri-soft) !important;color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-fine{background:#fff !important;padding:18px 0 24px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tel{background:none !important;border:0 !important;padding:0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tel-ind{display:block;font:600 22px/1.2 "Fraunces",Georgia,serif !important;color:var(--ss2-ink) !important;margin:4px 0 6px !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tel-sub{font-size:16px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tess{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin:12px 0 !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tess a{background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:12px 14px !important;text-decoration:none !important;min-height:64px}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tess a b{display:block;font-size:16px !important;font-weight:600 !important;color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tess a span{display:block;font-size:14px !important;color:var(--ss2-ink3) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tel-rec{background:var(--ss2-pri-soft) !important;border:0 !important;border-radius:18px !important;padding:12px 14px !important;font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ca.ss-ca-pag .ss-ca2-tel-rec span{display:block;font-size:14px !important;font-weight:600 !important;letter-spacing:.06em !important;color:var(--ss2-pri) !important;text-transform:uppercase}

/* 24/10/2026: Accedi e Recupera password (reservation/index.php?customer=login, body.ss2-acc) */
html body.ss2-res.ss2-acc :is(#login,#password-forgotten){background:#fff !important;padding:20px 0 28px !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .container{padding-left:16px !important;padding-right:16px !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .card{border:0 !important;box-shadow:none !important;background:#fff !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .card-body{padding:0 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) h1{font:600 32px/1.12 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important;margin:0 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .ss-lg-why{font-size:18px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important;margin:8px 0 0 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) hr{border-color:var(--ss2-line) !important;opacity:1 !important;margin:18px 0 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) form .mb-5{margin-bottom:20px !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .form-label .text-danger{color:var(--ss2-acc) !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .row:has(.form-check){display:flex !important;align-items:center !important;margin:18px 0 14px !important;gap:10px}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .row:has(.form-check) > *{padding:0 !important;width:auto !important;flex:1 1 auto}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .row:has(.form-check) .mb-5{margin-bottom:0 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) a{color:var(--ss2-pri) !important;font-weight:600 !important;font-size:17px !important;text-decoration:none !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) form p,html body.ss2-res.ss2-acc #password-forgotten .card-body > p{font-size:18px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .form-label{font-size:18px !important;margin-bottom:8px !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .form-control{border:1.5px solid var(--ss2-line) !important;border-radius:14px !important;min-height:56px !important;font-size:19px !important;font-weight:400 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .form-control:focus{border:2.5px solid var(--ss2-pri) !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .form-check{display:flex !important;align-items:center !important;gap:10px !important;padding-left:0 !important;margin:0 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .form-check .form-check-input{float:none !important;margin:0 !important;position:static !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .form-check-label{font-size:18px !important;font-weight:500 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .text-end a{font-size:17px !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) :is(.btn.btn-primary,#btnSubmit,#btnSend){background:var(--ss2-pri) !important;border:0 !important;border-radius:16px !important;color:#fff !important;font-size:18px !important;font-weight:600 !important;box-shadow:none !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .btn-primary{width:100% !important;min-height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;margin-top:8px}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .btn-primary .hicon{color:#fff !important;font-size:18px !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .btn-primary span{color:#fff !important;font-size:19px !important;font-weight:600 !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .ss-lg-first{background:var(--ss2-sup) !important;border-radius:16px !important;padding:16px !important;font-size:17px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-acc :is(#login,#password-forgotten) .ss-lg-first a{display:inline-block;margin-top:4px}

/* 24/10/2026: Offerte (offerte-hotel-firenze-careggi.php, body.ss2-of) */
html body.ss2-res.ss2-of.ss-offerte-pag{padding-left:0 !important;padding-right:0 !important;padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important}
html body.ss2-res.ss2-of.ss-offerte-pag main{padding-top:0 !important}
html body.ss2-res.ss2-of.ss-offerte-pag #offerte{background:#fff !important;padding:18px 0 28px !important}
html body.ss2-res.ss2-of.ss-offerte-pag #offerte .container{padding-left:16px !important;padding-right:16px !important}
html body.ss2-res.ss2-of.ss-offerte-pag #offerte h1{font:600 32px/1.12 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important;margin:0 0 8px !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-regola{font-size:16px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important;background:var(--ss2-pri-soft) !important;border-radius:16px !important;padding:12px 14px !important;margin:0 0 16px !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-regola strong{color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-of.ss-offerte-pag #offerte .row{--bs-gutter-y:14px !important;margin:0 !important}
html body.ss2-res.ss2-of.ss-offerte-pag #offerte .row > *{padding:0 !important;margin-top:14px !important}
html body.ss2-res.ss2-of.ss-offerte-pag #offerte .row > *:first-child{margin-top:0 !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card{background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;overflow:hidden !important;box-shadow:none !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card figure{border-radius:0 !important;margin:0 !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-img{height:190px !important;object-fit:cover !important;border-radius:0 !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-sconto{top:12px !important;left:12px !important;background:var(--ss2-acc) !important;border-radius:16px !important;padding:8px 12px !important;clip-path:none !important;box-shadow:0 2px 10px rgba(60,40,20,.18) !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-sconto::before,html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-sconto::after{display:none !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-sconto strong{font:600 26px/1 "Fraunces",Georgia,serif !important;color:#fff !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-sconto small{font-size:13px !important;font-weight:600 !important;color:#fff !important;letter-spacing:.04em !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .card-body{padding:16px !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-etichetta{font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;color:var(--ss2-pri) !important;margin-bottom:4px !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .card-title{font:600 21px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ss2-ink) !important;margin:0 0 8px !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .card-body > p:not(.ss-off-nota){font-size:16px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important;margin:0 0 10px !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-cond{background:var(--ss2-sup) !important;border-radius:16px !important;padding:10px 14px !important;margin:0 0 10px !important;list-style:none}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-cond li{position:relative !important;font-size:15px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important;padding:3px 0 3px 16px !important;margin:0 !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-cond li::before{content:"" !important;position:absolute !important;left:0 !important;top:12px !important;width:6px !important;height:6px !important;margin:0 !important;background:var(--ss2-pri) !important;border-radius:50% !important;transform:none !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-cond :is(b,strong){color:var(--ss2-ink) !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-codice{border:0 !important;outline:0 !important;background:#fff !important;color:var(--ss2-acc) !important;border-radius:8px !important;padding:2px 8px !important;font-weight:600 !important;letter-spacing:.06em !important}
html body.ss2-res.ss2-of.ss-offerte-pag :is(.ss-off-scade,.ss-off-cond .ss-off-scade){color:var(--ss2-acc) !important;font-weight:600 !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-nota{font-size:14px !important;line-height:1.4 !important;color:var(--ss2-ink3) !important;margin:0 0 12px !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card :is(form button.card-link,.card-link){display:flex !important;align-items:center !important;justify-content:center !important;gap:8px;width:100% !important;min-height:52px !important;border-radius:16px !important;background:var(--ss2-pri) !important;color:#fff !important;font-size:16px !important;font-weight:600 !important;text-decoration:none !important;border:0 !important;margin:0 !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .card-link span{color:#fff !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .card-link .hicon{display:none !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .mt-auto.d-flex{display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .mt-auto.d-flex .card-link + .card-link{background:var(--ss2-pri-soft) !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card .mt-auto.d-flex .card-link + .card-link span{color:var(--ss2-pri-d) !important}

/* 24/10/2026: icona account nella testata, accanto al menu (sonia_app2_account) */
html body.ss2-res #header .ss2-acc-ico{display:flex !important;align-items:center;justify-content:center;position:relative;width:46px;height:46px;border-radius:50%;background:var(--ss2-sup);color:var(--ss2-ink) !important;margin-left:8px;flex:none}
html body.ss2-res #header .ss2-acc-ico .ss2-i{width:24px;height:24px}
.ss2-acc-ico.is-in::after{content:"";position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:var(--ss2-ok);border:2px solid #fff}

/* 24/10/2026: menu dell app su tutte le pagine (sonia_app2_menu da footer.php / footer_reservation.php):
   il tasto ☰ nuovo (sonia_app2_menu_ico) prende il posto del vecchio menu laterale, che sul telefono non si apre piu */
html body.ss2-res #header .navbar-toggler{display:none !important}
html body.ss2-res #offcanvasNavbar{display:none !important}
html body.ss2-res #header .ss2-menu-ico{order:99;display:flex !important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--ss2-sup);color:var(--ss2-ink) !important;margin-left:8px;flex:none}
html body.ss2-res #header .ss2-menu-ico .ss2-i{width:26px;height:26px}
/* carrello con l importo nella testata: piu grande e leggibile (richiesta 24/10) */
/* logo, account, carrello con importo e menu devono stare in 390px: spazi stretti, il logo non si allarga */
html body.ss2-res #header #brandHeader{margin-right:0 !important;padding:0 !important;flex:1 1 auto !important;min-width:0}
/* 24/10/2026: logo della testata: HOTEL e Sonia sulla stessa riga, HOTEL centrato in altezza su Sonia, tutti e due piu grandi */
html body.ss2-res #header #brandHeader .sonia-logo{display:inline-flex !important;flex-direction:row;align-items:center;gap:9px;line-height:1;white-space:nowrap}
/* misura sempre uguale, carrello vuoto o pieno (il carrello compare dopo il caricamento: niente salti del logo) */
html body.ss2-res #header #brandHeader .sonia-logo{gap:7px !important}
html body.ss2-res #header #brandHeader .sonia-logo-h{font-size:13px !important;font-weight:600 !important;letter-spacing:.16em !important;margin:3px 0 0 !important;color:var(--ss2-oro) !important;line-height:1 !important}
html body.ss2-res #header #brandHeader .sonia-logo-s{font-size:29px !important;line-height:1 !important}
html body.ss2-res #header .navbar > .container{flex-wrap:nowrap !important}
/* importo lungo (4 cifre): il carrello lascia solo il prezzo, il logo non cambia */
html body.ss2-res #header .ss-testa-imp.is-on.is-lungo svg{display:none !important}
html body.ss2-res #header :is(.ss2-acc-ico,.ss2-menu-ico){width:42px !important;height:42px !important;margin-left:6px !important}
html body.ss2-res #header .ss-testa-imp.is-on{display:inline-flex !important;align-items:center;gap:6px;height:42px;padding:0 10px !important;margin-left:6px !important;flex:none;white-space:nowrap;border-radius:23px !important;background:var(--ss2-pri-soft) !important;color:var(--ss2-pri-d) !important;font-size:19px !important;font-weight:600 !important;margin-left:8px}
html body.ss2-res #header .ss-testa-imp.is-on svg{width:24px !important;height:24px !important;color:var(--ss2-pri-d) !important}
html body.ss2-res #header .ss-testa-imp.is-on b{font-size:19px !important;font-weight:600 !important;color:var(--ss2-pri-d) !important}
/* schermata Camere del menu */
.ss2-mc .ss2-mc-p{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-left:auto;padding-left:8px;flex:none}
/* 24/10/2026: prezzi grandi (prezzo di oggi 21px, barrato e sconto 17px) */
.ss2-mc .ss2-mc-p b{font-size:21px;font-weight:600;color:var(--ss2-ink);white-space:nowrap}
.ss2-mc .ss2-mc-p b s{font-size:17px;font-weight:400;color:var(--ss2-ink3);margin-right:4px}
.ss2-mc .ss2-mc-p small{font-size:17px;font-weight:600;color:var(--ss2-acc);white-space:nowrap}
.ss2-mc-az{display:flex;flex-direction:column;gap:12px;align-items:center;padding:18px 20px 4px}
.ss2-mc-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:16px;background:var(--ss2-pri);color:#fff !important;font-size:18px;font-weight:600;text-decoration:none}
.ss2-mc-tutte{font-size:17px;font-weight:600;color:var(--ss2-pri) !important;text-decoration:none}
.ss2-mc-paga{margin:18px 20px 0;padding:16px;border-radius:18px;background:var(--ss2-sup)}
.ss2-mc-paga h3{font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ss2-pri);margin:0 0 8px;font-family:"Lexend",sans-serif}
.ss2-mc-paga ul{list-style:none;margin:0;padding:0}
.ss2-mc-paga li{padding:7px 0}
.ss2-mc-paga li + li{border-top:1px solid var(--ss2-line)}
.ss2-mc-paga b{display:block;font-size:17px;font-weight:600;color:var(--ss2-ink)}
.ss2-mc-paga b em{font-style:normal;color:var(--ss2-acc)}
.ss2-mc-paga small{display:block;font-size:15px;color:var(--ss2-ink2)}

/* barra in basso */
.ss2-tab{position:fixed;left:0;right:0;bottom:0;z-index:1040;background:#fff;border-top:1px solid var(--ss2-line);display:grid;grid-template-columns:repeat(4,1fr);padding:9px 6px calc(10px + env(safe-area-inset-bottom))}
.ss2-tab a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;font-size:14px;font-weight:600;color:var(--ss2-ink3) !important;border-radius:16px;margin:0 4px}
.ss2-tab .ss2-i{width:26px;height:26px}
.ss2-tab a.is-on{color:var(--ss2-pri) !important;background:var(--ss2-pri-soft)}
.ss2-tab-ico{position:relative;display:flex}
.ss2-num{position:absolute;top:-8px;right:-15px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;background:var(--ss2-acc);color:#fff;font-style:normal;font-size:14px;font-weight:600;line-height:20px;text-align:center;border:2px solid #fff;box-sizing:border-box}

/* 24/10/2026: Informazioni utili (body.ss2-iu): stesso stile di Dove siamo e Come arrivare */
html body.ss2-res.ss2-iu main.ss-iu-main{background:#fff !important;padding-top:0 !important}
html body.ss2-res.ss2-iu .ss-iu-foglio{background:#fff !important;box-shadow:none !important;border:0 !important;margin:0 !important;padding:0 !important;max-width:none !important}
html body.ss2-res.ss2-iu .ss-iu-top{padding:18px 0 0 !important;background:#fff !important;text-align:left !important}
html body.ss2-res.ss2-iu .ss-iu-top h1{font-size:30px !important;line-height:1.15 !important;text-align:left !important;margin:0 0 10px !important}
html body.ss2-res.ss2-iu .ss-iu-lead{font-weight:400 !important;font-size:17px !important;line-height:1.5 !important;text-align:left !important;color:var(--ss2-ink2) !important;margin:0 !important;max-width:none !important}
/* i quattro numeri: quadratini 2x2 */
html body.ss2-res.ss2-iu .ss-iu-num{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;padding:0 16px !important;margin:20px auto 0 !important;max-width:720px;border:0 !important;background:none !important}
html body.ss2-res.ss2-iu .ss-iu-num > div{display:flex !important;flex-direction:column;align-items:flex-start !important;text-align:left !important;background:var(--ss2-sup) !important;border:0 !important;border-radius:18px !important;padding:14px !important;min-height:0 !important}
html body.ss2-res.ss2-iu .ss-iu-num b{font:700 26px/1.1 "Lexend",sans-serif !important;color:var(--ss2-pri) !important;letter-spacing:0 !important}
html body.ss2-res.ss2-iu .ss-iu-num span{font-size:17px !important;font-weight:600 !important;color:var(--ss2-ink) !important;margin-top:4px;text-transform:none !important;letter-spacing:0 !important}
html body.ss2-res.ss2-iu .ss-iu-num em{font-style:normal !important;font-size:15px !important;color:var(--ss2-ink2) !important;line-height:1.35 !important}
/* scheda dell'hotel: righe con etichetta sopra e testo grande */
html body.ss2-res.ss2-iu .ss-cr-corpo{background:#fff !important;padding:22px 0 0 !important}
html body.ss2-res.ss2-iu .ss-iu-due{display:block !important}
html body.ss2-res.ss2-iu .ss-cr-breve{background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;padding:18px 16px !important;margin:0 !important;box-shadow:none !important}
html body.ss2-res.ss2-iu :is(.ss-cr-breve,.ss-iu-faq) h2{font-size:24px !important;line-height:1.2 !important;margin:0 0 6px !important}
html body.ss2-res.ss2-iu .ss-cr-breve dl{margin:0 !important}
html body.ss2-res.ss2-iu .ss-cr-breve dl > div{display:block !important;padding:12px 0 !important;border-top:1px solid var(--ss2-line) !important;border-bottom:0 !important}
html body.ss2-res.ss2-iu .ss-cr-breve dl > div:first-child{border-top:0 !important}
html body.ss2-res.ss2-iu .ss-cr-breve dt{font-size:14px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase;color:var(--ss2-pri) !important;margin:0 0 3px !important;width:auto !important}
html body.ss2-res.ss2-iu .ss-cr-breve dd{font-size:17px !important;line-height:1.45 !important;color:var(--ss2-ink) !important;margin:0 !important}
html body.ss2-res.ss2-iu .ss-cr-breve .ss-og-link{display:flex !important;align-items:center;justify-content:center;min-height:56px;padding:10px 18px !important;text-align:center;line-height:1.3 !important;margin-top:12px !important;border-radius:16px !important;background:var(--ss2-wa) !important;color:#fff !important;font-size:17px !important;font-weight:600 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0 !important;border:0 !important}
/* domande frequenti: linguette a pastiglia da scorrere di lato */
html body.ss2-res.ss2-iu .ss-iu-faq{margin-top:28px !important}
html body.ss2-res.ss2-iu .ss-iu-faq .nav-tabs{display:flex !important;flex-wrap:nowrap !important;gap:8px;overflow-x:auto;scrollbar-width:none;border:0 !important;margin:8px -16px 0 !important;padding:2px 16px 4px !important}
html body.ss2-res.ss2-iu .ss-iu-faq .nav-tabs::-webkit-scrollbar{display:none}
html body.ss2-res.ss2-iu .ss-iu-faq .nav-tabs .nav-item{flex:none}
html body.ss2-res.ss2-iu .ss-iu-faq .nav-tabs .nav-link{border:0 !important;border-radius:999px !important;background:var(--ss2-sup) !important;color:var(--ss2-ink2) !important;font-size:16px !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important;padding:10px 16px !important;margin:0 !important;white-space:nowrap}
html body.ss2-res.ss2-iu .ss-iu-faq .nav-tabs .nav-link.active{background:var(--ss2-pri) !important;color:#fff !important}
html body.ss2-res.ss2-iu .ss-iu-faq .tab-pane{padding-top:14px !important}
html body.ss2-res.ss2-iu .ss-cg-faq{border:1px solid var(--ss2-line) !important;border-radius:22px !important;overflow:hidden;background:#fff !important}
html body.ss2-res.ss2-iu .ss-cg-faq details{border:0 !important;border-bottom:1px solid var(--ss2-line) !important;margin:0 !important;padding:0 !important;background:#fff !important}
html body.ss2-res.ss2-iu .ss-cg-faq details:last-child{border-bottom:0 !important}
html body.ss2-res.ss2-iu .ss-cg-faq summary{padding:16px !important;font-size:17px !important;font-weight:600 !important;line-height:1.35 !important;color:var(--ss2-ink) !important;min-height:56px}
html body.ss2-res.ss2-iu .ss-cg-faq details p{padding:0 16px 16px !important;margin:0 !important;font-size:16px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-iu .ss-cg-faq details p a{color:var(--ss2-pri) !important;font-weight:600 !important}
html body.ss2-res.ss2-iu #whatsapp_chat_widget{display:none !important}

/* 24/10/2026: Condizioni di prenotazione (reservation/index.php?page=conditions, body.ss2-cond) */
html body.ss2-res.ss2-cond :is(#conditions,#legale){background:#fff !important;padding:18px 0 28px !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) > .container > span.ff-sub:first-child{font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;color:var(--ss2-pri) !important;margin:0 0 4px !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) h1{font:600 30px/1.15 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important;margin:0 0 8px !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) h1 + span.ff-sub{font-size:17px !important;font-weight:400 !important;line-height:1.5 !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ss2-ink2) !important;margin:0 0 20px !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) .row.g-6{--bs-gutter-x:0;--bs-gutter-y:14px}
html body.ss2-res.ss2-cond :is(#conditions,#legale) .col-xl-8.gap-6{gap:14px !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) .col-xl-4{margin-top:14px}
html body.ss2-res.ss2-cond .sonia-cond-card{background:#fff !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;padding:18px 16px !important;box-shadow:none !important}
html body.ss2-res.ss2-cond .sonia-cond-card.is-nr{border-color:var(--ss2-off) !important;background:#FFFBF9 !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) .sonia-cond-card{background:#fff !important;background-image:none !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) .sonia-cond-card.is-nr{background:#FFFBF9 !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) #domande{background:var(--ss2-sup) !important}
html body.ss2-res.ss2-cond .sonia-cond-card > span.ff-sub{text-transform:uppercase !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;color:var(--ss2-pri) !important;margin:0 0 2px !important}
html body.ss2-res.ss2-cond .sonia-cond-card.is-nr > span.ff-sub{color:var(--ss2-acc) !important}
html body.ss2-res.ss2-cond .sonia-cond-card h2{font:600 23px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important;margin:0 0 10px !important}
html body.ss2-res.ss2-cond .sonia-cond-card :is(p,span:not(.ff-sub):not(.sonia-cond-punto)){font-size:17px !important;line-height:1.5 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cond .sonia-cond-card .border-top,html body.ss2-res.ss2-cond .sonia-cond-card .border-bottom{border-color:var(--ss2-line) !important}
html body.ss2-res.ss2-cond .sonia-cond-card a:not(.btn){color:var(--ss2-pri) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px}
html body.ss2-res.ss2-cond .sonia-cond-punto{background:var(--ss2-pri) !important;flex:none;margin-top:10px}
html body.ss2-res.ss2-cond #imposta p.ff-heading{font:700 32px/1.2 "Lexend",sans-serif !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cond #imposta p.ff-heading small{font:400 17px "Lexend",sans-serif !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cond #imposta p.text-body-secondary{font-size:16px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cond .sonia-cond-regole li{display:grid !important;grid-template-columns:44px 1fr;column-gap:12px;align-items:start;padding:12px 0 !important;border-color:var(--ss2-line) !important}
html body.ss2-res.ss2-cond .sonia-cond-regole li > i{grid-row:1 / span 2;width:44px;height:44px;border-radius:14px;background:var(--ss2-pri-soft);color:var(--ss2-pri) !important;display:flex !important;align-items:center;justify-content:center;font-size:22px !important;margin:0 !important}
html body.ss2-res.ss2-cond .sonia-cond-regole li > span{margin:0 !important;padding:0 !important}
html body.ss2-res.ss2-cond .sonia-cond-regole li > span.fw-medium{font-weight:600 !important}
html body.ss2-res.ss2-cond .sonia-cond-regole li > span:not(.fw-medium){color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cond .sonia-cond-regole small{display:block;font-size:15px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important;margin-top:4px}
html body.ss2-res.ss2-cond #domande{background:var(--ss2-sup) !important;border:0 !important}
html body.ss2-res.ss2-cond #domande .d-flex.flex-column a{font-size:18px !important;font-weight:600 !important;color:var(--ss2-pri) !important;text-decoration:none !important}
html body.ss2-res.ss2-cond #domande .btn-primary{display:flex !important;width:100%;align-items:center;justify-content:center;min-height:56px !important}
/* 26/10/2026: informativa sotto il modulo Contatti (al posto della casella da spuntare) */
html body.ss2-res .ss-pren-priv{font-size:15px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important;padding:0 4px}
html body.ss2-res :is(.ss-pren-priv,.ss-ct-priv) a{color:var(--ss2-pri) !important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* 26/10/2026: Privacy e Cookie Policy (page=privacy|cookies, section#legale) */
html body.ss2-res.ss2-cond #legale .sonia-lg li{font-size:17px !important;line-height:1.5 !important;color:var(--ss2-ink) !important;padding-left:20px}
html body.ss2-res.ss2-cond #legale .sonia-lg li::before{background:var(--ss2-pri);top:9px;width:8px;height:8px}
html body.ss2-res.ss2-cond #legale .sonia-lg strong{font-weight:600}
html body.ss2-res.ss2-cond #legale #in-breve{background:var(--ss2-pri-soft) !important;border:0 !important}
html body.ss2-res.ss2-cond #legale .sonia-cond-aside{gap:14px !important}
html body.ss2-res.ss2-cond #legale .sonia-lg-tab td,html body.ss2-res.ss2-cond #legale .sonia-lg-tab tr{border-color:var(--ss2-line) !important}
html body.ss2-res.ss2-cond #legale .sonia-lg-tab td{font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cond #legale .sonia-lg-tab td:last-child{color:var(--ss2-ink2) !important;font-size:15px !important}
html body.ss2-res.ss2-cond #legale .sonia-lg-tab code{background:var(--ss2-sup);color:var(--ss2-ink);font-size:15px;border-radius:8px}
html body.ss2-res.ss2-cond #legale .sonia-lg-tab small{font-size:14px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cond #legale .sonia-lg-agg{font-size:15px !important;color:var(--ss2-ink2) !important;padding:0 4px}

/* 24/10/2026: pagina Contatti (page=pages&system_page=contatti, body.ss2-ct): reception, recapiti come la home (.ss2-lista), modulo di richiesta */
html body.ss2-res.ss2-ct #contact{background:#fff !important;padding:18px 0 28px !important}
html body.ss2-res.ss2-ct #contact h1{font:600 30px/1.15 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important;margin:0 0 14px !important}
html body.ss2-res.ss2-ct #contact > .container > hr{display:none !important}
html body.ss2-res.ss2-ct #contact .col-xl-9 > .reception-hours-badge{display:none !important}
html body.ss2-res.ss2-ct .ss-ct-mob .reception-hours-badge{position:static !important;display:flex !important;flex-wrap:wrap;align-items:center;justify-content:flex-start !important;text-align:left !important;gap:4px 10px;margin:0 0 12px !important;padding:14px 16px !important;border:0 !important;border-radius:18px !important;background:var(--ss2-ok-soft) !important;box-shadow:none !important;width:auto !important}
html body.ss2-res.ss2-ct .ss-ct-mob .reception-hours-badge.is-chiusa,html body.ss2-res.ss2-ct .ss-ct-mob .reception-hours-badge:has(.rh-stato:not(.is-open)){background:var(--ss2-sup) !important}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-tit{font-size:14px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#174f31 !important;flex-basis:100%}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-ore,html body.ss2-res.ss2-ct .ss-ct-mob .rh-ore b{font:700 24px/1.1 "Lexend",sans-serif !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-ore{display:flex !important;align-items:center;gap:0}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-ore em{display:inline-block !important;width:14px !important;height:2.5px !important;margin:0 8px !important;background:var(--ss2-ink) !important;border:0 !important}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-ore em::before,html body.ss2-res.ss2-ct .ss-ct-mob .rh-ore em::after{display:none !important}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-stato{margin-left:auto !important;font-size:16px !important;font-weight:600 !important;color:var(--ss2-ok) !important}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-stato i{background:var(--ss2-ok) !important}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-stato:not(.is-open){color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ct .ss-ct-mob .rh-pre{display:none !important}
html body.ss2-res.ss2-ct .ss-ct-schede{display:block !important;border:1px solid var(--ss2-line) !important;border-radius:22px !important;overflow:hidden;background:#fff !important}
html body.ss2-res.ss2-ct .ss-ct-scheda{display:flex !important;align-items:center;gap:14px;margin:0 !important;padding:13px 16px !important;border:0 !important;border-bottom:1px solid var(--ss2-line) !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important;text-decoration:none !important;min-height:72px}
html body.ss2-res.ss2-ct .ss-ct-scheda:last-child{border-bottom:0 !important}
html body.ss2-res.ss2-ct .ss-ct-ico{flex:none;width:44px !important;height:44px !important;border-radius:14px !important;background:var(--ss2-pri-soft) !important;color:var(--ss2-pri) !important;display:flex !important;align-items:center;justify-content:center;border:0 !important}
html body.ss2-res.ss2-ct .ss-ct-ico :is(i,svg){color:var(--ss2-pri) !important;font-size:22px !important;width:22px;height:22px}
html body.ss2-res.ss2-ct .ss-ct-txt{flex:1;min-width:0}
html body.ss2-res.ss2-ct .ss-ct-txt > span{display:block;font-size:15px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-ct .ss-ct-txt b{display:block;font-size:18px !important;font-weight:600 !important;line-height:1.3 !important;color:var(--ss2-ink) !important;overflow-wrap:anywhere}
html body.ss2-res.ss2-ct .ss-ct-fr{font-size:26px !important;color:var(--ss2-ink3) !important}
/* modulo */
html body.ss2-res.ss2-ct #contact .heading{margin:28px 0 4px !important}
html body.ss2-res.ss2-ct #contact .heading h2{font:600 24px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important;margin:0 !important}
html body.ss2-res.ss2-ct .contact-response-notice{font-size:16px !important;line-height:1.45 !important;color:var(--ss2-ink2) !important;margin:0 0 16px !important}
html body.ss2-res.ss2-ct #frmContactUs .form-floating{margin-bottom:12px !important}
html body.ss2-res.ss2-ct #frmContactUs .form-floating > .form-control{height:62px !important;min-height:62px !important;padding:26px 16px 8px !important;font-size:18px !important}
html body.ss2-res.ss2-ct #frmContactUs .form-floating > textarea.form-control{height:150px !important}
html body.ss2-res.ss2-ct #frmContactUs .form-floating > label{padding:18px 16px !important;font-size:17px !important;font-weight:500 !important;color:var(--ss2-ink2) !important;text-transform:none !important;letter-spacing:0 !important}
html body.ss2-res.ss2-ct #frmContactUs .form-floating > .form-control:is(:focus,:not(:placeholder-shown)) ~ label{transform:scale(.82) translateY(-.6rem) translateX(.15rem) !important;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-ct #frmContactUs .form-check{margin:4px 0 16px !important;padding:14px 16px !important;border-radius:16px !important;background:var(--ss2-sup) !important}
html body.ss2-res.ss2-ct #frmContactUs .form-check-input{float:none !important;margin:0 !important;width:28px !important;height:28px !important;border-radius:8px !important;background-color:#fff !important}
html body.ss2-res.ss2-ct #frmContactUs .form-check-input:checked{background-color:var(--ss2-pri) !important}
html body.ss2-res.ss2-ct #frmContactUs .form-check-label{font-size:17px !important;font-weight:500 !important}
html body.ss2-res.ss2-ct #frmContactUs .form-check-label a{color:var(--ss2-pri) !important;font-weight:600 !important;text-decoration:underline !important;text-underline-offset:3px}
html body.ss2-res.ss2-ct #frmContactUs .text-end{text-align:left !important}
html body.ss2-res.ss2-ct #frmContactUs #btnSubmitPD{display:flex !important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px !important;border-radius:16px !important;background:var(--ss2-pri) !important;border:0 !important}
html body.ss2-res.ss2-ct #frmContactUs #btnSubmitPD :is(span,i){color:#fff !important;font-size:18px !important;font-weight:600 !important}

/* 24/10/2026: area cliente (body.ss2-cli: Dashboard, Le mie prenotazioni, Modifica account) */
html body.ss2-res.ss2-cli :is(#dashboard,#booking,#account){background:#fff !important;padding-top:6px !important;padding-bottom:28px !important}
html body.ss2-res.ss2-cli #pageTitle{background:#fff !important}
/* 25/10/2026: menu dell'area cliente (sonia_app2_cli_nav): 4 caselle uguali con icona e scritta, fisso sotto la testata, Esci sempre visibile.
   Il vecchio menu laterale dei file customer/*.php resta nascosto sul telefono (d-none d-xl-block) */
html body.ss2-res.ss2-cli .ss2-cli-nav{display:block;position:sticky;top:83px;z-index:1020;max-width:none;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ss2-line)}
html body.ss2-res.ss2-cli .ss2-cli-nav-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:720px;margin:0 auto;padding:8px 12px}
html body.ss2-res.ss2-cli .ss2-cli-nav :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:62px;padding:6px 2px;border:0;border-radius:16px;background:none;color:var(--ss2-ink2) !important;font:600 14px/1.15 "Lexend",sans-serif;text-align:center;text-decoration:none;cursor:pointer}
html body.ss2-res.ss2-cli .ss2-cli-nav .ss2-i{width:25px;height:25px}
html body.ss2-res.ss2-cli .ss2-cli-nav a.is-on{background:var(--ss2-pri-soft);color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-cli .ss2-cli-nav form{margin:0;display:flex}
html body.ss2-res.ss2-cli .ss2-cli-nav .ss2-cli-esci{color:var(--ss2-acc) !important}
html body.ss2-res.ss2-cli .ss2-cli-nav .ss2-cli-esci:active{background:var(--ss2-off)}
html body.ss2-res.ss2-cli .sonia-dash-m-esci{display:none !important}
/* "Hai una prenotazione in corso" (Dashboard con camere nel carrello): riquadro importante in ambra, pulsante verde a tutta larghezza */
html body.ss2-res.ss2-cli .card.bg-primary-50{background:var(--ss2-ev) !important;border:2px solid var(--ss2-ev-b) !important}
html body.ss2-res.ss2-cli .card.bg-primary-50 .rounded-circle{background:var(--ss2-ev-btn) !important}
html body.ss2-res.ss2-cli .card.bg-primary-50 .fw-semibold{font-size:18px !important;color:var(--ss2-ev-ink) !important}
html body.ss2-res.ss2-cli .card.bg-primary-50 .small{font-size:16px !important;color:var(--ss2-ev-ink) !important}
html body.ss2-res.ss2-cli .card.bg-primary-50 .btn-primary{display:flex !important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px !important}
html body.ss2-res.ss2-cli .card.bg-primary-50 .btn-primary :is(span,i){color:#fff !important;font-size:18px !important;font-weight:600 !important}
html body.ss2-res.ss2-cli #pageTitle h1,html body.ss2-res.ss2-cli #account h1,html body.ss2-res.ss2-cli #account h1 span{font:600 28px/1.15 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important}
/* schede */
html body.ss2-res.ss2-cli .card{border:1px solid var(--ss2-line) !important;border-radius:22px !important;box-shadow:none !important;background:#fff !important}
html body.ss2-res.ss2-cli .card-body{padding:18px 16px !important}
html body.ss2-res.ss2-cli .card h2,html body.ss2-res.ss2-cli #account h2{font:600 22px/1.2 "Fraunces",Georgia,serif !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .card .d-flex.justify-content-between{flex-wrap:wrap;gap:6px 12px;margin-bottom:14px !important}
html body.ss2-res.ss2-cli .card .d-flex.justify-content-between > a:not(.btn){font-size:16px !important;font-weight:600 !important;color:var(--ss2-pri) !important;text-decoration:none !important}
html body.ss2-res.ss2-cli .card .d-flex.justify-content-between > a:not(.btn) .hicon{color:var(--ss2-pri) !important}
html body.ss2-res.ss2-cli .card .row > [class*="col-"] > .mb-3 label{display:block;font-size:14px !important;font-weight:600 !important;letter-spacing:.04em;text-transform:uppercase;color:var(--ss2-pri) !important;margin:0 !important}
html body.ss2-res.ss2-cli .card .row > [class*="col-"] > .mb-3 strong{display:block;font-size:17px !important;font-weight:600 !important;color:var(--ss2-ink) !important;overflow-wrap:anywhere}
/* Dashboard: prenotazioni recenti, una scheda per riga */
html body.ss2-res.ss2-cli-home .table-responsive{overflow:visible !important}
html body.ss2-res.ss2-cli-home .table thead{display:none !important}
html body.ss2-res.ss2-cli-home .table,html body.ss2-res.ss2-cli-home .table tbody{display:block !important;border:0 !important;margin:0 !important}
html body.ss2-res.ss2-cli-home .table tr{border:0 !important;display:grid !important;grid-template-columns:1fr auto;grid-template-areas:"cod az" "sog az" "cre az";gap:2px 12px;align-items:center;padding:14px !important;border-radius:18px;background:var(--ss2-sup);margin-bottom:10px}
html body.ss2-res.ss2-cli-home .table td{display:block !important;border:0 !important;padding:0 !important;background:none !important;box-shadow:none !important}
html body.ss2-res.ss2-cli-home .table td:nth-child(1){grid-area:cod}
html body.ss2-res.ss2-cli-home .table td:nth-child(1) span{font-size:19px !important;font-weight:700 !important;letter-spacing:.04em !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli-home .table td:nth-child(2){grid-area:sog;font-size:17px !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli-home .table td:nth-child(2) span{font-size:17px !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli-home .table td:nth-child(3){display:none !important}
html body.ss2-res.ss2-cli-home .table td:nth-child(4){grid-area:cre}
html body.ss2-res.ss2-cli-home .table td:nth-child(4) span{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cli-home .table td:nth-child(5){grid-area:az}
html body.ss2-res.ss2-cli-home .table td:nth-child(5) .btn{width:48px !important;height:48px !important;border-radius:50% !important;background:#fff !important;border:0 !important;color:var(--ss2-pri) !important;display:flex !important;align-items:center;justify-content:center}
/* Le mie prenotazioni: la griglia del motore diventa una scheda per prenotazione */
html body.ss2-res.ss2-cli-my_bookings .card{border:0 !important;background:none !important}
html body.ss2-res.ss2-cli-my_bookings .card-body{padding:0 !important}
html body.ss2-res.ss2-cli-my_bookings .swipe-table{overflow:visible !important}
html body.ss2-res.ss2-cli-my_bookings :is(.mgrid_table_action,.mgrid_table_filter){display:none !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data,html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data > tbody{display:block !important;width:100% !important;min-width:0 !important}
html body.ss2-res.ss2-cli-my_bookings #booking :is(.swipe-table,.swipe-table form,.mgrid_table){width:100% !important;min-width:0 !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data tr:not(:has(td .mgrid_label)){display:none !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data tr:has(td .mgrid_label){display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"num stato" "sog sog" "cam prz" "cre cre" "d1 d2";width:auto !important;box-sizing:border-box;gap:6px 12px;align-items:center;padding:16px !important;margin:0 0 12px;border:1px solid var(--ss2-line);border-radius:22px;background:#fff !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td{display:block !important;width:auto !important;min-width:0 !important;white-space:normal !important;padding:0 !important;border:0 !important;text-align:left !important;background:none !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td *:not(.sonia-stato):not(.sonia-stato *){font-size:17px !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(1){grid-area:cre}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(1) *{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(1) br{display:none}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(1) .sonia-ora::before{content:" \00b7 "}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(2){grid-area:num}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(2) *{font-size:19px !important;font-weight:700 !important;letter-spacing:.04em}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(3){grid-area:sog}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(3) .sonia-sog *{font-size:20px !important;font-weight:600 !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(4){display:none !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(5){grid-area:cam}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(6){grid-area:prz;text-align:right !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(6) *{font-size:22px !important;font-weight:700 !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(7){grid-area:stato;justify-self:end}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(7) .sonia-stato{font-size:15px !important;border-radius:999px !important;padding:5px 12px !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(8){grid-area:d1}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(9){grid-area:d2}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:is(:nth-child(8),:nth-child(9)) :is(.mgrid_label,.sonia-azione,nobr){display:block !important;width:auto !important;height:auto !important;background:none !important;border:0 !important;box-shadow:none !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:is(:nth-child(8),:nth-child(9)) a{display:flex !important;align-items:center;justify-content:center;gap:8px;width:auto !important;height:auto !important;min-height:50px;margin-top:6px;border-radius:14px !important;border:0 !important;background:var(--ss2-pri-soft) !important;text-decoration:none !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:is(:nth-child(8),:nth-child(9)) a::after{content:attr(title);font:600 16px "Lexend",sans-serif;color:var(--ss2-pri-d)}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:is(:nth-child(8),:nth-child(9)) a i{font-size:20px !important;color:var(--ss2-pri-d) !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(9) a{background:var(--ss2-off) !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(9) a::after,html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:nth-child(9) a i{color:var(--ss2-acc) !important}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data td:is(:nth-child(8),:nth-child(9)):not(:has(a)){display:none !important}
html body.ss2-res.ss2-cli-my_bookings .mgrid_table_pagenation{font-size:15px !important;color:var(--ss2-ink2) !important}
/* 24/10/2026: stati della prenotazione nei colori dell'app (prima "Confermata (PayPal)" era blu PayPal) */
html body.ss2-res .sonia-stato{font-weight:600 !important}
html body.ss2-res .sonia-stato-pre{background:var(--ss2-sup) !important;color:var(--ss2-ink2) !important}
html body.ss2-res .sonia-stato-sospeso{background:var(--ss2-ev) !important;color:var(--ss2-ev-ink) !important}
html body.ss2-res .sonia-stato-riservato{background:var(--ss2-ok) !important;color:#fff !important}
html body.ss2-res .sonia-stato-completo{background:#003580 !important;color:#fff !important} /* 25/10/2026: blu Booking.com, richiesto */
html body.ss2-res .sonia-stato-errore{background:var(--ss2-off) !important;color:var(--ss2-acc) !important}
html body.ss2-res :is(.sonia-stato-rimborso,.sonia-stato-annullato){background:var(--ss2-sup) !important;color:var(--ss2-ink3) !important}
html body.ss2-res .sonia-stato .sonia-stato-chi{font-size:13px !important;color:inherit !important}

/* 24/10/2026: descrizione della prenotazione (Le mie prenotazioni > Descrizione): stili in linea del motore, colori e misure dell'app */
html body.ss2-res.ss2-cli .sonia-desc-top a{font-size:17px !important;font-weight:600 !important;color:var(--ss2-pri) !important;text-decoration:none !important}
html body.ss2-res.ss2-cli .sonia-desc-top a span{color:var(--ss2-pri) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline h2{font:600 26px/1.2 "Fraunces",Georgia,serif !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline h2 + div{font-size:17px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline h2 + div span{font-size:18px !important;font-weight:700 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .sonia-tl-step > span.rounded-circle{width:16px !important;height:16px !important;margin-top:3px !important}
html body.ss2-res.ss2-cli .sonia-tl-step > span.rounded-circle[style*="background"]{background:var(--ss2-pri) !important}
html body.ss2-res.ss2-cli .sonia-tl-step > span.rounded-circle[style*="border"]{border-color:var(--ss2-line) !important}
html body.ss2-res.ss2-cli .sonia-tl-step > span.rounded-circle[style*="c58a2b"]{border-color:var(--ss2-ev-btn) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline [style*="text-transform:uppercase"]{font-size:14px !important;letter-spacing:.06em !important;line-height:1.35 !important;color:var(--ss2-pri) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .sonia-tl-step [style*="c58a2b"]:not(.rounded-circle){color:var(--ss2-ev-btn) !important}
html body.ss2-res.ss2-cli .sonia-tl-step > div > div:last-child{font-size:17px !important;line-height:1.4 !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline [style*="#8a8580"]{color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .row.pt-4[style*="border-top"]{border-top:1px solid var(--ss2-line) !important;margin-left:0 !important;margin-right:0 !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .row.pt-4 .col-sm-6 > div:not(.mb-1){font-size:17px !important;line-height:1.45 !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .row.pt-4 .col-sm-6 strong{color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 > div{border:1px solid var(--ss2-line) !important;border-radius:22px !important;box-shadow:none !important;padding:18px 16px !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 .rounded-pill{background:var(--ss2-ev) !important;color:var(--ss2-ev-ink) !important;font-size:14px !important;letter-spacing:.06em !important;padding:6px 14px !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 .d-flex[style*="font-size:15px"] span{font-size:17px !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 .d-flex[style*="border-top"]{border-top:1px solid var(--ss2-line) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 .ff-heading[style*="font-size:20px"]{font:600 22px "Lexend",sans-serif !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 .ff-heading[style*="font-size:30px"]{font:700 30px "Lexend",sans-serif !important;color:var(--ss2-ink) !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 [style*="font-size:13px"]{font-size:15px !important;line-height:1.45 !important}
html body.ss2-res.ss2-cli .sonia-bs-timeline .col-lg-5 .btn-primary{min-height:56px !important;width:100%}

/* Modifica account */
html body.ss2-res.ss2-cli-my_account #account .col-xl-9 > .d-flex{flex-wrap:wrap;gap:6px;margin-bottom:16px !important}
html body.ss2-res.ss2-cli-my_account #account .col-xl-9 > .d-flex .text-danger{font-size:15px !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cli-my_account #account form h2{margin:8px 0 12px !important}
html body.ss2-res.ss2-cli-my_account #account .mb-5{margin-bottom:14px !important}
html body.ss2-res.ss2-cli-my_account #account .form-control:disabled{background:var(--ss2-sup) !important;color:var(--ss2-ink2) !important}
html body.ss2-res.ss2-cli-my_account #account .btn{display:flex !important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px !important;border-radius:16px !important;font-size:18px !important;font-weight:600 !important;text-transform:none !important;box-shadow:none !important}
html body.ss2-res.ss2-cli-my_account #account .btn:not(.btn-primary){background:var(--ss2-off) !important;border:0 !important;color:var(--ss2-acc) !important}
html body.ss2-res.ss2-cli-my_account #account .btn:not(.btn-primary) *{color:var(--ss2-acc) !important}
html body.ss2-res.ss2-cli-my_account #account hr{border-color:var(--ss2-line) !important;opacity:1}
html body.ss2-res.ss2-cli-my_account #account p{font-size:16px !important;line-height:1.5 !important;color:var(--ss2-ink2) !important}

/* 24/10/2026: tablet (fino a 1199px) = stessa app del telefono, con il contenuto in una colonna centrata come la home */
html body.ss2-res :is(main,#footer) .container{max-width:720px !important}
.ss2-tab{padding-left:max(6px,calc((100% - 720px) / 2));padding-right:max(6px,calc((100% - 720px) / 2))}

}

/* ==========================================================================
   25/10/2026: TABLET (768-1199px). Stessa app del telefono (stile, menu, barra in basso) ma impaginata per lo spazio in piu:
   due colonne dove servono, testi e foto piu grandi. Telefono (<768) e desktop (>=1200) non cambiano.
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1199.98px){

/* HOME */
.ss2{max-width:1080px;font-size:18px}
html body.ss2-pag .ss2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px;padding:0 12px}
html body.ss2-pag .ss2 > *{grid-column:1 / -1}
.ss2-hero{height:520px;margin:0 -12px;border-radius:0 0 32px 32px;overflow:hidden}
.ss2-marchio{transform:translateY(-70%)}
.ss2-marchio small{font-size:32px}
.ss2-marchio b{font-size:104px}
.ss2-marchio em{font-size:16px}
.ss2-marchio::before{width:420px;height:300px}
.ss2-hero-tit{bottom:96px}
.ss2-hero-tit h1{font-size:28px !important}
.ss2-hero-tit p{font-size:19px !important}
/* ricerca: scheda che sale sulla foto, date e ospiti su una riga */
.ss2-cerca{margin:-64px 20px 0;border-radius:28px;padding:22px 22px 8px;box-shadow:var(--ss2-sh)}
.ss2-cerca form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ss2-cerca :is(.ss2-date,.ss2-ospiti){display:contents}
.ss2-cerca :is(.ss2-err,.ss2-btn){grid-column:1 / -1}
.ss2-osp{padding:12px 14px}
.ss2-btn{height:64px;font-size:20px}
.ss2 .ss2-tre{max-width:760px;margin:22px auto 0}
.ss2-tre li{font-size:16px}
.ss2-tre b{font-size:17px}
/* sezioni */
.ss2-sez{padding-top:38px}
.ss2-sez-t h2{font-size:28px}
/* offerte: tutte affiancate, senza scorrere */
.ss2-carosello{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:visible}
.ss2-offc{width:auto;max-width:none}
.ss2-offc-f{height:150px}
/* camere a due colonne */
.ss2-camere{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ss2-cam-f{height:220px}
/* a piedi + aiuto affiancati */
html body.ss2-pag .ss2 > .ss2-sez:has(> .ss2-lista){grid-column:1}
html body.ss2-pag .ss2 > #ss2-aiuto{grid-column:2}
.ss2-lista a{padding:15px 16px}
.ss2-piede{margin:36px -12px 0}

/* PRENOTAZIONE (Camere disponibili e passi): pagina piu larga; schede camera orizzontali: foto a sinistra, prezzo e Prenota a destra, servizi sotto */
html body.ss2-res.ss-pren :is(main,#footer) .container,html body.ss2-res.ss-pren #pageTitle .container{max-width:960px !important}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0{display:flex !important;flex-wrap:wrap !important;align-items:flex-start}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-4{flex:0 0 48% !important;max-width:48% !important;width:48% !important;order:1 !important}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-4 > div{padding:0 !important;margin:0 !important}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-4 :is(a,figure){display:block;width:100% !important;max-width:none !important}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-4 img{width:100% !important;height:260px !important;object-fit:cover}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-2{flex:1 1 0 !important;max-width:none !important;width:auto !important;order:2 !important;padding-left:22px !important}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-6{flex:0 0 100% !important;max-width:100% !important;width:100% !important;order:3 !important;margin-top:14px}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-2{display:grid !important;grid-template-columns:minmax(170px,1fr) minmax(0,1.2fr);column-gap:12px;align-content:start}
html body.ss2-res.ss-pren .card-selected .col-lg-2 select.dselect{padding-right:36px !important;padding-left:14px !important;background-position:right 12px center !important}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-2 > div{width:100% !important;max-width:none !important;margin-bottom:0 !important;grid-column:1 / -1}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-2 > div.mb-3:has(select){grid-column:1}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-2 > div.mb-3:has(.btn){grid-column:2;grid-row:2}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-2 > div.mb-4{margin-bottom:14px !important}
html body.ss2-res.ss-pren .card-selected .card-body > .row.g-0 > .col-lg-2 :is(.btn,.room-book-btn,select.dselect){width:100% !important;max-width:none !important}
html body.ss2-res.ss-pren #header .container{max-width:960px !important}
html body.ss2-res.ss-pren .card-selected .card-title{font-size:28px !important}
/* passo 3: le due tariffe affiancate */
html body.ss2-res .sonia-tariffe{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important}
html body.ss2-res #reservation .sonia-tariffa{align-items:start;grid-template-rows:auto 1fr auto}
html body.ss2-res #reservation .sonia-tariffa > strong.fs-5,html body.ss2-res #reservation .sonia-tariffa:has(.sonia-tariffa-sc) > strong.fs-5{grid-column:1 / -1 !important;grid-row:3 !important;justify-self:start;margin-top:6px !important;font-size:28px !important}
html body.ss2-res #reservation .sonia-tariffa ul{grid-column:1 / -1}
/* DETTAGLIO CAMERA: pagina larga, a sinistra foto e schede, a destra la scheda prezzo/prenota ferma mentre si scorre */
html body.ss2-res:has(#detailRoom) :is(main,#footer) .container,html body.ss2-res:has(#detailRoom) #header .container{max-width:1000px !important}
html body.ss2-res #detailRoom .container > .row.g-0{display:grid !important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:22px;align-items:start}
html body.ss2-res #detailRoom .container > .row.g-0 > .col-xl-8{display:block !important;grid-column:1;grid-row:1;width:auto !important;max-width:none !important}
html body.ss2-res #detailRoom .container > .row.g-0 > .col-xl-4{grid-column:2;grid-row:1;width:auto !important;max-width:none !important;height:100%}
html body.ss2-res #detailRoom .container > .row.g-0 > .col-xl-4 > div{position:sticky !important;top:100px !important;padding:0 !important}
html body.ss2-res #sdBarraFissa{display:none !important}
/* PAGINE DI CONTENUTO (ospedali, Dove siamo, Come arrivare, Offerte, Info utili, Condizioni, Contatti, area cliente): colonna piu larga */
html body.ss2-res:is(.ss2-osp,.ss-dq-pag,.ss2-of,.ss2-cond,.ss2-ct,.ss2-cli) :is(main,#footer,#header,#pageTitle) .container{max-width:960px !important}
html body.ss2-res:is(.ss2-osp,.ss-dq-pag,.ss2-of,.ss2-cond,.ss2-ct,.ss2-cli) .ss2-cli-nav-in{max-width:960px}
/* righe di numeri (ospedali, Dove siamo, Info utili): stessa larghezza del contenuto */
html body.ss2-res :is(.ss-cr-num,.ss-sq-dist){max-width:960px !important;margin-left:auto !important;margin-right:auto !important;padding-left:16px !important;padding-right:16px !important;box-sizing:border-box}
html body.ss2-res.ss2-iu main .ss-iu-num.ss-iu-num{grid-template-columns:repeat(4,minmax(0,1fr)) !important;max-width:960px}
/* OSPEDALI: percorso e "In breve" affiancati; esenzione e domande a tutta larghezza */
html body.ss2-res.ss2-res.ss-ov-pag main .ss-cr-due.ss-cr-due{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;align-items:start}
html body.ss2-res .ss-cr-due > *{margin:0 !important}
html body.ss2-res.ss2-res.ss-ov-pag main .ss-ovh-riga.ss-ovh-riga{display:grid !important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) !important;gap:18px !important;align-items:start}
html body.ss2-res .ss-ovh-riga > *{margin:0 !important}
html body.ss2-res.ss2-res.ss-ov-pag main .ss-cr-vic.ss-cr-vic{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body.ss2-res .ss-cr-vic > span,html body.ss2-res .ss-cr-vic > .ss-cr-vic-arr{grid-column:1 / -1}
/* DOVE SIAMO: riquadri "Come arrivare / A piedi / Buono a sapersi" a due colonne */
html body.ss2-res.ss2-dq main .ss-sq-prev.ss-sq-prev{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;align-items:start}
html body.ss2-res.ss2-dq .ss-sq-prev > *{margin:0 !important}
html body.ss2-res.ss2-dq .ss-sq-prev > .ss-sq-info:not(.ss-sq-osp){grid-column:1 / -1}
html body.ss2-res.ss2-dq main .ss-sq-rec-riga.ss-sq-rec-riga{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
/* COME ARRIVARE: foto piu alta; altre partenze su tre colonne da 1000px (sotto restano una sotto l'altra) */
@media (min-width:1000px){html body.ss2-res.ss2-ca.ss-ca-pag main .ss-ca2-altre-g.ss-ca2-altre-g{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
html body.ss2-res.ss2-ca.ss-ca-pag main.ss-ca2 .ss2-ca-foto{height:300px}
/* OFFERTE: schede a due colonne */
html body.ss2-res.ss2-of #offerte .row{--bs-gutter-x:16px;--bs-gutter-y:16px}
html body.ss2-res.ss2-of #offerte .row.row{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px !important;margin:0 !important}
html body.ss2-res.ss2-of #offerte .row.row > [class*="col-"]{width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important}
/* CONDIZIONI: tariffe affiancate e colonna "Domande?" sotto */
html body.ss2-res.ss2-cond :is(#conditions,#legale) .row.g-6 > .col-md-6{flex:0 0 50% !important;max-width:50% !important;width:50% !important}
html body.ss2-res.ss2-cond :is(#conditions,#legale) .row.g-6{--bs-gutter-x:14px}
html body.ss2-res.ss2-cond :is(#conditions,#legale) .sonia-cond-card > span.ff-sub.ff-sub{text-transform:uppercase !important}
/* INFO UTILI: scheda e domande affiancate */
html body.ss2-res.ss2-iu main .ss-iu-due.ss-iu-due{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start}
html body.ss2-res.ss2-iu .ss-iu-faq{margin-top:0 !important}
/* CONTATTI: recapiti a sinistra, modulo a destra */
html body.ss2-res.ss2-ct #contact > .container > .row.row{margin:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:22px;align-items:start}
html body.ss2-res.ss2-ct #contact > .container > .row > *{width:auto !important;max-width:none !important;padding:0 !important}
html body.ss2-res.ss2-ct #contact > .container > .row > .ss-ct-desk{display:none !important}
html body.ss2-res.ss2-ct #contact .heading{margin-top:0 !important}
/* AREA CLIENTE: profilo e prenotazioni recenti affiancati, prenotazioni a due colonne */
html body.ss2-res.ss2-cli-home #dashboard .col-xl-9{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:100% !important;max-width:none !important}
html body.ss2-res.ss2-cli-home #dashboard .col-xl-9 > *{margin:0 !important}
html body.ss2-res.ss2-cli-home #dashboard .card .row > .col-md-6{flex:0 0 100% !important;max-width:100% !important;width:100% !important}
html body.ss2-res.ss2-cli-home #dashboard .col-xl-9 > .card.bg-primary-50{grid-column:1 / -1}
html body.ss2-res.ss2-cli-my_bookings #booking .mgrid_table_data > tbody{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}

}
@media (max-width:1199.98px){
/* 26/10/2026 Offerte proposta A (telefono) */
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-tempo{background:#fff;color:var(--ss2-acc);font-size:14px}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-auto{background:var(--ss2-sup);border-radius:14px;font-size:15px;color:var(--ss2-ink2);margin:0 0 12px}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-conv.is-on{box-shadow:0 0 0 3px var(--ss2-pri) !important}
html body.ss2-res.ss2-of.ss-offerte-pag article.card form button.card-link.ss-off-btn-cod{background:var(--ss2-acc) !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-attivo{display:none;color:var(--ss2-pri) !important;font-weight:600;font-size:16px;margin:0 0 10px !important}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-conv.is-on .ss-off-attivo{display:block}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-det{margin-top:12px;font-size:15px;color:var(--ss2-ink2)}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-det summary{cursor:pointer;font-weight:600;color:var(--ss2-ink);padding:4px 0}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-det p{margin:8px 0 0;line-height:1.45}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-piede{display:flex;flex-direction:column;gap:10px}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-piede .ss-off-auto{margin:0}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-scal{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:0 0 12px}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-scal>div{background:#FBEEE7;border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:4px}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-scal b{font:600 24px/1 "Lexend",sans-serif;color:var(--ss2-acc)}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-scal span{font-size:14px;line-height:1.3;color:var(--ss2-ink2)}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-info a{color:var(--ss2-pri) !important;font-weight:600;text-decoration:underline}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-tempo{top:12px;right:12px}
html body.ss2-res.ss2-of.ss-offerte-pag .ss-off-sconto.ss-off-sconto{background:#246528e6 !important} /* 26/10/2026: pillola sconto verde (prima rossa come il pulsante) */
}

/* 27/10/2026: pagina 404 nella versione app */
@media (max-width: 1199.98px) {
  body.ss2-res .ss-404 { padding: 40px 0 120px; }
  body.ss2-res .ss-404 .display-1 { font-family: Fraunces, serif; font-size: 72px; color: var(--ss2-pri); }
  body.ss2-res .ss-404 h1 { font-family: Fraunces, serif; text-transform: none; font-size: 28px; }
  body.ss2-res .ss-404 p { font-size: 17px; }
  body.ss2-res .ss-404 .d-flex { flex-direction: column; }
  body.ss2-res .ss-404-btn { min-height: 52px; border-radius: 16px; border: 0; background: var(--ss2-pri-soft); color: var(--ss2-pri-d); font-weight: 600; font-size: 16px; }
  body.ss2-res .ss-404-btn.is-pri { background: var(--ss2-pri); color: #fff; }
}

/* 27/10/2026: pagina Weekend a Firenze (weekend-firenze-2-notti-hotel-sonia.php, body.ss2-we) */
@media (max-width: 1199.98px) {
  html body.ss2-res.ss2-we.ss-we-pag { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important; }
  html body.ss2-res.ss2-we.ss-we-pag main { padding-top: 0 !important; }
  body.ss2-we #weekend { background: #fff !important; padding: 18px 0 28px !important; }
  body.ss2-we .ss-we { padding-left: 16px; padding-right: 16px; }
  body.ss2-we .ss-we-intro { margin-bottom: 8px; }
  body.ss2-we .ss-we-tag { font-family: inherit; font-size: 15px; letter-spacing: 0; text-transform: none; color: var(--ss2-acc); }
  body.ss2-we .ss-we h1 { font: 600 32px/1.12 "Fraunces", Georgia, serif; text-transform: none; letter-spacing: -.01em; color: var(--ss2-ink); margin: 0 0 10px; }
  body.ss2-we .ss-we-lead { font-size: 17px; line-height: 1.5; color: var(--ss2-ink2); }
  body.ss2-we .ss-we-h2 { font: 600 24px/1.2 "Fraunces", Georgia, serif; text-transform: none; color: var(--ss2-ink); margin: 30px 0 4px; }
  body.ss2-we .ss-we-sub { font-size: 16px; color: var(--ss2-ink3); margin-bottom: 14px; }
  body.ss2-we .ss-we-fine, body.ss2-we .ss-we-camere, body.ss2-we .ss-we-sconti, body.ss2-we .ss-we-perche { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.ss2-we .ss-we-wk, body.ss2-we .ss-we-cam, body.ss2-we .ss-we-sconti li, body.ss2-we .ss-we-perche li { border: 1px solid var(--ss2-line); border-radius: 22px; background: #fff; color: var(--ss2-ink); }
  body.ss2-we .ss-we-wk { padding: 16px 18px; }
  body.ss2-we .ss-we-date { font-size: 19px; color: var(--ss2-ink); }
  body.ss2-we .ss-we-per, body.ss2-we .ss-we-prezzo small, body.ss2-we .ss-we-prezzo s { font-size: 16px; color: var(--ss2-ink3); }
  body.ss2-we .ss-we-prezzo b { font-size: 28px; color: var(--ss2-ink); }
  body.ss2-we .ss-we-pill { background: var(--ss2-acc); font-size: 15px; padding: 5px 12px; }
  body.ss2-we .ss-we-btn { min-height: 52px; border-radius: 16px; border: 0; background: var(--ss2-pri); color: #fff; font-size: 16px; }
  body.ss2-we .ss-we-altre { background: var(--ss2-sup); border-style: solid; }
  body.ss2-we .ss-we-altre .ss-we-btn { margin-top: 10px; background: var(--ss2-pri-soft); color: var(--ss2-pri-d); }
  body.ss2-we .ss-we-nota { font-size: 15px; color: var(--ss2-ink3); }
  body.ss2-we .ss-we-nota a, body.ss2-we .ss-we-link { color: var(--ss2-pri); }
  body.ss2-we .ss-we-cam-f img { height: 190px; }
  body.ss2-we .ss-we-cam-n { font-size: 19px; color: var(--ss2-ink); }
  body.ss2-we .ss-we-sconti b, body.ss2-we .ss-we-perche b { font-size: 17px; color: var(--ss2-ink); }
  body.ss2-we .ss-we-sconti span, body.ss2-we .ss-we-perche span { font-size: 16px; color: var(--ss2-ink2); }
  body.ss2-we .ss-we-link { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  body.ss2-we .ss-we { max-width: 960px; }
  body.ss2-we .ss-we-fine, body.ss2-we .ss-we-sconti { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ss2-we .ss-we-camere, body.ss2-we .ss-we-perche { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* 27/10/2026: pagina Offerte, rimando alla pagina Weekend a Firenze */
@media (max-width: 1199.98px) {
  body.ss2-of .ss-off-we { margin: 0 0 16px; padding: 16px 18px; border: 1px solid var(--ss2-line); border-radius: 22px; background: var(--ss2-sup); color: var(--ss2-ink2); }
  body.ss2-of .ss-off-we b { font-size: 18px; color: var(--ss2-ink); }
  body.ss2-of .ss-off-we span { font-size: 16px; }
  body.ss2-of .ss-off-we em { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; border-radius: 16px; background: var(--ss2-pri); font-size: 16px; }
}