.sh{min-height:min(72dvh,680px)}
.sh .phero-in{padding-block:128px 80px}
.crumb{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:14px;color:rgba(255,255,255,.88);margin-bottom:18px}
.crumb a{text-decoration:underline;text-underline-offset:3px}
.crumb a:hover{color:#fff}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tags span{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(8px)}
.tags .pt{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sh h1{font-size:clamp(38px,5.6vw,84px)}
.sh .lead{max-width:52ch}
.hact{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.hact .btn i{font-size:18px}

/* scheda senza foto (informazioni utili) */
.plain{padding-top:clamp(118px,13vw,150px);padding-bottom:clamp(24px,4vw,48px)}
.plain .crumb{color:var(--muted)}
.plain .crumb a:hover{color:var(--ink)}
.plain .tags span{background:var(--tint);border-color:transparent;color:var(--ink)}
.plain .big-ic{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--r-card);background:var(--tint);color:var(--accent-ink);font-size:38px;margin-bottom:22px}
.plain .lead{color:var(--muted)}
.plain .hact{margin-top:24px}

.body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,72px);align-items:start;padding-block:clamp(48px,7vw,96px)}
.body h2{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.why{font-size:clamp(19px,1.8vw,24px);line-height:1.5;margin-top:16px;max-width:46ch}
.blk{margin-top:clamp(36px,5vw,60px)}
.spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.spec div{display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:var(--r-in);background:var(--surface);border:1px solid var(--line);font-weight:500}
.spec i{font-size:22px;color:var(--accent-ink);flex:0 0 auto}
.tips{list-style:none;padding:0;margin-top:16px;display:grid;gap:10px}
.tips li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-in);background:var(--tint)}
.tips i{margin-top:2px;color:var(--accent-ink);font-size:20px;flex:0 0 auto}
.stops{list-style:none;padding:0;margin-top:20px}
.stops li{position:relative;padding:0 0 28px 64px}
.stops li:last-child{padding-bottom:0}
.stops .n{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:17px}
.stops li:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--line)}
.stops b{display:block;font-size:20px;font-weight:500}
.stops a b{text-decoration:underline;text-underline-offset:4px}
.stops span{color:var(--muted);font-size:15px}
.aside{position:sticky;top:150px;display:grid;gap:16px}
.card-i{padding:clamp(20px,2.4vw,28px);border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.card-i h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
.rows{list-style:none;padding:0}
.rows li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.rows li:first-child{border-top:0}
.rows i{color:var(--accent-ink);font-size:20px;flex:0 0 auto;margin-top:1px}
.rows small{display:block;color:var(--muted);font-size:13px}
.rows a{text-decoration:underline;text-underline-offset:3px}
.card-i .actions{display:grid;gap:8px;margin-top:14px}
.card-i .actions .btn{justify-content:center;width:100%}
.mini{height:240px;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line)}
.demo{font-size:12px;color:var(--muted);margin-top:10px}
@media (max-width:980px){.body{grid-template-columns:1fr}.aside{position:static}}
@media (max-width:640px){.spec{grid-template-columns:1fr}}

/* altri a... */
.more h2{margin-bottom:26px}
.mr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mc{position:relative;display:flex;align-items:flex-end;min-height:280px;border-radius:var(--r-card);overflow:hidden;color:#fff;isolation:isolate;background:var(--deep)}
.mc img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.mc:hover img{transform:scale(1.05)}
.mc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--shade),0) 32%,rgba(var(--shade),.9))}
.mc.ni{background:var(--tint);color:var(--ink)}
.mc.ni::after{display:none}
.mc.ni>i{position:absolute;top:22px;left:24px;font-size:32px;color:var(--accent-ink)}
.mc div{padding:20px 22px;display:grid;gap:2px}
.mc b{font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.mc span{font-size:13px;opacity:.88}
@media (max-width:760px){.mr{grid-template-columns:1fr}.mc{min-height:220px}}