.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-778 .elementor-element.elementor-element-4f11b89 .elementor-button{background-color:#3E8649;font-size:26px;font-weight:500;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:15px 15px 15px 15px;}.elementor-778 .elementor-element.elementor-element-4f11b89 .elementor-button:hover, .elementor-778 .elementor-element.elementor-element-4f11b89 .elementor-button:focus{background-color:#396640;}.elementor-778 .elementor-element.elementor-element-4f11b89{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-778 .elementor-element.elementor-element-a855f30 .elementor-button{background-color:#3E8649;font-size:26px;font-weight:500;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:15px 15px 15px 15px;}.elementor-778 .elementor-element.elementor-element-a855f30 .elementor-button:hover, .elementor-778 .elementor-element.elementor-element-a855f30 .elementor-button:focus{background-color:#396640;}.elementor-778 .elementor-element.elementor-element-a855f30{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-778 .elementor-element.elementor-element-8986d7e .elementor-button{background-color:#3E8649;font-size:26px;font-weight:500;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:15px 15px 15px 15px;}.elementor-778 .elementor-element.elementor-element-8986d7e .elementor-button:hover, .elementor-778 .elementor-element.elementor-element-8986d7e .elementor-button:focus{background-color:#396640;}.elementor-778 .elementor-element.elementor-element-8986d7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-778 .elementor-element.elementor-element-75f642a{text-align:center;}.elementor-778 .elementor-element.elementor-element-75f642a .elementor-heading-title{font-weight:700;color:#121213;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-778 .elementor-element.elementor-element-7821783 .elementor-cta .elementor-cta__bg, .elementor-778 .elementor-element.elementor-element-7821783 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-778 .elementor-element.elementor-element-7821783 .elementor-cta__content{min-height:100px;text-align:center;}.elementor-778 .elementor-element.elementor-element-7821783 .elementor-cta__bg-wrapper{min-width:0px;min-height:300px;}.elementor-778 .elementor-element.elementor-element-4c9db30 .elementor-cta .elementor-cta__bg, .elementor-778 .elementor-element.elementor-element-4c9db30 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-778 .elementor-element.elementor-element-4c9db30 .elementor-cta__content{text-align:center;}.elementor-778 .elementor-element.elementor-element-4c9db30 .elementor-cta__bg-wrapper{min-height:300px;}.elementor-778 .elementor-element.elementor-element-ca1f022 .elementor-cta .elementor-cta__bg, .elementor-778 .elementor-element.elementor-element-ca1f022 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-778 .elementor-element.elementor-element-ca1f022 .elementor-cta__content{min-height:100px;text-align:center;}.elementor-778 .elementor-element.elementor-element-ca1f022 .elementor-cta__bg-wrapper{min-width:0px;min-height:300px;}.elementor-778 .elementor-element.elementor-element-f4610fd:not(.elementor-motion-effects-element-type-background), .elementor-778 .elementor-element.elementor-element-f4610fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D262600;}.elementor-778 .elementor-element.elementor-element-f4610fd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-39px;margin-bottom:-39px;}.elementor-778 .elementor-element.elementor-element-f4610fd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-778 .elementor-element.elementor-element-939d89d:not(.elementor-motion-effects-element-type-background), .elementor-778 .elementor-element.elementor-element-939d89d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F1F1 0%, #C7CEC8 100%);}.elementor-778 .elementor-element.elementor-element-939d89d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-778 .elementor-element.elementor-element-939d89d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-778 .elementor-element.elementor-element-77729db{text-align:start;}.elementor-778 .elementor-element.elementor-element-77729db img{width:24%;}.elementor-778 .elementor-element.elementor-element-b2d65c0:not(.elementor-motion-effects-element-type-background), .elementor-778 .elementor-element.elementor-element-b2d65c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #C7CEC8 0%, #000000 100%);}.elementor-778 .elementor-element.elementor-element-b2d65c0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 30px 0px;}.elementor-778 .elementor-element.elementor-element-b2d65c0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-778 .elementor-element.elementor-element-a1eaf22{text-align:start;}.elementor-778 .elementor-element.elementor-element-a1eaf22 img{width:95%;}.elementor-778 .elementor-element.elementor-element-5dfd109:not(.elementor-motion-effects-element-type-background), .elementor-778 .elementor-element.elementor-element-5dfd109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-778 .elementor-element.elementor-element-5dfd109{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-778 .elementor-element.elementor-element-5dfd109 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-778 .elementor-element.elementor-element-835d6dc{font-size:12px;font-weight:400;line-height:1px;}body.elementor-page-778:not(.elementor-motion-effects-element-type-background), body.elementor-page-778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}@media(max-width:767px){.elementor-778 .elementor-element.elementor-element-77729db img{width:46%;}}/* Start custom CSS for html, class: .elementor-element-3ba83d0 */.menu a{
  color:#ffffff !important;
}

.menu a:hover{
  color:#ffffff !important;
  background:rgba(255,255,255,.12);
}

.mobile-nav a{
  color:#0f172a;
}
.menu a{
  color:#ffffff !important;
  background:none !important;
  transition:color .2s ease;
}

.menu a:hover{
  color:#e2e8f0 !important;
  background:none !important;
}

.mobile-nav a{
  color:#0f172a;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d3dd929 */<style>
  :root{
    --accent:#22c55e;
    --accent-dark:#16a34a;
    --text:#0f172a;
    --muted:#475569;
    --border:#e5e7eb;
    --max:1200px;
    --header-h:88px;
  }

  .wrap-max{max-width:var(--max); margin:0 auto; padding:0 20px;}

  /* TOP BAR */
  .topbar{
    height:48px;
    display:flex;
    align-items:center;
    background:linear-gradient(90deg,var(--accent),var(--accent-dark));
    color:#052e16;
    font-weight:900;
    font-size:14px;
  }
  .topbar .inner{
    width:100%;
    display:flex;
    justify-content:center;
    text-align:center;
    padding:0 10px;
  }

  /* HEADER */
  .site-header{
    position:sticky;
    top:0;
    z-index:999;
    background:#ffffff;
    border-bottom:1px solid var(--border);
  }
  .header-row{
    height:var(--header-h);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
  }

  /* BRAND (SOLO LOGO) */
  .brand{
    display:flex;
    align-items:center;
    text-decoration:none;
    gap:0;
  }
  .brand-logo{
    display:block;
    height:52px;     /* desktop */
    width:auto;
    max-width:220px; /* sicurezza */
    object-fit:contain;
  }

  /* MENU DESKTOP */
  .menu{
    display:flex;
    gap:22px;
    align-items:center;
  }
  .menu a{
    color:var(--muted);
    font-weight:900;
    font-size:14px;
    text-decoration:none;
  }
  .menu a:hover{color:var(--text);}

  /* ACTIONS */
  .header-actions{
    display:flex;
    align-items:center;
    gap:12px;
  }

  /* CTA */
  .newsletter-btn{
    padding:10px 16px;
    border-radius:14px;
    font-weight:1000;
    font-size:14px;
    background:#0f172a;
    color:#ffffff;
    text-decoration:none;
    border:0;
    box-shadow:0 8px 20px rgba(15,23,42,.35);
    white-space:nowrap;
  }

  /* MOBILE MENU BUTTON (TESTO) */
  .menu-btn{
    display:none;
    font-weight:1000;
    font-size:14px;
    color:#0f172a;
    background:#f8fafc;
    border:1px solid var(--border);
    border-radius:12px;
    padding:10px 14px;
    cursor:pointer;
  }

  /* MOBILE DROPDOWN */
  .mobile-nav{
    display:none;
    background:#ffffff;
    border-top:1px solid var(--border);
  }
  .mobile-nav.open{display:block;}
  .mobile-nav .panel{
    padding:14px 0 18px;
    display:grid;
    gap:10px;
  }
  .mobile-nav a{
    padding:12px 14px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid var(--border);
    font-weight:900;
    color:var(--text);
    text-decoration:none;
  }
  .mobile-nav a:hover{background:#eef2f7;}
  .mobile-nav .mobile-cta{
    background:var(--accent);
    color:#052e16;
    border-color:rgba(34,197,94,.25);
  }

  /* TABLET */
  @media (max-width:1024px){
    .brand-logo{height:46px;}
  }

  /* MOBILE */
  @media (max-width:860px){
    .menu{display:none;}
    .menu-btn{display:inline-flex;}
    .brand-logo{height:38px;}
  }

  /* MOBILE SMALL */
  @media (max-width:420px){
    .newsletter-btn{display:none;}
  }
</style>

<!-- TOP BAR -->
<div class="topbar">
  <div class="wrap-max inner">
    🔥 Mega Offerte attive • Spedizione gratuita • Pagamento alla consegna
  </div>
</div>

<!-- HEADER -->
<header class="site-header" id="siteHeader">
  <div class="wrap-max header-row">

    <!-- BRAND: SOLO LOGO (CAMBIA src) -->
    <a class="brand" href="/" aria-label="Homepage">
      <img class="brand-logo"
           src="https://via.placeholder.com/220x60?text=IL+TUO+LOGO"
           alt="Logo">
    </a>

    <!-- MENU DESKTOP -->
    <nav class="menu" aria-label="Menu principale">
      <a href="#bestseller">Best seller</a>
      <a href="#recensioni">Recensioni</a>
      <a href="#contatti">Contatti</a>
    </nav>

    <!-- ACTIONS -->
    <div class="header-actions">
      <a class="newsletter-btn" href="#newsletter">✉️ Iscriviti</a>
      <button class="menu-btn" id="menuBtn" type="button" aria-expanded="false" aria-controls="mobileNav">
        Menu
      </button>
    </div>
  </div>

  <!-- MOBILE MENU -->
  <div class="mobile-nav" id="mobileNav">
    <div class="panel wrap-max">
      <a href="#bestseller">Best seller</a>
      <a href="#recensioni">Recensioni</a>
      <a href="#contatti">Contatti</a>
      <a class="mobile-cta" href="#newsletter">✉️ Iscriviti alla newsletter</a>
    </div>
  </div>
</header>

<script>
  (function(){
    const btn = document.getElementById('menuBtn');
    const nav = document.getElementById('mobileNav');

    if (!btn || !nav) return;

    btn.addEventListener('click', () => {
      const open = nav.classList.toggle('open');
      btn.setAttribute('aria-expanded', open ? 'true' : 'false');
      btn.textContent = open ? 'Chiudi' : 'Menu';
    });

    // Chiude menu cliccando un link
    nav.addEventListener('click', (e) => {
      const a = e.target.closest('a');
      if (!a) return;
      nav.classList.remove('open');
      btn.setAttribute('aria-expanded','false');
      btn.textContent = 'Menu';
    });

    // Se torni desktop, chiudi menu
    window.addEventListener('resize', () => {
      if (window.innerWidth > 860){
        nav.classList.remove('open');
        btn.setAttribute('aria-expanded','false');
        btn.textContent = 'Menu';
      }
    });
  })();
</script>/* End custom CSS */