
    :root {
      --crema: #FDF6EC;
      --rosa-cipria: #E8C4C4;
      --cioccolato: #3E2723;
      --cioccolato-soft: rgba(62, 39, 35, 0.72);
      --raggio-card: 16px;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      scroll-padding-top: 180px;
    }

    body {
      font-family: "Poppins", sans-serif;
      line-height: 1.6;
      color: var(--cioccolato);
      background: var(--crema);
      overflow-wrap: break-word;
    }

    h1,
    h2 {
      font-family: "Playfair Display", serif;
      line-height: 1.2;
    }

    a:focus-visible {
      outline: 3px solid #95636a;
      outline-offset: 4px;
    }

    .contenitore {
      max-width: 1080px;
      margin: 0 auto;
      padding: 0 16px;
    }

    .salta-contenuto {
      position: absolute;
      top: 8px;
      left: 16px;
      z-index: 300;
      transform: translateY(-200%);
      padding: 12px 16px;
      background: #fff;
      color: var(--cioccolato);
    }

    .salta-contenuto:focus {
      transform: translateY(0);
    }

    .navbar {
      position: sticky;
      top: 0;
      z-index: 100;
      background: var(--crema);
      border-bottom: 1px solid var(--rosa-cipria);
      box-shadow: 0 2px 12px rgba(62, 39, 35, 0.08);
    }

    .navbar-inner {
      max-width: 1080px;
      margin: 0 auto;
      padding: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
    }

    .logo {
      font-family: "Playfair Display", serif;
      font-weight: 700;
      font-size: 1.2rem;
      text-decoration: none;
      color: var(--cioccolato);
    }

    .logo span {
      color: #946066;
    }

    .navbar nav {
      display: flex;
      flex-wrap: wrap;
      column-gap: 20px;
      row-gap: 0;
    }

    .navbar nav a {
      display: flex;
      align-items: center;
      min-height: 44px;
      padding: 12px 4px;
      color: var(--cioccolato);
      text-decoration: none;
      font-weight: 500;
      font-size: 0.95rem;
    }

    .navbar nav a:hover,
    .navbar nav a.attiva {
      text-decoration: underline;
      text-underline-offset: 4px;
    }

    .navbar nav a.attiva {
      font-weight: 600;
    }

    .hero-pagina {
      padding: 80px 0 48px;
      text-align: center;
      background: linear-gradient(
        180deg,
        var(--rosa-cipria) 0%,
        var(--crema) 100%
      );
    }

    .hero-pagina h1 {
      font-size: clamp(1.8rem, 4.5vw, 2.6rem);
    }

    .hero-pagina p {
      max-width: 620px;
      margin: 16px auto 0;
      color: var(--cioccolato-soft);
    }

    section {
      padding: 48px 0;
    }

    section h2 {
      font-size: clamp(1.4rem, 3vw, 1.9rem);
      margin-bottom: 24px;
      text-align: center;
    }

    .griglia {
      display: grid;
      grid-template-columns:
        repeat(auto-fit, minmax(min(100%, 240px), 1fr));
      gap: 16px;
    }

    .card {
      min-width: 0;
      background: #fff;
      border-radius: var(--raggio-card);
      overflow: hidden;
      box-shadow: 0 4px 18px rgba(62, 39, 35, 0.10);
    }

    .card img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      display: block;
    }

    .card .testo {
      padding: 16px;
    }

    .card h3 {
      font-size: 1.05rem;
      margin-bottom: 8px;
    }

    .card p {
      font-size: 0.9rem;
      color: var(--cioccolato-soft);
    }

    .foto-in-arrivo {
      aspect-ratio: 4 / 3;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: var(--rosa-cipria);
      color: var(--cioccolato);
      text-align: center;
    }

    .btn {
      display: inline-block;
      margin-top: 24px;
      padding: 12px 24px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 600;
      font-size: 0.95rem;
      min-height: 44px;
    }

    .btn-cioccolato {
      background: var(--cioccolato);
      color: var(--crema);
    }

    .btn-cioccolato:hover {
      opacity: 0.9;
    }

    .centrato {
      text-align: center;
    }

    .sfondo-bianco {
      background: #fff;
    }

    .nota-foto {
      color: var(--cioccolato-soft);
      font-size: 0.85rem;
      margin-top: 12px;
      text-align: center;
    }

    .footer {
      background: var(--cioccolato);
      color: var(--crema);
      padding: 32px 0;
      padding-bottom: calc(
        96px + env(safe-area-inset-bottom, 0px)
      );
      margin-top: 64px;
      text-align: center;
      font-size: 0.9rem;
    }

    .wa-flottante {
      position: fixed;
      bottom: calc(
        20px + env(safe-area-inset-bottom, 0px)
      );
      right: calc(
        20px + env(safe-area-inset-right, 0px)
      );
      z-index: 200;
      background: #25D366;
      color: var(--cioccolato);
      width: 56px;
      height: 56px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    }

    @media (max-width: 680px) {
      html {
        scroll-padding-top: 16px;
      }

      .navbar {
        position: relative;
      }

      .navbar-inner {
        justify-content: center;
      }

      .navbar nav {
        width: 100%;
        justify-content: center;
        column-gap: 12px;
      }

      .hero-pagina {
        padding: 48px 0 32px;
      }

      section {
        padding: 40px 0;
      }
    }
  .logo { display:inline-flex; align-items:center; max-width:100%; flex-shrink:0; }
.logo-img { display:block; width:300px; max-width:100%; height:auto; }
@media(max-width:960px) { .navbar-inner { justify-content:center; } .navbar nav { width:100%; justify-content:center; } }
@media(max-width:680px) { .logo-img { width:250px; } }
.logo { display:inline-flex; align-items:center; max-width:100%; flex-shrink:0; }
.logo-img { display:block; width:300px; max-width:100%; height:auto; }
.wa-flottante { bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
.footer { padding-bottom:calc(112px + env(safe-area-inset-bottom,0px)); }
@media(max-width:960px) { .navbar-inner { justify-content:center; } .navbar nav { width:100%; justify-content:center; } }
@media(max-width:680px) { .logo-img { width:250px; } }


/* Layout negozio */
.contenitore,.navbar-inner{max-width:1200px}.hero-pagina{text-align:left;padding:56px 0 32px;background:linear-gradient(120deg,#E8C4C4,#FDF6EC 80%)}
.hero-pagina h1{font-size:clamp(2.2rem,6vw,4.6rem);max-width:800px}.hero-pagina p{margin:20px 0;max-width:650px}.occhiello{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:600;margin-bottom:16px}
.sezioni{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.sezioni a{color:#3E2723;padding:10px 16px;border:1px solid #946066;border-radius:30px;text-decoration:none;min-height:44px}
section h2{text-align:left;margin-bottom:12px}.intro{margin-bottom:28px;max-width:680px}.stagione{border-bottom:1px solid #E8C4C4}.stagione h2{font-size:clamp(2rem,4vw,3rem)}.vuoto{padding:28px;border:1px solid #E8C4C4;border-radius:16px;background:#fff}.preventivo{background:#E8C4C4;border-radius:24px;padding:36px}.footer{margin-top:0}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto!important;margin:0!important;background:#fff;padding:16px;border-radius:16px;box-shadow:0 4px 18px #3e27230d}.woocommerce ul.products li.product a img{border-radius:10px}.woocommerce ul.products li.product .price{color:#3E2723;font-weight:600}.woocommerce ul.products li.product .button,.woocommerce a.button{background:#3E2723;color:#FDF6EC;border-radius:30px;padding:14px 20px;line-height:1.4}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Playfair Display',serif;font-size:1.25rem}.woocommerce a{color:#3E2723}.woocommerce-result-count,.woocommerce-ordering{margin-bottom:24px!important}.woocommerce nav.woocommerce-pagination{margin-top:32px}.azioni{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.azioni a{color:#3E2723;min-height:44px;padding:12px 0}input,select,button{font:inherit;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #946066;outline-offset:4px}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.woocommerce ul.products{grid-template-columns:1fr}.preventivo{padding:24px}.hero-pagina{padding-top:36px}}

/* Stile della Home approvata */
:root{--crema:#fcf7f1;--rosa-cipria:#f1dce1;--cioccolato:#633c43;--cioccolato-soft:#735c61}
body{background:#fcf7f1;color:#633c43}
.navbar{background:#fffdfa;border-color:#e8d7dc;box-shadow:none}
.logo-img{width:205px}
.navbar nav{column-gap:16px}
.navbar nav a{font-size:.78rem}
.hero-pagina{background:linear-gradient(110deg,#fbf0eb,#f2dde3)}
.sezioni a{border-color:#e8d7dc;background:#fffdfa;color:#88415b}
.btn-cioccolato,.woocommerce ul.products li.product .button,.woocommerce a.button{background:#a65370;color:#fff;border-radius:5px}
.btn-cioccolato:hover,.woocommerce ul.products li.product .button:hover{background:#88415b;color:#fff}
.woocommerce ul.products li.product{border:1px solid #e8d7dc;box-shadow:none;background:#fffdfa}
.woocommerce ul.products li.product a img{height:230px;object-fit:contain;background:#fffdfa}
.woocommerce ul.products li.product .price{color:#88415b}
.preventivo{background:#f1dce1;border-radius:12px}
.footer{background:#efdee4;color:#633c43}
.wa-flottante{background:#a65370;color:#fff}
.gc-preview-banner{padding:12px 18px;text-align:center;background:#633c43;color:#fff;font-size:.85rem}
@media(max-width:680px){.logo-img{width:185px}}
