/* ==========================================================================
   Maxelik, silo « Référencement payant » (classes sa-) : page mère, socle des pages filles
   S'appuie sur contenus.css (cn-ek, cn-top, cn-px, cn-zn, cn-lx).
   Hero sombre : une annonce Google, une annonce sur les réseaux, un suivi du coût par demande.
   ========================================================================== */

/* ---------- hero ---------- */
.sa-hero{position:relative;overflow:clip;isolation:isolate;padding-block:clamp(22px,3.6vh,48px) clamp(26px,4vh,60px);background:radial-gradient(55% 80% at 100% 0%,rgba(0,131,255,.32),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(0,186,255,.12),transparent 70%),#0f1a22;color:#c8d3d9}
.sa-hero::after{content:"";position:absolute;z-index:-1;left:-120px;bottom:-160px;width:440px;aspect-ratio:1;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.05;filter:brightness(3)}
.sa-hero-g{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.sa-k{display:inline-flex;align-items:center;gap:10px;font-size:.86rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#7fd8ff}
.sa-k .ico{width:22px;height:22px;color:#7fd8ff}
.sa-hero h1{margin-top:12px;color:#fff}
.sa-lead{margin-top:16px;font-size:1.08rem;line-height:1.65;color:#c8d3d9}
.sa-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.18)}
.sa-proofs{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sa-proofs li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.9rem;color:#c8d3d9}
.sa-proofs b{color:#fff}

/* composition : recherche Google, annonce sociale, graphique */
.sa-vis{position:relative;height:clamp(390px,60vh,460px)}
.sa-sv{position:absolute;top:0;left:0;width:82%;padding:18px 20px 20px;border-radius:var(--r);background:#fff;color:var(--ink-2);box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.sa-sv-q{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:#eef3f7;font-size:.95rem;font-weight:700;color:var(--slate)}
.sa-sv-g{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--grad);font-size:.8rem;font-weight:900;color:#fff}
.sa-sv-txt{overflow:hidden;white-space:nowrap}
.sa-sv-q i{width:2px;height:18px;margin-left:-8px;background:var(--blue)}
.sa-ad{margin-top:16px;display:grid;gap:4px}
.sa-ad-s{display:flex;gap:10px;align-items:baseline;font-size:.8rem;color:#5f6b71}
.sa-ad-s b{font-weight:900;color:var(--slate)}
.sa-ad-h{font-size:1.12rem;font-weight:800;line-height:1.3;color:#1a4fd1}
.sa-ad-p{font-size:.88rem;line-height:1.5}
.sa-ad-x{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.sa-ad-x span{padding:5px 12px;border-radius:999px;background:#eaf3ff;font-size:.78rem;font-weight:800;color:#1a4fd1}
.sa-org{display:grid;gap:8px;margin-top:18px}
.sa-org i{height:9px;border-radius:999px;background:#e7edf1}
.sa-org i:nth-child(1){width:46%;background:#cfdcf6}
.sa-org i:nth-child(2){width:92%}
.sa-org i:nth-child(3){width:74%}
.sa-fd{position:absolute;right:0;bottom:0;width:min(240px,44%);border-radius:var(--r);overflow:clip;background:#fff;box-shadow:0 40px 80px -36px rgba(0,0,0,.75)}
.sa-fd-h{display:grid;grid-template-columns:28px 1fr;gap:0 10px;align-items:center;padding:12px 14px;font-size:.84rem;color:var(--slate)}
.sa-fd-h span{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:var(--grad)}
.sa-fd-h em{font-style:normal;font-size:.72rem;color:#6b777d}
.sa-fd-img{position:relative;display:grid;place-items:end start;height:96px;padding:12px 14px;background:radial-gradient(80% 90% at 80% 10%,#38a5ff,transparent 70%),linear-gradient(135deg,#0a3f86,#0083ff);color:#fff;font-size:.9rem;font-weight:900;line-height:1.25}
.sa-fd-img .ico{position:absolute;right:14px;top:12px;width:34px;height:34px;color:#fff}
.sa-fd-img .ico .fs{fill:rgba(255,255,255,.15)}
.sa-fd-b{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;color:var(--ink-2)}
.sa-fd-b b{padding:6px 12px;border-radius:var(--r);background:#eaf3ff;color:#1a4fd1}
.sa-kp{position:absolute;left:5%;bottom:0;width:min(220px,42%);padding:12px 16px;border-radius:var(--r);background:rgba(18,32,42,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.sa-kp-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.84rem;white-space:nowrap;color:#fff}
.sa-kp-h span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7fd8ff}
.sa-kp-g{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:100%;gap:10px;align-items:end;height:58px;margin-top:10px}
.sa-kp-g i{height:var(--h);border-radius:4px 4px 0 0;background:var(--grad)}
.sa-kp-l{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px;font-size:.68rem;text-align:center;color:#9fb0b8}

/* animations du hero (au chargement, sans révélation au défilement) */
@media (prefers-reduced-motion:no-preference){
  .sa-sv-txt{animation:sa-type 1.6s steps(16) .3s both}
  .sa-sv-q i{animation:sa-blink 1s steps(1) infinite}
  .sa-ad{animation:sa-up .6s var(--ease) 1.9s both}
  .sa-fd{animation:sa-up .7s var(--ease) 2.3s both}
  .sa-kp{animation:sa-up .7s var(--ease) 2.6s both}
  .sa-kp-g i{transform-origin:bottom;animation:sa-grow .7s var(--ease) both}
  .sa-kp-g i:nth-child(1){animation-delay:2.9s}.sa-kp-g i:nth-child(2){animation-delay:3s}.sa-kp-g i:nth-child(3){animation-delay:3.1s}.sa-kp-g i:nth-child(4){animation-delay:3.2s}
}
@keyframes sa-type{from{max-width:0}to{max-width:16ch}}
@keyframes sa-blink{50%{opacity:0}}
@keyframes sa-up{from{transform:translateY(18px)}to{transform:none}}
@keyframes sa-grow{from{transform:scaleY(.15)}to{transform:none}}

/* ---------- définition et enchère ---------- */
.sa-def{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.sa-def-t{display:grid;gap:16px}
.sa-def-t>p:not(.cn-ek){font-size:1.04rem;line-height:1.75;color:var(--ink-2)}
.sa-def-t a{font-weight:700}
.sa-auc{margin:0;display:grid;gap:16px;padding:clamp(24px,3vw,36px);border-radius:var(--r);background:var(--soft)}
.sa-auc-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:1.08rem;color:var(--slate)}
.sa-auc-h span{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.sa-auc-i{font-size:.95rem;line-height:1.65;color:var(--ink-2)}
.sa-auc-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sa-auc-l li{display:grid;grid-template-columns:120px minmax(0,1fr) 46px;gap:14px;align-items:center;padding:12px 16px;border-radius:var(--r);background:#fff;font-size:.9rem;color:var(--ink-2)}
.sa-auc-l li.is-win{background:var(--slate);color:#fff;box-shadow:0 20px 40px -24px rgba(19,40,60,.7)}
.sa-auc-n{font-weight:800}
.sa-auc-b{display:grid;gap:5px}
.sa-auc-b i{height:7px;width:var(--w);border-radius:999px}
.sa-auc-b .e,.sa-auc-lg .e::before{background:#9fb0b8}
.sa-auc-b .q,.sa-auc-lg .q::before{background:var(--grad)}
.sa-auc-r{font-size:1.1rem;font-weight:900;text-align:right;color:var(--slate)}
.is-win .sa-auc-r{color:#7fd8ff}
.sa-auc-lg{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.82rem;color:var(--ink-2)}
.sa-auc-lg span::before{content:"";display:inline-block;width:18px;height:7px;margin-right:8px;border-radius:999px;vertical-align:.1em}
.sa-auc-c{font-size:.95rem;font-weight:700;line-height:1.6;color:var(--slate)}

/* ---------- prestations : deux familles ---------- */
.sa-pr-s{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(60% 80% at 100% 0%,rgba(0,131,255,.24),transparent 70%),#0f1a22}
.sa-pr-s .cn-ek{color:#7fd8ff}
.sa-pr-top{margin-bottom:clamp(32px,4vw,52px)}
.sa-pr-lead{font-size:1.06rem;line-height:1.7;color:#c8d3d9}
.sa-pr{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(20px,3vw,40px);align-items:start}
.sa-pr-c{display:grid;gap:14px}
.sa-pr-k{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#7fd8ff}
.sa-pr-k .ico{width:22px;height:22px;color:#7fd8ff}
.sa-pr-k .ico .fs{fill:rgba(127,216,255,.12)}
.sa-pr-c ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sa-pr-c:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-pr-c:last-child a{grid-template-columns:1fr;gap:14px}
.sa-pr a{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;height:100%;padding:clamp(20px,2.2vw,28px);padding-bottom:64px;border-radius:var(--r);background:rgba(255,255,255,.05);color:inherit;text-decoration:none;transition:background .3s,transform .3s var(--ease)}
.sa-pr a:hover{background:rgba(0,131,255,.2);transform:translateY(-3px)}
.sa-pr-i{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r);background:#fff}
.sa-pr-i .ico{width:32px;height:32px}
.sa-pr-t{display:grid;gap:8px;align-content:start}
.sa-pr-t h3{font-size:1.2rem;color:#fff}
.sa-pr-t>span{font-size:.94rem;line-height:1.6;color:#b8c5cc}
.sa-pr-go{position:absolute;right:20px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:background .3s}
.sa-pr-go svg{width:16px;height:16px}
.sa-pr a:hover .sa-pr-go{background:var(--blue)}
.sa-pr-c:first-child a{background:radial-gradient(120% 120% at 100% 0%,#0a4a91 0%,#112a40 60%,#141d22 100%)}
.sa-pr-c:first-child a:hover{background:radial-gradient(120% 120% at 100% 0%,#0d5cb4 0%,#13324c 60%,#141d22 100%)}

/* ---------- objectifs : onglets ---------- */
.sa-ob{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(20px,3vw,40px);align-items:start}
.sa-ob-tabs{display:grid;gap:8px}
.sa-ob-tabs button{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;border:0;border-radius:var(--r);background:#fff;font:800 1rem/1.3 "Nunito Sans",system-ui,sans-serif;color:var(--slate);text-align:left;cursor:pointer;transition:background .3s,color .3s}
.sa-ob-tabs button .ico{width:26px;height:26px;flex:none}
.sa-ob-tabs button:hover{background:var(--soft-b)}
.sa-ob-tabs button[aria-selected="true"]{background:var(--slate);color:#fff}
.sa-ob-tabs button[aria-selected="true"] .ico{color:#7fd8ff}
.sa-ob-tabs button[aria-selected="true"] .ico .fs{fill:rgba(127,216,255,.14)}
.sa-ob-p{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3vw,40px);padding:clamp(24px,3vw,40px);border-radius:var(--r);background:#fff;box-shadow:0 24px 50px -36px rgba(19,40,60,.45)}
.js .sa-ob-p[hidden]{display:none}
html:not(.js) .sa-ob-tabs{display:none}
html:not(.js) .sa-ob{grid-template-columns:1fr}
html:not(.js) .sa-ob-p+.sa-ob-p{margin-top:16px}
.sa-ob-txt{display:grid;gap:14px;align-content:start}
.sa-ob-txt h3{font-size:1.4rem}
.sa-ob-txt>p:not(.sa-ob-kpi){font-size:1rem;line-height:1.7;color:var(--ink-2)}
.sa-ob-kpi{display:grid;gap:4px;padding:14px 16px;border-radius:var(--r);background:var(--soft);font-size:.94rem;color:var(--ink-2)}
.sa-ob-kpi b{font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.sa-ob-pl{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start;counter-reset:pl}
.sa-ob-pl li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;align-items:center;padding:12px 14px;border-radius:var(--r);background:var(--soft);font-size:.88rem;line-height:1.45;color:var(--ink-2)}
.sa-ob-pl li:first-child{background:var(--slate);color:#c8d3d9}
.sa-ob-pl li:first-child b{color:#fff}
.sa-ob-pl span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r);background:#fff}
.sa-ob-pl span .ico{width:28px;height:28px}
.sa-ob-pl b{font-size:1rem;color:var(--slate)}

/* ---------- choisir une agence ---------- */
.sa-ch{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.sa-ch-t{position:sticky;top:calc(var(--head-bar) + 32px);display:grid;gap:16px}
.sa-ch-t>p:not(.cn-ek){font-size:1.04rem;line-height:1.75;color:var(--ink-2)}
.sa-ch-l{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:ch}
.sa-ch-l li{position:relative;display:grid;gap:8px;padding:22px 24px 22px 76px;border-radius:var(--r);background:var(--soft);counter-increment:ch}
.sa-ch-l li::before{content:counter(ch,decimal-leading-zero);position:absolute;left:22px;top:20px;font-size:1.5rem;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--blue)}
.sa-ch-q{font-size:1.1rem;font-weight:900;line-height:1.35;color:var(--slate)}
.sa-ch-a{font-size:.96rem;line-height:1.65;color:var(--ink-2)}

/* ---------- SEA et SEO ---------- */
.sa-co-s{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(60% 80% at 0% 100%,rgba(0,131,255,.24),transparent 70%),#0f1a22}
.sa-co-s::after{content:"";position:absolute;z-index:-1;right:-110px;top:-120px;width:420px;aspect-ratio:1;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.05;filter:brightness(3)}
.sa-co-s .cn-ek{color:#7fd8ff}
.sa-co{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}
.sa-co-t{display:grid;gap:16px;justify-items:start}
.sa-co-t>p:not(.cn-ek){font-size:1.04rem;line-height:1.7;color:#c8d3d9}
.sa-co-t>p a{font-weight:700;color:#7fd8ff}
.sa-co-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sa-co-l li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 18px;padding:22px 24px;border-radius:var(--r);background:rgba(255,255,255,.05)}
.sa-co-l li:nth-child(2){margin-left:clamp(0px,3vw,40px);background:rgba(0,131,255,.16)}
.sa-co-l li:nth-child(3){margin-left:clamp(0px,6vw,80px)}
.sa-co-n{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--grad);font-size:1.15rem;font-weight:900;color:#fff}
.sa-co-l h3{font-size:1.15rem}
.sa-co-l p{font-size:.95rem;line-height:1.6;color:#b8c5cc}

/* ---------- méthode ---------- */
.sa-me{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.15fr);gap:clamp(14px,1.8vw,22px);align-items:stretch}
.sa-me-c{display:grid;align-content:start;gap:14px;padding:clamp(22px,2.4vw,30px);border-radius:var(--r);background:#fff;box-shadow:0 20px 44px -36px rgba(19,40,60,.5)}
.sa-me-c.is-loop{background:var(--slate);color:#c8d3d9}
.sa-me-c.is-loop h3{color:#fff}
.sa-me-k{font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.is-loop .sa-me-k{color:#7fd8ff}
.sa-me-c>ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.sa-me-c>ol>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 14px}
.sa-me-c>ol>li::before{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--soft-b);font-weight:900;color:var(--blue)}
.sa-me-c:nth-child(1)>ol>li:nth-child(1)::before{content:"1"}
.sa-me-c:nth-child(1)>ol>li:nth-child(2)::before{content:"2"}
.sa-me-c:nth-child(1)>ol>li:nth-child(3)::before{content:"3"}
.sa-me-c:nth-child(2)>ol>li::before{content:"4"}
.sa-me-c:nth-child(3)>ol>li:nth-child(1)::before{content:"5"}
.sa-me-c:nth-child(3)>ol>li:nth-child(2)::before{content:"6"}
.is-loop>ol>li::before{background:var(--grad);color:#fff}
.sa-me-c h3{font-size:1.08rem}
.sa-me-c p{font-size:.93rem;line-height:1.6;color:var(--ink-2)}
.is-loop p{color:#b8c5cc}

.sa-me-chk{display:grid;gap:10px;margin-top:6px;padding:16px 18px;border-radius:var(--r);background:var(--soft)}
.sa-me-chk p{font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.sa-me-chk ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sa-me-chk li{position:relative;padding-left:26px;font-size:.92rem;font-weight:700;color:var(--slate)}
.sa-me-chk li::before{content:"";position:absolute;left:0;top:.2em;width:16px;height:16px;border-radius:50%;background:var(--grad)}
.sa-me-chk li::after{content:"";position:absolute;left:5px;top:calc(.2em + 4px);width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ---------- cas clients ---------- */
.sa-cs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin-top:clamp(32px,4vw,52px)}
.sa-cs-c{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r);overflow:clip;background:var(--soft)}
.sa-cs-f{margin:0;aspect-ratio:16/9;overflow:clip;background:#dde7f0}
.sa-cs-f img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.sa-cs-c:hover .sa-cs-f img{transform:scale(1.03)}
.sa-cs-b{display:grid;gap:12px;align-content:start;padding:clamp(22px,2.6vw,32px)}
.sa-cs-k{font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.sa-cs-b h3{font-size:1.3rem}
.sa-cs-b>p:not([class]){font-size:.98rem;line-height:1.65;color:var(--ink-2)}
.sa-cs-m{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;padding:14px 18px;border-radius:var(--r);background:#fff}
.sa-cs-m b{font-size:1.7rem;font-weight:900;line-height:1.1;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sa-cs-m span{font-size:.95rem;font-weight:700;color:var(--slate)}
.sa-cs-n{font-size:.86rem;color:#6b777d}
.sa-cs-l{list-style:none;margin:0;padding:14px 18px;display:flex;flex-wrap:wrap;gap:8px;border-radius:var(--r);background:#fff}
.sa-cs-l li{padding:6px 12px;border-radius:999px;background:var(--soft-b);font-size:.86rem;font-weight:700;color:var(--slate)}

/* ---------- zone : villes reliées ---------- */
.sa-zn-s .cn-zn-c li:has(a){padding:0}
.sa-zn-s .cn-zn-c li a{display:block;padding:7px 14px;border-radius:999px;color:#fff;text-decoration:none}
.sa-zn-s .cn-zn-c li a:hover{background:rgba(0,131,255,.45)}
.sa-zn-s .cn-zn-t a{font-weight:700;color:#7fd8ff}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .sa-pr{grid-template-columns:1fr}
  .sa-me{grid-template-columns:1fr 1fr}
  .sa-me-c.is-loop{grid-column:span 2}
}
@media (max-width:1000px){
  .sa-hero-g,.sa-def,.sa-ch,.sa-co,.sa-ob{grid-template-columns:1fr}
  .sa-ch-t{position:static}
  .sa-ob-tabs{grid-template-columns:1fr 1fr}
  .sa-co-l li:nth-child(n){margin-left:0}
}
@media (max-width:760px){
  .sa-ob-p,.sa-cs{grid-template-columns:1fr}
  .sa-pr-c:last-child ul{grid-template-columns:1fr}
  .sa-me{grid-template-columns:1fr}
  .sa-me-c.is-loop{grid-column:auto}
}
@media (max-width:700px){
  .sa-vis{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
  .sa-sv{position:static;grid-column:1/-1;width:auto}
  .sa-fd,.sa-kp{position:static;width:auto}
  .sa-kp{display:grid;align-content:space-between}
  .sa-kp-h{flex-wrap:wrap;white-space:normal}
  .sa-kp-g,.sa-kp-l{gap:6px}
  .sa-ob-tabs{grid-template-columns:1fr}
  .sa-auc-l li{grid-template-columns:96px minmax(0,1fr) 40px;gap:10px;padding:12px}
  .sa-ch-l li{padding:20px 18px 20px 62px}
  .sa-ch-l li::before{left:16px}
}