/* Exploration 3D : règles extraites du prototype validé, limitées au descriptif. */

#portail-description-produit .ob-exploration{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,4vw,52px);margin:40px 0 64px;background:#f5f4f1;border:1px solid #e6e4df;border-radius:16px;overflow:hidden}
#portail-description-produit .ob-exploration-poster{position:relative;min-width:0;display:grid;place-items:center;aspect-ratio:3/2;background:#f7f7f7;border-radius:10px;padding:0}
#portail-description-produit .ob-exploration-poster img{display:block;width:100%;height:100%;max-height:360px;min-height:0;object-fit:contain!important}
#portail-description-produit .ob-exploration-poster>span{position:absolute;left:14px;bottom:12px;padding:5px 9px;background:#fff;border:1px solid #e4e2dc;border-radius:5px;color:#42464a;font-size:11px;letter-spacing:.06em}
#portail-description-produit .ob-exploration-copy{min-width:0}
#portail-description-produit .ob-exploration-kicker{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#b71c23;margin:0 0 14px}
#portail-description-produit .ob-exploration-copy h3{font:700 clamp(25px,3vw,40px)/1.12 Manrope,sans-serif;letter-spacing:-.035em;color:#1c2023;margin:0 0 18px}
#portail-description-produit .ob-exploration-copy>p:not(.ob-exploration-kicker){font-size:16px;line-height:1.6;color:#53575a;margin:0 0 16px}
#portail-description-produit p.ob-exploration-example{font-size:14px!important;line-height:1.5;font-weight:700;color:#31383c!important}
#portail-description-produit p.ob-exploration-note{font-size:14px!important;line-height:1.6;color:#64696d!important}
#portail-description-produit .ob-exploration-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:13px 18px;max-width:100%;box-sizing:border-box;border:1px solid #D81F26;border-radius:6px;background:#D81F26;color:#fff;text-decoration:none;font-size:16px;font-weight:700;line-height:1.45;transition:background .15s}
#portail-description-produit .ob-exploration-button:hover{background:#b8171d;border-color:#b8171d}
#portail-description-produit .ob-exploration-button:focus-visible{outline:3px solid #1e252a;outline-offset:4px}
#portail-description-produit .ob-exploration-copy>small{display:block;color:#707579;font-size:14px;line-height:1.5;margin-top:10px}

/* Dialogue natif : couche supérieure, fermeture hors du canvas enfant. */
.ob-exploration-dialog{box-sizing:border-box;width:min(1440px,calc(100vw - 32px));height:min(960px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #d7d7d3;border-radius:14px;background:#f4f3f0;color:#22282c;font-family:'DM Sans',sans-serif;box-shadow:0 24px 100px #0005;overflow:hidden}
.ob-exploration-dialog[open]{display:flex;flex-direction:column}
.ob-exploration-dialog::backdrop{background:#15202bbb;backdrop-filter:blur(5px)}
.ob-exploration-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:14px 20px;background:#fff;border-bottom:1px solid #e2e3e0}
.ob-exploration-dialog h2{font:700 17px/1.35 Manrope,sans-serif;margin:0;min-width:0}
.ob-exploration-dialog>header>div{display:flex;gap:8px;flex-shrink:0}
.ob-exploration-dialog button{font:700 13px/1.3 'DM Sans',sans-serif;min-height:44px;padding:10px 15px;border-radius:6px;border:1px solid #d7d9d8;background:#fff;color:#333a3f;cursor:pointer}
.ob-exploration-dialog button.ob-exploration-close{background:#232a2e;color:#fff;border-color:#232a2e}
.ob-exploration-dialog button:focus-visible{outline:3px solid #D81F26;outline-offset:2px}
.ob-exploration-dialog-note{margin:0;padding:9px 20px;flex-shrink:0;font-size:14px;line-height:1.4;color:#5b6063}
.ob-exploration-dialog iframe{display:block;flex:1;width:100%;min-height:0;border:0;background:#f4f3f0}
.ob-exploration-dialog.ob-exploration-expanded{width:100vw;height:100dvh;border:0;border-radius:0}
@media(max-width:760px){#portail-description-produit .ob-exploration{grid-template-columns:1fr;gap:22px;padding:20px;margin:30px 0 42px}#portail-description-produit .ob-exploration-poster{max-height:310px}#portail-description-produit .ob-exploration-poster img{max-height:245px}#portail-description-produit .ob-exploration-copy h3 br{display:none}.ob-exploration-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.ob-exploration-dialog>header{gap:8px;padding:10px 12px}.ob-exploration-dialog h2{font-size:14px}.ob-exploration-dialog-note{font-size:14px;padding:8px 12px}.ob-exploration-dialog .ob-exploration-expand{display:none}.ob-exploration-dialog button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){#portail-description-produit .ob-exploration-button{transition:none}}