/* Le Fragole Showroom — main.css
   Indice: 1 base · 2 layout · 3 tipografia · 4 pulsanti · 5 testata · 6 hero · 7 schede e griglie
   8 sezioni (passi, FAQ, citazione, materiali, contatti) · 9 fascia marchi · 10 footer · 11 blog · 12 movimento · 13 utilità */

/* 1. BASE ------------------------------------------------------------------ */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jost-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Jost;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/jost-latin-600-normal.woff2) format("woff2")}

:root{
  --bg:#F7F3EC;--paper:#FFFFFF;--band:#E6DCCB;--ink:#2B2B2B;--muted:#5E574E;--line:#D8CDBA;
  --accent:#B23A48;--accent-d:#8F2C39;--accent-l:#E0707D;
  --w:1240px;--gut:clamp(16px,4vw,32px);--sp:clamp(56px,8vw,112px);--r:6px;
  --shadow:0 1px 2px rgba(43,43,43,.06),0 8px 24px rgba(43,43,43,.08);
  --shadow-h:0 2px 4px rgba(43,43,43,.08),0 16px 36px rgba(43,43,43,.14);
  --head:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:Jost,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --hh:76px;
  --linen:repeating-linear-gradient(0deg,rgba(43,43,43,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(43,43,43,.028) 0 1px,transparent 1px 4px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 16px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.7 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{max-width:100%;height:auto}
img{display:block}
a{color:inherit;text-underline-offset:.2em}
ul,ol{padding-left:1.25em}
p{margin:0 0 1em}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}
.lfs-foot :focus-visible,.lfs-hero :focus-visible,.lfs-materials :focus-visible{outline-color:#fff}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lfs-skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 20px;border-radius:var(--r);transition:top .2s}
.lfs-skip:focus{top:12px}
.lfs-ico{flex:none;width:22px;height:22px}

/* 2. LAYOUT ---------------------------------------------------------------- */
.lfs-wrap{width:100%;max-width:calc(var(--w) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.lfs-wrap--narrow{max-width:calc(820px + 2*var(--gut))}
.lfs-sec{padding-block:var(--sp)}
.lfs-sec--band{background-color:var(--band);background-image:var(--linen)}
.lfs-sec--tight{padding-block:calc(var(--sp)*.6)}
.lfs-center{text-align:center}
.lfs-content>*:not(.lfs-sec):not(.lfs-brands):not(.lfs-materials){max-width:calc(var(--w) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.lfs-content>p:first-child,.lfs-content>h2:first-child{margin-top:var(--sp)}
.lfs-content>*:last-child:not(.lfs-sec):not(.lfs-brands){margin-bottom:var(--sp)}
.lfs-crumbs{padding-top:20px;font-size:15px;color:var(--muted)}
.lfs-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:0;padding:0}
.lfs-crumbs li+li::before{content:"/";margin-right:10px;color:var(--line)}
.lfs-crumbs a{text-decoration:none}.lfs-crumbs a:hover{text-decoration:underline}

/* 3. TIPOGRAFIA ------------------------------------------------------------ */
h1,h2,h3,h4{font-family:var(--head);font-weight:500;line-height:1.1;margin:0 0 .5em;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(40px,6vw,76px);line-height:1.02}
h2,.lfs-h2{font-size:clamp(32px,4.2vw,52px)}
h3{font-size:clamp(24px,2.4vw,30px);line-height:1.15}
h4{font-size:22px}
.lfs-eyebrow{font:500 14px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px}
.lfs-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.65;color:var(--muted)}
.lfs-sec .lfs-h2{margin-bottom:.35em}
.lfs-sec__head{margin-bottom:clamp(28px,4vw,48px)}
.lfs-sec__head p{margin:0;color:var(--muted);font-size:clamp(18px,1.6vw,20px)}
.lfs-orn{display:inline-flex;gap:7px;align-items:center;margin:0 0 20px}
.lfs-orn i{display:block;width:3px;height:12px;border-radius:2px;background:var(--accent);transform:rotate(-14deg)}
.lfs-orn i:nth-child(2){transform:none;height:14px}.lfs-orn i:nth-child(3){transform:rotate(14deg)}
.lfs-hero .lfs-orn i,.lfs-foot .lfs-orn i{background:#fff}
.lfs-sec__head .lfs-orn{display:flex;margin-top:6px}
.lfs-center .lfs-orn,.lfs-sec__head.lfs-center .lfs-orn{justify-content:center}

/* 4. PULSANTI -------------------------------------------------------------- */
.lfs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border:1.5px solid transparent;border-radius:4px;font:500 16px/1 var(--body);letter-spacing:.02em;text-decoration:none!important;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}
.lfs-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.lfs-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}
.lfs-btn--primary:hover{background:#fff;color:var(--accent)}
.lfs-sec--band .lfs-btn--primary:hover,.lfs-foot .lfs-btn--primary:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.lfs-btn--line{background:transparent;border-color:var(--ink);color:var(--ink)}
.lfs-btn--line:hover{background:var(--ink);color:#fff}
.lfs-btn--ghost{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
.lfs-btn--ghost:hover{background:#fff;color:var(--ink)}
.lfs-btn--light{background:#F7F3EC;border-color:#F7F3EC;color:var(--ink)}
.lfs-btn--light:hover{background:transparent;color:#F7F3EC;border-color:#F7F3EC}
.lfs-btnrow,.lfs-hero__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.lfs-linkbtn{background:none;border:0;padding:12px 8px;min-height:44px;color:inherit;text-decoration:underline;cursor:pointer}

/* 5. TESTATA --------------------------------------------------------------- */
.lfs-top{position:sticky;top:0;z-index:60;background:rgba(247,243,236,.9);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.lfs-top__in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:var(--hh)}
.lfs-logo{display:block;line-height:0;text-decoration:none}
.lfs-logo svg{height:46px;width:auto;max-width:none}
.lfs-top__act{display:flex;align-items:center;gap:8px}
.lfs-sq{display:inline-grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--line);border-radius:4px;color:var(--ink);background:var(--bg);transition:background-color .2s,color .2s,border-color .2s}
.lfs-sq:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.lfs-top__cta{display:none}
.lfs-burger{display:inline-grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--ink);border-radius:4px;background:transparent;cursor:pointer}
.lfs-burger__b{display:none}.lfs-top.is-open .lfs-burger__a{display:none}.lfs-top.is-open .lfs-burger__b{display:inline-grid}
.lfs-nav{display:none;grid-column:1/-1}
html:not(.js) .lfs-nav{display:block}
.lfs-top.is-open .lfs-nav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gut) 24px;max-height:calc(100vh - var(--hh));overflow:auto}
.lfs-menu,.lfs-menu .sub-menu{list-style:none;margin:0;padding:0}
.lfs-menu a{display:block;padding:14px 4px;text-decoration:none;font-weight:500;letter-spacing:.03em;border-bottom:1px solid var(--line)}
.lfs-menu .sub-menu{padding-left:16px}.lfs-menu .sub-menu a{font-weight:400;border-bottom-color:transparent;padding-block:10px}
.lfs-nav__cta{margin-top:16px;width:100%}
@media (min-width:1024px){
  .lfs-top__in{grid-template-columns:auto 1fr auto}
  .lfs-burger,.lfs-nav__cta{display:none}
  .lfs-top__cta{display:inline-flex}
  .lfs-nav,.lfs-top.is-open .lfs-nav,html:not(.js) .lfs-nav{display:block;position:static;grid-column:auto;background:none;border:0;padding:0;max-height:none;overflow:visible}
  .lfs-menu{display:flex;justify-content:center;gap:6px}
  .lfs-menu>li{position:relative}
  .lfs-menu a{border:0;padding:12px 16px;position:relative}
  .lfs-menu>li>a::after{content:"";position:absolute;left:16px;right:16px;bottom:6px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}
  .lfs-menu>li>a:hover::after{transform:scaleX(1)}
  .lfs-menu .sub-menu{position:absolute;left:0;top:100%;min-width:300px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-h);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
  .lfs-menu li:hover>.sub-menu,.lfs-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
  .lfs-menu .sub-menu a{padding:10px 14px;border-radius:4px}.lfs-menu .sub-menu a:hover{background:var(--bg)}
}
@media (max-width:480px){.lfs-logo svg{height:38px}.lfs-top__in{gap:10px}}

/* 6. HERO ------------------------------------------------------------------ */
.lfs-hero{position:relative;display:grid;place-items:center;text-align:center;color:#fff;isolation:isolate;overflow:hidden;background:#3a3532}
.lfs-hero--home{min-height:clamp(560px,calc(100svh - var(--hh)),880px)}
.lfs-hero--page{min-height:clamp(300px,50vh,480px)}
.lfs-hero__bg{position:absolute;inset:0;z-index:-2}
.lfs-hero__bg img,.lfs-hero__bg video,.lfs-hero__bg .lfs-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* !important: il segnaposto porta il rapporto in linea (aspect-ratio) e qui deve riempire tutta la hero. */
.lfs-hero__bg .lfs-ph{aspect-ratio:auto!important}
.lfs-hero__video{opacity:0;transition:opacity .8s}.lfs-hero__video.is-on{opacity:1}
@media (max-width:899px){.lfs-hero__video{display:none!important}}
.lfs-hero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,21,19,.42) 0,rgba(24,21,19,.58) 100%)}
.lfs-hero__in{padding-block:clamp(72px,12vh,140px)}
.lfs-hero__title{color:#fff;margin:0 auto 20px;max-width:18ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.lfs-hero--page .lfs-hero__title{font-size:clamp(36px,5.4vw,64px);max-width:24ch}
.lfs-hero .lfs-eyebrow{color:#fff;opacity:.95}
.lfs-hero__btns{margin-top:12px}
.lfs-ph{display:block;width:100%;background-color:var(--band);background-image:var(--linen);position:relative}
.lfs-ph::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 95C24 79 11 57 13 41 14 29 26 24 36 27 42 29 46 28 50 26 54 28 58 29 64 27 74 24 86 29 87 41 89 57 76 79 50 95Z' fill='%23d3c6b0'/%3E%3C/svg%3E") center/min(22%,96px) no-repeat}

/* 7. SCHEDE E GRIGLIE ------------------------------------------------------ */
.lfs-grid{display:grid;gap:24px;grid-template-columns:1fr;align-items:stretch}
@media (min-width:640px){.lfs-grid--2,.lfs-grid--3,.lfs-grid--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.lfs-grid--3{grid-template-columns:repeat(3,1fr)}.lfs-grid--4{grid-template-columns:repeat(4,1fr)}}
.lfs-card{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
.lfs-card:hover{box-shadow:var(--shadow-h);transform:translateY(-3px)}
.lfs-card__img{aspect-ratio:4/3;overflow:hidden;background:var(--band)}
.lfs-card__img img,.lfs-card__img .lfs-ph{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lfs-card__img .lfs-ph{aspect-ratio:auto!important}
.lfs-card:hover .lfs-card__img img{transform:scale(1.04)}
.lfs-card__body{display:flex;flex-direction:column;flex:1;padding:24px 24px 28px}
.lfs-card__body h3{margin-bottom:10px}
.lfs-card__body p{margin:0 0 22px;color:var(--muted)}
.lfs-card__body .lfs-btn{margin-top:auto;align-self:flex-start}
.lfs-card--text .lfs-card__body{padding:32px}
.lfs-pcard{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
.lfs-pcard:hover{box-shadow:var(--shadow-h);transform:translateY(-3px)}
.lfs-pcard__cat{font:500 13px/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-d);margin:0 0 12px}
.lfs-pcard__t{font-size:27px;margin-bottom:12px}.lfs-pcard__t a{text-decoration:none}.lfs-pcard__t a:hover{text-decoration:underline}
.lfs-pcard__x{color:var(--muted);margin:0 0 24px}
.lfs-pcard .lfs-btn{margin-top:auto;align-self:flex-start}
.lfs-split{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:768px){.lfs-split{grid-template-columns:1fr 1fr}}
.lfs-split .lfs-card__body p{margin-bottom:22px}
.lfs-prose p,.lfs-prose li{font-size:clamp(17px,1.4vw,19px)}
.lfs-prose p:last-child{margin-bottom:0}

/* 8. SEZIONI --------------------------------------------------------------- */
.lfs-steps{list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:1fr;counter-reset:s}
@media (min-width:768px){.lfs-steps{grid-template-columns:repeat(3,1fr)}}
.lfs-steps li{counter-increment:s;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;box-shadow:var(--shadow)}
.lfs-steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font:600 22px/1 var(--head);margin-bottom:16px}
.lfs-steps h3{margin-bottom:8px}.lfs-steps p{margin:0;color:var(--muted)}
.lfs-steps .lfs-ico{position:absolute;right:24px;top:28px;width:30px;height:30px;color:var(--line)}
.lfs-faq{display:grid;gap:12px}
.lfs-faq__item{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .2s}
.lfs-faq__item[open]{box-shadow:var(--shadow)}
.lfs-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;min-height:64px;cursor:pointer;list-style:none;font:600 clamp(20px,2vw,24px)/1.25 var(--head)}
.lfs-faq__item summary::-webkit-details-marker{display:none}
.lfs-faq__item summary::after{content:"+";flex:none;display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--ink);border-radius:50%;font:400 24px/1 var(--body);transition:transform .25s,background-color .25s,color .25s}
.lfs-faq__item[open] summary::after{transform:rotate(45deg);background:var(--ink);color:#fff}
.lfs-faq__a{padding:0 24px 22px}.lfs-faq__a p{margin:0;color:var(--muted)}
.lfs-quote{margin:0;text-align:center}
.lfs-quote blockquote{margin:0 0 20px;font:italic 400 clamp(28px,3.6vw,46px)/1.25 var(--head)}
.lfs-quote figcaption{font:500 14px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.lfs-materials{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-align:center;padding-block:var(--sp);background:#3a3532}
.lfs-materials__bg{position:absolute;inset:0;z-index:-2}
.lfs-materials__bg img,.lfs-materials__bg .lfs-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto!important}
.lfs-materials::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(24,21,19,.62)}
.lfs-materials h2{color:#fff}
.lfs-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:28px 0 0;padding:0}
.lfs-chips li{border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:8px 20px;font-weight:500;letter-spacing:.04em}
.lfs-contact{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:900px){.lfs-contact{grid-template-columns:repeat(3,1fr)}}
.lfs-contact .lfs-card__body{align-items:flex-start}
.lfs-contact__ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bg);border:1px solid var(--line);margin-bottom:16px}
.lfs-contact__ico .lfs-ico{width:26px;height:26px}
.lfs-contact__big{font:500 clamp(22px,2.2vw,28px)/1.3 var(--head);margin:0 0 20px;overflow-wrap:anywhere}
.lfs-contact__big a{text-decoration:none}
.lfs-where{display:grid;gap:12px;justify-items:start}
.lfs-search{display:flex;gap:12px;flex-wrap:wrap}
.lfs-search input{flex:1;min-width:200px;min-height:48px;padding:0 16px;border:1.5px solid var(--ink);border-radius:4px;background:var(--paper);font:inherit}

/* 9. FASCIA MARCHI --------------------------------------------------------- */
.lfs-brands{overflow:hidden;background-color:var(--bg);background-image:var(--linen);border-block:1px solid var(--line);padding-block:28px}
.lfs-brands__track{display:flex;width:max-content;animation:lfs-scroll 150s linear infinite;will-change:transform}
.lfs-brands:hover .lfs-brands__track,.lfs-brands:focus-within .lfs-brands__track{animation-play-state:paused}
.lfs-brands__list{display:flex;gap:20px;list-style:none;margin:0;padding:0 10px}
.lfs-brand{flex:none;display:grid;place-items:center;width:200px;height:100px;padding:6px 8px;background:var(--paper);border:1px solid var(--line);border-radius:4px}
.lfs-brand img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .3s,opacity .3s}
.lfs-brand:hover img{filter:none;opacity:1}
.lfs-brand__txt{font:600 19px/1.2 var(--head);text-align:center;color:var(--muted)}
@keyframes lfs-scroll{to{transform:translateX(-50%)}}
.lfs-sec .lfs-brands{margin-top:32px;border:1px solid var(--line);border-radius:var(--r)}

/* 10. FOOTER --------------------------------------------------------------- */
.lfs-foot{background-color:#2B2B2B;background-image:var(--linen);color:#F7F3EC;padding-top:clamp(48px,6vw,80px)}
.lfs-foot a{color:inherit}
.lfs-foot__grid{display:grid;gap:36px;grid-template-columns:1fr}
@media (min-width:640px){.lfs-foot__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.lfs-foot__grid{grid-template-columns:1.2fr 1.1fr .8fr .7fr}}
.lfs-foot__col{min-width:0}
.lfs-foot__logo{display:block;line-height:0;margin-bottom:20px}.lfs-foot__logo svg{height:48px;width:auto;max-width:100%}
.lfs-foot p{margin:0 0 14px}
.lfs-foot__h{font:500 14px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;color:#F7F3EC}
.lfs-foot__list,.lfs-social-list{list-style:none;margin:0;padding:0}
.lfs-foot__list a,.lfs-social{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}
.lfs-foot__list a:hover,.lfs-social:hover{text-decoration:underline}
.lfs-foot__bottom{margin-top:clamp(36px,5vw,56px);padding-block:24px;border-top:1px solid rgba(247,243,236,.22);text-align:center}
.lfs-foot__line{margin:0;font-size:15px}
.lfs-foot__legal{margin:6px 0 0;font-size:15px}
.lfs-wa-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + var(--cmxds-cc-h,0px) + env(safe-area-inset-bottom,0px));z-index:55;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:var(--shadow-h);transition:transform .2s,background-color .2s}
.lfs-wa-fab:hover{transform:scale(1.06);background:var(--accent-d)}
.lfs-wa-fab .lfs-ico{width:28px;height:28px}

/* 11. BLOG ----------------------------------------------------------------- */
.lfs-post{padding-block:clamp(32px,5vw,64px)}
.lfs-post__meta{color:var(--muted);font-size:15px;margin-bottom:28px}
.lfs-post__body{font-size:clamp(17px,1.4vw,19px)}
.lfs-post__body h2{font-size:clamp(28px,3.2vw,38px);margin-top:1.6em;scroll-margin-top:calc(var(--hh) + 16px)}
.lfs-post__body ul,.lfs-post__body ol{margin:0 0 1.2em}
.lfs-post__cta{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.lfs-toc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;margin-bottom:32px}
.lfs-toc__t{font:600 22px/1.2 var(--head);margin:0 0 8px}
.lfs-toc ol{margin:0;padding-left:1.2em}.lfs-toc a{display:inline-block;padding:4px 0}
.navigation.pagination{margin-top:48px}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:4px;text-decoration:none;background:var(--paper)}
.page-numbers.current,a.page-numbers:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* 12. MOVIMENTO ------------------------------------------------------------ */
html.js [data-r]{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*90ms)}
html.js [data-r=l]{transform:translateX(-32px)}
html.js [data-r=r]{transform:translateX(32px)}
html.js [data-r=z]{transform:scale(.93)}
html.js [data-r=f]{transform:none}
html.js [data-r].is-in{opacity:1;transform:none}
.lfs-hero__in>*{animation:lfs-up .9s ease both}
.lfs-hero__in>*:nth-child(2){animation-delay:.1s}.lfs-hero__in>*:nth-child(3){animation-delay:.2s}.lfs-hero__in>*:nth-child(4){animation-delay:.3s}
@keyframes lfs-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html.js [data-r]{opacity:1;transform:none}
  .lfs-brands__track{animation:none;width:auto;display:block}
  .lfs-brands__list{flex-wrap:wrap;justify-content:center;padding:0}
  .lfs-brands__list+.lfs-brands__list{display:none}
  .lfs-hero__video{display:none!important}
}
@media print{.lfs-top,.lfs-wa-fab,.lfs-brands,.lfs-foot{display:none}}

/* 14. GALLERIA E VARIE ----------------------------------------------------- */
.lfs-gal{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){.lfs-gal{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.lfs-gal{grid-template-columns:repeat(3,1fr)}}
.lfs-tile{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--band);box-shadow:var(--shadow)}
.lfs-tile img,.lfs-tile .lfs-ph{width:100%;height:100%;object-fit:cover;transition:transform .6s;aspect-ratio:auto!important}
.lfs-tile:hover img{transform:scale(1.04)}
.lfs-who h3{margin-bottom:12px}
.lfs-note{margin-top:24px;font-size:15px;color:var(--muted)}
.lfs-contact__list{list-style:none;margin:0 0 20px;padding:0}
.lfs-contact__list a{display:inline-block;padding:6px 0;font:500 clamp(22px,2.2vw,28px)/1.3 var(--head);text-decoration:none;overflow-wrap:anywhere}
.lfs-contact__list a:hover{text-decoration:underline}
/* Pulsanti nel footer: il colore dei link del footer non deve vincere sul pulsante (mai chiaro su chiaro) */
.lfs-foot a.lfs-btn--light{color:var(--ink)}
.lfs-foot a.lfs-btn--light:hover{color:#F7F3EC}
.lfs-prose{margin-bottom:28px}

/* 15. VERSIONE 1.1 --------------------------------------------------------- */
/* Testo non selezionabile (richiesta del cliente): restano selezionabili i campi di ricerca. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default}
a,button,summary,label,.lfs-burger,.lfs-sq,.lfs-btn,.page-numbers{cursor:pointer}
input,textarea,select{-webkit-user-select:text;user-select:text;cursor:text}
img,svg,video{-webkit-user-drag:none;user-drag:none}
::selection{background:transparent}input::selection,textarea::selection{background:var(--accent-l)}

/* Testata e menu su telefono e tablet */
.lfs-top__act{justify-self:end}
.lfs-nav__acts{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:20px}
.lfs-nav__acts .lfs-nav__cta{grid-column:1/-1;margin-top:0}
.lfs-nav__acts .lfs-btn{width:100%;min-width:0;padding-inline:14px}
@media (max-width:1023px){
  .lfs-top__in{display:flex;justify-content:space-between;gap:12px}
  .lfs-top.is-open .lfs-nav{position:fixed;left:0;right:0;top:var(--hh);bottom:0;max-height:none;height:calc(100dvh - var(--hh));padding:12px var(--gut) calc(28px + env(safe-area-inset-bottom,0px));overflow:auto;border-bottom:0;box-shadow:0 20px 40px rgba(43,43,43,.18);animation:lfs-panel .28s ease both}
  .lfs-menu>li>a{font:500 clamp(24px,6.4vw,30px)/1.2 var(--head);padding:16px 4px;letter-spacing:0}
  .lfs-menu .sub-menu a{font:400 17px/1.35 var(--body);padding:10px 4px 10px 12px}
  .lfs-menu .sub-menu{padding-bottom:8px}
  .lfs-top.is-open .lfs-menu>li{animation:lfs-up .45s ease both}
  .lfs-top.is-open .lfs-menu>li:nth-child(2){animation-delay:.05s}.lfs-top.is-open .lfs-menu>li:nth-child(3){animation-delay:.1s}.lfs-top.is-open .lfs-menu>li:nth-child(4){animation-delay:.15s}.lfs-top.is-open .lfs-menu>li:nth-child(5){animation-delay:.2s}
}
@media (max-width:639px){.lfs-top__act .lfs-sq{display:none}.lfs-logo svg{height:40px}}
@media (min-width:1024px){.lfs-nav__acts{display:none}.lfs-menu>li>a{font-size:16px}}
@keyframes lfs-panel{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes lfs-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}

/* Fascia marchi: titolo centrato, loghi al centro del riquadro */
.lfs-brands--page{padding-block:clamp(40px,6vw,72px)}
.lfs-brands__head{margin-bottom:28px}
.lfs-brands__t{font:500 clamp(28px,3.4vw,40px)/1.15 var(--head);margin:0 0 10px}
.lfs-brands__head .lfs-orn{margin:0;justify-content:center}
.lfs-brand{align-items:center;justify-items:center}
.lfs-brand img{display:block;margin:auto}

/* Azienda: numeri, missione, visione, valori */
.lfs-stats-sec{background:var(--ink);color:#F7F3EC;padding-block:clamp(36px,5vw,60px)}
.lfs-stats{list-style:none;margin:0;padding:0;display:grid;gap:28px 16px;grid-template-columns:repeat(2,1fr);text-align:center}
@media (min-width:768px){.lfs-stats{grid-template-columns:repeat(4,1fr)}}
.lfs-stat__n{display:block;font:500 clamp(44px,6vw,72px)/1 var(--head);color:#fff}
.lfs-stat__l{display:block;margin-top:8px;letter-spacing:.08em;text-transform:uppercase;font-size:14px;opacity:.9}
.lfs-mv .lfs-card__body{padding:clamp(24px,3vw,40px)}
.lfs-mv h3{font-size:clamp(26px,2.6vw,34px)}
.lfs-eyebrow--dark{color:var(--accent-d)}
.lfs-val__n{display:block;font:500 40px/1 var(--head);color:var(--accent);margin-bottom:12px}

/* Contatti: mappa sempre visibile a metà schermo, con l'indirizzo */
.lfs-map{position:relative;background:var(--band)}
.lfs-map__frame{height:50vh;height:50svh;min-height:320px}
.lfs-map__frame iframe{display:block;width:100%;height:100%;border:0}
.lfs-map__card{background:var(--paper);padding:24px var(--gut) 28px;border-top:1px solid var(--line)}
.lfs-map__t{font:500 clamp(26px,3vw,34px)/1.15 var(--head);margin:0 0 10px}
.lfs-map__addr{margin:0 0 6px;font-size:18px}
.lfs-map__note{margin:0 0 18px;color:var(--muted)}
@media (min-width:900px){
  .lfs-map__card{position:absolute;left:max(var(--gut),calc((100% - var(--w))/2));top:50%;transform:translateY(-50%);width:340px;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-h);padding:28px}
}

/* Movimento: dettagli */
.lfs-top__in>*{animation:lfs-down .7s ease both}.lfs-top__in>*:nth-child(2){animation-delay:.08s}.lfs-top__in>*:nth-child(3){animation-delay:.16s}
.lfs-hero__bg img{animation:lfs-kb 16s ease-out both}
@keyframes lfs-kb{from{transform:scale(1.09)}to{transform:scale(1)}}
html.js [data-r] .lfs-orn i{opacity:0;transform:translateY(8px) rotate(var(--rot,0deg));transition:opacity .5s ease .35s,transform .5s ease .35s}
html.js [data-r] .lfs-orn i:nth-child(1){--rot:-14deg}html.js [data-r] .lfs-orn i:nth-child(3){--rot:14deg;transition-delay:.55s}html.js [data-r] .lfs-orn i:nth-child(2){transition-delay:.45s}
html.js [data-r].is-in .lfs-orn i{opacity:1;transform:rotate(var(--rot,0deg))}
.lfs-faq__item[open] .lfs-faq__a{animation:lfs-fade .45s ease both}
@keyframes lfs-fade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lfs-wa-fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:lfs-ring 4.5s ease-out 2s infinite;pointer-events:none}
@keyframes lfs-ring{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(1.7);opacity:0}}
.lfs-menu>li>a,.lfs-foot__list a{transition:color .2s,transform .2s}
.lfs-foot__list a:hover{transform:translateX(3px)}
.lfs-chips li{transition:background-color .25s,color .25s,transform .25s}.lfs-chips li:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}
.lfs-steps li::before{transition:transform .4s}.lfs-steps li:hover::before{transform:rotate(-8deg) scale(1.08)}
@media (prefers-reduced-motion:reduce){
  .lfs-top__in>*,.lfs-hero__bg img,.lfs-wa-fab::after{animation:none!important}
  html.js [data-r] .lfs-orn i{opacity:1;transform:rotate(var(--rot,0deg))}
}

/* 16. SEZIONI A DUE COLONNE (foto + testo) -------------------------------- */
.lfs-feature{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}
.lfs-feature__img{margin:0;position:relative;isolation:isolate;border-radius:var(--r);box-shadow:var(--shadow-h);background:var(--band)}
.lfs-feature__img::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1.5px solid var(--accent);border-radius:var(--r);opacity:.55;z-index:-1}
.lfs-feature__img img,.lfs-feature__img .lfs-ph{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.lfs-feature__img .lfs-ph{aspect-ratio:4/3!important}
.lfs-feature__txt{min-width:0}
.lfs-feature__txt .lfs-h2{margin-top:0}
.lfs-feature__txt .lfs-prose{margin-bottom:0}
.lfs-feature__txt .lfs-btn{margin-top:8px}
@media (min-width:900px){
  .lfs-feature{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px)}
  .lfs-feature--rev .lfs-feature__img{order:2}
  .lfs-feature--rev .lfs-feature__img::before{inset:14px 14px -14px -14px}
}
@media (max-width:899px){.lfs-feature__img::before{inset:10px -8px -10px 8px}}
.lfs-sec:has(.lfs-feature){overflow:hidden}

/* 17. ICONE ---------------------------------------------------------------- */
.lfs-ico{width:20px;height:20px}
.lfs-ico--brand{width:20px;height:20px}
.lfs-btn .lfs-ico{width:20px;height:20px}
.lfs-sq .lfs-ico{width:20px;height:20px}
.lfs-burger .lfs-ico{width:26px;height:26px}
.lfs-social .lfs-ico{width:20px;height:20px}
.lfs-contact__ico{width:64px;height:64px;background:rgba(178,58,72,.09);border:0;color:var(--accent);transition:background-color .25s,color .25s,transform .25s}
.lfs-contact__ico .lfs-ico{width:28px;height:28px}
.lfs-card:hover .lfs-contact__ico{background:var(--accent);color:#fff;transform:scale(1.06)}
.lfs-wa-fab .lfs-ico{width:30px;height:30px}
.lfs-sq:hover .lfs-ico,.lfs-sq:focus-visible .lfs-ico{transform:scale(1.08)}
.lfs-sq .lfs-ico{transition:transform .2s}

/* 17. ICONE E CONTATTI (versione 1.3) ------------------------------------- */
.lfs-ico{width:22px;height:22px;flex:none}
/* Testata: pulsanti tondi, icona del colore del marchio */
.lfs-sq{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--accent-d);box-shadow:0 1px 2px rgba(43,43,43,.06)}
.lfs-sq:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}
.lfs-sq .lfs-ico{width:20px;height:20px}
.lfs-burger{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);box-shadow:0 1px 2px rgba(43,43,43,.06)}
.lfs-burger .lfs-ico{width:22px;height:22px}
/* Icone nelle schede contatti: cerchio con tinta del marchio */
.lfs-contact__ico{width:60px;height:60px;background:rgba(178,58,72,.08);border:1px solid rgba(178,58,72,.22);color:var(--accent)}
.lfs-contact__ico .lfs-ico{width:26px;height:26px}
/* Pulsante WhatsApp flottante */
.lfs-wa-fab{width:58px;height:58px;box-shadow:0 6px 18px rgba(143,44,57,.38),0 1px 3px rgba(0,0,0,.2)}
.lfs-wa-fab .lfs-ico{width:27px;height:27px}
/* Footer: contatti ordinati, icona in cerchio + etichetta + valore */
.lfs-foot__about{margin:0 0 20px;max-width:34ch;opacity:.85}
.lfs-fc{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lfs-fc__row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;min-height:52px;padding:4px 0;color:inherit;text-decoration:none}
.lfs-fc__i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(247,243,236,.3);color:#F7F3EC;transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.lfs-fc__i .lfs-ico{width:20px;height:20px}
.lfs-fc__l{display:block;font:500 12px/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase;opacity:.65}
.lfs-fc__v{display:block;margin-top:2px;font:500 17px/1.35 var(--body);overflow-wrap:anywhere}
a.lfs-fc__row:hover .lfs-fc__i,a.lfs-fc__row:focus-visible .lfs-fc__i{background:#F7F3EC;border-color:#F7F3EC;color:#2B2B2B;transform:translateY(-2px)}
a.lfs-fc__row:hover .lfs-fc__v{text-decoration:underline;text-underline-offset:3px}
.lfs-foot a.lfs-fc__row{color:inherit}
@media (max-width:639px){
  .lfs-foot__grid{gap:0}
  .lfs-foot__col{padding-block:28px;border-top:1px solid rgba(247,243,236,.16)}
  .lfs-foot__col:first-child{border-top:0;padding-top:0}
  .lfs-fc{gap:10px}
}