
.seo-page .site-header{position:relative}.seo-back{font-size:13px;font-weight:800;letter-spacing:.04em}
.seo-layout{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:clamp(25px,4vw,70px);padding:55px 0 100px}
.seo-image{width:100%;aspect-ratio:1;background:#1c1c1c;display:grid;place-items:center;position:relative;overflow:hidden}
.seo-image img{width:100%;height:100%;object-fit:contain;background:#fff}
.seo-placeholder{text-align:center;color:#fff;padding:25px}.seo-placeholder .mark{font-size:58px;color:#e03547}.seo-placeholder strong{display:block;font-size:20px;line-height:1.2}.seo-placeholder span{display:block;margin-top:15px;color:#d5d2d2;font-size:12px}
.seo-caption{font-size:11px;color:#777;margin:10px 0 28px}.seo-info .crumbs{font-size:11px;color:#6b6b6b;line-height:1.5;margin-bottom:22px}.seo-info h1{font-size:clamp(33px,4vw,55px);letter-spacing:-.07em;line-height:1.07;margin:0 0 12px}.seo-info h2{font-size:clamp(22px,2.5vw,31px);font-weight:500;margin:0 0 24px}.seo-dek{line-height:1.7;color:#575750;max-width:720px;font-size:14px}.seo-section-head{font-size:15px;text-transform:uppercase;letter-spacing:.13em;margin:35px 0 14px}.seo-attrs{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr);font-size:13px;gap:0}.seo-attrs dt,.seo-attrs dd{margin:0;padding:11px 0;border-bottom:1px solid #deddd4}.seo-attrs dt{color:#757575}.seo-attrs dd{font-weight:750;overflow-wrap:anywhere}.seo-offer{border:1px solid #d9d7d0;margin:13px 0;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.seo-offer strong{display:block;font-size:23px}.seo-offer p{font-size:12px;margin:5px 0;color:#62625e;line-height:1.6}.seo-offer .button{white-space:nowrap;flex-shrink:0}.seo-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#bd2f43}.seo-note{color:#746f6c;font-size:12px;line-height:1.7}.seo-breadcrumb{padding-top:20px;font-size:12px}.seo-breadcrumb a{text-decoration:underline}.seo-prepared{background:#eeeae7;padding:14px 18px;font-size:12px;color:#635d5b;line-height:1.7}.seo-footer{background:#171715;color:#eee;padding:28px 0;font-size:12px}.seo-page .brand-logo{border-color:#222}
@media(max-width:750px){.seo-layout{grid-template-columns:1fr;padding:25px 0 65px}.seo-image{max-width:420px}.seo-offer{flex-direction:column;align-items:flex-start}.seo-offer .button{width:100%}.seo-page .header-inner{height:75px}.seo-page .brand-stack small{display:none}}


/* V0.8: fiches de pressages directement interactives */
.seo-header-actions{gap:25px}.seo-cart-link{font-size:12px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:9px}
.seo-cart-link span{background:#c7253b;color:white;padding:5px 8px;min-width:24px;text-align:center;border-radius:20px;font-size:10px}
.seo-offer-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.seo-offer-actions .button{white-space:normal;min-width:175px;justify-content:center}
.seo-fav{border:1px solid #c9c5bf;background:white;padding:0;width:47px;min-width:47px;height:47px;font-size:23px;color:#c7253b;display:grid;place-items:center}
.seo-fav[aria-pressed=true]{background:#ffecef;border-color:#c7253b}
.seo-actions-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:7px}
.seo-share{background:transparent;border:1px solid #c6c2bd;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer}
#editionStatus{color:#286049;font-size:12px;font-weight:700;line-height:1.5}
.seo-related{border-top:1px solid #dad7d0;padding:46px 0 85px}
.seo-related-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.seo-related-head h2{font-size:clamp(24px,3vw,35px);letter-spacing:-.055em;margin:0}
.seo-related-head>a{font-size:12px;font-weight:800;text-decoration:underline}
.seo-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.seo-related-card{display:flex;flex-direction:column;gap:6px;min-width:0}
.seo-related-card img,.seo-related-art{width:100%;aspect-ratio:1;object-fit:cover;background:#181819;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;overflow:hidden}
.seo-related-art span{font-size:43px;color:#cf2c42;margin-bottom:10px}
.seo-related-art strong{font-size:clamp(11px,1.3vw,18px);line-height:1.25;overflow-wrap:anywhere}
.seo-related-art small{font-size:11px;color:#bababa;margin-top:8px;overflow-wrap:anywhere}
.seo-related-card>span{font-size:12px;font-weight:850;line-height:1.35;margin-top:6px}
.seo-related-card>strong{font-size:12px;color:#585950;line-height:1.4}
.seo-related-card>small{font-size:12px;color:#c7253b;font-weight:800}
@media(max-width:750px){.seo-header-actions{gap:13px}.seo-back{display:none}.seo-offer-actions{width:100%}.seo-offer-actions .button{flex:1}.seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.seo-related-head{align-items:start}.seo-related-head>a{font-size:11px}.seo-related{padding:35px 0 65px}}
@media(max-width:370px){.seo-cart-link{font-size:10px}.seo-page .brand-stack strong{font-size:16px}}


/* V0.9 — recherche d'extraits externe, sans streaming intégré */
.seo-listen {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:17px 0 10px}
.seo-listen a {border:1px solid #c72c43;background:#fff;color:#b1263d;padding:11px 13px;font-size:12px;font-weight:850;text-decoration:none}
.seo-listen a:hover {background:#c72c43;color:#fff}
.seo-listen-label {font-size:11px;color:#666;margin:0 0 15px;line-height:1.55}
@media(max-width:520px) {.seo-listen a{flex:1;text-align:center}}

.seo-caption a{color:#a51b32;text-decoration:underline}
