.sd-detail-page { background:#f5f8fc; color:#102443; font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
.dt-container { max-width:1320px; margin:auto; padding:22px 24px 44px }
.dt-container * { box-sizing:border-box }
.dt-container [hidden] { display:none!important }
.dt-container a { color:#164f97 }
.dt-container h1,.dt-container h2,.dt-container p { margin:0 }
.dt-container h2 { color:#102443; font:600 18px/1.3 system-ui,sans-serif }
.dt-container .sd-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0 }
.dt-breadcrumb { display:flex; align-items:center; gap:9px; flex-wrap:wrap; color:#8793a4; font-size:12px; margin-bottom:20px }
.dt-breadcrumb>a { color:#65758c; text-decoration:none }
.dt-breadcrumb>[aria-current] { color:#102443; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:350px }
.dt-grid { display:grid; grid-template-columns:minmax(0,1fr) 355px; grid-template-areas:'gallery sidebar' 'details sidebar' 'description sidebar'; gap:20px; align-items:start }
.dt-panel { border:1px solid #dce5f0; border-radius:12px; background:white; overflow:hidden; min-width:0 }
.dt-gallery { grid-area:gallery }
.dt-photo-stage { position:relative; background:#edf2f7; height:450px; overflow:hidden }
.dt-photo { width:100%; height:100%; display:block }
.dt-photo img { display:block; width:100%; height:100%; object-fit:contain }
.dt-featured { position:absolute; top:16px; left:16px; z-index:1; border-radius:5px; padding:5px 10px; color:#72530a; background:#ffe47a; font-size:11px; font-weight:600 }
.dt-gallery-arrow { position:absolute; top:calc(50% - 20px); width:38px; height:38px; border:1px solid #d8e1ec; border-radius:50%; background:#ffffffeb; color:#164f97; font:28px/1 system-ui,sans-serif; cursor:pointer }
.dt-prev { left:16px }.dt-next { right:16px }
.dt-photo-count { position:absolute; bottom:14px; right:16px; background:#102443b3; color:white; font-size:11px; border-radius:20px; padding:5px 11px }
.dt-no-photo { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; color:#8494a6; font-size:13px }
.dt-no-photo .sd-icon { width:44px; height:44px }
.dt-thumbnails { display:flex; overflow-x:auto; gap:9px; padding:12px }
.dt-thumbnails button { flex-shrink:0; border:2px solid transparent; background:white; padding:2px; border-radius:7px; cursor:pointer }
.dt-thumbnails button[aria-current] { border-color:#11c5c3 }
.dt-thumbnails img { display:block; width:72px; height:60px; object-fit:cover; border-radius:4px }
.dt-sidebar { grid-area:sidebar; display:flex; flex-direction:column; gap:16px; min-width:0; position:sticky; top:20px }
.dt-summary,.dt-seller,.dt-location { padding:22px }
.dt-price-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px }
.dt-price { font-size:29px; letter-spacing:-.7px; font-weight:700; line-height:1.2 }
.dt-icon-button { display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid #dce5f0; border-radius:50%; background:white; color:#65758c; cursor:pointer }
.dt-summary h1 { font:600 20px/1.4 system-ui,sans-serif; color:#102443; margin:0 0 18px; overflow-wrap:anywhere }
.dt-meta { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:9px; color:#65758c; font-size:11px }
.dt-meta>span { display:flex; gap:5px; align-items:center }
.dt-meta .sd-icon { width:14px; height:14px }
.dt-summary .dt-ad-id { margin-top:13px; padding-top:13px; border-top:1px solid #edf1f6; color:#8a96a7; font-size:10px }
.dt-seller-person { display:flex; gap:12px; align-items:center; margin:18px 0 }
.dt-avatar { width:48px; height:48px; border-radius:50%; background:#e3f6f4; color:#087b80; display:grid; place-items:center; object-fit:cover; flex-shrink:0 }
.dt-seller-person strong { font-size:14px }.dt-seller-person p { color:#65758c; font-size:11px; margin-top:3px }
.dt-button { width:100%; min-height:44px; display:flex; align-items:center; justify-content:center; gap:9px; border:1px solid #dce5f0; border-radius:7px; padding:11px 14px; background:white; font:600 13px/1.4 system-ui,sans-serif; text-decoration:none!important; cursor:pointer }
.dt-container .dt-primary { background:#11c5c3; border-color:#11c5c3; color:white }
.dt-primary:disabled { opacity:.6; cursor:default }
.dt-contact-links { display:grid; gap:12px; margin-top:16px }
.dt-contact-links>a { display:flex; align-items:center; gap:9px; font-size:12px; overflow-wrap:anywhere; min-width:0 }
.dt-contact-links .sd-icon { width:17px; height:17px }
.dt-location h2 { display:flex; gap:8px; align-items:center; font-size:15px }
.dt-location p { color:#65758c; font-size:12px; margin-top:12px; overflow-wrap:anywhere }
.dt-safety { display:flex; gap:12px; padding:17px 18px; background:#e8f8f8; border-radius:10px; color:#087b80 }
.dt-safety p { font-size:11px; margin:5px 0 7px; color:#527786 }.dt-safety a { font-size:11px }
.dt-details { grid-area:details; padding:24px }.dt-description { grid-area:description; padding:24px }
.dt-detail-group+ .dt-detail-group { margin-top:24px; padding-top:22px; border-top:1px solid #edf1f6 }
.dt-details dl { display:grid; grid-template-columns:1fr 1fr; gap:20px 30px; margin:20px 0 0 }
.dt-details dl>div { min-width:0 }.dt-details dt { color:#7b8899; font-size:12px; font-weight:400; margin-bottom:4px }.dt-details dd { color:#102443; font-size:13px; margin:0; overflow-wrap:anywhere }
.dt-description-text { font-size:14px; line-height:1.8; color:#44566e; margin-top:18px; overflow-wrap:anywhere }.dt-description-text p { margin:0 0 12px }.dt-description-text img { max-width:100%; height:auto }.dt-description-text table { max-width:100%; display:block; overflow:auto }
.dt-extra-links { display:flex; flex-wrap:wrap; gap:20px; margin-top:24px; font-size:13px }
.dt-chat-form { margin-top:16px; display:flex; flex-direction:column; gap:10px }.dt-chat-form label { font-size:12px; font-weight:600; margin:0 }.dt-chat-form textarea { width:100%; padding:11px; border:1px solid #dce5f0; border-radius:7px; font:13px/1.5 system-ui,sans-serif; resize:vertical }.dt-chat-form p,.dt-chat-form a,.dt-share-status { font-size:12px }.dt-chat-form p[data-error] { color:#b34b4b }
.dt-container :is(a,button,textarea):focus-visible { outline:2px solid #11c5c3; outline-offset:3px }
@media(max-width:1000px) { .dt-grid { grid-template-columns:minmax(0,1fr) 315px; gap:16px }.dt-photo-stage { height:390px } }
@media(max-width:900px) {
 .dt-container { padding:16px 14px 30px }.dt-breadcrumb { font-size:10px; gap:6px; margin-bottom:14px }.dt-breadcrumb>[aria-current] { display:none }.dt-breadcrumb>span:has(+[aria-current]) { display:none }
 .dt-grid { display:flex; flex-direction:column; gap:16px }.dt-grid>section,.dt-sidebar { width:100% }.dt-sidebar { position:static; gap:14px }.dt-photo-stage { height:290px }
 .dt-summary,.dt-seller,.dt-location,.dt-details,.dt-description { padding:20px }.dt-price { font-size:28px }.dt-summary h1 { font-size:20px }.dt-gallery-arrow { width:34px; height:34px }.dt-prev { left:10px }.dt-next { right:10px }
 .dt-chat-form textarea { font-size:16px }.dt-details dl { gap:18px }.dt-description-text { font-size:13px }
}
