/* ══ Indice di vendita spezzata ══
   Stili del calcolatore, tutti dentro .ivs cosi' si puo' incollare
   in qualsiasi pagina senza pestare i piedi al resto. */

.ivs{
  --ivs-ok:#127a4b; --ivs-warn:#a06000; --ivs-bad:#c0322a;
  --ivs-bg:var(--bg,#fff); --ivs-panel:var(--panel,#f6f7f9);
  --ivs-ink:var(--ink,#14161c); --ivs-ink-2:var(--ink-2,#54545c); --ivs-ink-3:var(--ink-3,#8a8a94);
  --ivs-line:var(--line,#e4e5ea); --ivs-line-2:var(--line-2,#c9cbd3);
  --ivs-accent:var(--accent,#0071e3);
  color:var(--ivs-ink);font-variant-numeric:tabular-nums;line-height:1.5;
  text-align:left;
}
@media (prefers-color-scheme:dark){
  .ivs{--ivs-ok:#4cc38a;--ivs-warn:#e0a33a;--ivs-bad:#f2695e}
}
:root[data-theme="dark"] .ivs{--ivs-ok:#4cc38a;--ivs-warn:#e0a33a;--ivs-bad:#f2695e}
:root[data-theme="light"] .ivs{--ivs-ok:#127a4b;--ivs-warn:#a06000;--ivs-bad:#c0322a}

.ivs *{box-sizing:border-box}

.ivs .ivs-top{text-align:center;margin-bottom:34px}
.ivs .ivs-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ivs-accent)}
.ivs .ivs-h{font-size:clamp(26px,3.6vw,40px);font-weight:600;letter-spacing:-.028em;margin:8px 0 0;
  text-wrap:balance;line-height:1.1}
.ivs .ivs-top p{color:var(--ivs-ink-2);font-size:15.5px;max-width:56ch;margin:12px auto 0}

/* ── quattro domande, una risposta ── */
.ivs .ivs-board{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,.92fr);
  gap:clamp(18px,3vw,34px);align-items:start}
@media(max-width:900px){.ivs .ivs-board{grid-template-columns:1fr}}

.ivs .ivs-asks{background:var(--ivs-panel);border:1px solid var(--ivs-line);border-radius:18px;
  padding:8px 22px 18px}
.ivs .ivs-ask{padding:15px 0;border-bottom:1px solid var(--ivs-line)}
.ivs .ivs-ask:last-child{border-bottom:none}
.ivs .ivs-ask .ivs-line{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.ivs .ivs-ask label{font-size:15.5px;font-weight:500}
.ivs .ivs-ask .ivs-val{font-size:19px;font-weight:600;min-width:58px;text-align:right;letter-spacing:-.01em}
.ivs input[type=range]{width:100%;accent-color:var(--ivs-accent);height:24px;margin-top:6px;cursor:pointer}
.ivs input[type=range]:focus-visible{outline:2px solid var(--ivs-accent);outline-offset:4px;border-radius:4px}

.ivs .ivs-out{text-align:center}
.ivs .ivs-score{font-size:clamp(96px,15vw,150px);font-weight:600;letter-spacing:-.055em;line-height:.9}
.ivs .ivs-of{font-size:14px;color:var(--ivs-ink-3);margin-top:4px}
.ivs .ivs-verdict{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 17px;
  border-radius:999px;font-size:14px;font-weight:600;border:1px solid currentColor}
.ivs .ivs-verdict i{width:8px;height:8px;border-radius:50%;background:currentColor}
.ivs .ivs-scale{position:relative;height:9px;border-radius:999px;margin:22px 0 8px;
  background:linear-gradient(90deg,var(--ivs-ok),var(--ivs-warn) 55%,var(--ivs-bad))}
.ivs .ivs-scale .ivs-pin{position:absolute;top:-9px;width:6px;height:27px;border-radius:4px;
  background:var(--ivs-ink);border:2.5px solid var(--ivs-bg);box-shadow:0 2px 8px rgba(10,14,30,.35);
  transform:translateX(-50%);transition:left .18s ease;z-index:2}
.ivs .ivs-scale .ivs-mark{position:absolute;top:-5px;width:2px;height:19px;background:var(--ivs-ink-3);
  opacity:.65;transform:translateX(-50%)}
.ivs .ivs-scale .ivs-mark::after{content:'medio';position:absolute;top:23px;left:50%;
  transform:translateX(-50%);font-size:10.5px;color:var(--ivs-ink-3);white-space:nowrap}
.ivs .ivs-legend{margin-top:15px;display:flex;justify-content:space-between;font-size:11.5px;
  color:var(--ivs-ink-3)}

.ivs .ivs-cost{margin-top:26px;padding:22px;border-radius:16px;background:var(--ivs-panel);
  border:1px solid var(--ivs-line)}
.ivs .ivs-cost .ivs-k{font-size:13.5px;color:var(--ivs-ink-2)}
.ivs .ivs-cost .ivs-v{font-size:clamp(30px,4.4vw,44px);font-weight:600;letter-spacing:-.03em;margin-top:4px}
.ivs .ivs-cost .ivs-sub{font-size:13px;color:var(--ivs-ink-3);margin-top:8px;line-height:1.45}
.ivs .ivs-first{margin-top:14px;padding:15px 18px;border-radius:14px;border:1px solid var(--ivs-accent);
  background:color-mix(in srgb,var(--ivs-accent) 6%,transparent);text-align:left}
.ivs .ivs-first .ivs-k{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ivs-accent)}
.ivs .ivs-first .ivs-v{font-size:16.5px;font-weight:600;margin-top:5px;letter-spacing:-.01em}

.ivs details{margin-top:22px;border-top:1px solid var(--ivs-line);padding-top:16px}
.ivs summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ivs-ink-2);list-style:none;
  display:flex;align-items:center;gap:8px}
.ivs summary::-webkit-details-marker{display:none}
.ivs summary::before{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease}
.ivs details[open] summary::before{transform:rotate(45deg)}
.ivs summary:focus-visible{outline:2px solid var(--ivs-accent);outline-offset:3px;border-radius:4px}
.ivs .ivs-rows{margin-top:14px}
.ivs .ivs-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
  border-bottom:1px solid var(--ivs-line);font-size:14px}
.ivs .ivs-row:last-child{border-bottom:none}
.ivs .ivs-row .ivs-k{color:var(--ivs-ink-2)}
.ivs .ivs-row .ivs-v{font-weight:600}
.ivs .ivs-pars{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px}
.ivs .ivs-par{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;
  color:var(--ivs-ink-2)}
.ivs .ivs-par input{width:82px;background:var(--ivs-bg);color:var(--ivs-ink);
  border:1px solid var(--ivs-line-2);border-radius:8px;padding:6px 8px;font:inherit;font-weight:600;
  text-align:right}
.ivs .ivs-note{font-size:12.5px;color:var(--ivs-ink-3);margin-top:14px;line-height:1.5}

.ivs .ivs-nodata{margin-top:34px;border:1.5px dashed var(--ivs-accent);border-radius:18px;padding:24px 26px;
  background:color-mix(in srgb,var(--ivs-accent) 5%,transparent);
  display:grid;grid-template-columns:minmax(230px,.9fr) 1.2fr;gap:14px 32px;align-items:center}
.ivs .ivs-nodata .ivs-tag{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ivs-accent);margin-bottom:8px}
.ivs .ivs-nodata h3{font-size:clamp(17px,1.8vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.ivs .ivs-nodata p{font-size:14.5px;line-height:1.55;color:var(--ivs-ink-2)}
.ivs .ivs-nodata p + p{margin-top:9px;color:var(--ivs-ink)}
@media(max-width:900px){.ivs .ivs-nodata{grid-template-columns:1fr}}

.ivs .ivs-closing{margin-top:24px;padding:32px 28px;border-radius:18px;text-align:center;
  background:var(--ivs-panel);border:1px solid var(--ivs-line)}
.ivs .ivs-closing h2{font-size:clamp(20px,2.3vw,28px);font-weight:600;letter-spacing:-.025em}
.ivs .ivs-closing p{font-size:15px;line-height:1.55;color:var(--ivs-ink-2);max-width:62ch;margin:11px auto 0}
.ivs .ivs-cta{display:flex;gap:13px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}
.ivs .ivs-cta .ivs-go{background:var(--ivs-accent);color:#fff;text-decoration:none;font-weight:600;
  font-size:16px;padding:15px 30px;border-radius:999px;
  box-shadow:0 18px 40px -20px color-mix(in srgb,var(--ivs-accent) 75%,transparent)}
.ivs .ivs-cta .ivs-second{border:1px solid var(--ivs-line-2);color:var(--ivs-ink);text-decoration:none;
  font-weight:600;font-size:15.5px;padding:14px 26px;border-radius:999px;background:var(--ivs-bg)}
.ivs .ivs-cta .ivs-second:hover{border-color:var(--ivs-accent);color:var(--ivs-accent)}

.ivs .ivs-foot{margin-top:26px;font-size:12.5px;color:var(--ivs-ink-3);line-height:1.55;text-align:center;
  max-width:88ch;margin-inline:auto}

@media (prefers-reduced-motion:reduce){.ivs *{transition:none!important}}