:root{--blue:#0f4c81;--sky:#4fc3f7;--orange:#ff9800;--dark:#102033;--muted:#64748b;--light:#f4f9ff;--white:#fff;--green:#19a463}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:20;border-bottom:1px solid #e5edf5}.nav-wrap{display:flex;align-items:center;gap:22px;min-height:72px}.logo{display:flex;flex-direction:column;line-height:1;text-transform:uppercase;font-weight:900;letter-spacing:.5px}.logo span{color:var(--blue);font-size:18px}.logo strong{color:var(--sky);font-size:25px}.main-nav{display:flex;gap:22px;margin-left:auto;font-weight:700}.main-nav a:hover{color:var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:800}.nav-cta,.primary{background:var(--green);color:white}.secondary{background:var(--blue);color:white}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--blue);color:#fff;border-radius:10px;padding:10px 13px;font-size:22px}
.hero{padding:70px 0 55px;background:linear-gradient(135deg,#eaf7ff 0%,#fff7e9 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;color:var(--blue);font-weight:900;letter-spacing:1px}.hero h1,.page-hero h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:10px 0}.lead{font-size:clamp(18px,2vw,23px);color:#334155}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.hero-card{position:relative}.hero-card img,.round-img{width:100%;border-radius:26px;box-shadow:0 24px 60px rgba(15,76,129,.22);display:block}.badge{position:absolute;right:18px;bottom:18px;background:var(--orange);color:#fff;padding:12px 18px;border-radius:999px;font-weight:900}
.section{padding:62px 0}.section.alt{background:var(--light)}h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:0 0 24px}.wide{font-size:19px;max-width:920px}.brands h2{text-align:center}.marquee{overflow:hidden;border:1px solid #d8e8f5;border-radius:22px;background:#fff;padding:16px}.marquee-track{display:flex;gap:16px;width:max-content;animation:scroll 35s linear infinite}.marquee span{white-space:nowrap;background:var(--light);border-radius:999px;padding:10px 18px;font-weight:900;color:var(--blue)}@keyframes scroll{to{transform:translateX(-50%)}}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article,.step-grid>div,.form{background:#fff;border:1px solid #dbe8f4;border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(16,32,51,.06)}.cards h3{margin-top:0;color:var(--blue)}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-grid strong{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--orange);color:#fff;border-radius:50%;font-size:22px}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.link-grid a{background:#fff;border:1px solid #dbe8f4;border-radius:14px;padding:12px 14px;font-weight:800;color:var(--blue)}.mt{margin-top:34px}.text-link{font-weight:900;color:var(--blue);text-decoration:underline}.page-hero{padding:70px 0;background:linear-gradient(135deg,var(--blue),#1674b7);color:#fff}.page-hero p{font-size:21px;max-width:850px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.form label{display:block;font-weight:800;margin-bottom:14px}.form input,.form textarea{width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font:inherit}.form button{border:0;width:100%;cursor:pointer}.faq details{border:1px solid #dbe8f4;border-radius:16px;margin-bottom:12px;padding:16px;background:#fff}.faq summary{font-weight:900;cursor:pointer}.contact-strip{text-align:center;background:#fff7e9}.footer{background:#102033;color:#dbeafe;padding-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:34px}.footer a{display:block;margin:8px 0}.footer-logo strong{color:#4fc3f7}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:18px;margin-top:30px}.wa-floating{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--green);color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.18)}
@media(max-width:880px){.nav-wrap{min-height:64px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;flex-direction:column;padding:18px 4%;border-bottom:1px solid #e5edf5}.main-nav.open{display:flex}.nav-cta{display:none}.hero{padding:44px 0}.hero-grid,.two-col,.footer-grid{grid-template-columns:1fr}.hero-card{order:-1}.hero-actions .btn{width:100%}.cards,.step-grid,.link-grid{grid-template-columns:1fr}.section{padding:44px 0}.logo span{font-size:15px}.logo strong{font-size:21px}}
@media(min-width:881px) and (max-width:1100px){.cards,.step-grid,.link-grid{grid-template-columns:repeat(2,1fr)}}

.nav-actions{display:flex;gap:10px;align-items:center}.nav-cta.call{background:var(--blue)}.nav-dropdown{position:relative;display:flex;align-items:center}.drop-link{font-weight:700}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid #dbe8f4;border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(16,32,51,.14);z-index:50}.dropdown-menu a{display:block;padding:9px 12px;border-radius:10px;color:var(--dark);white-space:nowrap}.dropdown-menu a:hover{background:var(--light);color:var(--blue)}.nav-dropdown:hover .dropdown-menu{display:block}.linked-cards a.card-link{display:block}.linked-cards article{height:100%;transition:.2s ease}.linked-cards article:hover{transform:translateY(-3px);border-color:var(--sky)}.linked-cards span{display:inline-block;margin-top:8px;color:var(--blue);font-weight:900}.privacy-check{display:flex!important;gap:10px;align-items:flex-start}.privacy-check input{width:auto!important;margin-top:5px!important}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;gap:10px;align-items:center}.wa-floating,.call-floating{position:static;display:inline-flex;color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.18)}.wa-floating{background:var(--green)}.call-floating{background:var(--blue)}
@media(max-width:880px){.nav-actions{display:none}.main-nav .nav-dropdown{display:block}.dropdown-menu{display:none;position:static;box-shadow:none;border:0;padding:4px 0 4px 12px}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{white-space:normal}.floating-actions{left:12px;right:12px;bottom:12px}.wa-floating,.call-floating{flex:1;justify-content:center;padding:13px 10px}.footer-grid{grid-template-columns:1fr!important}}

/* Home definitiva StocchistiBambino.it */
.orange{background:var(--orange);color:#fff}.center{text-align:center;margin-left:auto;margin-right:auto}.center-actions{justify-content:center}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.trust-row span{background:#fff;border:1px solid #dbe8f4;color:var(--blue);font-weight:900;border-radius:999px;padding:9px 13px}.highlight-box{background:#fff;border:1px solid #dbe8f4;border-radius:24px;padding:28px;box-shadow:0 18px 42px rgba(16,32,51,.08)}.highlight-box h3{color:var(--blue);font-size:26px;margin-top:0}.highlight-box li{margin:8px 0}.seo-text p{font-size:18px}.hero-copy .lead{max-width:760px}.hero-card img{aspect-ratio:3/2;object-fit:cover}.cards article p{margin-bottom:0}.contact-strip .hero-actions{justify-content:center}.footer-grid{grid-template-columns:2fr 1fr 1.3fr 1.3fr}.form .btn{border:0}.form input[type=file]{background:#fff}@media(max-width:880px){.trust-row span{width:100%;text-align:center}.hero-copy{text-align:left}.badge{position:static;margin-top:10px;text-align:center}.center-actions .btn{width:100%}.footer{padding-bottom:80px}.seo-text p{font-size:16px}}

/* === MENU DEFINITIVO: desktop + mobile con frecce === */
.nav-dropdown{position:relative;display:flex;align-items:center;}
.dropdown-head{display:flex;align-items:center;gap:6px;}
.dropdown-toggle{border:0;background:transparent;color:var(--blue);font-weight:900;font-size:16px;line-height:1;cursor:pointer;padding:7px;border-radius:8px;transition:.2s ease;}
.dropdown-toggle:hover{background:var(--light);}
.dropdown-toggle[aria-expanded="true"]{transform:rotate(180deg);}
.dropdown-menu{max-height:70vh;overflow:auto;}
@media(min-width:881px){
  .dropdown-menu{min-width:560px;grid-template-columns:repeat(2,minmax(220px,1fr));gap:4px;}
  .nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.is-open .dropdown-menu{display:grid;}
}
@media(max-width:880px){
  .main-nav{max-height:calc(100vh - 64px);overflow:auto;gap:8px;}
  .main-nav>a,.dropdown-head{padding:11px 0;border-bottom:1px solid #edf4fa;}
  .dropdown-head{justify-content:space-between;}
  .drop-link{flex:1;}
  .dropdown-toggle{background:#eef8ff;color:var(--blue);width:38px;height:38px;}
  .dropdown-menu{display:none!important;position:static!important;box-shadow:none!important;border:0!important;padding:6px 0 6px 12px!important;max-height:none!important;overflow:visible!important;background:#f8fcff;border-radius:14px;margin:0 0 10px;}
  .nav-dropdown.is-open .dropdown-menu{display:block!important;}
  .dropdown-menu a{padding:11px 14px!important;border-bottom:1px solid #e8f2fa;white-space:normal!important;}
  .dropdown-menu a:last-child{border-bottom:0;}
  .hero-card img{max-height:230px!important;object-fit:cover;}
  .hero{padding-top:30px!important;}
}
/* === CORREZIONE LEGGIBILITÀ HERO PAGINE INTERNE === */

.page-hero .eyebrow{
  color:#062f4f !important;
  font-weight:900 !important;
  opacity:1 !important;
}

.page-hero .lead,
.page-hero p.lead{
  color:#000000 !important;
  font-size:clamp(18px,2vw,23px);
  line-height:1.8;
  font-weight:700;
  max-width:760px;
}

.page-hero .hero-copy p:not(.eyebrow){
  color:#000000 !important;
}

.page-hero h1{
  color:#ffffff !important;
  text-shadow:0 3px 10px rgba(0,0,0,.25);
}

/* Mobile */
@media(max-width:880px){
  .page-hero .lead,
  .page-hero p.lead{
    color:#000000 !important;
    font-size:18px;
    line-height:1.7;
    font-weight:700;
  }

  .page-hero .eyebrow{
    color:#062f4f !important;
  }

  .page-hero h1{
    font-size:clamp(38px,12vw,58px);
  }
}

/* === FIX DEFINITIVO MENU DESKTOP + BOTTONE VALUTAZIONE === */
.btn.orange,.orange{background:var(--orange)!important;color:#fff!important;border:0!important;}
@media(min-width:881px){
  .nav-dropdown{position:relative!important;}
  .dropdown-menu{
    min-width:760px!important;
    max-height:90vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    grid-template-columns:repeat(2,minmax(300px,1fr))!important;
    gap:6px!important;
    padding:12px 14px!important;
    right:auto!important;
    left:0!important;
  }
  .dropdown-menu a{padding:10px 12px!important;white-space:normal!important;line-height:1.25!important;}
  .nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.is-open .dropdown-menu{display:grid!important;}
}
/* =====================================================
   BLOG STOCCHISTI BAMBINO
===================================================== */

.hero-page{
    background:url('/assets/images/blog-stock-abbigliamento-bambino.webp') center center/cover no-repeat;
    min-height:500px;
    position:relative;
    display:flex;
    align-items:center;
}

.hero-overlay{
    width:100%;
    background:rgba(0,0,0,.55);
    padding:100px 0;
}

.hero-page h1{
    color:#fff;
    font-size:clamp(40px,6vw,70px);
    line-height:1;
    margin-bottom:20px;
    text-shadow:0 3px 10px rgba(0,0,0,.35);
}

.hero-page p{
    color:#fff;
    max-width:850px;
    font-size:22px;
    line-height:1.8;
}

.hero-page .breadcrumb{
    color:#fff;
    margin-bottom:20px;
    font-weight:700;
}

.hero-page .breadcrumb a{
    color:#fff;
}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:22px;
    margin-top:30px;
}

.blog-card{
    background:#fff;
    border:1px solid #dbe8f4;
    border-radius:22px;
    padding:24px;
    box-shadow:0 12px 28px rgba(16,32,51,.06);
    transition:.25s ease;
}

.blog-card:hover{
    transform:translateY(-4px);
    border-color:var(--sky);
}

.blog-card h3{
    margin-top:0;
    color:var(--blue);
    font-size:24px;
}

.blog-card h3 a{
    color:var(--blue);
}

.blog-card p{
    margin-bottom:0;
    color:#334155;
}

.btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--orange);
    color:#fff;
    padding:14px 24px;
    border-radius:999px;
    font-weight:900;
    margin-top:20px;
}

.btn-primary:hover{
    opacity:.9;
}

@media(max-width:880px){

    .hero-page{
        min-height:420px;
    }

    .hero-overlay{
        padding:70px 0;
    }

    .hero-page h1{
        font-size:42px;
    }

    .hero-page p{
        font-size:18px;
    }

    .blog-grid{
        grid-template-columns:1fr;
    }
}

/* === FIX DEFINITIVO SOTTOMENU BLOG DESKTOP === */
@media(min-width:881px){
  .blog-dropdown .dropdown-menu{
    display:none !important;
    width:460px !important;
    min-width:460px !important;
    max-width:460px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    grid-template-columns:1fr !important;
    padding:16px !important;
    text-align:left !important;
  }

  .blog-dropdown:hover .dropdown-menu,
  .blog-dropdown:focus-within .dropdown-menu,
  .blog-dropdown.is-open .dropdown-menu{
    display:block !important;
  }

  .blog-dropdown .dropdown-menu a{
    display:block !important;
    padding:12px 14px !important;
    border-radius:10px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }

  .blog-dropdown .dropdown-menu a:hover{
    background:var(--light) !important;
    color:var(--blue) !important;
  }
}

/* === ARTICOLI BLOG SEO === */
.article-content{
  max-width:980px;
}

/* === SEO + visual upgrade 2026-07-12 === */
.seo-visual-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%);
}
.seo-visual-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 12%,rgba(79,195,247,.16),transparent 28%),
    radial-gradient(circle at 92% 20%,rgba(25,164,99,.12),transparent 26%);
  pointer-events:none;
}
.seo-visual-section .container{position:relative;z-index:1}
.seo-visual-head{
  display:grid;
  gap:10px;
  max-width:980px;
  margin-bottom:26px;
}
.seo-visual-head h2{margin-bottom:4px}
.seo-visual-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}
/* 2 card: niente colonna vuota a destra */
.seo-visual-grid.cols-2,
.seo-visual-grid:has(> .seo-visual-card:nth-child(2):last-child){
  grid-template-columns:repeat(2,minmax(0,1fr));
}
/* 3 card: layout classico */
.seo-visual-grid.cols-3,
.seo-visual-grid:has(> .seo-visual-card:nth-child(3):last-child){
  grid-template-columns:repeat(3,minmax(0,1fr));
}
/* 4+ card: 2 colonne su desktop medi, 3 su schermi larghi */
.seo-visual-grid.cols-4,
.seo-visual-grid:has(> .seo-visual-card:nth-child(4)){
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(min-width:1100px){
  .seo-visual-grid.cols-4,
  .seo-visual-grid:has(> .seo-visual-card:nth-child(4)){
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .seo-visual-grid:has(> .seo-visual-card:nth-child(6):last-child){
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
.seo-visual-card{
  background:#fff;
  border:1px solid #dbe8f4;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(16,32,51,.09);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.seo-visual-card:hover{
  transform:translateY(-3px);
  border-color:var(--sky);
  box-shadow:0 24px 58px rgba(16,32,51,.13);
}
.seo-visual-card img{
  width:100%;
  max-width:100%;
  height:auto!important;
  aspect-ratio:3/2;
  max-height:320px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.seo-visual-card div{padding:20px}
.seo-visual-card h3{
  margin:0 0 8px;
  color:var(--blue);
  font-size:22px;
  line-height:1.15;
}
.seo-visual-card p{
  margin:0;
  color:#334155;
  line-height:1.65;
}
.hero-card,
.highlight-box,
.cards article,
.form,
.blog-card,
.seo-visual-card{
  will-change:transform;
}
.page-hero{
  background:
    linear-gradient(135deg,rgba(15,76,129,.94),rgba(22,116,183,.90)),
    url('/assets/images/stocchisti-abbigliamento-bambino.webp') center/cover no-repeat;
}
.page-hero .hero-card img,
.hero-card img{
  border:1px solid rgba(255,255,255,.45);
}
.contact-strip{
  background:
    linear-gradient(135deg,#fff7e9 0%,#eaf7ff 100%);
}
@media(max-width:880px){
  .seo-visual-grid,
  .seo-visual-grid.cols-2,
  .seo-visual-grid.cols-3,
  .seo-visual-grid.cols-4,
  .seo-visual-grid:has(> .seo-visual-card:nth-child(2):last-child),
  .seo-visual-grid:has(> .seo-visual-card:nth-child(3):last-child),
  .seo-visual-grid:has(> .seo-visual-card:nth-child(4)),
  .seo-visual-grid:has(> .seo-visual-card:nth-child(6):last-child){
    grid-template-columns:1fr!important;
  }
  .seo-visual-card div{padding:18px}
  .seo-visual-card h3{font-size:20px}
  .seo-visual-card img{max-height:240px}
}

/* === Deep SEO blocks: FAQ + internal links 2026-07-12 === */
.seo-deep-section{
  background:#fff;
  border-top:1px solid #dbe8f4;
  border-bottom:1px solid #dbe8f4;
}
.seo-deep-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:26px;
  align-items:start;
}
.seo-deep-copy,
.seo-link-panel,
.seo-extra-faq{
  background:#fff;
  border:1px solid #dbe8f4;
  border-radius:24px;
  padding:26px;
  box-shadow:0 16px 38px rgba(16,32,51,.07);
}
.seo-deep-copy p{
  color:#334155;
  font-size:18px;
  line-height:1.8;
}
.seo-link-panel h3{
  margin-top:0;
  color:var(--blue);
  font-size:24px;
}
.seo-link-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.seo-link-list a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:11px 13px;
  border-radius:14px;
  background:#f4f9ff;
  border:1px solid #dbe8f4;
  color:var(--blue);
  font-weight:850;
  line-height:1.25;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.seo-link-list a:hover{
  background:#eefaf4;
  border-color:#b7edd2;
  transform:translateY(-1px);
}
.seo-extra-faq{
  margin-top:24px;
  display:grid;
  gap:12px;
}
.seo-extra-faq h2{
  margin-bottom:8px;
}
.seo-extra-faq details{
  border:1px solid #dbe8f4;
  border-radius:16px;
  background:#f8fcff;
  padding:16px 18px;
}
.seo-extra-faq summary{
  cursor:pointer;
  color:var(--blue);
  font-weight:900;
}
.seo-extra-faq p{
  color:#334155;
  margin-bottom:0;
}
@media(max-width:880px){
  .seo-deep-grid{grid-template-columns:1fr}
  .seo-link-list{grid-template-columns:1fr}
  .seo-deep-copy,
  .seo-link-panel,
  .seo-extra-faq{padding:20px}
  .seo-deep-copy p{font-size:16px}
}

.article-content h2{
  margin-top:34px;
}

.article-content p{
  font-size:18px;
}

.article-content ul{
  font-size:18px;
  padding-left:22px;
}

.article-box{
  background:#fff7e9;
  border:1px solid #ffd59a;
  border-radius:22px;
  padding:24px;
  margin:28px 0;
}

.article-box h3{
  color:var(--blue);
  margin-top:0;
}

.article-links{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  margin:20px 0;
}

.article-links a{
  background:#fff;
  border:1px solid #dbe8f4;
  color:var(--blue);
  border-radius:14px;
  padding:12px 14px;
  font-weight:900;
}

.article-hero .hero-card img{
  aspect-ratio:4/3;
  object-fit:cover;
}

@media(max-width:880px){
  .article-content p,
  .article-content ul{
    font-size:16px;
  }
}


/* === GDPR COOKIE BANNER === */
.cookie-banner{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:9999;
  max-width:980px;
  margin:auto;
  background:#fff;
  border:1px solid #dbe8f4;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(16,32,51,.18);
  padding:18px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.cookie-banner p{margin:0;flex:1 1 360px;font-size:15px;color:var(--dark)}
.cookie-banner button,.cookie-banner a{
  border:0;
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
}
.cookie-banner .cookie-accept{background:var(--green);color:#fff}
.cookie-banner .cookie-deny{background:var(--blue);color:#fff}
.cookie-banner a{background:var(--light);color:var(--blue)}
@media(max-width:640px){.cookie-banner{align-items:stretch}.cookie-banner button,.cookie-banner a{width:100%;text-align:center}}

/* === Recensioni Google (stile tipo MonicaStock) === */
.google-review-section{
  background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);
  border:1px solid rgba(25,164,99,.22);
  border-radius:22px;
  padding:34px 28px;
  box-shadow:0 14px 40px rgba(16,32,51,.08);
  overflow:hidden;
}
.google-review-head{text-align:center;max-width:820px;margin:0 auto 24px}
.google-review-kicker{
  display:inline-flex;align-items:center;gap:8px;
  background:#dcfce7;color:#166534;border-radius:999px;
  padding:7px 14px;font-size:.92rem;font-weight:800;margin-bottom:12px;
}
.google-review-head h2{margin:0 0 10px;font-size:clamp(1.55rem,3vw,2.15rem);color:var(--dark)}
.google-review-head p{margin:0;color:#475569;font-size:1.04rem;line-height:1.65}
.google-review-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin-top:18px;border-radius:999px;padding:14px 22px;font-weight:900;
  box-shadow:0 10px 24px rgba(25,164,99,.22);transition:transform .2s,box-shadow .2s,background .2s;
  background:var(--green)!important;color:#fff!important;border:2px solid var(--green)!important;text-decoration:none!important;
}
.google-review-btn:hover{
  transform:translateY(-2px);box-shadow:0 14px 30px rgba(25,164,99,.28);
  background:#15803d!important;border-color:#15803d!important;color:#fff!important;text-decoration:none!important;
}
.google-review-carousel{position:relative;margin-top:24px;overflow:hidden;border-radius:18px}
.google-review-track{display:flex;gap:18px;width:max-content;animation:googleReviewSlide 28s linear infinite}
.google-review-carousel:hover .google-review-track{animation-play-state:paused}
.google-review-card{
  width:310px;min-height:180px;background:#fff;border:1px solid rgba(16,32,51,.08);
  border-radius:18px;padding:20px;box-shadow:0 10px 26px rgba(16,32,51,.07);
}
.google-review-stars{letter-spacing:2px;color:#f59e0b;font-size:1.08rem;margin-bottom:10px}
.google-review-card strong{display:block;color:var(--dark);margin-bottom:8px;font-size:1.05rem}
.google-review-card p{margin:0;color:#475569;line-height:1.58;font-size:.98rem}
.google-review-source{display:flex;align-items:center;gap:8px;margin-top:14px;color:#64748b;font-size:.9rem;font-weight:700}
.google-review-g{
  display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  border-radius:50%;background:#f8fafc;border:1px solid #e2e8f0;font-weight:900;color:#4285f4;
}
@keyframes googleReviewSlide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:700px){
  .google-review-section{padding:26px 18px}
  .google-review-card{width:270px}
  .google-review-track{animation-duration:24s}
  .google-review-btn{width:100%;padding:13px 16px}
}
@media(prefers-reduced-motion:reduce){
  .google-review-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
}

/* === Pagina marchi === */
.brand-chip-grid{
  display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 8px;
}
.brand-chip{
  display:inline-flex;align-items:center;
  background:#fff;border:1px solid #dbe8f4;border-radius:999px;
  padding:9px 14px;font-weight:800;color:var(--blue);font-size:.95rem;
  box-shadow:0 6px 16px rgba(16,32,51,.04);
}
.section h3.mt,.brand-chip-grid + h3{margin-top:28px}
@media(max-width:700px){
  .brand-chip{font-size:.9rem;padding:8px 12px}
}

/* === MENU GRAFICA OTTIMIZZATA === */
.site-header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e7eef6!important;
  box-shadow:0 8px 24px rgba(15,76,129,.05);
}
.nav-wrap{
  gap:14px!important;
  min-height:74px!important;
}
.main-nav{
  align-items:center!important;
  gap:2px!important;
  font-size:14.5px!important;
  font-weight:700!important;
}
.main-nav > a,
.main-nav .drop-link{
  color:#1a3550;
  padding:8px 11px!important;
  border-radius:10px;
  letter-spacing:.01em;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.main-nav > a:hover,
.main-nav .drop-link:hover{
  background:#eef6fc!important;
  color:var(--blue)!important;
}
.main-nav .dropdown-head{
  gap:2px!important;
  padding:0!important;
  border-radius:10px;
}
.main-nav .dropdown-head:hover{
  background:#eef6fc;
}
.main-nav .dropdown-toggle{
  width:28px;height:28px;padding:0!important;
  display:inline-grid;place-items:center;
  border-radius:8px;color:#3d6f99!important;
  font-size:13px!important;background:transparent!important;
}
.main-nav .dropdown-toggle:hover{
  background:#dcebf8!important;
  color:var(--blue)!important;
}
.nav-actions{
  gap:8px!important;
  flex-shrink:0;
  margin-left:6px;
}
.nav-cta{
  padding:10px 15px!important;
  font-size:13.5px!important;
  font-weight:800!important;
  letter-spacing:.015em;
  line-height:1.1;
  border:0;
  box-shadow:0 6px 16px rgba(16,32,51,.12);
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;
}
.nav-cta:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 10px 22px rgba(16,32,51,.16);
}
.nav-cta.call{
  background:linear-gradient(135deg,#0f4c81,#1665a8)!important;
}
.nav-cta:not(.call):not(.evidenza){
  background:linear-gradient(135deg,#19a463,#128a52)!important;
}
.nav-cta.evidenza{
  background:linear-gradient(135deg,#ff9800,#f57c00)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(255,152,0,.32)!important;
  font-weight:900!important;
}
.nav-cta.evidenza:hover{
  box-shadow:0 12px 26px rgba(255,152,0,.4)!important;
}
.main-nav > a.nav-evidenza{
  display:none;
  background:linear-gradient(135deg,#ff9800,#f57c00)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:12px 16px!important;
  font-weight:900!important;
  text-align:center;
  box-shadow:0 8px 20px rgba(255,152,0,.28);
}
.main-nav > a.nav-evidenza:hover{
  color:#fff!important;
  filter:brightness(1.05);
  background:linear-gradient(135deg,#ff9800,#f57c00)!important;
}
@media(min-width:881px){
  .dropdown-menu{
    border-radius:18px!important;
    border:1px solid #dbe8f4!important;
    box-shadow:0 22px 50px rgba(15,76,129,.14)!important;
    padding:14px!important;
  }
  .dropdown-menu a{
    border-radius:12px!important;
    padding:11px 13px!important;
    font-weight:700!important;
    color:#1a3550!important;
    transition:background .15s ease,color .15s ease,transform .15s ease;
  }
  .dropdown-menu a:hover{
    background:#eaf5ff!important;
    color:var(--blue)!important;
    transform:translateX(2px);
  }
}
@media(min-width:881px) and (max-width:1280px){
  .main-nav{font-size:13.2px!important;gap:0!important}
  .main-nav > a,
  .main-nav .drop-link{padding:7px 8px!important}
  .nav-cta{padding:9px 12px!important;font-size:12.5px!important}
  .nav-wrap{gap:10px!important}
  .logo span{font-size:15px}
  .logo strong{font-size:21px}
}
@media(min-width:881px) and (max-width:1080px){
  .nav-cta.call,.nav-cta:not(.evidenza):not(.call){display:none}
  .nav-cta.evidenza{display:inline-flex!important}
}
@media(max-width:880px){
  .main-nav{
    gap:6px!important;
    padding:14px 4% 18px!important;
    background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;
    box-shadow:0 18px 40px rgba(15,76,129,.12);
  }
  .main-nav > a,
  .main-nav .dropdown-head{
    padding:12px 12px!important;
    border-bottom:0!important;
    border-radius:12px!important;
    background:#fff;
    border:1px solid #e5edf5!important;
    margin:0!important;
  }
  .main-nav > a:hover,
  .main-nav .dropdown-head:hover{
    border-color:#cfe3f5!important;
    background:#f3f9ff!important;
  }
  .main-nav .dropdown-toggle{
    width:36px!important;height:36px!important;
    background:#eef8ff!important;
  }
  .main-nav > a.nav-evidenza{
    display:inline-flex!important;
    align-items:center;justify-content:center;
    width:100%;
    margin:8px 0 4px!important;
    border:0!important;
  }
  .menu-toggle{
    border-radius:12px!important;
    padding:11px 14px!important;
    box-shadow:0 6px 16px rgba(15,76,129,.18);
  }
}

/* === FIX IMMAGINI CONTENUTO (no altezza HTML 800px) === */
main img,
.section img,
.article-content img,
.blog-card img,
.round-img{
  max-width:100%;
  height:auto!important;
}
.seo-visual-card img,
.blog-card img,
.article-content img,
.round-img{
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center;
  display:block;
}
.article-hero .hero-card img,
.page-hero .hero-card img,
.hero .hero-card img,
.hero-card img{
  height:auto!important;
  max-width:100%;
  object-fit:cover;
  object-position:center;
}
@media(min-width:881px){
  .seo-visual-card img{max-height:280px}
}
@media(max-width:880px){
  .seo-visual-card img,
  .blog-card img{
    max-height:230px!important;
  }
}

/* === Pagine più corte: accordion approfondimenti === */
.seo-collapse-wrap{
  padding-top:28px!important;
  padding-bottom:28px!important;
  background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);
}
.seo-collapse{
  background:#fff;
  border:1px solid #dbe8f4;
  border-radius:20px;
  padding:8px 18px 14px;
  box-shadow:0 12px 28px rgba(16,32,51,.06);
}
.seo-collapse > summary{
  cursor:pointer;
  font-weight:900;
  color:var(--blue);
  font-size:clamp(17px,2vw,20px);
  padding:14px 8px;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.seo-collapse > summary::-webkit-details-marker{display:none}
.seo-collapse > summary::after{
  content:"▾";
  color:var(--orange);
  font-size:18px;
  transition:transform .2s ease;
}
.seo-collapse[open] > summary::after{transform:rotate(180deg)}
.seo-collapse-body{
  padding:8px 4px 10px;
}
.seo-collapse-body > .section,
.seo-collapse-body > .seo-visual-section,
.seo-collapse-body > .seo-deep-section{
  padding-top:28px!important;
  padding-bottom:28px!important;
  background:transparent!important;
  border:0!important;
}
.seo-collapse-body .seo-visual-section:before{display:none}
.google-review-compact{
  padding:28px!important;
}
.google-review-compact .google-review-head{
  margin:0!important;
}
.google-review-compact .google-review-head h2{
  font-size:clamp(24px,3vw,34px);
  margin-bottom:10px;
}
@media(max-width:880px){
  .seo-collapse > summary{font-size:16px;line-height:1.35}
}

/* === Banner lead: Richiedi valutazione (dopo 20s) === */
.lead-banner{
  position:fixed;
  left:16px;
  right:16px;
  bottom:18px;
  z-index:40;
  max-width:980px;
  margin:0 auto;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  background:linear-gradient(135deg,#0f4c81 0%,#1665a8 55%,#0d3d68 100%);
  color:#fff;
  border-radius:18px;
  padding:14px 16px 14px 18px;
  box-shadow:0 18px 40px rgba(15,76,129,.35);
  transform:translateY(24px);
  opacity:0;
  transition:transform .28s ease,opacity .28s ease;
}
.lead-banner.is-visible{
  display:flex;
  transform:translateY(0);
  opacity:1;
}
.lead-banner-copy{
  flex:1 1 220px;
  min-width:0;
}
.lead-banner-copy strong{
  display:block;
  font-size:clamp(16px,2.2vw,20px);
  font-weight:900;
  line-height:1.2;
  margin-bottom:4px;
}
.lead-banner-copy span{
  display:block;
  font-size:14px;
  opacity:.92;
  line-height:1.4;
}
.lead-banner-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.lead-banner-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  font-size:13.5px;
  color:#fff;
  white-space:nowrap;
}
.lead-banner-actions .lb-wa{background:#19a463}
.lead-banner-actions .lb-call{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35)}
.lead-banner-actions .lb-val{background:#ff9800}
.lead-banner-close{
  border:0;
  background:rgba(255,255,255,.14);
  color:#fff;
  width:34px;
  height:34px;
  border-radius:50%;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  flex:0 0 auto;
}
.lead-banner-close:hover{background:rgba(255,255,255,.24)}
body.lead-banner-open .floating-actions{
  bottom:108px;
}
@media(max-width:880px){
  .lead-banner{
    left:10px;
    right:10px;
    bottom:10px;
    padding:12px;
    border-radius:16px;
    align-items:flex-start;
  }
  .lead-banner-actions{width:100%}
  .lead-banner-actions a{flex:1 1 auto;padding:11px 10px;font-size:13px}
  .lead-banner-close{position:absolute;top:8px;right:8px}
  .lead-banner{padding-top:14px;padding-right:44px}
  body.lead-banner-open .floating-actions{bottom:auto; top:auto}
  body.lead-banner-open .floating-actions{
    bottom:calc(10px + var(--lead-banner-h, 160px));
  }
  body.lead-banner-open{padding-bottom:0}
}