/* v88 — pages SEO / unités. Même langage visuel que la page d'accueil. */
.seo-main{ padding: 28px 0 56px; }
.seo-breadcrumb{ margin: 0 0 14px; font-size: .92rem; color: var(--muted); }
.seo-breadcrumb ol{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.seo-breadcrumb li+li::before{ content:"/"; margin-right:8px; opacity:.55; }
.seo-breadcrumb a:hover{ text-decoration:underline; }
.seo-shell{ background:rgba(255,255,255,.90); border:1px solid var(--line); border-radius:24px; box-shadow:0 24px 60px rgba(2,6,23,.12); overflow:hidden; }
.seo-hero{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); min-height:340px; background:linear-gradient(135deg,rgba(124,58,237,.09),rgba(16,185,129,.07)); }
.seo-hero__copy{ padding:clamp(24px,5vw,54px); display:flex; flex-direction:column; justify-content:center; }
.seo-kicker{ display:inline-flex; width:max-content; max-width:100%; padding:7px 11px; border:1px solid var(--brand-border); background:var(--brand-soft); border-radius:999px; font-weight:800; font-size:.88rem; margin-bottom:14px; }
.seo-hero h1{ margin:0 0 14px; font-size:clamp(30px,5vw,52px); line-height:1.04; letter-spacing:-.025em; }
.seo-lead{ margin:0; color:var(--muted); line-height:1.65; font-size:clamp(1rem,1.6vw,1.15rem); }
.seo-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.seo-hero__media{ min-height:300px; display:grid; place-items:center; padding:24px; position:relative; overflow:hidden; }
.seo-hero__media::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.96),rgba(255,255,255,.30) 58%,transparent 75%); }
.seo-hero__media img{ position:relative; z-index:1; max-width:100%; max-height:330px; width:auto; height:auto; object-fit:contain; border-radius:20px; }
.seo-content{ padding:clamp(24px,4vw,44px); }
.seo-content h2{ margin:32px 0 10px; font-size:clamp(23px,3vw,30px); }
.seo-content h2:first-child{ margin-top:0; }
.seo-content p{ color:var(--muted); line-height:1.7; }
.seo-copy{ max-width:82ch; }
.seo-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.seo-unit-card{ display:flex; flex-direction:column; min-height:100%; background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 12px 28px rgba(2,6,23,.08); transition:transform .18s ease,box-shadow .18s ease; }
.seo-unit-card:hover{ transform:translateY(-2px); box-shadow:0 18px 38px rgba(2,6,23,.12); }
.seo-unit-card__media{ min-height:180px; background:#f4f6fb; display:grid; place-items:center; overflow:hidden; }
.seo-unit-card__media img{ width:100%; height:220px; object-fit:contain; }
.seo-unit-card__body{ padding:18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.seo-unit-card h3{ margin:0; font-size:1.25rem; }
.seo-unit-card p{ margin:0; }
.seo-unit-card__meta{ display:grid; gap:5px; margin-top:4px; font-size:.95rem; color:var(--muted); }
.seo-unit-card__link{ margin-top:auto; padding-top:8px; font-weight:800; color:var(--brand); }
.seo-nav-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.seo-nav-link{ border:1px solid var(--line); border-radius:16px; padding:14px; background:rgba(255,255,255,.78); }
.seo-nav-link:hover{ background:#fff; box-shadow:0 10px 24px rgba(2,6,23,.08); }
.seo-nav-link strong{ display:block; margin-bottom:3px; }
.seo-facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 0; }
.seo-fact{ border:1px solid var(--line); border-radius:16px; padding:16px; background:rgba(248,250,252,.82); }
.seo-fact strong{ display:block; margin-bottom:5px; }
.seo-photo-strip{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; }
.seo-photo-strip img{ width:100%; height:240px; object-fit:contain; border-radius:16px; border:1px solid var(--line); background:#f8fafc; }
.seo-callout{ margin-top:30px; padding:20px; border:1px solid var(--brand-border); background:linear-gradient(135deg,var(--brand-soft),rgba(16,185,129,.08)); border-radius:18px; }
.seo-callout h2,.seo-callout h3{ margin-top:0; }
.seo-list{ line-height:1.7; color:var(--muted); }
.seo-list a{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.unit-index-intro{ max-width:78ch; }
@media(max-width:900px){ .seo-hero{ grid-template-columns:1fr; } .seo-hero__media{ min-height:220px; } .seo-grid,.seo-nav-grid,.seo-facts{ grid-template-columns:1fr; } .seo-photo-strip{ grid-template-columns:1fr; } .seo-photo-strip img{ height:auto; max-height:360px; } }
@media(prefers-reduced-motion:reduce){ .seo-unit-card{ transition:none; } }