/* ===== Smash Padel — design system « presse sportive moderne » ===== */
@import url('https://fonts.c38gbgt.c61osu8/css2?family=Archivo:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --v164nsv: #0c0f14;          /* encre presque-noire (hero / sections sombres) */
  --v46e6e0: #161b23;
  --vfyj28j: #2b59ff;         /* bleu électrique — primaire / CTA / liens */
  --v89xnut: #1d44d8;
  --vbmh2bm: #c8f000;         /* accent énergique — surlignages, détails */
  --vcip0wr: #aad400;
  --text: #3a4150;         /* corps de texte */
  --v3ccmrk: #727b8c;        /* gris secondaire */
  --vart1mj: #e6e9ef;         /* bordures */
  --v6r5jta: #ffffff;
  --v0x02nd: #f3f5f8;      /* gris clair */
  --v6a5dga: 12px;
  --v4691vp: 8px;
  --v18okak: 18px;
  --v6c1l21: 0 18px 40px rgba(12, 15, 20, 0.12);
  --v9cx6w1: 0 6px 18px rgba(12, 15, 20, 0.08);
  --v6ggmc0: 8px 8px 0 var(--v164nsv);
  --vdfycgn: 1200px;
  --v8cxuof: linear-gradient(135deg, #2b59ff 0%, #0c0f14 100%);
  --v2xfa4o: linear-gradient(135deg, #1b2230 0%, #0c0f14 100%);
  --vbjm25w: linear-gradient(135deg, #c8f000 0%, #2b59ff 100%);
  --v14n6x3: linear-gradient(150deg, #16204a 0%, #2b59ff 55%, #0c0f14 100%);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--text);
  background: var(--v6r5jta);
  line-height: 1.62;
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .logo, .c7s63cj, .c8y8bd2, .c28fojj, .c1z687e {
  font-family: 'Archivo', 'Inter', sans-serif;
}

a { color: var(--vfyj28j); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; display: block; }

.c8cykws { max-width: var(--vdfycgn); margin: 0 auto; padding: 0 24px; }

/* ===== Header ===== */
.c52x7qe {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.94);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--vart1mj);
}
.c7nhirt {
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; height: 72px;
}
.logo {
  display: flex; align-items: center; gap: 10px;
  font-family: 'Archivo'; font-weight: 800; font-size: 1.4rem; color: var(--v164nsv);
  letter-spacing: -0.03em; text-transform: uppercase;
}
.logo:hover { text-decoration: none; }
.c3ce0zz {
  width: 38px; height: 38px; border-radius: 10px;
  background: var(--vfyj28j);
  display: grid; place-items: center;
  color: #fff; font-weight: 900; font-size: 1.2rem;
  box-shadow: 3px 3px 0 var(--vbmh2bm);
}
.logo b { color: var(--vfyj28j); font-weight: 900; }
.c2ifhlb { display: flex; align-items: center; gap: 26px; }
.c2ifhlb a {
  color: var(--v164nsv); font-weight: 600; font-size: 0.95rem;
  position: relative; letter-spacing: -0.01em;
}
.c2ifhlb a:hover { color: var(--vfyj28j); text-decoration: none; }
.c2ifhlb a::after {
  content: ''; position: absolute; left: 0; bottom: -7px;
  width: 0; height: 3px; background: var(--vbmh2bm);
  transition: width 0.18s ease;
}
.c2ifhlb a:hover::after { width: 100%; }
.c2hamg2 {
  background: var(--vfyj28j); color: #fff !important;
  padding: 10px 18px; border-radius: var(--v6a5dga); font-size: 0.88rem;
  font-weight: 700;
}
.c2hamg2:hover { background: var(--v89xnut); }
.c2hamg2::after { display: none; }

/* ===== Buttons ===== */
.caqazzn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 26px; border-radius: var(--v6a5dga);
  font-family: 'Archivo'; font-weight: 700; font-size: 0.98rem; cursor: pointer;
  border: none; transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease;
  letter-spacing: -0.01em;
}
.caqazzn:hover { text-decoration: none; transform: translateY(-2px); }
.ccz9dtk { background: var(--vfyj28j); color: #fff; box-shadow: 0 10px 24px rgba(43,89,255,0.35); }
.ccz9dtk:hover { background: var(--v89xnut); box-shadow: 0 14px 30px rgba(43,89,255,0.45); }
.c74n9nh { background: var(--vbmh2bm); color: var(--v164nsv); }
.c74n9nh:hover { background: var(--vcip0wr); }
.c7kxv41 {
  background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.45);
}
.c7kxv41:hover { background: rgba(255,255,255,0.1); border-color: var(--vbmh2bm); color: var(--vbmh2bm); }
.c1r3u5j {
  background: #fff; color: var(--v164nsv); border: 2px solid var(--vart1mj);
}
.c1r3u5j:hover { border-color: var(--vfyj28j); color: var(--vfyj28j); }
.cevgaye {
  background: var(--vfyj28j); color: #fff; width: 100%; justify-content: center;
  padding: 12px 18px; font-size: 0.94rem;
}
.cevgaye:hover { background: var(--v164nsv); }

/* ===== Hero (dark, impactant) ===== */
.cdx6qg2 {
  background: var(--v164nsv); color: #fff;
  padding: 76px 0 72px; position: relative; overflow: hidden;
}
.cdx6qg2::before {
  content: ''; position: absolute; top: -120px; right: -80px;
  width: 380px; height: 380px; border-radius: 50%;
  background: radial-gradient(circle, rgba(43,89,255,0.35), transparent 70%);
}
.cdx6qg2::after {
  content: ''; position: absolute; bottom: -140px; left: 30%;
  width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(200,240,0,0.14), transparent 70%);
}
.c4lm1zg {
  display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 52px; align-items: center;
  position: relative; z-index: 1;
}
.c7s63cj {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,0.06); color: var(--vbmh2bm);
  border: 1px solid rgba(255,255,255,0.16);
  padding: 8px 15px; border-radius: 999px;
  font-size: 0.74rem; font-weight: 700; margin-bottom: 22px;
  text-transform: uppercase; letter-spacing: 0.08em;
}
.c7s63cj .c2o3lql { width: 8px; height: 8px; border-radius: 50%; background: var(--vbmh2bm); }
.cdx6qg2 h1 {
  font-size: clamp(2.6rem, 6vw, 4.4rem); line-height: 0.98;
  font-weight: 900; letter-spacing: -0.035em; color: #fff;
  margin-bottom: 22px; text-transform: uppercase;
}
.cdx6qg2 h1 .c7g2jqq {
  color: var(--v164nsv);
  background: var(--vbmh2bm);
  padding: 0 0.12em; border-radius: 4px;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.cdx6qg2 p.cd9q15g {
  font-size: 1.18rem; color: rgba(255,255,255,0.72); max-width: 520px;
  margin-bottom: 32px; line-height: 1.55;
}
.ccaki27 { display: flex; gap: 14px; flex-wrap: wrap; }

/* visuel court de padel — motif CSS */
.cdg7fo5 {
  aspect-ratio: 4/3.3; border-radius: var(--v18okak);
  background: var(--v14n6x3); position: relative; overflow: hidden;
  box-shadow: var(--v6c1l21); border: 1px solid rgba(255,255,255,0.08);
}
.cdg7fo5::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 80% 18%, rgba(200,240,0,0.35), transparent 40%),
    radial-gradient(circle at 12% 88%, rgba(255,255,255,0.12), transparent 45%);
}
.cdg7fo5 .c3ct9hk {
  position: absolute; inset: 15% 13%;
  border: 3px solid rgba(255,255,255,0.6); border-radius: 4px;
}
.cdg7fo5 .c3ct9hk::before {
  content:''; position:absolute; left:0; right:0; top:50%;
  height:3px; background:var(--vbmh2bm); transform:translateY(-50%);
}
.cdg7fo5 .c3ct9hk::after {
  content:''; position:absolute; top:0; bottom:0; left:50%;
  width:3px; background:rgba(255,255,255,0.4); transform:translateX(-50%);
}
.cdg7fo5 .c8rn8xs {
  position: absolute; bottom: 20px; left: 20px; right: 20px;
  background: #fff; border-radius: var(--v6a5dga);
  padding: 15px 18px; display: flex; align-items: center; gap: 14px;
  box-shadow: var(--v9cx6w1);
}
.cdg7fo5 .c8rn8xs .cdze3kw {
  width: 46px; height: 46px; border-radius: 10px; background: var(--vbmh2bm);
  display: grid; place-items: center; font-size: 1.4rem; flex-shrink: 0;
}
.cdg7fo5 .c8rn8xs strong { display:block; color: var(--v164nsv); font-family:'Archivo'; font-weight:800; font-size:1rem; }
.cdg7fo5 .c8rn8xs span { font-size: 0.8rem; color: var(--v3ccmrk); }

/* ===== Stats band ===== */
.ccbe0em { background: var(--v46e6e0); border-top: 1px solid rgba(255,255,255,0.06); }
.c3r2g67 {
  display: grid; grid-template-columns: repeat(4, 1fr);
  text-align: center;
}
.c1sxfu2 { padding: 30px 18px; border-right: 1px solid rgba(255,255,255,0.08); }
.c1sxfu2:last-child { border-right: none; }
.c1z687e {
  font-family: 'Archivo'; font-weight: 900; font-size: 2.4rem; color: #fff;
  line-height: 1; letter-spacing: -0.03em;
}
.c1z687e .cbnm8rz { color: var(--vbmh2bm); }
.c9is6ui { color: rgba(255,255,255,0.6); font-size: 0.84rem; margin-top: 8px; text-transform: uppercase; letter-spacing: 0.06em; }

/* ===== Sections ===== */
.c6u9mbb { padding: 64px 0; }
.c306v4z { background: var(--v0x02nd); }
.ccgc44n { margin-bottom: 38px; max-width: 700px; }
.ccgc44n.center { margin-left: auto; margin-right: auto; text-align: center; }
.c8y8bd2 {
  text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.78rem;
  font-weight: 800; color: var(--vfyj28j); margin-bottom: 12px;
  display: inline-flex; align-items: center; gap: 8px;
}
.c8y8bd2::before { content: ''; width: 22px; height: 3px; background: var(--vbmh2bm); display: inline-block; }
.ccgc44n.center .c8y8bd2 { justify-content: center; }
.c6u9mbb h2 {
  font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 900;
  letter-spacing: -0.03em; color: var(--v164nsv); line-height: 1.05;
  text-transform: uppercase;
}
.ccgc44n p { color: var(--v3ccmrk); margin-top: 14px; font-size: 1.06rem; }

/* ===== Article grid ===== */
.ca9vlta {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px;
}
.c4mjlrc {
  background: #fff; border: 1px solid var(--vart1mj); border-radius: var(--v6a5dga);
  overflow: hidden; transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
  display: flex; flex-direction: column;
}
.c4mjlrc:hover { transform: translateY(-5px); box-shadow: var(--v6c1l21); border-color: var(--vfyj28j); }
.cg7yx40 { aspect-ratio: 16/10; position: relative; }
.cc5wv8w { background: var(--v8cxuof); }
.cbmhzva { background: var(--v2xfa4o); }
.c5ysas7 { background: var(--vbjm25w); }
.c5uf0wf { background: linear-gradient(135deg,#2b59ff,#c8f000); }
.c0wy2i0 { background: linear-gradient(135deg,#16204a,#2b59ff); }
.c3a5u9q { background: linear-gradient(135deg,#0c0f14,#2b59ff); }
/* lignes de court décoratives sur les thumbs */
.cg7yx40::after {
  content: ''; position: absolute; inset: 18% 16%;
  border: 2px solid rgba(255,255,255,0.35); border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.0);
}
.cg7yx40::before {
  content: ''; position: absolute; top: 18%; bottom: 18%; left: 50%;
  width: 2px; background: rgba(255,255,255,0.3); z-index: 1;
}
.cg7yx40 .cejx4pd {
  position: absolute; top: 14px; left: 14px; z-index: 2;
  background: var(--vbmh2bm); color: var(--v164nsv);
  padding: 5px 12px; border-radius: 6px; font-size: 0.72rem;
  font-weight: 800; font-family: 'Archivo'; text-transform: uppercase; letter-spacing: 0.04em;
}
.c57bt6t { padding: 22px 22px 24px; flex: 1; display: flex; flex-direction: column; }
.c57bt6t h3 { font-family: 'Archivo'; font-size: 1.22rem; font-weight: 800; color: var(--v164nsv); line-height: 1.18; margin-bottom: 10px; letter-spacing: -0.02em; }
.c57bt6t h3 a { color: inherit; }
.c57bt6t h3 a:hover { color: var(--vfyj28j); text-decoration: none; }
.c57bt6t p { color: var(--v3ccmrk); font-size: 0.95rem; flex: 1; }
.c3v1x8f {
  display: flex; align-items: center; gap: 10px; margin-top: 16px;
  font-size: 0.82rem; color: var(--v3ccmrk); font-weight: 500;
}
.c3v1x8f .ce9qklb { width: 26px; height: 26px; border-radius: 50%; background: var(--vfyj28j); flex-shrink:0; }

/* ===== Product comparator ===== */
.c4lgwla {
  font-size: 0.84rem; color: var(--text); background: var(--v0x02nd);
  border: 1px solid var(--vart1mj); border-left: 4px solid var(--vbmh2bm); border-radius: var(--v4691vp);
  padding: 11px 16px; display: inline-flex; align-items: center; gap: 8px;
  margin-bottom: 28px; font-weight: 500;
}
.c7vhzvi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.c7vhzvi.cbvxp2y { grid-template-columns: repeat(3, 1fr); }
.c9fdbig {
  background: #fff; border: 1px solid var(--vart1mj); border-radius: var(--v6a5dga);
  overflow: hidden; display: flex; flex-direction: column;
  transition: transform 0.16s ease, box-shadow 0.16s ease; position: relative;
}
.c9fdbig:hover { transform: translateY(-5px); box-shadow: var(--v6c1l21); }
.c9fdbig.c18t0oy { border: 2px solid var(--vfyj28j); }
.cdvlvry {
  position: absolute; top: 14px; right: 0; z-index: 3;
  background: var(--vfyj28j); color: #fff; font-size: 0.7rem; font-weight: 800;
  padding: 6px 14px; border-radius: 6px 0 0 6px; font-family: 'Archivo';
  text-transform: uppercase; letter-spacing: 0.04em;
}
.c2ktrsd { aspect-ratio: 1/0.84; position: relative; display:grid; place-items:center; }
.c2ktrsd::after {
  content: ''; position: absolute; inset: 16% 18%;
  border: 2px solid rgba(255,255,255,0.3); border-radius: 3px; z-index: 0;
}
.c2ktrsd .cfa1j9q {
  width: 56%; height: 72%; border-radius: 46% 46% 30% 30%;
  background: rgba(255,255,255,0.92); position: relative; z-index: 1;
  box-shadow: 0 12px 26px rgba(12,15,20,0.25);
}
.c2ktrsd .cfa1j9q::after {
  content:''; position:absolute; bottom:-26%; left:50%; transform:translateX(-50%);
  width:10%; height:30%; background:rgba(255,255,255,0.92); border-radius:0 0 4px 4px;
}
.c9tpee9 { padding: 18px 20px 22px; flex: 1; display: flex; flex-direction: column; }
.c9tpee9 h3 { font-family: 'Archivo'; font-size: 1.14rem; font-weight: 800; color: var(--v164nsv); margin-bottom: 6px; letter-spacing: -0.02em; }
.cfp60mr { font-size: 0.78rem; color: var(--vfyj28j); font-weight: 700; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.04em; }
.c283x7n { color: #ff9500; font-size: 0.95rem; letter-spacing: 1px; }
.c283x7n span { color: var(--v3ccmrk); font-size: 0.8rem; margin-left: 6px; }
.c1y87w9 { font-family: 'Archivo'; font-size: 1.6rem; font-weight: 900; color: var(--v164nsv); margin: 12px 0 16px; letter-spacing: -0.02em; }
.c1y87w9 small { font-size: 0.8rem; font-weight: 500; color: var(--v3ccmrk); }
.c9tpee9 .cevgaye { margin-top: auto; }

/* ===== Accessories band ===== */
.cdeqcip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.c78j5ha {
  background: #fff; border: 1px solid var(--vart1mj); border-radius: var(--v6a5dga);
  padding: 18px; display: flex; align-items: center; gap: 14px;
  transition: border-color 0.16s ease, transform 0.16s ease;
}
.c78j5ha:hover { border-color: var(--vfyj28j); transform: translateY(-3px); text-decoration: none; }
.c1b4fjc {
  width: 48px; height: 48px; border-radius: 10px; flex-shrink: 0;
  display: grid; place-items: center; font-size: 1.3rem;
  background: var(--v0x02nd); border: 1px solid var(--vart1mj);
}
.c78j5ha strong { display: block; color: var(--v164nsv); font-family: 'Archivo'; font-weight: 700; font-size: 0.98rem; }
.c78j5ha span { font-size: 0.82rem; color: var(--v3ccmrk); }

/* ===== Newsletter ===== */
.cdao6cu {
  background: var(--v164nsv); border-radius: var(--v18okak); color: #fff;
  padding: 54px; text-align: center; position: relative; overflow: hidden;
}
.cdao6cu::before {
  content:''; position:absolute; top:-40%; right:-8%; width:340px; height:340px;
  border-radius:50%; background: radial-gradient(circle, rgba(43,89,255,0.45), transparent 70%);
}
.cdao6cu::after {
  content:''; position:absolute; bottom:-50%; left:-8%; width:300px; height:300px;
  border-radius:50%; background: radial-gradient(circle, rgba(200,240,0,0.16), transparent 70%);
}
.cdao6cu h2 { color: #fff; position: relative; }
.cdao6cu p { color: rgba(255,255,255,0.72); max-width: 480px; margin: 14px auto 28px; position: relative; }
.c93zd3c { display: flex; gap: 12px; max-width: 480px; margin: 0 auto; position: relative; flex-wrap: wrap; }
.c93zd3c input {
  flex: 1; min-width: 200px; padding: 15px 18px; border-radius: var(--v6a5dga); border: 2px solid transparent;
  font-size: 0.98rem; font-family: 'Inter';
}
.c93zd3c input:focus { outline: none; border-color: var(--vbmh2bm); }

/* ===== Footer ===== */
.cb0wx7b { background: var(--v164nsv); color: rgba(255,255,255,0.65); padding: 58px 0 26px; margin-top: 10px; }
.c78hynu { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 36px; margin-bottom: 38px; }
.cb0wx7b .logo { color: #fff; margin-bottom: 16px; }
.cb0wx7b .logo b { color: var(--vbmh2bm); }
.ca0p9jp { font-size: 0.92rem; max-width: 290px; line-height: 1.6; }
.c1bhtsk { display: block; color: #fff; font-family: 'Archivo'; font-weight: 800; font-size: 0.86rem; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.06em; }
.c3pzmrl a { display: block; color: rgba(255,255,255,0.65); font-size: 0.92rem; padding: 5px 0; }
.c3pzmrl a:hover { color: var(--vbmh2bm); text-decoration: none; }
.cc96dkr {
  border-top: 1px solid rgba(255,255,255,0.12); padding-top: 24px;
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  font-size: 0.84rem; color: rgba(255,255,255,0.5);
}

/* ===== Breadcrumb ===== */
.c89pc5u { font-size: 0.85rem; color: var(--v3ccmrk); padding: 22px 0 0; font-weight: 500; }
.c89pc5u a { color: var(--v3ccmrk); }
.c89pc5u a:hover { color: var(--vfyj28j); }
.c89pc5u span { margin: 0 7px; }

/* ===== Page hero (interior) ===== */
.cax666f { padding: 30px 0 40px; }
.cax666f h1 {
  font-family: 'Archivo'; font-size: clamp(2.1rem, 4.6vw, 3.4rem); font-weight: 900; color: var(--v164nsv);
  letter-spacing: -0.035em; line-height: 1.04; max-width: 880px; text-transform: uppercase;
}
.cax666f .cd9q15g { color: var(--text); font-size: 1.14rem; max-width: 740px; margin-top: 18px; }
.cabifyw { display: flex; align-items: center; gap: 12px; margin-top: 24px; font-size: 0.9rem; color: var(--v3ccmrk); }
.cabifyw .ce9qklb { width: 42px; height: 42px; border-radius: 50%; background: var(--vfyj28j); border: 2px solid var(--vbmh2bm); }
.cabifyw strong { color: var(--v164nsv); font-family: 'Archivo'; font-weight: 700; }

/* ===== Comparator ranking cards ===== */
.c136dqf { display: flex; flex-direction: column; gap: 18px; }
.c1df261 {
  display: grid; grid-template-columns: 64px 150px 1fr 200px; gap: 22px;
  align-items: center; background: #fff; border: 1px solid var(--vart1mj);
  border-radius: var(--v6a5dga); padding: 20px 24px;
  transition: box-shadow 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}
.c1df261:hover { box-shadow: var(--v6c1l21); transform: translateY(-2px); }
.c1df261.c8eyrhe { border: 2px solid var(--vfyj28j); }
.c28fojj {
  width: 54px; height: 54px; border-radius: var(--v6a5dga); display: grid; place-items: center;
  font-family: 'Archivo'; font-weight: 900; font-size: 1.5rem; color: #fff;
  background: var(--v164nsv);
}
.c1df261.c8eyrhe .c28fojj { background: var(--vfyj28j); box-shadow: 3px 3px 0 var(--vbmh2bm); }
.c85851h { aspect-ratio: 1/0.8; border-radius: var(--v4691vp); display:grid; place-items:center; }
.c85851h .cfa1j9q {
  width: 50%; height: 70%; border-radius: 46% 46% 30% 30%; background: rgba(255,255,255,0.92);
  box-shadow: 0 10px 20px rgba(12,15,20,0.2);
}
.caimnnr h3 { font-family: 'Archivo'; font-size: 1.24rem; font-weight: 800; color: var(--v164nsv); margin-bottom: 4px; letter-spacing: -0.02em; }
.caimnnr .cbzrvmg { display: flex; gap: 16px; flex-wrap: wrap; margin: 8px 0; font-size: 0.85rem; color: var(--v3ccmrk); }
.caimnnr .cbzrvmg b { color: var(--v164nsv); font-family: 'Archivo'; font-weight: 700; }
.caimnnr p { font-size: 0.92rem; color: var(--text); margin-top: 6px; }
.c9ygct8 { text-align: center; }
.c9ygct8 .c1y87w9 { margin: 0 0 12px; }

/* ===== Content prose ===== */
.cd3p2nw { max-width: 770px; }
.cd3p2nw h2 { font-family: 'Archivo'; font-size: 1.7rem; color: var(--v164nsv); font-weight: 800; margin: 40px 0 14px; letter-spacing: -0.025em; }
.cd3p2nw h3 { font-family: 'Archivo'; font-size: 1.26rem; color: var(--v164nsv); font-weight: 700; margin: 28px 0 10px; }
.cd3p2nw p { margin-bottom: 16px; color: var(--text); }
.cd3p2nw ul, .cd3p2nw ol { margin: 0 0 18px 22px; color: var(--text); }
.cd3p2nw li { margin-bottom: 8px; }
.cd3p2nw strong { color: var(--v164nsv); }
.cd3p2nw a { font-weight: 600; }

/* ===== TOC / sommaire ===== */
.c9uwyhp {
  background: var(--v0x02nd); border: 1px solid var(--vart1mj); border-left: 5px solid var(--vfyj28j);
  border-radius: var(--v6a5dga); padding: 22px 26px; margin: 28px 0 38px; max-width: 770px;
}
.c9uwyhp h4 { font-family: 'Archivo'; color: var(--v164nsv); font-weight: 800; font-size: 0.86rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 12px; }
.c9uwyhp ol { margin: 0 0 0 20px; }
.c9uwyhp li { margin-bottom: 7px; }
.c9uwyhp a { color: var(--v164nsv); font-weight: 600; }
.c9uwyhp a:hover { color: var(--vfyj28j); }

/* ===== Affiliate inline box ===== */
.c6gnwj4 {
  display: grid; grid-template-columns: 120px 1fr auto; gap: 22px; align-items: center;
  background: var(--v164nsv); color: #fff; border-radius: var(--v6a5dga);
  padding: 24px 26px; margin: 30px 0; max-width: 770px;
}
.c6gnwj4 .c8kiwkp { aspect-ratio: 1/1; border-radius: var(--v4691vp); background: var(--v8cxuof); display:grid; place-items:center; }
.c6gnwj4 .c8kiwkp .cfa1j9q { width: 52%; height: 70%; border-radius: 46% 46% 30% 30%; background: rgba(255,255,255,0.92); }
.c6gnwj4 h4 { font-family: 'Archivo'; font-weight: 800; font-size: 1.16rem; color: #fff; margin-bottom: 6px; }
.c6gnwj4 .c283x7n { margin-bottom: 6px; }
.c6gnwj4 p { font-size: 0.9rem; color: rgba(255,255,255,0.72); margin: 0; }
.c6gnwj4 .c2dpygr { text-align: center; }
.c6gnwj4 .c1y87w9 { color: #fff; }
.c6gnwj4 .c1y87w9 small { color: rgba(255,255,255,0.7); }

/* ===== FAQ ===== */
.cdnk47i { max-width: 820px; }
.c76re1j { border: 1px solid var(--vart1mj); border-radius: var(--v6a5dga); padding: 22px 26px; margin-bottom: 14px; background: #fff; transition: border-color 0.16s ease; }
.c76re1j:hover { border-color: var(--vfyj28j); }
.c76re1j h3 { font-family: 'Archivo'; font-weight: 700; font-size: 1.1rem; color: var(--v164nsv); margin-bottom: 8px; }
.c76re1j p { color: var(--text); font-size: 0.96rem; margin: 0; }

/* ===== Criteria grid ===== */
.ce2ecd3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 940px; }
.c33kme3 { background: #fff; border: 1px solid var(--vart1mj); border-radius: var(--v6a5dga); padding: 26px; transition: transform 0.16s ease, border-color 0.16s ease; }
.c33kme3:hover { transform: translateY(-3px); border-color: var(--vfyj28j); }
.c33kme3 .cdgtb22 { width: 48px; height: 48px; border-radius: var(--v4691vp); background: var(--vbmh2bm); display:grid; place-items:center; font-size:1.4rem; margin-bottom: 16px; }
.c33kme3 h3 { font-family: 'Archivo'; font-weight: 800; font-size: 1.12rem; color: var(--v164nsv); margin-bottom: 8px; }
.c33kme3 p { font-size: 0.92rem; color: var(--text); margin: 0; }

/* ===== Responsive ===== */
@media (max-width: 980px) {
  .cdx6qg2 { padding: 56px 0 52px; }
  .c4lm1zg { grid-template-columns: 1fr; gap: 38px; }
  .cdg7fo5 { max-width: 540px; }
  .c3r2g67 { grid-template-columns: repeat(2, 1fr); }
  .c1sxfu2:nth-child(2) { border-right: none; }
  .c1sxfu2:nth-child(1), .c1sxfu2:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.08); }
  .ca9vlta { grid-template-columns: repeat(2, 1fr); }
  .c7vhzvi, .c7vhzvi.cbvxp2y { grid-template-columns: repeat(2, 1fr); }
  .cdeqcip { grid-template-columns: repeat(2, 1fr); }
  .c78hynu { grid-template-columns: 1fr 1fr; }
  .ce2ecd3 { grid-template-columns: repeat(2, 1fr); }
  .c1df261 { grid-template-columns: 54px 110px 1fr; }
  .c9ygct8 { grid-column: 2 / 4; display: flex; align-items: center; gap: 18px; justify-content: flex-start; }
  .c9ygct8 .c1y87w9 { margin: 0; }
  .c9ygct8 .cevgaye { width: auto; }
}
/* ===== Footer affiliate disclaimer ===== */
.c0flojx { max-width: 620px; font-size: 0.78rem; line-height: 1.5; color: rgba(255,255,255,0.42); }

/* ===== Real images inside thumbs / visuals ===== */
.cg7yx40 img, .c2ktrsd img, .c85851h img, .cdg7fo5 img, .c8kiwkp img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cg7yx40 img { position: absolute; inset: 0; }
.cg7yx40.cge5q2u::after, .cg7yx40.cge5q2u::before { display: none; }
.c2ktrsd.cge5q2u::after { display: none; }
.c2ktrsd.cge5q2u { padding: 0; }
.c85851h.cge5q2u, .c8kiwkp.cge5q2u { background: none !important; overflow: hidden; }
.cdg7fo5.cge5q2u { background: var(--v164nsv); }
.cdg7fo5.cge5q2u::before { display: none; }
.cdg7fo5.cge5q2u img { position: absolute; inset: 0; }
.c7o9ttk { border-radius: var(--v18okak); overflow: hidden; aspect-ratio: 21/9; margin-top: 26px; box-shadow: var(--v9cx6w1); }
.c7o9ttk img { width: 100%; height: 100%; object-fit: cover; }

/* ===== Comparison table (filterable) ===== */
.c59zvga { margin: 26px 0 40px; }
.c9w6o5l { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 16px; align-items: center; }
.c9w6o5l .ccrdtrz { font-family: 'Archivo'; font-weight: 800; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--v3ccmrk); margin-right: 2px; }
.cmp-filter-btn { background: #fff; border: 1.5px solid var(--vart1mj); color: var(--text); padding: 7px 14px; border-radius: 999px; font-size: 0.84rem; font-weight: 600; cursor: pointer; font-family: 'Inter'; transition: background .14s ease, border-color .14s ease, color .14s ease; }
.cmp-filter-btn:hover { border-color: var(--vfyj28j); }
.cmp-filter-btn.active { background: var(--vfyj28j); color: #fff; border-color: var(--vfyj28j); }
.cmp-filter-btn:disabled { opacity: 0.38; cursor: not-allowed; border-color: var(--vart1mj); }
.cmp-filter-btn .cnt { opacity: 0.65; font-weight: 500; margin-left: 3px; }
.c43150o { overflow-x: auto; border: 1px solid var(--vart1mj); border-radius: var(--v6a5dga); }
table.c3064xl { width: 100%; border-collapse: collapse; font-size: 0.91rem; min-width: 680px; }
.c3064xl thead th { background: var(--v164nsv); color: #fff; font-family: 'Archivo'; font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.03em; padding: 13px 14px; text-align: left; white-space: nowrap; }
.c3064xl td { padding: 12px 14px; border-bottom: 1px solid var(--vart1mj); vertical-align: middle; }
.c3064xl tbody tr:last-child td { border-bottom: none; }
.c3064xl tbody tr:hover { background: var(--v0x02nd); }
.c3064xl .c5mcwqa { font-family: 'Archivo'; font-weight: 700; color: var(--v164nsv); }
.c3064xl .cdecpd6 { display: block; font-family: 'Inter'; font-weight: 500; font-size: 0.78rem; color: var(--v3ccmrk); }
.c3064xl .ccgo929 { font-family: 'Archivo'; font-weight: 800; color: var(--v164nsv); white-space: nowrap; }
.c3064xl .cdd6vpy { background: var(--vbmh2bm); color: var(--v164nsv); font-family: 'Archivo'; font-weight: 800; font-size: 0.66rem; padding: 3px 8px; border-radius: 5px; text-transform: uppercase; letter-spacing: 0.03em; }
.c3064xl .cevgaye { padding: 8px 14px; font-size: 0.82rem; width: auto; white-space: nowrap; }
.cmp-empty { display: none; padding: 22px; text-align: center; color: var(--v3ccmrk); font-weight: 500; }
.cmp-empty.show { display: block; }

/* ===== Spec / data list ===== */
.c4fwx8w { list-style: none; margin: 18px 0 22px; padding: 0; max-width: 770px; border: 1px solid var(--vart1mj); border-radius: var(--v6a5dga); overflow: hidden; }
.c4fwx8w li { display: flex; justify-content: space-between; gap: 18px; padding: 12px 18px; border-bottom: 1px solid var(--vart1mj); font-size: 0.94rem; }
.c4fwx8w li:last-child { border-bottom: none; }
.c4fwx8w li:nth-child(odd) { background: var(--v0x02nd); }
.c4fwx8w .c5yitrn { color: var(--v3ccmrk); }
.c4fwx8w .v { font-family: 'Archivo'; font-weight: 700; color: var(--v164nsv); text-align: right; }

/* ===== Key takeaways box ===== */
.c6saz3d { background: var(--v0x02nd); border: 1px solid var(--vart1mj); border-left: 5px solid var(--vbmh2bm); border-radius: var(--v6a5dga); padding: 20px 24px; margin: 24px 0; max-width: 770px; }
.c6saz3d h4 { font-family: 'Archivo'; font-weight: 800; font-size: 0.84rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--v164nsv); margin-bottom: 10px; }
.c6saz3d ul { margin: 0 0 0 18px; }
.c6saz3d li { margin-bottom: 6px; font-size: 0.94rem; }

@media (max-width: 640px) {
  body { font-size: 16px; }
  .c2ifhlb { display: none; }
  .c3r2g67 { grid-template-columns: 1fr 1fr; }
  .ca9vlta { grid-template-columns: 1fr; }
  .c7vhzvi, .c7vhzvi.cbvxp2y { grid-template-columns: 1fr; }
  .cdeqcip { grid-template-columns: 1fr; }
  .c78hynu { grid-template-columns: 1fr; gap: 28px; }
  .ce2ecd3 { grid-template-columns: 1fr; }
  .cdao6cu { padding: 36px 22px; }
  .c1df261 { grid-template-columns: 54px 1fr; }
  .c85851h { display: none; }
  .c9ygct8 { grid-column: 1 / 3; flex-wrap: wrap; }
  .c6gnwj4 { grid-template-columns: 1fr; text-align: center; }
  .c6gnwj4 .c8kiwkp { max-width: 120px; margin: 0 auto; }
  .c6u9mbb { padding: 46px 0; }
}