/* RMGT — sections d'accueil : hero, ticker, builder, catégories, réassurance (dépend de rmgt.css) */
.section{padding-block:var(--s7);border-bottom:var(--bw-lg) solid var(--ink)}
.section__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5)}
.eyebrow{display:inline-block;margin:0 0 var(--s2);padding:2px var(--s2);background:var(--ink);color:var(--yellow);
  font:700 var(--fs-xs)/1.5 var(--font);text-transform:uppercase;letter-spacing:.08em}

/* ---------- Hero ---------- */
.hero{background:var(--blue);color:#fff;border-bottom:var(--bw-lg) solid var(--ink)}
.hero__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s6);align-items:center;padding-block:var(--s7)}
.hero h1{font-size:clamp(2.2rem,5.5vw,4rem);line-height:1;margin-bottom:var(--s4)}
.hero h1 em{font-style:normal;background:var(--yellow);color:var(--ink);padding:0 var(--s2);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero__lead{font-size:var(--fs-lg);max-width:36ch;margin-bottom:var(--s5)}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--s4)}
.hero .btn--white{color:var(--ink)}
.hero__chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s5) 0 0;padding:0;list-style:none}
.hero__chips a{display:inline-block;padding:2px var(--s3);background:var(--paper);color:var(--ink);border:2px solid var(--ink);
  font:700 var(--fs-sm)/1.6 var(--font);text-decoration:none;box-shadow:var(--sh-sm)}
.hero__chips a:hover{background:var(--yellow)}

/* Stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin:0;padding:0;list-style:none}
.stat{background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--sh-lg);padding:var(--s4)}
.stat:nth-child(1){background:var(--yellow)}.stat:nth-child(2){background:var(--green)}
.stat:nth-child(3){background:var(--pink)}.stat:nth-child(4){background:var(--orange)}
.stat__n{display:block;font:700 clamp(2rem,4vw,3rem)/1 var(--font);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stat__l{display:block;margin-top:var(--s1);font:700 var(--fs-sm)/1.25 var(--font)}

/* Ticker de prix */
.ticker{overflow:hidden;background:var(--ink);color:var(--paper);border-bottom:var(--bw-lg) solid var(--ink)}
.ticker__track{display:flex;width:max-content;animation:ticker 40s linear infinite;margin:0;padding:var(--s3) 0;list-style:none}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker li{padding-inline:var(--s5);font:700 var(--fs-sm)/1 var(--font);white-space:nowrap;border-right:2px solid var(--yellow)}
.ticker b{color:var(--yellow)}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ---------- PC Builder ---------- */
.builder{background:var(--yellow)}
.builder__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s6);align-items:start}
.builder__intro p{font-size:var(--fs-lg);max-width:34ch}
.presets{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);margin:0;padding:0;list-style:none}
.preset{display:flex;flex-direction:column;gap:var(--s1);height:100%;padding:var(--s4);background:var(--paper);color:var(--ink);
  border:var(--bw) solid var(--ink);box-shadow:var(--sh);text-decoration:none;transition:transform .08s,box-shadow .08s}
.preset:hover{background:var(--paper);color:var(--ink);transform:translate(-2px,-2px);box-shadow:var(--sh-lg)}
.preset:active{transform:translate(4px,4px);box-shadow:none}
.preset__icon{font-size:2rem;line-height:1}
.preset__name{font:700 var(--fs-lg)/1.1 var(--font)}
.preset__price{margin-top:auto;font:700 var(--fs-sm)/1.2 var(--font);background:var(--ink);color:var(--yellow);align-self:flex-start;padding:2px var(--s2)}
.preset--empty{background:var(--ink);color:var(--paper)}.preset--empty:hover{background:var(--ink);color:var(--paper)}
.preset--empty .preset__price{background:var(--paper);color:var(--ink)}
.preset[aria-current="true"],.preset.is-active{background:var(--green)}

/* Fragment HTMX d'aperçu de configuration */
.build-preview{margin-top:var(--s5);background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--sh)}
.build-preview:empty{display:none}
.build-preview table{width:100%;border-collapse:collapse}
.build-preview th,.build-preview td{padding:var(--s2) var(--s3);text-align:left;border-bottom:2px solid var(--ink)}
.build-preview th{font:700 var(--fs-xs)/1 var(--font);text-transform:uppercase;letter-spacing:.06em;width:6.5rem}
.build-preview td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.build-preview tfoot td,.build-preview tfoot th{background:var(--ink);color:var(--yellow);border-bottom:0;font-size:var(--fs-lg)}
.build-ok{padding:var(--s2) var(--s3);background:var(--green);font-weight:700;border-bottom:var(--bw) solid var(--ink)}

/* ---------- Catégories ---------- */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s4);margin:0;padding:0;list-style:none}
.cat{display:flex;flex-direction:column;gap:var(--s1);height:100%;min-height:150px;padding:var(--s4);
  background:var(--c,var(--paper));color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--sh);
  text-decoration:none;transition:transform .08s,box-shadow .08s}
.cat:hover{background:var(--c,var(--paper));color:var(--ink);transform:translate(-2px,-2px) rotate(-.6deg);box-shadow:var(--sh-lg)}
.cat__icon{font-size:2.25rem;line-height:1}
.cat__name{margin-top:auto;font:700 var(--fs-lg)/1.1 var(--font)}
.cat__count{font:700 var(--fs-sm)/1 var(--font);background:var(--ink);color:var(--paper);align-self:flex-start;padding:2px var(--s2)}
.cat--refurb{--c:var(--orange)}

/* ---------- Réassurance ---------- */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s5);margin:0;padding:0;list-style:none}
.trust li{padding:var(--s4);background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--sh)}
.trust li:nth-child(1){background:var(--yellow)}.trust li:nth-child(2){background:var(--blue);color:#fff}
.trust li:nth-child(3){background:var(--green)}.trust li:nth-child(4){background:var(--orange)}
.trust h3{margin-bottom:var(--s2)}.trust p{margin:0}

@media (max-width:860px){
  .hero__grid,.builder__grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .section{padding-block:var(--s6)}
  .hero__grid{padding-block:var(--s5)}
  .hero__cta .btn{width:100%}
  .stat{padding:var(--s3)}
  .presets{grid-template-columns:1fr 1fr;gap:var(--s3)}
  .cats{grid-template-columns:1fr 1fr;gap:var(--s3)}
  .cat{min-height:120px;padding:var(--s3)}
  .cat__name{font-size:var(--fs-md)}
}
@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}