/* Detail pages only. Brand tokens are inherited from the existing Phase 2 stylesheet. */
body.obd-product-page { background:var(--obd-white); }
.obd-detail { color:var(--obd-text); background:var(--obd-white); font-family:Arial,"Microsoft YaHei",sans-serif; }
.obd-detail *, .obd-detail *::before, .obd-detail *::after { box-sizing:border-box; }
.obd-detail .obd-detail__container { width:100%; max-width:1440px; margin:0 auto; padding:0 40px; }
.obd-detail a { color:var(--obd-blue); text-decoration:none; }
.obd-detail a:focus-visible, .obd-detail button:focus-visible, .obd-detail [tabindex]:focus-visible { outline:3px solid var(--obd-blue); outline-offset:4px; }
.obd-detail .obd-detail-hero { padding:40px 0 56px; }
.obd-detail .obd-detail-hero__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; align-items:start; }
.obd-detail .obd-gallery, .obd-detail .obd-detail-summary { min-width:0; }
.obd-detail .obd-gallery__main { display:block; position:relative; width:100%; height:clamp(380px,42vw,600px); border:1px solid var(--obd-border); border-radius:8px; background:var(--obd-white); }
.obd-detail .obd-gallery__main > img { position:absolute; inset:32px; display:block; width:calc(100% - 64px); height:calc(100% - 64px); object-fit:contain; object-position:center; }
.obd-detail .obd-gallery__zoom { position:absolute; bottom:15px; right:18px; padding:5px 8px; border-radius:4px; background:var(--obd-white); color:var(--obd-muted); font-size:11px; line-height:1.5; }
.obd-detail .obd-gallery__thumbnails { display:grid; grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); gap:8px; margin-top:14px; }
.obd-detail .obd-gallery__thumbnail { position:relative; display:block; min-width:0; aspect-ratio:1; border:1px solid var(--obd-border); border-radius:5px; background:var(--obd-white); }
.obd-detail .obd-gallery__thumbnail.is-current { border:2px solid var(--obd-blue); }
.obd-detail .obd-gallery__thumbnail img { position:absolute; inset:6px; display:block; width:calc(100% - 12px); height:calc(100% - 12px); object-fit:contain; }
.obd-detail .obd-gallery__missing { display:flex; align-items:center; justify-content:center; min-height:380px; padding:24px; border:1px solid var(--obd-border); border-radius:8px; color:var(--obd-muted); background:var(--obd-surface); }
.obd-detail .obd-detail-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 0; margin:0; padding:0; list-style:none; color:var(--obd-muted); font-size:11px; line-height:1.8; }
.obd-detail .obd-detail-breadcrumb li { display:flex; min-width:0; align-items:baseline; overflow-wrap:anywhere; }
.obd-detail .obd-detail-breadcrumb li+li::before { content:"/"; margin:0 9px; color:#9aa5b1; }
.obd-detail .obd-detail-breadcrumb a { color:var(--obd-muted); }
.obd-detail .obd-detail-breadcrumb a:hover { color:var(--obd-blue); }
.obd-detail .obd-detail-breadcrumb [aria-current] { color:var(--obd-navy); }
.obd-detail .obd-detail__eyebrow { margin:30px 0 14px; color:var(--obd-blue); font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.obd-detail .obd-detail-summary h1 { margin:0; color:var(--obd-navy); font-weight:600; overflow-wrap:anywhere; }
.obd-detail .obd-detail-summary__model { display:block; margin-bottom:15px; font-size:clamp(40px,4.4vw,64px); line-height:1.05; letter-spacing:-.045em; }
.obd-detail .obd-detail-summary__name { display:block; max-width:560px; font-size:25px; font-weight:500; line-height:1.35; letter-spacing:-.025em; }
.obd-detail .obd-detail-summary__name--primary { font-size:36px; font-weight:600; }
.obd-detail .obd-detail-summary__intro { margin:24px 0 0; color:var(--obd-muted); font-size:15px; line-height:1.85; overflow-wrap:anywhere; }
.obd-detail .obd-detail-summary__points { margin:24px 0 0; padding:0; list-style:none; }
.obd-detail .obd-detail-summary__points li { position:relative; margin:12px 0; padding-left:17px; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.obd-detail .obd-detail-summary__points li::before { content:""; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:50%; background:var(--obd-blue); }
.obd-detail .obd-detail-summary__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.obd-detail .obd-detail-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:48px; max-width:100%; padding:13px 20px; border:1px solid var(--obd-blue); border-radius:5px; background:var(--obd-blue); color:var(--obd-white); font-size:12px; font-weight:600; line-height:1.6; }
.obd-detail .obd-detail-button:hover { background:var(--obd-hover); border-color:var(--obd-hover); color:var(--obd-white); }
.obd-detail .obd-detail-button--secondary { background:var(--obd-white); color:var(--obd-blue); }
.obd-detail .obd-detail-button--secondary:hover { background:var(--obd-surface); color:var(--obd-blue); }
.obd-detail .obd-detail-button span { font-size:17px; }
.obd-detail .obd-detail-sections { background:var(--obd-navy); }
.obd-detail .obd-detail-sections ul { display:flex; flex-wrap:wrap; gap:0 32px; margin:0; padding:0; list-style:none; }
.obd-detail .obd-detail-sections a { display:block; padding:21px 0; color:#dce5ed; font-size:12px; font-weight:500; line-height:1.6; }
.obd-detail .obd-detail-sections a:hover { color:var(--obd-white); text-decoration:underline; text-underline-offset:6px; }
.obd-detail .obd-detail-section { padding:64px 0; border-bottom:1px solid var(--obd-border); scroll-margin-top:90px; }
.obd-detail .obd-detail-section:nth-child(even) { background:var(--obd-surface); }
.obd-detail .obd-detail-section__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3fr); gap:64px; }
.obd-detail .obd-detail-section h2 { min-width:0; margin:0; color:var(--obd-navy); font-size:28px; font-weight:600; line-height:1.25; letter-spacing:-.025em; overflow-wrap:anywhere; }
.obd-detail .obd-rich { min-width:0; max-width:100%; overflow-x:auto; color:var(--obd-text); font-size:15px; line-height:1.85; overflow-wrap:anywhere; }
.obd-detail .obd-rich * { max-width:100% !important; box-sizing:border-box !important; white-space:normal !important; overflow-wrap:anywhere; font-family:inherit !important; }
.obd-detail .obd-rich p, .obd-detail .obd-rich li, .obd-detail .obd-rich span, .obd-detail .obd-rich td, .obd-detail .obd-rich th { font-size:inherit !important; line-height:1.85 !important; }
.obd-detail .obd-rich p { margin:0 0 16px; }
.obd-detail .obd-rich p:last-child { margin-bottom:0; }
.obd-detail .obd-rich ul, .obd-detail .obd-rich ol { margin:12px 0 20px; padding-left:24px; }
.obd-detail .obd-rich ul > li { list-style:disc; margin:8px 0; }
.obd-detail .obd-rich ol > li { list-style:decimal; margin:8px 0; }
.obd-detail .obd-rich h2, .obd-detail .obd-rich h3, .obd-detail .obd-rich h4, .obd-detail .obd-rich h5, .obd-detail .obd-rich h6 { margin:24px 0 14px; color:var(--obd-navy); font-size:21px !important; font-weight:600; line-height:1.4 !important; }
.obd-detail .obd-rich h2:first-child, .obd-detail .obd-rich h3:first-child { margin-top:0; }
.obd-detail .obd-rich img { display:inline-block; max-width:100% !important; height:auto !important; object-fit:contain; vertical-align:middle; }
.obd-detail .obd-rich video, .obd-detail .obd-rich iframe { max-width:100% !important; }
.obd-detail .obd-rich a { color:var(--obd-blue); text-decoration:underline; text-underline-offset:3px; }
.obd-detail .obd-rich .obd-rich-table { width:100%; max-width:100%; overflow-x:auto; margin:20px 0; -webkit-overflow-scrolling:touch; }
.obd-detail .obd-rich table { width:100% !important; border-collapse:collapse; background:var(--obd-white); font-size:14px; }
.obd-detail .obd-rich th, .obd-detail .obd-rich td { padding:13px 16px; border:1px solid var(--obd-border); text-align:left; vertical-align:top; }
.obd-detail .obd-rich th { background:#edf2f7; color:var(--obd-navy); font-weight:600; }
.obd-detail .obd-specifications { margin:0; border:1px solid var(--obd-border); border-radius:8px; overflow:hidden; background:var(--obd-white); }
.obd-detail .obd-specifications > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); }
.obd-detail .obd-specifications > div+div { border-top:1px solid var(--obd-border); }
.obd-detail .obd-specifications dt, .obd-detail .obd-specifications dd { min-width:0; margin:0; padding:14px 18px; line-height:1.7; overflow-wrap:anywhere; }
.obd-detail .obd-specifications dt { background:#edf2f7; color:var(--obd-navy); font-weight:600; }
.obd-detail .obd-detail-section__heading .obd-detail__eyebrow { margin:0 0 12px; }
.obd-detail .obd-detail-section__heading { margin-bottom:30px; }
.obd-detail .obd-detail-videos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; }
.obd-detail .obd-detail-videos li { min-width:0; }
.obd-detail .obd-detail-video { display:flex; height:100%; flex-direction:column; overflow:hidden; border:1px solid var(--obd-border); border-radius:8px; background:var(--obd-white); }
.obd-detail .obd-detail-video__image { position:relative; display:block; aspect-ratio:16/9; background:#e8edf3; overflow:hidden; }
.obd-detail .obd-detail-video__image > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.obd-detail .obd-detail-video__play { position:absolute; top:50%; left:50%; display:flex; width:48px; height:48px; align-items:center; justify-content:center; border-radius:50%; transform:translate(-50%,-50%); background:var(--obd-blue); color:var(--obd-white); font-size:17px; }
.obd-detail .obd-detail-video__title { margin:20px 20px 0; color:var(--obd-navy); font-size:16px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.obd-detail .obd-detail-video__action { margin-top:auto; padding:16px 20px 20px; color:var(--obd-blue); font-size:11px; font-weight:600; line-height:1.5; }
.obd-detail .obd-detail-pagination { padding:28px 0; background:var(--obd-white); }
.obd-detail .obd-detail-pagination .obd-detail__container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.obd-detail .obd-detail-pagination a { display:flex; align-items:center; gap:12px; min-height:44px; font-size:12px; }
.obd-detail .obd-detail-dialog { position:fixed; inset:0; width:min(1100px,92vw); max-width:92vw; max-height:92vh; margin:auto; padding:50px 28px 28px; border:0; border-radius:8px; background:var(--obd-white); overflow:auto; }
.obd-detail .obd-detail-dialog::backdrop { background:rgba(7,24,39,.84); }
.obd-detail .obd-detail-dialog > img { display:block; width:100%; max-height:78vh; object-fit:contain; }
.obd-detail .obd-detail-dialog__close { position:absolute; top:5px; right:7px; display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:0; background:var(--obd-white); color:var(--obd-navy); font-size:30px; cursor:pointer; }
.obd-detail .obd-detail-dialog--video h2 { margin:0 0 18px; font-size:20px; color:var(--obd-navy); line-height:1.4; overflow-wrap:anywhere; }
.obd-detail .obd-detail-video-player { aspect-ratio:16/9; background:var(--obd-navy); }
.obd-detail .obd-detail-video-player video { display:block; width:100%; height:100%; object-fit:contain; }
.obd-detail .obd-detail-dialog--video p { margin:14px 0 0; color:var(--obd-muted); font-size:12px; line-height:1.8; }
@media (max-width:1199px) {
 .obd-detail .obd-detail__container { padding:0 32px; }
 .obd-detail .obd-detail-hero__grid { gap:36px; }
 .obd-detail .obd-detail-section__grid { gap:36px; }
 .obd-detail .obd-detail-summary__name { font-size:22px; }
 .obd-detail .obd-detail-summary__model { font-size:48px; }
}
@media (max-width:900px) {
 .obd-detail .obd-detail-hero__grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .obd-detail .obd-gallery__main { height:480px; }
 .obd-detail .obd-detail-summary { max-width:700px; }
 .obd-detail .obd-detail-section__grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .obd-detail .obd-detail-videos { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .obd-detail .obd-detail-sections ul { gap:0 24px; }
}
@media (max-width:600px) {
 .obd-detail .obd-detail__container { padding:0 16px; }
 .obd-detail .obd-detail-hero { padding:20px 0 32px; }
 .obd-detail .obd-detail-hero__grid { gap:26px; }
 .obd-detail .obd-gallery__main { height:auto; aspect-ratio:1; }
 .obd-detail .obd-gallery__main > img { inset:20px; width:calc(100% - 40px); height:calc(100% - 40px); }
 .obd-detail .obd-gallery__zoom { bottom:10px; right:10px; font-size:10px; }
 .obd-detail .obd-gallery__thumbnails { grid-template-columns:repeat(auto-fill,minmax(48px,1fr)); gap:7px; margin-top:10px; }
 .obd-detail .obd-gallery__thumbnail img { inset:4px; width:calc(100% - 8px); height:calc(100% - 8px); }
 .obd-detail .obd-detail-breadcrumb ol { font-size:10px; }
 .obd-detail .obd-detail-breadcrumb li+li::before { margin:0 7px; }
 .obd-detail .obd-detail__eyebrow { margin:24px 0 12px; font-size:10px; }
 .obd-detail .obd-detail-summary__model { margin-bottom:12px; font-size:44px; }
 .obd-detail .obd-detail-summary__name { font-size:23px; }
 .obd-detail .obd-detail-summary__name--primary { font-size:29px; }
 .obd-detail .obd-detail-summary__intro { margin-top:20px; font-size:14px; line-height:1.8; }
 .obd-detail .obd-detail-summary__points { margin-top:20px; }
 .obd-detail .obd-detail-summary__points li { font-size:12px; }
 .obd-detail .obd-detail-summary__actions { gap:10px; margin-top:24px; }
 .obd-detail .obd-detail-button { min-height:48px; padding:12px 16px; gap:14px; font-size:12px; }
 .obd-detail .obd-detail-sections ul { gap:0 20px; padding:8px 0; }
 .obd-detail .obd-detail-sections a { padding:12px 0; font-size:11px; }
 .obd-detail .obd-detail-section { padding:36px 0; scroll-margin-top:82px; }
 .obd-detail .obd-detail-section__grid { gap:22px; }
 .obd-detail .obd-detail-section h2 { font-size:24px; }
 .obd-detail .obd-rich { font-size:14px; line-height:1.8; }
 .obd-detail .obd-rich th, .obd-detail .obd-rich td { padding:10px 12px; }
 .obd-detail .obd-specifications > div { grid-template-columns:minmax(0,1fr); }
 .obd-detail .obd-specifications dt { padding:12px 16px 6px; }
 .obd-detail .obd-specifications dd { padding:8px 16px 14px; }
 .obd-detail .obd-detail-videos { grid-template-columns:minmax(0,1fr); gap:20px; }
 .obd-detail .obd-detail-video__title { margin:18px 18px 0; font-size:15px; }
 .obd-detail .obd-detail-video__action { padding:14px 18px 18px; }
 .obd-detail .obd-detail-pagination { padding:20px 0; }
 .obd-detail .obd-detail-pagination a { font-size:11px; }
 .obd-detail .obd-detail-dialog { width:94vw; max-width:94vw; padding:50px 14px 18px; }
 .obd-detail .obd-detail-dialog--video h2 { font-size:17px; }
}