.bk-listin-page { color:#173247; padding-bottom:76px; }
.bk-listin-page [hidden] { display:none!important; }
.bk-listin-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; padding:30px 0; color:#647681; font-size:12px; }
.bk-listin-breadcrumb a:hover { text-decoration:underline; }
.bk-listin-heading { max-width:1000px; padding:16px 0 34px; }
.bk-listin-heading-line { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:20px; font-size:12px; }
.bk-listin-purpose { padding:7px 11px; border:1px solid #a9bac2; border-radius:2px; }
.bk-listin-reference { color:#536a79; letter-spacing:.07em; }
body.fh-design .bk-listin-heading h1 { font-size:clamp(30px,3.8vw,54px); line-height:1.12; letter-spacing:-.045em; font-weight:500; overflow-wrap:anywhere; }
body.fh-design .bk-listin-heading > p { margin-top:15px; color:#647681; font-size:16px; }
.bk-listin-gallery { padding-bottom:43px; }
.bk-listin-photo { position:relative; display:block; padding:0; border:0; border-radius:3px; background:#102a3d; color:#fff; cursor:pointer; overflow:hidden; }
.bk-listin-photo.is-hero { width:100%; height:clamp(290px,45vw,650px); }
.bk-listin-photo > img { display:block; width:100%; height:100%; object-fit:cover; }
.bk-listin-photo.is-hero > img { object-fit:contain; }
.bk-listin-photo:focus-visible,.bk-listin-dialog button:focus-visible { outline:3px solid #f7a66d; outline-offset:4px; }
.bk-listin-view-all { position:absolute; right:22px; bottom:22px; display:flex; align-items:center; gap:24px; padding:13px 17px; background:#fff; color:#173247; font-size:13px; border-radius:2px; }
.bk-listin-thumbnails { display:flex; gap:12px; overflow-x:auto; padding:13px 0 7px; scrollbar-width:thin; }
.bk-listin-thumbnails .bk-listin-photo { flex:0 0 132px; aspect-ratio:4/3; }
.bk-listin-image-fallback { display:flex; align-items:center; justify-content:center; height:100%; padding:20px; color:#d4dee4; font-size:13px; }
.bk-listin-empty-photo { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; min-height:300px; padding:35px; background:#e6ecef; color:#647681; text-align:center; }
.bk-listin-empty-photo strong { font-size:20px; font-weight:500; }
body.fh-design .bk-listin-empty-photo p { max-width:650px; font-size:13px; line-height:1.7; }
.bk-listin-gallery-caption { margin:0 0 13px!important; color:#687b87; font-size:12px; line-height:1.6; }
.bk-listin-collection-links { display:flex; flex-wrap:wrap; gap:12px 22px; margin:18px 0 25px; font-size:13px; }
.bk-listin-collection-links a { padding-bottom:5px; border-bottom:1px solid #9eb0bc; }
.bk-listin-gallery noscript p { margin-top:15px; font-size:13px; line-height:1.8; }
.bk-listin-content { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr); gap:75px; align-items:start; }
.bk-listin-section-label { display:block; color:#6c7f89; font-size:10px; letter-spacing:.12em; line-height:1.5; }
body.fh-design .bk-listin-price { margin:10px 0 38px; font-size:clamp(30px,3.4vw,46px); letter-spacing:-.045em; line-height:1.12; }
.bk-listin-price small { color:#6c7f89; font-size:15px; letter-spacing:0; white-space:nowrap; }
body.fh-design .bk-listin-page h2 { font-size:27px; line-height:1.2; letter-spacing:-.035em; }
.bk-listin-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 30px; margin:24px 0 0; }
.bk-listin-facts > div { padding:17px 0; border-top:1px solid #d7e0e5; }
.bk-listin-facts dt { margin-bottom:7px; color:#6c7f89; font-size:12px; }
.bk-listin-facts dd { margin:0; font-size:17px; line-height:1.5; }
.bk-listin-description { padding:42px 0 35px; }
.bk-listin-description h2 { margin-top:12px!important; margin-bottom:23px!important; }
body.fh-design .bk-listin-description p { margin:0 0 16px; color:#405969; font-size:15px; line-height:1.85; white-space:pre-line; overflow-wrap:anywhere; }
.bk-listin-source { padding:23px 0; border-top:1px solid #c8d5dc; }
body.fh-design .bk-listin-source p { margin-top:13px; color:#687b87; font-size:12px; line-height:1.8; }
.bk-listin-source > a { display:inline-block; margin-top:14px; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.bk-listin-contacts { position:sticky; top:105px; padding:28px; border:1px solid #cad7de; background:#fff; }
.bk-listin-contact-intro h2 { margin:13px 0!important; }
body.fh-design .bk-listin-contact-intro p { margin-bottom:25px; color:#6c7f89; font-size:13px; line-height:1.7; }
.bk-listin-contact { border-top:1px solid #dae2e7; padding-top:22px; margin-top:23px; }
.bk-listin-contact-person { display:flex; align-items:center; gap:16px; }
.bk-listin-contact-person > img { width:65px; height:72px; flex:none; object-fit:cover; object-position:center 20%; border-radius:2px; background:#e6ecef; }
.bk-listin-contact-person > div > span { color:#71838d; font-size:9px; letter-spacing:.09em; }
body.fh-design .bk-listin-contact-person h3 { margin:4px 0; font-size:20px; letter-spacing:-.02em; font-weight:500; }
.bk-listin-contact-person a { font-size:12px; color:#536c7b; }
.bk-listin-contact-action { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-top:17px; padding:14px 17px; border:1px solid #173247; color:#173247; font-size:13px; }
.bk-listin-contact.is-primary .bk-listin-contact-action { background:#173247; color:#fff; }
.bk-listin-contact-action:hover { background:#edf2f5; }
.bk-listin-contact.is-primary .bk-listin-contact-action:hover { background:#284a61; }
body.fh-design .bk-listin-contact-note { margin-top:18px; color:#71838d; font-size:11px; line-height:1.7; }
.bk-listin-back { display:inline-block; margin-top:42px; padding-bottom:6px; border-bottom:1px solid #90a6b3; font-size:13px; }
.bk-listin-dialog { padding:0; border:1px solid #3e5361; width:min(1200px,94vw); max-width:94vw; max-height:94vh; color:#fff; background:#102334; }
.bk-listin-dialog::backdrop { background:#07121be8; }
.bk-listin-dialog-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 18px; font-size:13px; }
.bk-listin-dialog button { display:grid; place-items:center; width:44px; height:44px; padding:0; color:#fff; border:1px solid #637784; background:transparent; cursor:pointer; font-size:23px; }
.bk-listin-dialog-stage { display:grid; place-items:center; height:min(70vh,750px); padding:0 20px; }
.bk-listin-dialog-stage img { width:100%; height:100%; min-height:0; object-fit:contain; }
.bk-listin-dialog-stage p { padding:25px; color:#d3dce3; font-size:15px; text-align:center; line-height:1.6; }
.bk-listin-dialog-controls { display:flex; align-items:center; justify-content:center; gap:30px; padding:14px 20px; font-size:13px; }
@media(max-width:1000px){
 .bk-listin-content { gap:35px; grid-template-columns:minmax(0,1.35fr) minmax(285px,1fr); }
 .bk-listin-contacts { padding:22px; }
}
@media(max-width:760px){
 .bk-listin-breadcrumb { padding:22px 0; gap:9px; font-size:11px; }
 .bk-listin-heading { padding-top:8px; padding-bottom:25px; }
 .bk-listin-heading-line { gap:12px; margin-bottom:16px; }
 .bk-listin-photo.is-hero { height:clamp(250px,70vw,450px); }
 .bk-listin-view-all { right:12px; bottom:12px; padding:11px 13px; font-size:12px; }
 .bk-listin-thumbnails .bk-listin-photo { flex-basis:105px; }
 .bk-listin-gallery { padding-bottom:29px; }
 .bk-listin-content { grid-template-columns:minmax(0,1fr); gap:30px; }
 .bk-listin-contacts { position:static; }
 .bk-listin-facts { gap:0 22px; }
 .bk-listin-dialog-stage { height:65vh; padding:0 10px; }
 .bk-listin-dialog-top { padding:10px 12px; font-size:11px; }
}
