.card-photo-slider { position: absolute; inset: 0; width: 100%; height: 100%; }
.property-media .card-photo-slider .swiper-slide { display: block; width: 100%; height: 100%; }
.property-media .card-photo-slider img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .3s ease; }
.property-media .card-photo-slider a:hover img { transform: scale(1.035); }
.card-photo-arrow { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255,255,255,.94); color: #0a2a5e; display: grid; place-items: center; box-shadow: 0 2px 9px rgba(0,0,0,.18); opacity: 0; transition: opacity .2s; }
.property-media:hover .card-photo-arrow, .card-photo-arrow:focus-visible { opacity: 1; }
.card-photo-prev { right: 9px; }
.card-photo-next { left: 9px; }
.card-photo-counter { position: absolute; z-index: 3; bottom: 9px; right: 9px; border-radius: 999px; padding: 2px 9px; background: rgba(8,27,56,.78); color: #fff; font-size: 11px; font-weight: 700; direction: ltr; }
.listing-gallery { display: block !important; height: auto !important; margin-bottom: 10px; }
.listing-gallery .gallery-main { height: auto; aspect-ratio: 16 / 9; }
.listing-gallery .gallery-main .swiper, .prj-gallery-container .swiper { width: 100%; height: 100%; }
.listing-gallery .gallery-main .swiper-slide, .prj-gallery-container .swiper-slide { width: 100%; height: 100%; background: #10243c; }
.listing-gallery .gallery-main .swiper-slide img, .prj-gallery-container .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.listing-gallery .gallery-main .swiper-slide button { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.listing-gallery .gallery-main .swiper-slide button img { width: 100%; height: 100%; }
.listing-gallery .gallery-main:hover .swiper-slide img, .prj-gallery-container .swiper-slide:hover img { transform: none; }
.listing-gallery .thumbs, .prj-thumbs-strip { display: flex !important; gap: 10px; overflow-x: auto; height: auto !important; padding: 3px 2px 9px; scrollbar-width: thin; scroll-snap-type: x proximity; }
.listing-gallery .thumbs button, .prj-thumbs-strip .prj-thumb { flex: 0 0 88px; width: 88px; height: 64px; border-radius: 9px; border: 2px solid transparent; padding: 0; opacity: .68; scroll-snap-align: start; }
.listing-gallery .thumbs button.is-active, .prj-thumbs-strip .prj-thumb.active { border-color: var(--blue, #0e47a1); opacity: 1; }
.listing-gallery .thumbs button:focus-visible, .prj-thumbs-strip .prj-thumb:focus-visible, .card-photo-arrow:focus-visible { outline: 3px solid #eea534; outline-offset: 2px; }
.listing-gallery .thumbs img, .prj-thumbs-strip .prj-thumb img { width: 100%; height: 100%; object-fit: cover; }
.prj-gallery-container { aspect-ratio: 16 / 9; }
.prj-gallery-container .prj-gallery-main { height: 100% !important; cursor: default; }
@media (max-width: 575px) {
    .listing-gallery .gallery-main, .prj-gallery-container { aspect-ratio: 4 / 3; }
    .listing-gallery .thumbs button, .prj-thumbs-strip .prj-thumb { flex-basis: 72px; width: 72px; height: 54px; }
    .card-photo-arrow { opacity: 1; width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
    .property-media .card-photo-slider img, .card-photo-arrow { transition: none; }
}