/* Small additions for real data in the theme catalog/listing markup; design itself is unchanged. */

/* Real photos have any aspect ratio; keep the template's 4:3 boxes. */
.card-house .img-style img { aspect-ratio: 4 / 3; object-fit: cover; background: var(--Line, #eee); }

/* Filters without data yet: visible as in the template, clearly unavailable. */
.is-unavailable { opacity: .45; }
.is-unavailable .nice-select { pointer-events: none; }
.unavailable-note { font-weight: 400; }

.catalog-empty { padding: 40px 0; }

/* Listing page */
.listing-gallery .swiper-slide img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; background: var(--Line, #eee); }
.listing-gallery .swiper-wrapper { display: block; transform: none !important; }
.listing-description { max-height: 18em; overflow: hidden; white-space: pre-line; }
.listing-description.is-open { max-height: none; }
.listing-removed { padding: 16px 20px; border-radius: 12px; border: 1px solid var(--Line, #ddd); background: var(--White, #fff); margin-bottom: 24px; }
.demo-note { font-size: 13px; opacity: .7; }

/* Theme default (.page-title .content { padding: 50px 0 }) leaves too much air
   above/below the catalog H1+breadcrumb block; halved on every catalog page
   (all share this one list.html header markup). */
.page-title.style-inner .content { padding: 25px 0; }

/* Long real titles must wrap instead of being cut by the price column. */
.page-title.style-details .content > .d-flex > div:first-child { flex: 1 1 420px; min-width: 0; }
.page-title.style-details .title { overflow-wrap: anywhere; }
.gallery-sw-thumbs .swiper-wrapper { display: flex; gap: 12px; overflow-x: auto; transform: none !important; }
.gallery-sw-thumbs .swiper-slide { width: auto; flex: 0 0 auto; cursor: pointer; opacity: .7; }
.gallery-sw-thumbs .swiper-slide.active { opacity: 1; }
.gallery-sw-thumbs img { width: 100px; height: 100px; object-fit: cover; }

/* Template defect (same on the theme demo): inline background:none makes the white mobile
   "Filter" button invisible. Restore the theme's dark button background. */
.btn-filter.filterShop { background: var(--Text-primary, #000) !important; border-radius: 99px !important; padding: 8px 18px !important; }

/* Long addresses in the listing header wrap on small screens. */
.page-title.style-details .h6 { overflow-wrap: anywhere; min-width: 0; }
.page-title.style-details .breadcrumb { flex-wrap: wrap; row-gap: 4px; }
.page-title.style-details .content > .d-flex > div { min-width: 0; flex-shrink: 1; max-width: 100%; }
.page-title.style-details .loc-text { min-width: 0; overflow-wrap: anywhere; }