/* ==========================================================================
   Acconciatori Spicio – foglio di stile unico
   Valori ripresi dal kit Elementor (post-890) e dai CSS di pagina originali.
   Breakpoint: mobile ≤ 767px · tablet 768–1024px · desktop ≥ 1025px
   ========================================================================== */

/* ---------- Font (sottoinsieme latino, ospitati in locale) ---------- */
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/poppins-300.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-400i.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/worksans-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/roboto-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/robotoslab-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Variabili ---------- */
:root{
  /* colori */
  --c-dark:#231F20;        /* header, footer */
  --c-black:#000;
  --c-text:#333;
  --c-gold:#C28F30;        /* hover, menu attivo, accenti */
  --c-bordeaux:#6A3332;
  --c-rose:#FBF0EC;
  --c-rose-2:#EDC9BD;
  --c-teal:#1B4D4A;
  --c-grey:#54595F;
  --c-card:#272727;
  --c-white:#fff;
  --c-whatsapp:#49E670;

  /* font */
  --f-body:"Work Sans",sans-serif;
  --f-poppins:"Poppins",sans-serif;
  --f-roboto:"Roboto",sans-serif;
  --f-slab:"Roboto Slab",serif;

  /* layout */
  --container:1140px;
  --gutter:10px;            /* padding colonna Elementor */

  /* animazioni (valori Elementor) */
  --anim-duration:1.25s;
  --ease:ease;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-body);font-size:16px;font-weight:400;line-height:1.5;color:var(--c-text);background:var(--c-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--c-black);text-decoration:none}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;color:var(--c-black);font-family:var(--f-body);line-height:1}
h1{font-size:40px;font-weight:700;letter-spacing:-1.5px}
h2{font-size:32px;font-weight:700;letter-spacing:-1px}
h3{font-size:28px;font-weight:700;letter-spacing:-1px}
h4{font-size:24px;font-weight:600;letter-spacing:-1.1px}
h5{font-size:20px;font-weight:600;letter-spacing:-.5px}
h6{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.icon{width:1em;height:1em;flex:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:10px;top:-60px;z-index:1000;background:var(--c-white);color:var(--c-black);padding:10px 16px;font-family:var(--f-poppins)}
.skip-link:focus{top:10px}
:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}
.container{width:100%;max-width:var(--container);margin-inline:auto}

/* divisore (widget divider) */
.divider{display:block;height:2px;background:currentColor;color:var(--c-black)}

/* ---------- Bottoni ---------- */
.btn{display:inline-block;padding:15px 30px;font-family:var(--f-roboto);font-size:14px;font-weight:600;line-height:1;letter-spacing:1.4px;text-transform:uppercase;text-align:center;color:var(--c-white);background:var(--c-black);border:1px solid var(--c-black);transition:all .3s}
.btn--light{color:var(--c-dark);background:var(--c-white);box-shadow:0 0 27px rgba(0,0,0,.12)}
.btn--grow{transition:transform .3s,border-color .3s,background-color .3s}
.btn--dark{display:inline-flex;align-items:center;gap:5px;padding:15px 40px;color:var(--c-white);background:#242424;border-color:var(--c-white);text-align:left}
.btn--dark .icon{width:14px;height:14px}
.btn--black{color:var(--c-white);background:#1E1E1E;box-shadow:0 0 27px rgba(0,0,0,.12)}
.btn--outline{padding:15px 40px;font-family:var(--f-slab);font-weight:400;color:var(--c-white);background:transparent;border-color:var(--c-white)}

/* ==========================================================================
   Header
   ========================================================================== */
.topbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;min-height:25px;background:var(--c-dark);border-bottom:1px solid #EAEAEA;box-shadow:0 0 24px rgba(0,0,0,.15);overflow:hidden}
.topbar__item{display:flex;align-items:center;gap:5px;padding-left:30px;font-family:var(--f-poppins);font-size:12px;line-height:24px;color:var(--c-white)}
.topbar__item .icon{width:14px;height:14px}
.topbar__item--phone{padding:0 30px 0 0;font-size:14px;font-weight:600}

.site-header{position:sticky;top:0;z-index:201;display:flex;flex-wrap:wrap;align-items:center;min-height:118px;background:var(--c-dark);box-shadow:0 40px 24px -40px rgba(0,0,0,.15)}
.site-header__logo{flex:0 0 25%;display:flex;justify-content:center;padding-left:30px}
.site-header__logo img{width:180px}
.nav{flex:0 0 42%;display:flex;justify-content:center}
/* due colonne Elementor: 18.053% (bottone a destra, padding 30) e 14.936% (bottone a sinistra) */
.site-header__cta{flex:0 0 33%;display:grid;grid-template-columns:54.737% 45.263%;align-items:center}
.site-header__col:first-child{text-align:right;padding-right:30px}
.site-header__col .btn{white-space:nowrap}
.site-header__cta .btn,.mobile-cta .btn{width:auto}

/* menu */
.nav__list{display:flex}
.nav__link{position:relative;display:flex;padding:16px 20px;font-family:var(--f-poppins);font-weight:500;font-size:16px;line-height:20px;color:var(--c-white);transition:color .3s}
.nav__link::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:0;background:var(--c-gold);transition:all .3s;opacity:1}
.nav__link.is-active,.nav__link:focus-visible{color:var(--c-gold)}
.nav__link.is-active::after,.nav__link:focus-visible::after{left:0;width:100%;height:3px}
.nav__toggle{display:none;align-items:center;justify-content:center;margin-left:auto;padding:.25em;border:0;background:transparent;color:var(--c-white);font-size:30px;cursor:pointer;transition:color .3s}
.nav__toggle .icon{width:30px;height:30px}
.nav__toggle-close{display:none}
.nav__toggle[aria-expanded="true"] .nav__toggle-open{display:none}
.nav__toggle[aria-expanded="true"] .nav__toggle-close{display:block}

.mobile-cta{display:none}

/* il contenuto parte sotto l'header sticky (come nel tema Elementor originale) */
main{display:flow-root;margin-top:-143px} /* flow-root: i margini delle sezioni si sommano, non si fondono */

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{position:relative;margin-top:-53px;background:var(--c-dark);padding:50px 0 20px;overflow:hidden} /* -53: barra "torna su" (47px, margine -100px) */
.site-footer__inner{max-width:var(--container);margin-inline:auto;padding:10px}
.site-footer__cols{display:grid;grid-template-columns:1fr 1fr;padding-bottom:10px}
.site-footer__col{padding:10px 10px 0}
.site-footer__title{margin:0 0 20px;font-family:var(--f-poppins);font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.5px;color:var(--c-white)}
.site-footer__title--slab{font-family:var(--f-slab);font-size:20px}
.icon-list li+li{margin-top:5px}
.icon-list a{display:flex;align-items:center;font-family:var(--f-poppins);font-size:13px;line-height:24px;color:rgba(255,255,255,.79);transition:color .3s}
.icon-list .icon{width:14px;height:14px;color:var(--c-white);transition:color .3s}
.icon-list--contacts a{font-weight:300}
.icon-list--contacts .icon{margin-right:8px}
.icon-list--follow .icon{width:13px;height:13px;margin-right:15px}
.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:40px;border-top:1px solid rgba(255,255,255,.25);padding:10px}
.social-icons{display:flex;gap:16px}
.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--c-white);transition:color .3s}
.social-icons .icon{width:20px;height:20px}
.site-footer__copy{margin:0;padding-right:35px;font-family:var(--f-poppins);font-size:12px;font-weight:300;line-height:1;color:var(--c-white);text-align:right}
.site-footer__copy a{color:inherit}
.site-footer__credits{margin-left:20px}
.site-footer__credits a{color:var(--c-gold);transition:color .3s} /* link a myfast.it nel colore dei link del sito */
.site-footer__legal a{margin-left:20px;transition:color .3s} /* Privacy e Cookie Policy accanto alla P.IVA */

/* torna su (sticky in basso, solo computer e tablet) */
.to-top{position:fixed;right:27px;bottom:81px; /* sopra WhatsApp (44px a 25px dai bordi): a sinistra c'è il pulsante di CookieYes */z-index:500;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--c-black);color:var(--c-white);font-size:20px;transition:transform .3s,background-color .3s;animation:slideInUp var(--anim-duration) .2s both}
.to-top .icon{width:20px;height:20px}

/* WhatsApp (ex plugin Chaty: 44px, 25px dai bordi) */
.whatsapp{position:fixed;right:25px;bottom:25px;z-index:500;width:44px;height:44px;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.15);transition:transform .3s}
.whatsapp svg{width:100%;height:100%}

/* ==========================================================================
   Componenti condivisi
   ========================================================================== */

/* Call to action con immagine di sfondo (widget call-to-action, skin cover) */
.cta{position:relative;display:block;overflow:hidden;color:var(--c-white)}
.cta__bg{position:absolute;inset:0;z-index:1;overflow:hidden}
.cta__bg img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s}
.cta__overlay{position:absolute;inset:0;z-index:2;transition:background-color 1.5s}
.cta__content{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;padding:35px;text-align:center}
.cta__title{width:100%;font-family:var(--f-roboto);font-weight:600;font-size:32px;line-height:1.2;letter-spacing:-1px;color:var(--c-white);transition:transform 1s}
.cta__text{width:100%;margin:15px 0 0;font-family:var(--f-slab);font-size:16px;line-height:1.5;transition:transform 1s}

/* Slideshow di sfondo (Elementor background slideshow, effetto fade) */
.slideshow{position:absolute;inset:0;overflow:hidden}
.slideshow__slide{position:absolute;inset:0;opacity:0;transition-property:opacity;transition-timing-function:ease}
.slideshow__slide.is-active{opacity:1}
.slideshow__slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.slideshow--kenburns .slideshow__slide img{transform:scale(1);transition:transform 10s linear}
.slideshow--kenburns .slideshow__slide.is-active img{transform:scale(1.3);transition-duration:20s}

/* ==========================================================================
   HOME
   ========================================================================== */

/* ---------- Hero ---------- */
.hero{position:relative;z-index:1;margin-top:128px;padding:140px 0 167px;text-align:center;overflow:hidden}
.hero__layer{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:50% 50%;will-change:transform}
.hero__overlay{position:absolute;inset:0;background:#D0AC8A;opacity:0;transition:opacity .3s}
.hero__content{position:relative;max-width:var(--container);margin-inline:auto;padding:0 10px}
.hero__title{font-family:var(--f-poppins);font-size:101px;font-weight:600;line-height:1;letter-spacing:-1.5px;color:var(--c-white);text-shadow:0 0 10px rgba(0,0,0,.3)}
.hero__headline{margin:8px 0 16px;font-family:var(--f-poppins);font-size:24px;font-weight:600;line-height:1.5;letter-spacing:-1.1px;color:var(--c-white)}

/* testo rotante (animated headline: rotate, drop-in, 2500ms) */
.rotator{position:relative;display:inline-block;perspective:300px;text-align:start;transition:width .5s}
.rotator__word{position:absolute;top:0;left:0;display:inline-block;white-space:nowrap;opacity:0}
.rotator__word.is-active{position:relative;opacity:1;animation:dropIn .8s}
.rotator__word.is-leaving{animation:dropOut .8s}
@keyframes dropIn{from{opacity:0;transform:translateZ(100px)}to{opacity:1;transform:translateZ(0)}}
@keyframes dropOut{from{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateZ(-100px)}}

/* ---------- La Nostra Filosofia ---------- */
.philosophy{display:grid;grid-template-columns:10% 45% 45%;min-height:600px}
.philosophy__social{position:relative}
.philosophy__social ul{position:absolute;top:269px;left:105px;width:27px}
.philosophy__social li+li{margin-top:25px}
.philosophy__social a{display:flex;color:var(--c-black);transition:color .3s}
.philosophy__social .icon{width:18px;height:18px}
.philosophy__text{display:flex;flex-direction:column;justify-content:center;padding:0 80px}
.philosophy__text h2{font-family:var(--f-poppins);font-size:41px;font-weight:600;line-height:1}
.philosophy__text .divider{width:10%;margin:22px 0 22px}
.philosophy__text p{font-family:var(--f-poppins);font-weight:300}
.philosophy__media{position:relative;min-height:100%}

/* ---------- Servizi (4 call to action) ---------- */
.services{display:grid;grid-template-columns:repeat(4,1fr)}
.services .cta__content{min-height:85vh}
.services .cta__overlay{background:rgba(0,0,0,.68)}

/* ---------- Contenitori riutilizzati (testo + immagini sovrapposte) ---------- */
.refill{position:relative;z-index:15;min-height:560px;background:var(--c-rose);overflow:hidden}
.refill__text{position:absolute;left:9.03%;top:50%;width:460px;max-width:32%;transform:translateY(-50%);font-family:var(--f-poppins);font-weight:300;color:var(--c-bordeaux)}
.refill__photo{position:absolute;left:45.7%;top:59px;width:47.2%;max-width:680px}
.refill__card{position:absolute;left:66.95%;top:284px;z-index:10;width:24.3%;max-width:350px}
.refill__card img,.refill__photo img{width:100%}

/* ---------- Team ---------- */
.team{padding:5% 0}
.team__inner{max-width:1200px;margin-inline:auto}
.team .section-title{padding-top:10px}
.section-title{text-align:center}
.section-title h2{line-height:1}
.section-title .divider{width:60px;margin:20px auto}
.team__grid{display:grid;grid-template-columns:1fr 1fr;margin-top:100px}
.team-card{position:relative;display:flex;flex-direction:column;margin:35px; /* margine 25 + padding colonna 10 */box-shadow:0 0 30px rgba(0,0,0,.1);overflow:hidden}
.team-card__img{position:relative;min-height:500px;overflow:hidden}
.team-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.5s}
.team-card__name{display:flex;align-items:center;justify-content:center;min-height:100px;padding:0;background:var(--c-card);color:var(--c-white);font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.5px;text-align:center;transition:background-color .4s}

/* ---------- Su di Noi ---------- */
.about{display:grid;min-height:590px;overflow:hidden}
.about--1{grid-template-columns:35% 65%}
.about--2{grid-template-columns:65% 35%}
.about__media{display:flex;align-items:center;justify-content:center}
.about--1 .about__media{background:var(--c-bordeaux);padding:10px}
.about--2 .about__media{background:var(--c-teal)}
.about__media img{width:100%}
.about__text{display:flex;flex-direction:column;justify-content:center;font-family:var(--f-poppins);font-weight:300}
.about--1 .about__text{background:var(--c-rose-2);padding:0 29.6% 0 15.2%;color:var(--c-bordeaux)} /* colonne interne 15.165% + 84.525% con padding-right 35% */
.about--1 .about__text h2{margin-bottom:20px;color:var(--c-bordeaux)}
.about--2 .about__text{background:var(--c-rose);padding:0 14.85% 0 32.2%;color:var(--c-teal);text-align:right} /* colonna 85.913% con padding-left 37% */

/* ---------- Partner ---------- */
.partners{margin:60px 0 0}
.partners__head{padding:10px}
.partners .section-title h2{font-family:var(--f-roboto);font-weight:600}
.partners .section-title .divider{margin:22px auto 22px}
.partners__subtitle{margin:0;font-family:var(--f-slab);font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-.5px;color:var(--c-grey);text-align:center}
.partners__logos{display:grid;grid-template-columns:repeat(5,1fr);max-width:1080px;margin:60px auto 0}
.partners__logos li{padding:10px;display:flex;justify-content:center;align-items:flex-start}
.partners__logos img{margin-inline:auto}
.partner--monvir{padding:60px}            .partner--monvir img{width:66%}
.partner--goldwell{margin-top:55px;padding:15px} .partner--goldwell img{width:86%}
.partner--emme{padding:30px}              .partner--emme img{width:77%}
.partner--face{padding:60px}              .partner--face img{width:60%}
.partner--orthostetica{padding:60px}      .partner--orthostetica img{width:100%}
.partners__logos .partner{display:block;width:100%}

/* ---------- Salone / App (2 call to action) ---------- */
.promo{display:grid;grid-template-columns:1fr 1fr;padding:60px}
.promo .cta__content{min-height:800px}
.promo .cta__overlay{mix-blend-mode:multiply}
.promo .cta:first-child .cta__overlay{background:#AE6254}
.promo .cta:last-child .cta__overlay{background:#81655B}
.promo .cta__title{text-transform:none}

/* ---------- Testimonianze ---------- */
.reviews{position:relative;padding:5%;background:var(--c-bordeaux)}
.reviews__box{position:relative;z-index:15;max-width:900px;margin:-250px auto 0;background:var(--c-rose);box-shadow:0 0 30px rgba(0,0,0,.3);text-align:center;color:var(--c-bordeaux)}
.reviews__inner{padding:7% 10% 5%} /* percentuali sulla larghezza del riquadro (900px) */
.reviews__icon{display:flex;margin:0 auto 7px;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--c-rose-2);color:var(--c-bordeaux)}
.reviews__icon .icon{width:20px;height:20px}
.reviews__kicker{margin:27px 0 0;font-family:var(--f-slab);font-size:12px;font-weight:400;line-height:1;letter-spacing:1px;text-transform:uppercase;color:var(--c-bordeaux)}
.reviews__title{margin:5px 0 0;padding:0 25%;font-family:var(--f-slab);font-size:32px;font-weight:400;letter-spacing:-1px;line-height:1;color:var(--c-bordeaux)}
.carousel{position:relative;width:75%;margin:20px auto 0;overflow:hidden}
.carousel__track{display:flex;transition:transform .5s ease}
.carousel__slide{flex:0 0 100%;margin:0;padding:10px 20px 0 10px}
.carousel__slide + .carousel__slide{margin-left:20px}
.review__text{margin:0;font-family:var(--f-poppins);font-size:15px;font-style:italic;line-height:1.5;color:var(--c-bordeaux)}
.review__name{display:block;margin-top:20px;font-family:var(--f-roboto);font-size:14px;font-style:normal;line-height:1.5;color:var(--c-bordeaux)}
.carousel__dots{display:flex;align-items:center;justify-content:center;gap:12px;height:24px;margin:10px 0 6px}
.carousel__dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#000;opacity:.2;cursor:pointer;transition:opacity .3s,background-color .3s}
.carousel__dot[aria-current="true"]{background:var(--c-white);opacity:1}

/* ---------- Novità ---------- */
.news{max-width:1760px;margin:100px auto}
.news__inner{width:65%;padding:70px 0 0 120px}
.news__title{font-family:var(--f-poppins);font-size:60px;font-weight:600;line-height:1;letter-spacing:-1px}
.news .divider{width:25%;margin:25px 0 25px;color:var(--c-gold)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 32px}
.card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--c-white);box-shadow:0 0 10px rgba(0,0,0,.15);transition:box-shadow .25s}
.card__thumb{position:relative;display:block;padding-bottom:54%;overflow:hidden}
.card__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:0 15px;margin:31px 0 7px}
.card__title{margin:0 0 27px;font-family:var(--f-roboto);font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-1px}
.card__title a{color:var(--c-black)}
.card__more{display:inline-block;margin-bottom:7px;font-family:var(--f-poppins);font-size:15px;line-height:24px;color:var(--c-gold)}

/* ==========================================================================
   PAGINE INTERNE
   ========================================================================== */

/* intestazione con immagine (sezione min-height, overlay nero 50%) */
.page-hero{position:relative;display:flex;align-items:center;min-height:53vh;overflow:hidden;background:var(--c-grey)}
.page-hero__bg{position:absolute;inset:0}
.page-hero__bg img{width:100%;height:100%;object-fit:cover}
.page-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.page-hero__content{position:relative;z-index:1;width:100%;max-width:var(--container);margin-inline:auto;padding-right:70px}
.page-hero__kicker{margin:0;font-family:var(--f-poppins);font-size:20px;font-weight:600;line-height:1.5;letter-spacing:10px;color:var(--c-white)}
.page-hero__title{margin:20px 0 0;padding-top:20px;font-family:var(--f-roboto);font-size:32px;font-weight:600;line-height:1;letter-spacing:-1px;color:var(--c-white)}
.page-hero .btn{margin-top:40px}

/* ---------- Servizi: listini ---------- */
.pricelists{display:grid;grid-template-columns:1fr 1fr;max-width:var(--container);margin:70px auto;padding:10px 0}
.pricelists__col:first-child{padding:0 5% 0 10px}
.pricelists__col:last-child{padding:0 10px 0 5%}
.pricelists{scroll-margin-top:143px}
.pl-cat{margin-bottom:calc(50px + var(--sp, 0) * 50px)} /* 30 margine listino + 20 spaziatura, +50 per ogni spaziatore */
.pl-cat[data-last]{margin-bottom:30px}
.pl-cat__title{margin:0 0 calc(40px + var(--hg, 0) * 50px);font-family:var(--f-slab);font-size:24px;font-weight:400;line-height:1.5;letter-spacing:-1.1px;color:#191919}
.pl-item{display:flow-root} /* niente margin collapse del titolo nelle voci senza descrizione */
.pl-item+.pl-item{margin-top:30px}
.pl-item__head{display:flex;align-items:center;margin-bottom:10px}
.pl-item__title{max-width:80%;margin:0;font-family:var(--f-poppins);font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;color:#191919}
.pl-item__line{flex:1;margin:0 40px;border-bottom:1px solid rgba(0,0,0,.16)}
.pl-item__desc{margin:0;font-family:var(--f-roboto);font-size:14px;line-height:24px;color:#7A7A7A}

/* ---------- La Nostra Storia ---------- */
.story-intro{max-width:var(--container);margin-inline:auto;padding:168px 10px 10px}
.story-intro img{width:39%;margin-inline:auto}
.story-year{margin:150px 0;padding:10px;text-align:center}
.story-year--2018{margin:109px 0}
.story-year h1,.story-year h2{font-family:var(--f-roboto);font-size:40px;font-weight:600;line-height:1;letter-spacing:-1.5px}
.story-block{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:var(--container);min-height:500px;margin:60px auto}
.story-block__text{padding:0 20% 0 0;font-family:var(--f-poppins);font-weight:300}
.story-block--reverse .story-block__text{padding:0 0 0 20%}
.story-block__frame{position:relative;height:442px;border:6px solid #E1CD93} /* padding 10 + spaziatore 390 + 20 + 10 */
.story-block__photo{position:absolute;top:0;right:-97px;width:680px}
.story-block__photo--1 img{width:79%}
.story-block__photo--2{top:8px;right:-174px}
.story-block__photo--2 img{width:82%}
.story-end{max-width:var(--container);margin:0 auto 70px;padding:10px;text-align:center;font-family:var(--f-poppins);font-weight:300}
.story-end__slogan{margin:36px 0 20px; /* 1em del paragrafo + 20 spaziatura; 20 sotto come il widget testimonial */font-family:var(--f-roboto);font-size:20.8px;font-weight:600;line-height:24px;color:var(--c-black)}

/* ---------- La Nostra App ---------- */
.app{position:relative;overflow:hidden;background:var(--c-grey)}
.app__bg{position:absolute;inset:0}
.app__bg img{width:100%;height:100%;object-fit:cover}
.app::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.app__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:var(--container);min-height:100vh;margin-inline:auto}
.app__text{padding:243px 70px 179px 0;color:var(--c-white)} /* spaziatore 223 + 20; spaziatore 159 + 20 */
.app__text p{margin:0 0 20px;font-size:20px;line-height:30px;letter-spacing:-.5px}
.app__title{margin:20px 0;font-family:var(--f-poppins);font-size:49px;font-weight:600;line-height:1;letter-spacing:-1px;color:var(--c-white)}
.app__lead{font-family:var(--f-slab)}
.app__code-label{font-family:var(--f-roboto);font-weight:600}
.app .app__code{font-family:var(--f-poppins);font-size:34px;font-weight:600;line-height:51px}
.app__buttons li{padding-top:20px}
.app__buttons li+li{margin-top:20px}
.app__media{margin-top:-31px;padding-top:150px}
.app__media img{width:100%}

/* ---------- Contatti ---------- */
.contact-hero{position:relative;height:537px;margin-top:119px;overflow:hidden}
.contact-hero img{width:100%;height:100%;object-fit:cover}
.contact{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:var(--container);min-height:400px;margin:0 auto}
.contact__title{margin:0 0 20px;font-family:var(--f-slab);font-size:32px;font-weight:400;line-height:1;letter-spacing:-1px;color:var(--c-black)}
.contact-list{padding:20px 50px 20px 0}
.contact-list li+li{margin-top:15px}
.contact-list a,.hours-list li{display:flex;align-items:center;font-family:var(--f-roboto);font-size:16px;line-height:24px}
.contact-list a{color:#1A1A1A;transition:color .3s}
.contact-list .icon{width:16px;height:16px;margin-right:20px;color:#292929}
.contact-social{display:flex;justify-content:center;gap:5px;margin-top:20px}
.contact-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--c-white);color:var(--c-black);transition:color .3s}
.contact-social .icon{width:20px;height:20px}
.contact__map iframe{display:block;width:100%;height:400px;border:0}
.hours{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:var(--container);margin:0 auto}
.hours__media img{width:100%}
.hours__text{padding:15% 10%}
.hours-list{padding:20px 0}
.hours-list li+li{margin-top:10px}
.hours-list li{color:var(--c-text)}
.hours-list .icon{width:16px;height:16px;margin-right:16px}
.contact-cta{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:var(--container);margin:0 auto 70px;padding:10px 40px 10px 10px}

/* ---------- Articoli ---------- */
.post-hero{position:relative;display:flex;align-items:center;margin-top:-249px;overflow:hidden;background:var(--c-grey)}
.post-hero__bg{position:absolute;inset:0}
.post-hero__bg img{width:100%;height:100%;object-fit:cover}
.post-hero::after{content:"";position:absolute;inset:0;background:#3F3F3F;opacity:.34}
.post-hero__inner{position:relative;z-index:1;width:100%;padding:10px}
.post-hero--a .post-hero__inner{padding:510px 10px 168px} /* colonna con margine 500; spaziatore 138 */
.post-hero--b,.post-hero--c{min-height:720px}
.post-hero--b .post-hero__inner,.post-hero--c .post-hero__inner{padding:311px 10px 77px} /* spaziatori 281 e 47 */
.post-hero__title{font-family:var(--f-poppins);font-size:32px;font-weight:600;line-height:1;letter-spacing:-1px;color:var(--c-white);text-align:center;text-shadow:0 0 10px rgba(0,0,0,.3)}
.post-hero__title--lg{font-size:40px;letter-spacing:-1.5px}
.post-card{position:relative;z-index:2;max-width:var(--container);margin:-96px auto 85px;padding:41px 81px 41px;background:var(--c-white);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);text-align:center}
.gallery{max-width:var(--container);margin:85px auto 70px}
.gallery__row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}
.gallery__row--single{grid-template-columns:270px;justify-content:center}
.gallery__item{display:block;cursor:zoom-in}
.gallery__item img{width:100%}
.gallery__item--land img{aspect-ratio:540/359;object-fit:cover}

/* lightbox (al posto del lightbox Elementor) */
.lightbox{max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0;padding:0;border:0;background:rgba(0,0,0,.9);color:var(--c-white)}
.lightbox::backdrop{background:rgba(0,0,0,.9)}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox img{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain}
.lightbox button{position:absolute;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.8);font-size:25px;cursor:pointer}
.lightbox button .icon{width:25px;height:25px}
.lightbox__close{top:10px;right:10px}
.lightbox__prev{left:10px;top:calc(50% - 25px)}
.lightbox__next{right:10px;top:calc(50% - 25px)}

/* ---------- Privacy / testi legali (stili del tema Hello Elementor) ---------- */
.legal{max-width:var(--container);margin:0 auto 120px;padding:175px 10px 10px} /* margine sezione 165 + 10; spazio in fondo (sul computer il footer sale di 53) */
.legal__title{margin:0 0 20px;font-size:25px;font-weight:700;letter-spacing:-1.5px}
.legal__body>:last-child{margin-bottom:0}
.legal__body ul{list-style:circle;padding-left:40px}
.legal__list{margin:0 0 1em}
.legal__list li+li{margin-top:.5em}
.legal__list--alpha{list-style:lower-alpha}
.legal__list ol{margin:.5em 0}
.legal__updated{margin-top:30px}
.legal__body ol{list-style:decimal;padding-left:40px}
.legal__h{margin:8px 0 16px;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.5px}
.table-scroll{margin-bottom:15px;overflow-x:auto} /* su cellulare la tabella scorre da sola, non la pagina */
.legal__body table{width:100%;margin-bottom:0;border-collapse:collapse;border-spacing:0;font-size:.9em}
.legal__body td{padding:15px;border:1px solid hsla(0,0%,50%,.502);line-height:1.5;vertical-align:top}
.legal__body tbody>tr:nth-child(odd)>td{background-color:hsla(0,0%,50%,.07)}

/* ---------- 404 ---------- */
.notfound{max-width:var(--container);margin:0 auto 70px;padding:243px 10px 50px;text-align:center}
.notfound .notfound__code{color:var(--c-gold)}
.notfound__title{margin:10px 0 20px;font-family:var(--f-poppins);font-size:49px;font-weight:600;line-height:1;letter-spacing:-1px}
.notfound__links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px}

/* ==========================================================================
   Hover: solo con un puntatore preciso (mouse)
   ========================================================================== */
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--c-gold);border-color:var(--c-gold)}
  .btn--light:hover{background:var(--c-white)}
  .btn--outline:hover,.btn--dark:hover{background:var(--c-gold);border-color:var(--c-gold)}
  .btn--black:hover{background:#1E1E1E}
  .contact-list a:hover{color:#61CE70}
  .contact-social a:hover{color:var(--c-gold)}
  .lightbox button:hover{color:var(--c-white)}
  .legal__body tbody tr:hover>td{background-color:hsla(0,0%,50%,.1)}
  .btn--grow:hover,.to-top:hover{transform:scale(1.1)}
  .to-top:hover{background:var(--c-gold)}
  .whatsapp:hover{transform:scale(1.05)}
  .nav__link:hover{color:var(--c-gold)}
  .nav__link:hover::after{left:0;width:100%;height:3px}
  .nav__toggle:hover{color:var(--c-gold)}
  .icon-list--contacts a:hover{color:rgba(255,255,255,.98)}
  .icon-list--follow a:hover{color:var(--c-white)}
  .site-footer__legal a:hover{color:var(--c-gold)}
  .site-footer__credits a:hover{color:var(--c-white)}
  .social-icons a:hover,.philosophy__social a:hover{color:var(--c-gold)}
  .hero:hover .hero__overlay{opacity:.2}
  .cta:hover .cta__bg img,.team-card:hover .team-card__img img{transform:scale(1.2)}
  .services .cta:hover .cta__overlay{background:rgba(0,0,0,.3)}
  .promo .cta:hover .cta__overlay{background:var(--c-gold)}
  .promo .cta:hover .cta__title,.promo .cta:hover .cta__text{transform:scale(1.1)}
  .team-card:hover .team-card__name{background:var(--c-black)}
  .card:hover{box-shadow:0 0 30px rgba(0,0,0,.15)}
}

/* ==========================================================================
   Animazioni d'ingresso (Elementor: elementor-invisible + animated, 1.25s)
   Lo stato nascosto si applica solo se il JS è attivo (classe .js su <html>).
   ========================================================================== */
.js [data-anim]:not(.is-animated){visibility:hidden}
[data-anim].is-animated{animation-duration:var(--anim-duration);animation-fill-mode:both}
[data-anim="fadeIn"].is-animated{animation-name:fadeIn}
[data-anim="zoomIn"].is-animated{animation-name:zoomIn}
[data-anim="slideInUp"].is-animated{animation-name:slideInUp}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}

/* elementi mossi dallo scroll (motion effects) */
.fx-target,.fx-layer{transition:transform .1s linear;will-change:transform}

/* ==========================================================================
   Tablet (768–1024px)
   ========================================================================== */
@media (max-width:1024px){
  .topbar__item{padding-left:30px}
  .site-header{min-height:60px}
  .site-header__logo{flex-basis:20%}
  .nav{flex:0 0 60%;justify-content:flex-end}
  .site-header__cta{display:contents}
  .site-header__col,.site-header__col:first-child{flex:0 0 20%;padding-right:20px;text-align:right}
  .site-header__col .btn{padding:15px 20px}

  .nav__toggle{display:flex}
  .nav__list{position:absolute;left:0;right:0;top:100%;margin-top:7px;flex-direction:column;background:var(--c-black);max-height:0;overflow:hidden;transition:max-height .3s}
  .nav__list.is-open{max-height:100vh}
  .nav__link{padding:13px 30px;font-size:14px;line-height:20px}
  .nav__link::after{display:none}
  .nav__link.is-active{background:#282828}

  main{margin-top:-164px}
  .hero{padding:50px 15% 167px}
  .hero__content{padding:0}
  .hero__headline{line-height:1.2}

  .philosophy{min-height:500px}
  .philosophy__social ul{top:211px;left:23px}
  .philosophy__text{padding:20% 10%}
  .services .cta__content{min-height:50vh}

  /* colonna 100% con padding 0 10%, sezione interna max 720px, testo al 90% */
  .refill{min-height:0;padding:80px 10% 0}
  .refill__text{position:static;width:auto;max-width:720px;margin:0 auto;padding-right:72px;transform:none}
  .refill__media{position:relative;max-width:720px;height:520px;margin:0 auto}
  .refill__photo{left:auto;right:7.5px;top:47px;width:560px;max-width:none}
  .refill__card{left:auto;right:20.7px;top:199px;width:269px;max-width:none}

  .team{padding:5% 2% 15%}
  .team .section-title{padding-top:55px}
  .team__grid{margin-top:60px}

  .about{min-height:0;border:solid #fff;border-width:0 20px}
  .about--1,.about--2{grid-template-columns:100%}
  .about--1 .about__text{order:-1;padding:0 calc(8% + 0px) 50px 50px}
  .about--1 .about__media img{width:640px}
  .about--2{min-height:590px}
  .about--2 .about__text{padding:60px calc(14.1% + 60px) 60px 60px;text-align:left}
  .about--2 .about__media{display:none}

  .partners__head{padding:10px 50px}

  .page-hero{min-height:800px;padding:0 25px}
  .page-hero__content{max-width:50%;margin:0;padding-right:25px}
  .pricelists{padding:10px 15px;scroll-margin-top:200px}
  .pl-cat__title{line-height:1.2}

  .story-intro{max-width:none}
  .story-block{max-width:none;min-height:310px}
  .story-block__text{padding:3% 20% 3% 8%}
  .story-block--reverse .story-block__text{padding:3% 8% 3% 20%}
  .story-block__frame{height:312px}
  .story-block__photo{top:20px;right:-171.5px;width:560px}
  .story-block__photo--1 img,.story-block__photo--2 img{width:66%}
  .story-block__photo--2{top:6px;right:-230px}
  .story-end{max-width:none}

  .app{padding:0 25px}
  .app__inner{min-height:800px}
  .app__text{padding:0 25px 20px 0}

  .contact{max-width:none}
  .contact__info{padding-left:30px}
  .contact-list{padding:0}
  .hours{max-width:none;grid-template-columns:50%}
  .hours__media{display:none}
  .hours__text::before{content:"";display:block;height:70px} /* spaziatore 50 + 20 */
  .contact-cta{max-width:none;align-items:flex-end;padding:10px 30px 10px 10px}
  .contact-cta .btn{padding:15px 20px}
  .reviews__title{padding:0 24%}
  .news{margin:40px auto}
  .news__inner{width:100%;padding:120px 50px 0} /* padding colonna 50 + spaziatore 50 + 20 */
  .news__title{text-align:center}
  .news .divider{width:15%;margin-inline:auto}
}

/* ==========================================================================
   Mobile (≤ 767px)
   ========================================================================== */
@media (max-width:767px){
  .topbar{padding:10px}
  .topbar__item{flex:0 0 50%;padding-left:10px;line-height:24px}
  .topbar__item--phone{justify-content:flex-end;padding:0 10px 0 0}
  .site-header{padding:10px}
  .site-header__logo{flex-basis:50%;padding-left:10px}
  .site-header__logo img{width:156px}
  .nav{flex-basis:50%}
  .nav__list{margin-top:10px}
  .nav__link{padding:12px 25px}
  .site-header__cta{display:none}

  .mobile-cta{display:flex;flex-direction:column;position:relative;z-index:10;padding:10px;background:var(--c-dark)}
  .mobile-cta .btn{display:block;margin:10px 30px}

  .hero{margin-top:0;padding:calc(25% + 139.5px) 5% calc(25% + 69.5px)}
  .hero__title{font-size:42px}
  .hero__headline{font-size:18px;line-height:1.2}

  .philosophy{grid-template-columns:100%;min-height:650px}
  .philosophy__social,.philosophy__media{display:none}
  .philosophy__text{padding:132px 10% 102px;text-align:center}
  .philosophy__text .divider{margin-inline:auto}

  .services{grid-template-columns:100%}
  .services .cta__content{min-height:25vh}

  .refill{padding:80px 0 0}
  .refill__text{max-width:none;margin:0;padding:0 50px;text-align:center}
  .refill__media{max-width:none;height:340px}
  .refill__photo{right:-7px;top:59px;width:340px;max-width:none}
  .refill__card{right:4px;top:173px;width:150px;max-width:none}

  .team{padding:5% 5% 15%}
  .team .section-title{padding-top:55px}
  .team__grid{grid-template-columns:100%;margin-top:80px}

  .about--1 .about__text{padding:20px 20px 40px}
  .about--1 .about__media img{width:100%}
  .about--2{min-height:590px}
  .about--2 .about__text{padding:20px} /* padding colonna 10 + colonna interna 10 */

  .partners__head{padding:10px 20px}

  .page-hero{min-height:652px;padding:40px 20px 0;text-align:center} /* 612 + padding 40 */
  .page-hero__content{max-width:none;padding:0}
  .page-hero .btn{margin:30px 0 20px}
  .pricelists{grid-template-columns:100%;padding:10px 25px}
  .pricelists__col:first-child{padding:0}
  .pricelists__col:last-child{padding:30px 0 0}
  .pl-cat{margin-bottom:calc(20px + var(--sp, 0) * 50px)}
  .pl-cat[data-last]{margin-bottom:0}
  .pl-cat__title{margin-bottom:calc(60px + var(--hg, 0) * 50px)}

  .story-intro img{width:74%}
  .story-year,.story-year--2018{margin:60px 0}
  .story-block{grid-template-columns:100%;margin:60px 0}
  .story-block__text,.story-block--reverse .story-block__text{padding:20px;text-align:center}
  .story-block__frame{height:257px;margin-left:20px}
  .story-block__photo,.story-block__photo--2{top:-1px;right:14.4px;width:320px}
  .story-block__photo--1 img,.story-block__photo--2 img{width:100%}

  .app{margin:147px 0;padding:40px 20px 0;min-height:652px}
  .app__inner{grid-template-columns:100%;min-height:0}
  .app__text{padding:0 0 20px;text-align:center}
  .app__buttons li{padding:10px 0 20px}
  .app__media{padding:25px 0}

  .contact-hero{height:346px;margin-top:0}
  .contact-hero img{position:absolute;left:0;top:calc((446px - 56.25vw) / 2);height:auto} /* background contain, centrato in 446px */
  .contact{grid-template-columns:100%}
  .contact__info{padding:30px}
  .hours{grid-template-columns:100%}
  .hours__text{padding:20px 30px 30px}
  .hours__text::before{display:none}
  .contact-cta{align-items:stretch;padding:10px}
  .contact-cta .btn{margin:10px}

  .post-hero__title,.post-hero__title--lg{font-size:22px}
  .legal{margin-bottom:70px}
  .notfound{padding:200px 20px 40px}
  .notfound__title{font-size:35px}
  .post-hero--c{min-height:579px}
  .post-hero--c .post-hero__inner{padding-top:445px} /* spaziatore 415 */
  .post-card{padding:41px 10px 41px}
  .gallery__row,.gallery__row--single{grid-template-columns:100%}
  .partners__logos{grid-template-columns:100%}
  .partner--monvir img{width:48%}
  .partner--goldwell img{width:56%}
  .partner--emme img{width:46%}
  .partner--face img,.partner--orthostetica img{width:46%}

  .promo{grid-template-columns:100%;padding:0}

  .reviews{padding:5%}
  .reviews__box{margin-top:-150px}
  .reviews__title{padding:0}

  .news{margin:0 auto 60px}
  .news__inner{padding:30px 30px 0} /* spaziatore 10 + 20 */
  .news__title{font-size:35px}
  .news .divider{width:30%}
  .cards{grid-template-columns:100%}
  .card__thumb{padding-bottom:50%}

  .site-footer{margin-top:0;padding:20px}
  .site-footer__inner{padding:0}
  .site-footer__cols{grid-template-columns:100%;padding:0}
  .site-footer__col{padding:10px}
  .site-footer__col+.site-footer__col{margin-top:20px}
  .site-footer__bottom{flex-direction:column;margin-top:0;padding:0}
  .social-icons{padding:10px 0}
  .site-footer__copy{padding:10px 0;line-height:24px;text-align:center}
  .site-footer__legal,.site-footer__credits{display:block}
  .site-footer__credits{margin-left:0}
  .site-footer__legal a{margin:0 10px}
  .to-top{display:none}
}

/* ==========================================================================
   Movimento ridotto: niente animazioni, slideshow e parallax
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-anim]:not(.is-animated){visibility:visible}
  .fx-target,.fx-layer{transform:none!important}
}