/* Pages par type d’établissement (climatisation-*.html) */
.pre-bar{background:var(--band);color:#fff;font-size:.9rem}
.pre-bar-in{display:flex;align-items:center;gap:12px;min-height:46px}
.pre-bar p{margin:0;flex:1;color:#CFE3E6}.pre-bar b{color:#fff}.pre-bar strong{color:#FF9B5E;font-family:var(--display);font-size:1.05rem}
.pre-sep{opacity:.5;margin:0 8px}
.pre-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#FF9B5E;animation:prePulse 2s infinite}
@keyframes prePulse{0%{box-shadow:0 0 0 0 rgba(255,155,94,.6)}70%,100%{box-shadow:0 0 0 9px rgba(255,155,94,0)}}
.pre-bar a{color:#5FF0E0;font-weight:700;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
section.phero.sg-hero{padding-block:48px 64px}
.sg-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.sg-hero .copy{display:grid;gap:16px;justify-items:start}
.sg-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem)}
.sg-crumb{display:flex;gap:8px;font-size:.84rem;color:var(--muted)}
.sg-crumb a{color:var(--muted)}
.sg-proofs{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sg-proofs li{font-size:.84rem;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--cool-soft);color:var(--cool-ink)}
.sg-sheet{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 30px 60px -40px rgba(11,37,48,.5);display:grid;gap:14px}
.sg-sheet-tag{justify-self:start;font:600 .74rem var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:var(--heat-soft);color:var(--heat-ink)}
.sg-sheet h2{font-size:1.4rem;margin:0}
.sg-sheet-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sg-sheet-list li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}
.sg-sheet-list .ic{display:grid;place-items:center;height:44px;border-radius:12px;background:var(--bg)}
.sg-sheet-list .ic svg{width:34px;height:auto;max-height:38px}
.sg-sheet-list b{display:block;font-size:.92rem}.sg-sheet-list small{color:var(--muted);font-size:.8rem}
.sg-sheet-list strong{font:600 1rem var(--display);white-space:nowrap}
.sg-total{background:var(--band);color:#fff;border-radius:16px;padding:14px 16px;display:grid;gap:2px}
.sg-total span{font-size:.8rem;color:#9DB8BF}
.sg-total strong{font:600 1.8rem var(--display)}
.sg-total small{color:#CFE3E6;font-size:.84rem}
/* ---------- Ce que dit la loi / ce que la chaleur coûte : icônes + chiffre clé ---------- */
.sg-laws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sg-law{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:10px;align-content:start}
.sg-law-top{display:flex;align-items:center;gap:12px}
.sg-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--cool-soft);color:var(--cool-ink)}
.sg-ic svg{width:22px;height:22px}
.sg-law-k{font:600 .78rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--cool-ink)}
.sg-law h3{margin:0;font-size:1.12rem;line-height:1.3}.sg-law p{margin:0;color:var(--muted);font-size:.95rem}
.sg-law.is-hl{border-color:transparent;color:#fff;background:radial-gradient(120% 70% at 100% 0%,rgba(255,155,94,.2),transparent 60%),var(--ink-band,#0B2530);box-shadow:0 30px 50px -36px rgba(11,37,48,.7)}
.sg-law.is-hl h3{color:#fff}.sg-law.is-hl p{color:#CFE3E6}.sg-law.is-hl .sg-law-k{color:#5FF0E0}
.sg-law.is-hl .sg-ic{background:rgba(95,240,224,.14);color:#5FF0E0}
.sg-law .sg-fig{margin:6px 0 2px;display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid rgba(234,244,245,.16)}
.sg-fig strong{font:600 clamp(2rem,3.2vw,2.6rem)/1.05 var(--display);color:#FF9B5E;letter-spacing:-.01em}
.sg-law .sg-fig span{color:#CFE3E6;font-size:.88rem}

/* ---------- Où installer : cartes avec dessin d’appareil ---------- */
.sg-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sg-need{border-radius:22px;padding:22px 24px 24px;display:grid;gap:8px;align-content:start;background:var(--cool-soft)}
.sg-need:nth-child(2){background:var(--heat-soft)}
.sg-need:nth-child(3){background:var(--bg);border:1px solid var(--line)}
.sg-need-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;min-height:72px}
.sg-need-n{font:600 .9rem var(--mono);color:var(--cool-ink)}.sg-need:nth-child(2) .sg-need-n{color:var(--heat-ink)}
.sg-need-art{width:88px;height:82px;margin:-10px -10px -4px 0}
.sg-need-art svg{width:100%;height:100%;display:block}
.sg-need h3{font-size:1.15rem;margin:0}.sg-need p{margin:0;color:var(--muted)}

/* ---------- Aide au choix (1er bloc) ---------- */
#combien{scroll-margin-top:12px}
.sg-sources{margin:16px 0 0;font-size:.78rem;color:var(--muted);max-width:110ch}
.sg-calc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:start}
.sg-calc-q{display:grid;gap:12px}
.sg-q{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center}
.sg-q-l{font-weight:700;font-size:1rem}
.sg-q p{grid-column:1;margin:0;color:var(--muted);font-size:.88rem}
.sg-q .sg-step{grid-column:2;grid-row:1/span 2}
.sg-q.is-size{grid-template-columns:1fr;margin-top:-6px;background:var(--bg)}
.sg-step{display:inline-grid;grid-template-columns:44px 60px 44px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.sg-step button{border:0;background:none;font:700 1.2rem var(--text);cursor:pointer;min-height:46px;color:var(--fg)}
.sg-step button:disabled{color:var(--line);cursor:default}
.sg-step input{border:0;border-inline:1px solid var(--line);text-align:center;font:600 1.05rem var(--display);width:100%;background:transparent;-moz-appearance:textfield}
.sg-step input::-webkit-inner-spin-button,.sg-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sg-chips button{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:600 .9rem var(--text);color:var(--fg);cursor:pointer}
.sg-chips button[aria-checked="true"]{background:var(--fg);border-color:var(--fg);color:var(--surface)}
.sg-q.is-off{display:none}
.sg-calc-out{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:12px;box-shadow:0 24px 44px -38px rgba(11,37,48,.45)}
.sg-calc-out ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sg-calc-out li{display:flex;justify-content:space-between;gap:10px;font-size:.95rem}
.sg-calc-out li span{color:var(--muted);white-space:nowrap}
.sg-calc-out .btn{justify-content:center;text-align:center}
.sg-calc-note{margin:0;font-size:.78rem;color:var(--muted)}
.sg-others{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;font-size:.92rem}
.sg-others>span{color:var(--muted)}
.sg-others a{font-weight:700;color:var(--cool-ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.sg-others a:hover{text-decoration:underline}
.sg-calc-sec .sg-q{background:var(--bg);border-color:transparent}
.sg-calc-sec .sg-q.is-size{background:var(--surface);border:1px dashed var(--line)}
.sg-calc-q{counter-reset:q}
.sg-q:not(.is-size){counter-increment:q}
.sg-q:not(.is-size) .sg-q-l::before{content:counter(q);content:counter(q) / "";display:inline-grid;place-items:center;width:26px;height:26px;margin-right:10px;border-radius:50%;background:var(--band);color:#fff;font:600 .76rem var(--mono);vertical-align:1px}
.sg-q:not(.is-size) p{padding-left:36px}
.sg-calc-out{background:linear-gradient(180deg,var(--cool-soft),var(--surface) 150px)}
.sg-calc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;min-height:72px}
.sg-calc-art{display:flex;align-items:flex-end;gap:2px}
.sg-calc-pic{position:relative;width:66px;height:70px}
.sg-calc-pic svg{width:100%;height:100%;display:block}
.sg-calc-pic i{position:absolute;top:-2px;right:-2px;font:600 .7rem/1 var(--mono);font-style:normal;padding:4px 6px;border-radius:999px;background:var(--band);color:#fff}
.sg-calc-out li b{font-weight:600}
.sg-total strong{display:inline-block;transform-origin:left center}

/* ---------- Une saison avec nous : frise + avantages ---------- */
.sg-tl{position:relative;padding-top:64px}
.sg-tl.is-static{padding-top:0}
.sg-tl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sg-stage{position:relative;display:grid;grid-template-rows:auto 1fr;gap:16px}
.sg-stage-dot{position:relative;z-index:2;width:48px;height:48px;margin-left:20px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--muted);transition:background-color .35s,border-color .35s,color .35s,transform .35s}
.sg-stage-dot svg{width:22px;height:22px}
.sg-stage.is-on .sg-stage-dot{background:var(--cool-ink);border-color:var(--cool-ink);color:var(--surface);transform:scale(1.08)}
.sg-stage.is-hot.is-on .sg-stage-dot{background:var(--heat-ink);border-color:var(--heat-ink)}
.sg-stage-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;gap:8px;align-content:start;transition:border-color .35s,box-shadow .35s}
.sg-stage.is-on .sg-stage-card{border-color:color-mix(in srgb,var(--cool) 55%,var(--line))}
.sg-stage.is-hot .sg-stage-card{background:var(--heat-soft);border-color:transparent}
.sg-stage-when{margin:0;display:flex;justify-content:space-between;gap:8px;font:600 .78rem var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--cool-ink)}
.sg-stage.is-hot .sg-stage-when{color:var(--heat-ink)}
.sg-stage-t{color:var(--muted);letter-spacing:0}
.sg-stage h3{margin:0;font-size:1.15rem}
.sg-stage-txt{margin:0;color:var(--muted);font-size:.93rem}
.sg-perk{margin:6px 0 0;display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:12px 14px;border-radius:14px;background:var(--cool-soft);font-size:.9rem;line-height:1.45;color:var(--fg)}
.sg-stage.is-hot .sg-perk{background:var(--surface)}
.sg-perk b{display:block;font-weight:700}
.sg-perk-ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--cool-ink);color:var(--surface)}
.sg-stage.is-hot .sg-perk-ic{background:var(--heat-ink)}
.sg-perk-ic svg{width:14px;height:14px;stroke-width:3}
/* Ligne (posée par segments.js à partir de la position des pastilles) */
/* The gradient stays put (its colours match the temperature at each moment); a grey cover shrinks to reveal it. */
.sg-tl-track{position:absolute;z-index:1;left:var(--x0);top:calc(var(--y0) - 2px);width:var(--len);height:4px;border-radius:4px;opacity:0;overflow:hidden;background:linear-gradient(90deg,var(--cool) 0%,#F2B33A 34%,var(--heat) 62%,var(--cool) 100%)}
.sg-tl.is-ready .sg-tl-track{opacity:1}
.sg-tl-fill{position:absolute;inset:-1px;transform-origin:right center;background:var(--line)}
.sg-tl.is-v .sg-tl-track{left:calc(var(--x0) - 2px);top:var(--y0);width:4px;height:var(--len);background:linear-gradient(180deg,var(--cool) 0%,#F2B33A 34%,var(--heat) 62%,var(--cool) 100%)}
.sg-tl.is-v .sg-tl-fill{transform-origin:center bottom}
/* Thermomètre qui suit la ligne (couleurs fixes, AA en clair comme en sombre) */
.sg-tl-thumb{--tc:#08736A;position:absolute;z-index:3;left:var(--x0);top:calc(var(--y0) - 64px);display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 7px;border-radius:999px;background:var(--tc);color:#fff;font:600 .82rem/1.2 var(--mono);white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-50%);transition:background-color .3s,opacity .3s;box-shadow:0 10px 20px -12px rgba(11,37,48,.6)}
.sg-tl-thumb::after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--tc);transition:border-color .3s}
.sg-tl-thumb i{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--tc)}
.sg-tl-thumb.is-hot{--tc:#B44A12}
.sg-tl.is-ready .sg-tl-thumb{opacity:1}
.sg-tl.is-static .sg-tl-thumb{display:none}
.sg-tl.is-v .sg-tl-thumb{z-index:1;top:var(--y0);padding:3px 8px 3px 5px;font-size:.74rem;gap:4px}
.sg-tl.is-v .sg-tl-thumb::after{display:none}
.sg-tl.is-v .sg-tl-thumb i{width:9px;height:9px;box-shadow:inset 0 0 0 2px var(--tc)}
.sg-stage-short{display:none}

/* ---------- Apparitions au défilement (seulement si segments.js anime) ---------- */
.sg-rv [data-rv]{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms)}
.sg-rv [data-rv]:not(.is-in){opacity:0;transform:translateY(24px)}
.sg-rv [data-rv].rv-done{transition:transform .25s ease,box-shadow .25s ease;transition-delay:0s}

@media (prefers-reduced-motion:no-preference){
  .sg-total strong.is-bump{animation:sgBump .42s ease}
  .sg-calc-pic{animation:sgPop .35s cubic-bezier(.2,.9,.3,1.3) backwards}
  .sg-calc-pic:nth-child(2){animation-delay:.05s}.sg-calc-pic:nth-child(3){animation-delay:.1s}.sg-calc-pic:nth-child(4){animation-delay:.15s}
}
@keyframes sgBump{40%{transform:scale(1.05)}}
@keyframes sgPop{from{opacity:0;transform:translateY(8px) scale(.85)}}

/* Survol (bureau seulement) : léger zoom sur les cartes qui le méritent. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .sg-need,.sg-law,.sg-stage-card{transition:transform .25s ease,box-shadow .25s ease,border-color .35s}
  .sg-need:hover,.sg-law:hover,.sg-stage-card:hover{transform:scale(1.025);box-shadow:0 24px 44px -30px rgba(11,37,48,.5)}
}

@media (max-width:1060px){.sg-hero-grid,.sg-calc{grid-template-columns:1fr}.sg-laws,.sg-needs{grid-template-columns:1fr}.sg-calc-out{position:static}
  .sg-needs .sg-need{grid-template-columns:auto 1fr;column-gap:20px}.sg-need-top{grid-row:1/span 2;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-end;min-height:0}.sg-need-art{margin:0}
  .sg-law.is-hl .sg-fig{grid-template-columns:auto 1fr;align-items:center;column-gap:16px}}
/* Tablette et téléphone : frise verticale */
@media (max-width:900px){
  .sg-tl{padding-top:0}
  .sg-tl-list{grid-template-columns:1fr;gap:14px}
  .sg-stage{grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto;gap:16px;align-items:start}
  .sg-stage-dot{margin:14px 0 0}
  .sg-stage-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:start}
  .sg-stage-card>:not(.sg-perk){grid-column:1}
  .sg-perk{grid-column:2;grid-row:1/span 3;margin:0}
}
@media (max-width:720px){
  .pre-bar{font-size:.8rem}.pre-bar-in{gap:8px;min-height:44px}.pre-bar p b,.pre-sep{display:none}
  section.phero.sg-hero{padding-block:20px 36px}
  .sg-hero .copy{margin-top:0}
  .sg-hero-grid{gap:24px}
  .sg-laws,.sg-needs{gap:10px}.sg-law,.sg-need{padding:16px 18px}
  .sg-law{gap:8px}.sg-ic{width:40px;height:40px;border-radius:12px}
  .sg-needs .sg-need{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;align-items:center}
  .sg-need-top{grid-column:1;grid-row:1;display:block;min-height:0}.sg-need-art{display:block;width:52px;height:50px;margin:0}
  .sg-need h3{grid-column:2;grid-row:1}.sg-need p{grid-column:1/-1}
  .sg-need-n{display:none}
  .sg-q{padding:14px 16px}.sg-sheet{padding:18px}
  .sg-q p{font-size:.84rem}
  .sg-q:not(.is-size) p{padding-left:0}
  .sg-step{grid-template-columns:40px 52px 40px}
  .sg-calc-head{min-height:60px}.sg-calc-pic{width:48px;height:52px}
  .sg-tl-list{gap:8px}
  .sg-season-sec .sec-head .lead{display:none}
  .sg-stage{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .sg-stage-dot{width:40px;height:40px;margin-top:12px}.sg-stage-dot svg{width:19px;height:19px}
  .sg-stage-card{grid-template-columns:1fr;padding:12px 14px 14px;gap:4px;border-radius:18px}
  .sg-stage-card>*{grid-column:1!important}
  .sg-stage h3{font-size:1.02rem}
  .sg-stage-txt{display:none}.sg-stage-short{display:block;margin:0;color:var(--muted);font-size:.86rem}
  .sg-perk{grid-row:auto;margin-top:6px;padding:8px 12px;font-size:.85rem;line-height:1.4;gap:9px;grid-template-columns:20px 1fr}
  .sg-perk-ic{width:20px;height:20px}.sg-perk-ic svg{width:12px;height:12px}
}
@media (prefers-reduced-motion:reduce){.pre-dot{animation:none}.sg-tl *,.sg-stage-dot,.sg-stage-card{transition:none!important}}
/* « On gère tout » : bandeau bleu nuit, 4 engagements, note partenaires. */
.sg-manage-sec{background:var(--ink-band,#0B2530);color:#fff}
.sg-manage-sec .eyebrow{color:#5FF0E0}
.sg-manage-sec h2{color:#fff}
.sg-manage-sec .lead{color:#CFE3E6;max-width:62ch}
.sg-manage{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sg-manage li{display:grid;gap:8px;align-content:start;padding:22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sg-manage b{font-family:var(--display);font-weight:600;font-size:1.08rem;color:#fff}
.sg-manage span{color:#CFE3E6;font-size:.94rem}
.sg-manage li:first-child{background:rgba(95,240,224,.12);border-color:rgba(95,240,224,.3)}
.sg-manage-note{margin:18px 0 0;display:flex;gap:10px;align-items:center;padding:14px 18px;border-radius:16px;background:rgba(255,155,94,.14);color:#FFD9C2;font-weight:600;font-size:.95rem}
.sg-manage-note::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:#FF9B5E}
@media (max-width:1060px){.sg-manage{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.sg-manage{grid-template-columns:1fr;gap:10px}.sg-manage li{padding:16px 18px}}
/* Téléphone : boutons du haut sur toute la largeur, comme sur les autres pages. */
/* Pas d'ours dans le bandeau de fin ici : on retire la réserve de 112 px prévue pour lui sur téléphone. */
@media (max-width:720px){.sg-hero .cta-row{justify-self:stretch}.svc-end .band{padding-top:28px}}