:root{
      --brand:#ea2768; --accent:#ea2768; --ink:#111; --muted:#6b7280; --card:#fff; --bg:#fafafa;
      --shadow:0 10px 25px rgba(17,24,39,.08); --radius:16px; --ring:rgba(234,39,104,.2);
    }
    *{box-sizing:border-box} html,body{margin:0}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
    /* Header (uguale) */
    header{position:fixed;top:0;left:0;right:0;height:75px;background:var(--brand);z-index:1000;
           box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}
    .logo-text-center a{ text-decoration:none;font-stretch:extra-condensed;font-size:40px;font-weight:700;color:#fff;
      text-shadow:2px 2px 0 #f57ca5,2px -2px 0 #f57ca5,-2px 2px 0 #f57ca5,-2px -2px 0 #f57ca5,2px 0 0 #f57ca5,0 2px 0 #f57ca5,-2px 0 0 #f57ca5,0 -2px 0 #f57ca5;}
    .hamburger{position:fixed;top:20px;left:20px;width:35px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1001}
    .hamburger span{display:block;height:3px;background:#fff;border-radius:5px;transition:.35s}
    .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
    .hamburger.active span:nth-child(2){opacity:0}
    .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
    .side-menu{position:fixed;top:0;left:-100%;width:280px;height:100%;backdrop-filter:blur(20px) saturate(180%);
      background:rgba(20,20,20,.7);box-shadow:3px 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:80px 25px 40px;
      transition:left .5s ease,opacity .4s;opacity:0;z-index:1000}
    .side-menu.show{left:0;opacity:1}
    .side-menu .menu-header h2{color:#ff4081;margin:0 0 6px;font-size:24px}
    .side-menu .menu-header p{color:#bbb;margin:0 0 12px;font-size:13px}
    .side-menu ul{list-style:none;margin:0;padding:0}
    .side-menu a{display:block;color:#fff;text-decoration:none;font-size:17px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
    .side-menu a:hover{color:#ff4081;transform:translateX(4px)}
    .tag a { color:var(--ink); text-decoration:none; }
    .tag a:hover { color:#ff4081;  }
    main{padding-top:92px}
    /* Breadcrumb + Hero */
    .container{max-width:1100px;margin:0 auto;padding:0 20px}
    .breadcrumbs{font-size:12px;color:var(--muted);margin:12px 0 8px}
    .breadcrumbs a{color:var(--muted);text-decoration:none}
    .post-hero{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:10px 0 18px;background:#000}
    .post-hero img{width:100%;height:min(56vh,520px);object-fit:cover;display:block;filter:brightness(.9)}
    .post-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55))}
    .post-titlebar{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:18px 22px}
    .post-title{margin:4px 0 0;font-size:32px;line-height:1.15}
    .post-meta{display:flex;gap:14px;align-items:center;font-size:13px;opacity:.95}
   
    /* Layout contenuto */
    .post-wrap{display:grid;grid-template-columns: 1fr 320px; gap:28px; align-items:start}
    .post-content{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:22px}
    .post-content h2{font-size:24px;margin:18px 0 10px;color:var(--accent)}
    .post-content h3{font-size:18px;margin:16px 0 8px;color:#111}
    .post-content p{line-height:1.7;color:#1f2937}
    .post-content img{max-width:100%;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
    .post-content blockquote{margin:16px 0;padding:14px 16px;border-left:4px solid var(--accent);background:#fff5f9;border-radius:8px;color:#6b0e2a}
    .post-content pre{background:#0b1020;color:#e5e7eb;padding:14px;border-radius:10px;overflow:auto}
    .post-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
    .btn{appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}
    .btn.secondary{background:#fff;color:var(--accent)}
    .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
    .tag{font-size:12px;padding:6px 10px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb}

    /* Box laterale */
    .post-aside{position:sticky;top:108px;display:grid;gap:18px}
    .side-card{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:16px}
    .toc h4,.side-about h4{margin:0 0 8px;color:var(--accent)}
    .toc ul{margin:0;padding-left:18px}
    .toc a{text-decoration:none;color:#111}
    .side-about p{margin:8px 0 0;color:var(--muted);font-size:14px}

    /* PRODOTTI ALLEGATI */
    .products{margin:24px 0 8px}
    .products h2{font-size:22px;margin:0 0 12px;color:#111}
    .prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
    .prod-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none;color:inherit;display:block}
    .prod-card img{width:100%;height:180px;object-fit:cover;display:block}
    .prod-body{padding:12px 14px}
    .prod-title{font-size:15px;margin:0 0 6px;color:#111}
    .price{font-weight:700;color:#111}
    .old{color:#9ca3af;text-decoration:line-through;font-weight:500;margin-left:6px}
    .cta{margin-top:10px}
    .cta .btn{width:100%;padding:10px}

    /* Correlati + prev/next */
    .related{margin:26px 0}
    .rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
    .rel-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none;color:inherit}
    .rel-card img{width:100%;height:150px;object-fit:cover}
    .rel-body{padding:12px}
    .pn{display:flex;justify-content:space-between;gap:10px;margin:24px 0}
    .pn a{flex:1;display:block;text-decoration:none;border:1px solid #eee;border-radius:12px;background:#fff;padding:14px;box-shadow:var(--shadow);color:#111}
    .pn small{display:block;color:var(--muted);margin-bottom:4px}

    /* ===== Footer ===== */
    footer{ text-align:center; padding:26px 10px 40px; color:#777; font-size:13px }

    @media (max-width: 1024px){
      .post-wrap{grid-template-columns:1fr}
      .post-aside{position:static}
    }
.cta-top {
    float: right;   width: 10%; display: contents;
  }
  .cta-wa{
    color: #FFF;border: 2px solid;padding: 10px 10px 5px;border-radius: 30px;margin-right: 1%;float: left;width: 135px;
}
  
  .cta-wa-svg {
    float: left;width: 20px;
color: white; margin-right: 10px;
  }
  .cta-top span{
    margin-left: 5px;
    display: block;
  }
  .cta-tel {
    color: #FFF;border: 2px solid;padding: 10px 10px 5px;border-radius: 30px;margin-right: 2%;float: left;width: 120px;
  }
  .cta-tel-svg {
   width:20px; height:auto;float: left; margin-right: 10px;
  }
  .logo-text-center{
  margin: auto;
  width: 250px;
  padding-top: 11px;
}