/* HondroLife | design system unico home + guida */
:root{--ink:#162a2c;--muted:#59706f;--green:#146d64;--green2:#229c8b;--mint:#eaf5f1;--mist:#f5f8f6;--line:#dce9e5;--gold:#e7b857;--white:#fff;--shadow:0 16px 46px rgba(21,63,55,.085);--rad:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.hondro-site{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;line-height:1.68;-webkit-font-smoothing:antialiased;padding-bottom:0}
body.hondro-site a{color:var(--green)}
body.hondro-site .wrap{width:min(1160px,calc(100% - 48px));max-width:1160px;margin:0 auto;padding:0}
body.hondro-site img{max-width:100%;height:auto}
body.hondro-site h1,body.hondro-site h2,body.hondro-site h3{font-weight:790;line-height:1.16;letter-spacing:-.035em;color:var(--ink);margin:0}
body.hondro-site h1{font-size:clamp(34px,4.2vw,58px)}
body.hondro-site h2{font-size:clamp(25px,2.7vw,36px)}
body.hondro-site h3{font-size:21px}
body.hondro-site p{margin:0}
.h-topbar{background:#123f3c;color:#f6fffb;font-size:12px;text-align:center;letter-spacing:.095em;font-weight:750;text-transform:uppercase;padding:10px 16px}
.h-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:15}
.h-header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px}
.h-logo{text-decoration:none!important;color:#156f65!important;font-size:clamp(18px,2vw,25px);line-height:1.1;letter-spacing:-.045em;font-weight:850;white-space:nowrap}
.h-logo small{font-size:10px;display:block;font-weight:700;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin-top:5px}
.h-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h-nav a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;color:#294641!important;font-size:14px;font-weight:750;text-decoration:none!important;transition:background .15s,transform .15s}
.h-nav a:hover,.h-nav a[aria-current="page"]{background:var(--mint)}
.h-nav a.h-nav-cta{background:var(--green);color:#fff!important;padding-inline:21px}
.h-nav a.h-nav-cta:hover{background:#0c534c}
.h-crumb{font-size:13px;color:var(--muted);padding:24px 0 0}
.h-crumb a{text-decoration:none;font-weight:650}
.h-section{padding:58px 0}
.h-section--soft{background:var(--mist)}
.h-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px}
.h-lead{font-size:clamp(17px,1.8vw,19px);line-height:1.73;color:#455d5a;max-width:750px}
.h-muted{color:var(--muted)}
.h-home-hero{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(32px,5vw,72px);align-items:center;padding-top:50px;padding-bottom:66px}
.h-product-stage{background:linear-gradient(150deg,#edf6f2,#fff 66%);border:1px solid var(--line);border-radius:30px;min-height:530px;display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}
.h-product-stage:after{content:"";width:360px;height:360px;position:absolute;right:-180px;bottom:-200px;border-radius:50%;background:#e2f1ec}
.h-product-stage img{max-width:86%;max-height:400px;width:auto;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 20px 24px rgba(18,48,40,.1))}
.h-product-note{position:absolute;top:23px;left:23px;z-index:3;border:1px solid #badcd1;color:#17695f;background:#fff;padding:7px 12px;border-radius:99px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.h-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.h-hero-copy h1 em{color:var(--green);font-style:normal}
.h-pillrow{display:flex;gap:8px;flex-wrap:wrap}
.h-pill{font-size:12px;color:#32675d;background:#edf6f2;border:1px solid #d7eae3;border-radius:99px;font-weight:750;padding:6px 11px}
.h-buybox{border:1px solid #cce4db;border-radius:22px;box-shadow:var(--shadow);background:#fff;padding:23px;width:100%;max-width:570px}
.h-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.h-price strong{font-weight:850;font-size:clamp(35px,4vw,48px);line-height:1;color:var(--green);letter-spacing:-.04em}
.h-price s{font-size:18px;color:#8b9997}
.h-discount{background:#fbebbd;color:#70510e;border:1px solid #efd281;padding:3px 8px;font-size:12px;border-radius:8px;font-weight:800}
.h-cta{display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;text-decoration:none!important;background:linear-gradient(120deg,var(--green2),var(--green));color:#fff!important;border-radius:13px;font-weight:850;padding:15px 20px;min-height:55px;box-shadow:0 9px 18px rgba(20,109,100,.17);line-height:1.25;transition:transform .15s,box-shadow .15s}
.h-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,109,100,.23)}
.h-buybox .h-cta{width:100%}
.h-buy-note{color:var(--muted);font-size:12px;text-align:center;margin-top:11px!important}
.h-smallmark{display:flex;align-items:center;gap:9px;margin-top:10px!important;color:var(--muted);font-size:13px}
.h-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.h-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 22px rgba(29,78,66,.035)}
.h-card h3{margin-bottom:11px}
.h-card p{font-size:15px;color:#536864}
.h-card-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--mint);border-radius:12px;margin-bottom:18px;font-size:21px}
.h-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,76px);align-items:start}
.h-prose{font-size:16px;color:#3f5652}
.h-prose p+p{margin-top:15px}
.h-prose h3{margin:24px 0 10px;font-size:20px}
.h-list{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:12px}
.h-list li{position:relative;padding-left:27px;color:#405a56;font-size:15px}
.h-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}
.h-info{border:1px solid #cfe6dd;border-radius:18px;background:#f1f8f5;padding:24px}
.h-info h3{margin-bottom:10px}
.h-info p{font-size:15px;color:#435d57}
.h-callout{margin-top:24px;padding:22px 25px;border-left:4px solid var(--green);background:#f0f7f4;border-radius:0 15px 15px 0;font-size:15px;color:#3e5651}
.h-text-link{font-weight:800;text-underline-offset:4px}
.h-faq{display:grid;grid-template-columns:.73fr 1.27fr;gap:clamp(22px,6vw,85px)}
.h-faq-items details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px;margin:0 0 12px;overflow:hidden}
.h-faq-items summary{list-style:none;cursor:pointer;padding:18px 28px 18px 0;font-weight:760;font-size:15px;position:relative;color:var(--ink)}
.h-faq-items summary::-webkit-details-marker{display:none}
.h-faq-items summary:after{content:"+";position:absolute;right:0;font-size:22px;color:var(--green);top:14px}
.h-faq-items details[open] summary:after{content:"−"}
.h-faq-items details p{font-size:15px;color:#4a625e;padding:0 0 19px}
.h-bottomcta{background:linear-gradient(120deg,#0d4842,#176d62);border-radius:24px;padding:clamp(26px,4vw,50px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}
.h-bottomcta h2,.h-bottomcta p{color:#fff}
.h-bottomcta p{opacity:.8;font-size:15px;margin-top:10px}
.h-bottomcta .h-cta{background:#fff;color:#176d62!important;min-width:220px;box-shadow:none}
.h-footer{background:#f4f7f5;border-top:1px solid var(--line);padding:32px 0 95px;color:#637873;font-size:12px}
.h-footer a{color:var(--green);text-decoration:none}
.h-footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:15px}
.h-guide-intro{padding:38px 0 24px;max-width:920px}
.h-guide-intro h1{max-width:900px;margin:0 0 20px}
.h-guide-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.8fr);gap:clamp(26px,5vw,70px);align-items:start}
.h-guide-article{font-size:16px;color:#415854;line-height:1.82}
.h-guide-article h2{font-size:clamp(23px,2.5vw,30px);margin:39px 0 15px}
.h-guide-article>p{margin:0 0 16px}
.h-guide-article ul{padding-left:22px;margin:13px 0 20px}
.h-guide-article li{padding-left:4px;margin:9px 0}
.h-guide-article .h-guide-highlight{background:#f1f8f5;border-left:4px solid var(--green);border-radius:0 14px 14px 0;padding:18px 22px;margin:24px 0;font-size:15px}
.h-guide-side{position:sticky;top:20px}
.h-side-panel{background:#f1f8f5;border:1px solid var(--line);border-radius:22px;padding:24px}
.h-side-product{display:flex;align-items:center;gap:15px;margin-bottom:16px}
.h-side-product img{width:95px;max-height:122px;object-fit:contain;background:#fff;border-radius:11px;padding:7px}
.h-side-product span{font-size:12px;color:var(--muted)}
.h-side-product strong{display:block;font-size:16px;line-height:1.35}
.h-side-panel .h-buybox{padding:17px;border-radius:15px;box-shadow:none}
.h-side-panel .h-price strong{font-size:33px}
.h-related{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-top:28px}
.h-related h3{font-size:17px;margin-bottom:12px}
.h-related a{display:block;padding:9px 0;font-size:14px;text-decoration:none;font-weight:700}
.h-mobile-cta{display:none}
@media(max-width:920px){
 body.hondro-site .wrap{width:min(100% - 36px,1160px)}
 .h-home-hero{gap:30px;grid-template-columns:.86fr 1.14fr}
 .h-product-stage{min-height:420px;padding:20px}
 .h-product-stage img{max-height:320px}
 .h-guide-grid{grid-template-columns:1fr}
 .h-guide-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
 .h-related{margin-top:0}
}
@media(max-width:700px){
 body.hondro-site .wrap{width:calc(100% - 32px)}
 body.hondro-site{padding-bottom:75px}
 .h-header-inner{min-height:72px;flex-wrap:wrap;padding:14px 0;gap:12px}
 .h-logo{font-size:20px}
 .h-logo small{font-size:9px}
 .h-nav{width:100%;justify-content:space-between;gap:6px}
 .h-nav a{min-height:39px;font-size:12px;padding:8px 10px}
 .h-nav a.h-nav-cta{padding-inline:14px}
 .h-home-hero{display:flex;flex-direction:column;padding:24px 0 42px;gap:23px}
 .h-product-stage{min-height:280px;width:100%;border-radius:22px;padding:18px}
 .h-product-stage img{max-height:248px}
 .h-product-note{top:12px;left:12px}
 .h-hero-copy{gap:15px;width:100%}
 body.hondro-site h1{font-size:clamp(31px,8vw,42px)}
 body.hondro-site h2{font-size:26px}
 .h-lead{font-size:16px}
 .h-buybox{padding:17px}
 .h-price strong{font-size:39px}
 .h-section{padding:38px 0}
 .h-grid,.h-copy,.h-faq,.h-guide-side{grid-template-columns:1fr}
 .h-grid{gap:12px}
 .h-card{padding:20px}
 .h-guide-intro{padding-top:27px}
 .h-guide-side{gap:16px}
 .h-guide-article h2{margin-top:30px}
 .h-bottomcta{flex-direction:column;align-items:stretch;padding:28px 23px}
 .h-bottomcta .h-cta{width:100%}
 .h-footer{padding-bottom:108px}
 .h-mobile-cta{display:flex;position:fixed;z-index:50;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;gap:12px;align-items:center;box-shadow:0 -5px 24px rgba(20,45,40,.09)}
 .h-mobile-cta span{font-weight:850;font-size:21px;color:var(--green);white-space:nowrap}
 .h-mobile-cta a{flex:1;min-height:47px;padding:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.h-cta,.h-nav a{transition:none}}


/* Miglioramenti di leggibilità, home e guida */
body.hondro-site{font-size:16.5px;line-height:1.75}
.h-prose,.h-guide-article{font-size:17px;line-height:1.85;color:#304b47}
.h-prose{max-width:680px}
.h-prose p+p{margin-top:20px}
.h-guide-article>p{margin-bottom:22px}
.h-guide-article h2{line-height:1.25;margin:44px 0 18px}
.h-prose h3{line-height:1.35}
.h-lead{line-height:1.75;color:#36534f}
.h-card p,.h-info p,.h-callout,.h-list li{font-size:16px;line-height:1.75}
.h-list{gap:14px;margin-top:22px}
.h-faq-items summary{font-size:16px;line-height:1.5}
.h-faq-items details p{font-size:16px;line-height:1.75}
.h-guide-article li{margin:12px 0;line-height:1.75}
.h-guide-highlight{line-height:1.75}
.h-copy{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.h-copy h2{max-width:440px}
@media(max-width:700px){
 body.hondro-site{font-size:16px;line-height:1.75}
 .h-prose,.h-guide-article{font-size:16.5px;line-height:1.82}
 .h-prose p+p{margin-top:18px}
 .h-guide-article>p{margin-bottom:18px}
 .h-guide-article h2{margin:32px 0 15px;font-size:25px}
 .h-copy{grid-template-columns:1fr;gap:20px}
 .h-lead{font-size:16.5px}
 .h-card p,.h-faq-items details p,.h-list li{font-size:15.5px}
}