.property-lightbox{position:fixed!important;inset:0!important;translate:none!important;transform:none!important;width:100vw!important;max-width:none!important;height:100vh;height:100dvh;max-height:none!important;box-sizing:border-box;margin:0!important;display:flex!important;flex-direction:column;overflow:hidden;padding:20px 28px 16px!important;gap:10px!important;border:0!important;border-radius:0!important;background:#001731!important;color:#fff!important;animation:none!important}
.property-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 56px 0 0;min-height:58px;flex-shrink:0}
.property-lightbox-logo{width:180px;height:55px;object-fit:contain;flex-shrink:0}
.property-lightbox-header>div{text-align:right;min-width:0}
.property-lightbox-header h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,1.65vw,30px);line-height:1.2;font-weight:400;margin:0 0 6px;padding:0;color:#fff;letter-spacing:-.03em;overflow-wrap:anywhere}
.property-lightbox-header p{font-size:14px;line-height:1.4;margin:0;color:#c5cad0}
.property-lightbox-photo{flex:1;display:flex;margin:0;min-height:0;min-width:0;align-items:center;justify-content:center;overflow:hidden}
.property-lightbox-photo img{display:block;width:100%;max-width:100%;height:100%;min-height:0;object-fit:contain}
.property-lightbox .property-counter{flex-shrink:0;border:0;padding:0;min-height:44px;color:#fff}
.property-lightbox .property-counter button{padding:10px 16px;min-width:44px;min-height:44px}
.property-lightbox .property-thumbnails{display:flex;flex-shrink:0;overflow-x:auto;overflow-y:hidden;padding:3px 0 6px;gap:8px;scrollbar-width:thin;scrollbar-color:#a98c59 #132b43}
.property-lightbox .property-thumbnails button{flex:0 0 90px}
.property-lightbox .property-thumbnails img{display:block;width:86px;height:56px;object-fit:cover}
.property-lightbox>[data-slot="dialog-close"]{position:absolute;top:14px;right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;background:#132b43;border:1px solid #567085;border-radius:50%;opacity:1;z-index:2}
.property-lightbox>[data-slot="dialog-close"] svg{width:24px!important;height:24px!important}
.property-lightbox button:focus-visible{outline:2px solid #c3a879;outline-offset:2px}
@media(max-width:600px){.property-lightbox{padding:12px 12px max(10px,env(safe-area-inset-bottom))!important;gap:8px!important}.property-lightbox-header{margin:0;align-items:flex-start;flex-direction:column;gap:8px}.property-lightbox-logo{width:135px;height:40px}.property-lightbox-header>div{text-align:left;width:100%}.property-lightbox-header h2{font-size:18px;padding:0;line-height:1.2}.property-lightbox-header p{font-size:12px}.property-lightbox>[data-slot="dialog-close"]{top:10px;right:10px}.property-lightbox .property-thumbnails button{flex-basis:68px}.property-lightbox .property-thumbnails img{width:64px;height:44px}}
@media(max-height:500px) and (min-width:601px){.property-lightbox{padding:8px 14px!important;gap:4px!important}.property-lightbox-header{min-height:36px;gap:16px}.property-lightbox-logo{width:115px;height:35px}.property-lightbox-header h2{font-size:16px;margin:0}.property-lightbox-header p{font-size:11px}.property-lightbox>[data-slot="dialog-close"]{top:6px;right:8px}.property-lightbox .property-counter{min-height:36px}.property-lightbox .property-counter button{min-height:36px;padding:4px 16px}.property-lightbox .property-thumbnails button{flex-basis:60px}.property-lightbox .property-thumbnails img{width:56px;height:36px}}
/* Gallery composition: image-aligned masthead and side navigation. */
.property-lightbox{display:grid!important;grid-template-columns:minmax(44px,1fr) minmax(0,76%) minmax(44px,1fr);grid-template-rows:auto minmax(0,1fr) 38px auto;column-gap:0!important;row-gap:10px!important;padding:16px 28px!important}
.property-lightbox-header{grid-column:2;grid-row:1;margin:0;min-height:58px}
.property-lightbox-header h2{font-size:clamp(18px,1.4vw,27px)}
.property-lightbox-photo{grid-column:2;grid-row:2;width:100%;height:100%}
.property-lightbox .property-counter{display:contents}
.property-lightbox .property-counter>span{grid-column:2;grid-row:3;align-self:center;justify-self:center}
.property-lightbox .property-counter>button{grid-row:2;align-self:center;justify-self:center;position:relative;width:56px;height:64px;padding:0;color:#a8b6c3;border:0;background:none}
.property-lightbox .property-counter>button:first-child{grid-column:1}
.property-lightbox .property-counter>button:last-child{grid-column:3}
.property-lightbox .property-counter>button svg{display:none}
.property-lightbox .property-counter>button::after{content:"";display:block;width:24px;height:24px;border-top:3px solid currentColor;border-right:3px solid currentColor;position:absolute;top:20px;left:12px;transform:rotate(45deg)}
.property-lightbox .property-counter>button:first-child::after{left:20px;transform:rotate(-135deg)}
.property-lightbox .property-counter>button:hover{color:#fff}
.property-lightbox .property-thumbnails{grid-column:1/-1;grid-row:4;min-width:0}
.property-lightbox>[data-slot="dialog-close"]{top:10px;right:10px;width:52px;height:52px;border:0;border-radius:0;background:transparent;color:#a8b6c3}
.property-lightbox>[data-slot="dialog-close"] svg{width:42px!important;height:42px!important;stroke-width:1.5}
@media(max-width:600px){.property-lightbox{grid-template-columns:32px minmax(0,1fr) 32px;padding:12px 8px max(10px,env(safe-area-inset-bottom))!important;grid-template-rows:auto minmax(0,1fr) 30px auto;row-gap:8px!important}.property-lightbox-header{grid-column:2;min-height:0;gap:8px}.property-lightbox-logo{width:125px;height:38px}.property-lightbox-header h2{font-size:17px}.property-lightbox-header>div{width:100%}.property-lightbox .property-counter>button{width:32px;height:52px;min-width:32px}.property-lightbox .property-counter>button::after{width:16px;height:16px;top:16px;left:3px;border-top-width:2px;border-right-width:2px}.property-lightbox .property-counter>button:first-child::after{left:10px}.property-lightbox>[data-slot="dialog-close"]{top:8px;right:4px;width:40px;height:40px}.property-lightbox>[data-slot="dialog-close"] svg{width:34px!important;height:34px!important}}
@media(max-height:500px) and (min-width:601px){.property-lightbox{grid-template-rows:auto minmax(0,1fr) 24px auto;row-gap:4px!important}.property-lightbox-header{min-height:36px}.property-lightbox-header h2{font-size:16px}}

/* Compact centered monogram; keep the dialog name available to screen readers. */
.property-lightbox-header{position:relative;display:block;min-height:55px;height:55px;margin:0}
.property-lightbox-header>div{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.property-lightbox .property-lightbox-logo{position:absolute;left:calc(50% - 27px);top:0;width:180px;height:55px;max-width:none;object-fit:contain;clip-path:inset(0 70% 0 0)}
@media(max-width:600px){.property-lightbox-header{min-height:45px;height:45px}.property-lightbox .property-lightbox-logo{width:148px;height:45px;left:calc(50% - 22px)}}
@media(max-height:500px) and (min-width:601px){.property-lightbox-header{min-height:35px;height:35px}.property-lightbox .property-lightbox-logo{width:115px;height:35px;left:calc(50% - 17px)}}
