/* Maquette de hiérarchie : conserve l’identité SetMyTemp existante. */
.mockup-home .wrap{max-width:560px}
.mockup-home .bignum,.mockup-city .big,.mockup-directory .directory-total{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.mockup-home main{display:grid;grid-template-columns:1fr;gap:24px}
.mockup-home main>#card{grid-column:1/-1;display:grid;grid-template-columns:1fr;padding:0;overflow:hidden;margin:0 0 4px}
.mockup-home .recommendation-panel{position:static;align-self:start;padding:38px 34px 30px;min-width:0}
.mockup-home .controls-panel{padding:30px 32px;border-left:0;border-top:0;min-width:0}
.mockup-home .controls-panel>div:first-child>.section-t:first-child{margin-top:0;padding-top:18px;border-top:1px solid var(--card-bd)}
.mockup-home .hero{padding:0;overflow:visible}
.mockup-home .hero .label{font-size:16px}
.mockup-home .bignum{font-size:clamp(92px,10vw,142px);letter-spacing:-.055em;margin:10px 0 8px}
.mockup-home .bignum .unit{font-size:.30em}
.mockup-home .sub{font-size:17px;line-height:1.55;min-height:0;margin:0 auto;max-width:36ch}
.mockup-home .obs{font-size:14px;line-height:1.5}
.mockup-home .loc{font-size:17px;margin:12px 0 18px}
.mockup-home .chips{padding:0 0 22px}
.mockup-home .vote{margin:0 0 18px}
.mockup-home .calculation-details{border-top:1px solid var(--card-bd);padding-top:16px;margin-top:8px;text-align:left}
.mockup-home .calculation-details summary{cursor:pointer;color:var(--muted);font-size:14px;font-weight:600;line-height:1.5}
.mockup-home .calculation-details .model-note{font-size:13px;line-height:1.6;text-align:left;margin:12px 0 0;max-width:48ch}
.mockup-home main>.card:not(#card){margin:0;content-visibility:visible}
.mockup-home main>#arcum-feature,.mockup-home main>#partner-feature{margin:0}
.mockup-home main>#arcum-feature{grid-column:1/-1}
.mockup-home main>#partner-feature{grid-column:1/-1}
.mockup-home .feature-space-bd{grid-column:1/-1}
.mockup-home .feature-space-bd p{max-width:31em;font-size:15px;line-height:1.65}
.mockup-home .feature-space-visual{position:absolute;right:26px;bottom:26px;width:120px;opacity:.18}
.mockup-home .disclaimer{max-width:70ch;margin:20px auto 0;line-height:1.6}

.mockup-city .wrap{max-width:980px}
.mockup-city h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.035em;max-width:18ch;margin:28px 0 26px}
.mockup-city .city-lead{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,5fr);gap:32px;align-items:stretch;margin-bottom:32px}
.mockup-city .city-lead>.card{margin:0;padding:30px 26px;display:flex;flex-direction:column;justify-content:center}
.mockup-city .city-lead>p{margin:0;padding:8px 0 8px 28px;border-left:1px solid var(--bd);font-size:17px;line-height:1.7;align-self:center}
.mockup-city .big{font-size:clamp(80px,10vw,112px);font-variant-numeric:tabular-nums}
.mockup-city .wrap>p,.mockup-city .wrap>h2,.mockup-city .wrap>.faq,.mockup-city .wrap>.links{max-width:780px}
.mockup-city .wrap>p{font-size:16px;line-height:1.7}
.mockup-city .ad{margin-top:36px}

.mockup-directory .directory-hero{padding:38px 0 28px;align-items:center}
.mockup-directory .directory-hero h1{font-size:clamp(38px,4.5vw,58px);max-width:16ch}
.mockup-directory .directory-hero p{font-size:16px;line-height:1.65;margin-top:14px}
.mockup-directory .directory-tools{top:0;margin-bottom:18px;padding:18px 0}
.mockup-directory .directory-note{margin-bottom:28px}
.mockup-directory .directory-visual{margin-top:44px}

@media(max-width:900px){
  .mockup-home main{grid-template-columns:1fr}
  .mockup-home main>#card{grid-template-columns:1fr}
  .mockup-home .recommendation-panel{position:static;padding:30px 24px 24px}
  .mockup-home .controls-panel{padding:26px 24px;border-left:0;border-top:0}
  .mockup-home .bignum{font-size:clamp(82px,24vw,112px)}
  .mockup-city .city-lead{grid-template-columns:1fr;gap:20px}
  .mockup-city .city-lead>p{border-left:0;border-top:1px solid var(--bd);padding:22px 0 0;font-size:16px}
}
@media(max-width:640px){
  .mockup-home .wrap{max-width:100%}
  .mockup-home .recommendation-panel{padding:26px 18px 20px}
  .mockup-home .controls-panel{padding:24px 18px}
  .mockup-home .chips{flex-wrap:nowrap}
  .mockup-home .chips .chip{min-width:0}
  .mockup-city h1{margin-top:22px}
  .mockup-city .city-lead>.card{padding:24px 18px}
  .mockup-directory .directory-hero{grid-template-columns:1fr;padding-top:28px;gap:20px}
  .mockup-directory .directory-total{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .mockup-home *,.mockup-city *,.mockup-directory *{scroll-behavior:auto!important}
}

.mockup-home main>.card:not(#card){grid-column:1/-1}
.mockup-home .why-recommendation{border-top:0;border-bottom:1px solid var(--card-bd);margin:12px 0 0;padding:2px 0 14px}
.mockup-home .why-recommendation .model-note{text-align:left;font-size:12px;line-height:1.55;margin:10px 4px 0;color:var(--faint)}

.mockup-home .why-recommendation>summary{font-family:inherit;font-size:18px!important;font-weight:700;line-height:1.4;color:var(--ink);margin:14px 4px 0;cursor:pointer}
.mockup-home .why-recommendation>summary::after{content:"+";float:right;font-size:22px;font-weight:400;line-height:1}
.mockup-home .why-recommendation[open]>summary::after{content:"−"}
.mockup-home .why-recommendation :is(p,.hint,.model-note){font-family:inherit!important;font-size:14px!important;line-height:1.65!important;color:var(--muted)!important;margin:12px 4px 0!important;text-align:left!important}

/* Réglage éco : libellé et température se répondent sur une seule ligne. */
.mockup-home .sub .eco-line{display:flex;align-items:baseline;justify-content:space-between;gap:20px;width:100%;white-space:nowrap}
.mockup-home .sub .eco-line b{flex:none}
.mockup-home .indoor-note{font-size:13px;line-height:1.55;color:var(--muted);margin:7px 0 14px;text-align:left}
.mockup-home .profile-details>summary{font-family:inherit;font-size:18px!important;font-weight:700;line-height:1.4;color:var(--ink);margin:14px 4px 0;cursor:pointer}
.mockup-home .profile-details>summary::after{content:"+";float:right;font-size:22px;font-weight:400;line-height:1}
.mockup-home .profile-details[open]>summary::after{content:"−"}
.mockup-home .profile-details .hint{font-family:inherit!important;font-size:14px!important;line-height:1.65!important;color:var(--muted)!important;margin:12px 4px 0!important;text-align:left!important}
.mockup-home .page-sources{max-width:70ch;margin:18px auto 0;padding:14px 4px 0;border-top:1px solid var(--card-bd);color:var(--faint);font-size:11.5px;line-height:1.6;text-align:center}
/* Les deux ornements circulaires restent dans leur carte, y compris à 320 px. */
.mockup-home .hero{overflow:hidden}
.mockup-home .pulse{display:none}
@media(max-width:560px){
  .mockup-home .feature-target{right:8px;width:140px;opacity:.32}
  .mockup-home .feature-space-visual{right:-2px;bottom:0;width:112px;opacity:.2}
  .mockup-home .sub{font-size:15px;max-width:none}
  .mockup-home .sub .eco-line{gap:12px}
}

/* Volets sobres : aucun signe + ou − à droite. */
.mockup-home :is(.why-recommendation,.profile-details)>summary::after,
.mockup-home :is(.why-recommendation,.profile-details)[open]>summary::after{content:none}

/* Une seule grille de lecture : titres, notes, champs et volets partagent le même axe. */
.mockup-home .controls-panel :is(.section-t,details.hint-d>summary){margin-left:0;margin-right:0}
.mockup-home .controls-panel details.hint-d :is(.hint,.model-note,p){margin-left:0!important;margin-right:0!important}
.mockup-home .controls-panel :is(.indoor-note,.notes,.ecowatt){margin-left:0;margin-right:0}
.mockup-home .page-sources{padding-left:0;padding-right:0}
.mockup-city :is(.section-t,details.hint-d>summary){margin-left:0;margin-right:0}
.mockup-city details.hint-d :is(.hint,.model-note,p){margin-left:0!important;margin-right:0!important}

/* La consigne éco reste proche de son libellé et mesure la moitié du chiffre principal. */
.mockup-home .sub .eco-line{justify-content:center;gap:12px}
.mockup-home .sub .eco-line b{font-size:clamp(46px,5vw,71px);line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

/* En °F, l'unité reprend la hiérarchie du chiffre principal ; le rendu °C est inchangé. */
.mockup-home .recommendation-panel>.chips{padding:0 16px 10px}
.mockup-home .recommendation-panel>.obs{margin:0 0 12px}
.mockup-home .profile-details{margin:0 0 12px;padding:2px 0 12px;border-top:0;border-bottom:1px solid var(--card-bd)}
.mockup-home #adv{border-top:0}

/* Le symbole °F garde la même taille que la valeur éco, comme en °C. */

/* Petits mobiles : la valeur éco reste à 50 % et le °F ne dépasse plus. */
.mockup-home .controls-panel .search input{min-width:0}
@media(max-width:900px){
  .mockup-home .recommendation-panel>.chips{padding-left:18px;padding-right:18px}
  .mockup-home .sub .eco-line b{font-size:clamp(41px,12vw,56px)}
}
@media(max-width:360px){
  .mockup-home .sub{font-size:14px}
  .mockup-home .sub .eco-line{gap:8px}
}

/* Fahrenheit : symbole intermédiaire et surélevé, sans modifier les chiffres. */

/* Cohérence stricte des unités éco : °F comme °C, même taille et même ligne de base. */

/* Température principale : espace lisible entre le degré et la lettre. */
.mockup-home .bignum .unit{letter-spacing:.06em}
/* Mode éco : mêmes proportions et position que l'unité principale, en °C comme en °F. */
.mockup-home .eco-line .eco-unit{font-size:.3em;line-height:0;vertical-align:super;letter-spacing:normal}

/* Unité principale : décolle °C / °F des chiffres, sans modifier le mode éco. */
.mockup-home .bignum>.unit{margin-left:.1em}