/* Guide de choix InSinkErator - styles limités au bloc .itd-guide */
.itd-guide{
  --ig-bg:#f6f8fb; --ig-surface:#ffffff; --ig-ink:#172033; --ig-muted:#566178; --ig-line:#dde3ec;
  --ig-accent:#3f6db5; --ig-accent-ink:#ffffff; --ig-accent-soft:#e8eef9; --ig-accent-strong:#2f5596;
  --ig-std:#f6b81c; --ig-std-soft:#fff4d6; --ig-pow:#3fae6a; --ig-pow-soft:#e2f5e9; --ig-adv:#e8742a; --ig-adv-soft:#fdeadd;
  --ig-r:14px;
  container-type:inline-size;
  color:var(--ig-ink); font-size:16px; line-height:1.55; text-align:left;
  display:flex; flex-direction:column; gap:36px; margin:8px 0 24px;
}
.itd-guide *{box-sizing:border-box}
.itd-guide h2,.itd-guide h3{text-wrap:balance;margin:0;line-height:1.2;color:var(--ig-ink)}
.itd-guide h2{font-size:26px;font-weight:800;letter-spacing:-.01em}
.itd-guide h3{font-size:17px;font-weight:700}
.itd-guide p{margin:0}
.itd-guide a{color:var(--ig-accent)}
.itd-guide .ig-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ig-accent);margin-bottom:4px}
.itd-guide .ig-lead{color:var(--ig-muted);max-width:62ch;font-size:17px}

.itd-guide .ig-head{display:flex;flex-direction:column;gap:12px}
.itd-guide .ig-who{display:inline-flex;background:var(--ig-surface);border:1px solid var(--ig-line);border-radius:999px;padding:4px;gap:4px;align-self:flex-start;flex-wrap:wrap}
.itd-guide .ig-who input,.itd-guide .ig-opt input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.itd-guide .ig-who label{margin:0;padding:9px 18px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;color:var(--ig-muted)}
.itd-guide .ig-who input:checked + label{background:var(--ig-accent);color:var(--ig-accent-ink)}
.itd-guide .ig-who input:focus-visible + label{outline:3px solid var(--ig-accent);outline-offset:2px}
.itd-guide .ig-range-note{font-size:14px;color:var(--ig-muted)}

.itd-guide .ig-main{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@container (min-width: 860px){ .itd-guide .ig-main{grid-template-columns:minmax(0,1fr) minmax(0,400px)} }
.itd-guide .ig-quiz{display:flex;flex-direction:column;gap:16px;margin:0}
.itd-guide fieldset{border:1px solid var(--ig-line);background:var(--ig-surface);border-radius:var(--ig-r);padding:18px 20px;margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
.itd-guide legend{float:left;width:100%;padding:0;margin:0;border:0;display:flex;gap:12px;align-items:baseline;font-size:inherit}
.itd-guide legend .ig-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ig-accent-soft);color:var(--ig-accent-strong);font-weight:800;font-size:14px;display:grid;place-items:center}
.itd-guide legend .ig-q{font-weight:700;font-size:18px;color:var(--ig-ink)}
.itd-guide .ig-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;clear:both}
@container (min-width: 560px){ .itd-guide .ig-opts{grid-template-columns:repeat(3,minmax(0,1fr))} }
.itd-guide .ig-opt{position:relative}
.itd-guide .ig-opt label{margin:0;display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 14px;border:1.5px solid var(--ig-line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--ig-surface)}
.itd-guide .ig-opt label b{font-weight:650;font-size:15px;color:var(--ig-ink)}
.itd-guide .ig-opt label span{font-size:13px;color:var(--ig-muted);line-height:1.4}
.itd-guide .ig-opt label:hover{border-color:var(--ig-accent)}
.itd-guide .ig-opt input:checked + label{border-color:var(--ig-accent);background:var(--ig-accent-soft)}
.itd-guide .ig-opt input:focus-visible + label{outline:3px solid var(--ig-accent);outline-offset:2px}

.itd-guide .ig-result{position:sticky;top:16px;background:var(--ig-surface);border:2px solid var(--ig-accent);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:16px}
.itd-guide .ig-tag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ig-accent)}
.itd-guide .ig-hero{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center}
.itd-guide .ig-hero img{width:110px;height:160px;object-fit:contain;max-width:100%}
.itd-guide .ig-name{font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-top:4px}
.itd-guide .ig-chip{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;color:#2a2f3a;border:1px solid transparent}
.itd-guide .ig-chip.std{background:var(--ig-std-soft);border-color:var(--ig-std)}
.itd-guide .ig-chip.pow{background:var(--ig-pow-soft);border-color:var(--ig-pow)}
.itd-guide .ig-chip.adv{background:var(--ig-adv-soft);border-color:var(--ig-adv)}
.itd-guide .ig-fit{font-size:14px;color:var(--ig-muted);margin-top:6px}
.itd-guide .ig-why{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.itd-guide .ig-why li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:15px;margin:0}
.itd-guide .ig-why svg{margin-top:3px;color:var(--ig-pow)}
.itd-guide .ig-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.itd-guide .ig-spec{background:var(--ig-bg);border-radius:10px;padding:10px 12px}
.itd-guide .ig-spec .k{font-size:12px;color:var(--ig-muted);font-weight:600}
.itd-guide .ig-spec .v{font-weight:700;font-variant-numeric:tabular-nums}
.itd-guide .ig-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;font-weight:700;text-decoration:none;font-size:15px;background:var(--ig-accent);color:var(--ig-accent-ink)}
.itd-guide .ig-btn:hover{background:var(--ig-accent-strong);color:var(--ig-accent-ink);text-decoration:none}
.itd-guide .ig-btn:focus-visible{outline:3px solid var(--ig-accent);outline-offset:2px}
.itd-guide .ig-alt{border-top:1px solid var(--ig-line);padding-top:14px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;font-size:14px}
.itd-guide .ig-alt img{width:44px;height:62px;object-fit:contain}
.itd-guide .ig-alt .m{color:var(--ig-muted)}

.itd-guide .ig-gauge{display:inline-flex;gap:3px;vertical-align:middle;margin-left:6px}
.itd-guide .ig-gauge i{width:10px;height:10px;border-radius:2px;background:var(--ig-line)}
.itd-guide .ig-gauge i.on{background:var(--ig-accent)}

.itd-guide .ig-section{display:flex;flex-direction:column;gap:16px}
.itd-guide .ig-tbl{overflow-x:auto;background:var(--ig-surface);border:1px solid var(--ig-line);border-radius:var(--ig-r)}
.itd-guide table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px;margin:0}
.itd-guide th,.itd-guide td{padding:11px 12px;text-align:center;border:0;border-bottom:1px solid var(--ig-line);vertical-align:middle;color:var(--ig-ink);background:transparent}
.itd-guide tbody th{text-align:left;font-weight:600;color:var(--ig-muted);white-space:nowrap}
.itd-guide thead th{vertical-align:bottom;padding-top:16px}
.itd-guide thead img{height:84px;width:auto;display:block;margin:0 auto 6px}
.itd-guide .ig-mname{font-weight:800;font-size:14px;margin-top:6px}
.itd-guide tr:last-child th,.itd-guide tr:last-child td{border-bottom:none}
.itd-guide .reco{background:var(--ig-accent-soft)}
.itd-guide .ig-badge{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--ig-accent);color:var(--ig-accent-ink);padding:3px 8px;border-radius:999px}
.itd-guide .ig-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ig-accent)}
.itd-guide .ig-no{color:var(--ig-muted)}
.itd-guide td{font-variant-numeric:tabular-nums}
.itd-guide .ig-foot{font-size:12.5px;color:var(--ig-muted)}

.itd-guide .ig-learn{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@container (min-width: 520px){ .itd-guide .ig-learn{grid-template-columns:repeat(2,minmax(0,1fr))} }
@container (min-width: 960px){ .itd-guide .ig-learn{grid-template-columns:repeat(4,minmax(0,1fr))} }
.itd-guide .ig-learn article{display:flex;flex-direction:column;gap:8px}
.itd-guide .ig-ic{width:40px;height:40px;border-radius:10px;background:var(--ig-accent-soft);color:var(--ig-accent-strong);display:grid;place-items:center}
.itd-guide .ig-learn p{font-size:14.5px;color:var(--ig-muted)}
.itd-guide .ig-stages{display:flex;gap:4px}
.itd-guide .ig-stages span{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ig-muted);font-size:11px;font-weight:700;display:grid;place-items:center;color:var(--ig-muted)}

.itd-guide .ig-band{background:var(--ig-surface);border:1px solid var(--ig-line);border-radius:var(--ig-r);padding:22px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.itd-guide .ig-band > div{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:6px}
.itd-guide .ig-band p{color:var(--ig-muted);font-size:15px}
.itd-guide .ig-phone{font-weight:800;font-size:20px;font-variant-numeric:tabular-nums;color:var(--ig-ink);text-decoration:none}
@media (prefers-reduced-motion:reduce){.itd-guide *{transition:none!important}}