/* ==========================================================================
   PAGE « SITE INTERNET » — section OFFRE (.soff-*)
   Carte principale 990 € + carte secondaire 49 €/mois. Compacte : pensée pour
   tenir dans une hauteur d'écran à 1440×900.
   ========================================================================== */

.soff{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(56px,6vw,84px) 0}
.soff-head{margin-bottom:clamp(24px,3vw,36px);gap:10px}
.soff-head .site-title{font-size:clamp(25px,3vw,38px)}
.soff-head .site-sub{font-size:clamp(15px,1.1vw,16.5px)}

.soff-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:clamp(16px,1.6vw,22px);align-items:stretch}

/* ---------- cartes ---------- */
.soff-card{position:relative;isolation:isolate;border-radius:24px;border:1px solid var(--site-line);
  background:var(--site-card);padding:clamp(20px,2vw,26px);box-shadow:var(--shadow-soft)}
.soff-card--main{display:flex;flex-direction:column;gap:clamp(16px,1.8vw,22px);overflow:hidden;
  border-color:rgba(var(--orange-rgb),.3);
  background:linear-gradient(165deg,rgba(var(--orange-rgb),.1),rgba(var(--ink-rgb),.035) 42%,rgba(var(--ink-rgb),.012));
  box-shadow:0 0 0 1px rgba(var(--orange-rgb),.08),0 40px 90px -50px rgba(var(--orange-rgb),.7)}
.soff-card--main::before{content:"";position:absolute;z-index:-1;inset:-40% -10% auto auto;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(var(--orange-rgb),.22),transparent);filter:blur(10px);pointer-events:none}

.soff-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2.4vw,34px);align-items:start}
.soff-pricing{display:flex;flex-direction:column;gap:2px}
.soff-k{font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:-.02em;color:var(--site-ink-2)}
.soff-price{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-weight:600;letter-spacing:-.05em;line-height:.92}
.soff-num{font-size:clamp(50px,6vw,82px);background:linear-gradient(170deg,var(--text) 35%,var(--orange));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.soff-cur{font-size:clamp(24px,2.4vw,34px);color:var(--orange)}
.soff-once{font-size:13px;line-height:1.45;color:var(--muted)}
.soff-note{font-size:14.5px;line-height:1.55;color:var(--site-ink-2);
  padding-left:clamp(16px,2vw,26px);border-left:1px solid var(--site-line)}

/* ---------- listes en pastilles ---------- */
.soff-lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px)}
.soff-list{display:flex;flex-direction:column;gap:10px;min-width:0}
.soff-list--opt{padding-left:clamp(14px,1.6vw,22px);border-left:1px solid var(--site-line)}
.soff-lk{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:13px;letter-spacing:-.02em;color:var(--text)}
.soff-lk-ic{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px}
.soff-lk-ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.soff-lk-ic--in{background:var(--orange);color:#0a0a0a;box-shadow:0 0 16px rgba(var(--orange-rgb),.45)}
.soff-lk-ic--opt{background:rgba(var(--ink-rgb),.07);border:1px solid var(--site-line);color:var(--muted)}

.soff-chips{display:flex;flex-wrap:wrap;gap:6px}
.soff-chips li{padding:6px 11px;border-radius:999px;border:1px solid var(--site-line);background:rgba(var(--ink-rgb),.045);
  font-size:12.5px;line-height:1.25;color:var(--site-ink-2);transition:border-color .3s var(--ease),color .3s var(--ease)}
.soff-chips li:hover{border-color:rgba(var(--orange-rgb),.45);color:var(--text)}
.soff-chips--opt li{background:none;border-style:dashed;color:var(--muted)}
.soff-chips--sub li{background:rgba(var(--ink-rgb),.05)}

/* ---------- colonne de droite ---------- */
.soff-side{display:flex;flex-direction:column;justify-content:center;gap:14px}
.soff-card--sub{flex:0 0 auto;display:flex;flex-direction:column;gap:8px}
.soff-card--sub .soff-chips{margin-top:6px}
.soff-price--sm{align-items:baseline}
.soff-price--sm .soff-num{font-size:clamp(38px,4vw,54px)}
.soff-price--sm .soff-cur{font-size:clamp(20px,1.8vw,24px)}
.soff-price--sm small{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--muted);letter-spacing:0}
.soff-btn{justify-content:center}
.soff-legal{font-size:11.5px;line-height:1.45;color:var(--muted-2);text-wrap:pretty}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .soff-grid{grid-template-columns:1fr}
  .soff-card--main{order:0}
}
@media (max-width:760px){
  .soff-top{grid-template-columns:1fr;gap:14px}
  .soff-note{padding-left:0;border-left:0;padding-top:12px;border-top:1px solid var(--site-line)}
  .soff-lists{grid-template-columns:1fr;gap:16px}
  .soff-list--opt{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--site-line)}
  .soff-card{padding:18px 16px;border-radius:20px}
  .soff-btn{align-self:stretch}
}

/* ---------- mode clair ---------- */
[data-theme="light"] .soff-card{background:rgba(255,253,249,.78);border-color:rgba(15,15,15,.1)}
[data-theme="light"] .soff-card--main{border-color:rgba(var(--orange-rgb),.42);
  background:linear-gradient(165deg,rgba(var(--orange-rgb),.14),rgba(255,253,249,.92) 45%,rgba(255,253,249,.8));
  box-shadow:0 0 0 1px rgba(var(--orange-rgb),.14),0 34px 70px -46px rgba(217,96,0,.55)}
[data-theme="light"] .soff-num{background:linear-gradient(170deg,#1b1206 35%,var(--orange-ink));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] .soff-cur{color:var(--orange-ink)}
[data-theme="light"] .soff-chips li{background:#fff;border-color:rgba(15,15,15,.12)}
[data-theme="light"] .soff-chips--opt li{background:none}
[data-theme="light"] .soff-lk-ic--opt{background:rgba(15,15,15,.05)}