/* Compact detail gallery; fullscreen retains its original dimensions. */
.bc_wrap .bc_detail_hotel .hotel-detail-gallery { padding: 12px; margin: 0 0 24px; border: 1px solid #dbe7e9; border-radius: 14px; background: #fff; }
.hotel-detail-gallery .hotel-gallery-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; min-height: 44px; color: #143640; }
.hotel-gallery-label { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; font-weight: 600; }
.hotel-gallery-label > i { color: #087f8c; }
.hotel-gallery-counter { color: #5b7079; font-size: 12px; font-weight: 400; white-space: nowrap; }
.bc_wrap .bc_detail_hotel .hotel-gallery-expand { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 9px 12px; border: 1px solid #c9dfe1; border-radius: 8px; background: #eaf5f4; color: #066875; font-size: 12px; font-weight: 600; cursor: pointer; }
.hotel-gallery-expand:hover { background: #d9eeec; }
.hotel-gallery-expand:focus-visible { outline: 3px solid #087f8c; outline-offset: 2px; }
.hotel-detail-gallery .fotorama:not(.fotorama--fullscreen) .fotorama__stage { border-radius: 10px; background: #edf3f4; }
.hotel-detail-gallery .fotorama__nav--thumbs { margin-top: 8px; }
.hotel-detail-gallery .fotorama__thumb { border-radius: 6px; background: #edf3f4; }
.hotel-detail-gallery .fotorama__thumb-border { border-color: #087f8c; border-radius: 6px; }
.bc_wrap .bc_detail_hotel .hotel-detail-gallery .social { top: 78px; right: 24px; }
.bc_wrap .bc_detail_hotel .hotel-detail-gallery .social .social-icon,
.bc_wrap .bc_detail_hotel .hotel-detail-gallery .social .service-wishlist { background: rgba(20,54,64,.8); color: #fff; }
@media (max-width: 767px) {
    .bc_wrap .bc_detail_hotel .hotel-detail-gallery { padding: 10px; margin-bottom: 18px; border-radius: 12px; }
    .hotel-gallery-label { font-size: 12px; gap: 5px; }
    .hotel-gallery-counter { font-size: 11px; }
    .bc_wrap .bc_detail_hotel .hotel-gallery-expand { padding: 8px 9px; font-size: 11px; }
    .hotel-detail-gallery .hotel-gallery-toolbar { gap: 6px; margin-bottom: 8px; }
    .bc_wrap .bc_detail_hotel .hotel-detail-gallery .social { top: 72px; right: 18px; }
}