.vt360-apartment-catalog { max-width: 1180px; margin: 0 auto; }
.vt360-apartment-catalog__header { margin-bottom: 24px; }
.vt360-apartment-catalog__eyebrow, .vt360-apartment-card__label { color: #2271b1; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.vt360-apartment-catalog--without-filters .vt360-apartment-catalog__filters { display: none; }
.vt360-apartment-catalog__filters { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) minmax(0, 1.2fr) minmax(0, 1.8fr) max-content; gap: 0; align-items: stretch; margin: 0 0 24px; padding: 0; border: 1px solid #dcdcde; border-radius: 8px; background: #fff; }
.vt360-apartment-catalog__filter-group { min-width: 0; padding: 16px; border-right: 0px solid #c3c4c7; }
.vt360-apartment-catalog__filter-group--search { display: block; }
.vt360-apartment-catalog__filter-group--search input { width: 100%; }
.vt360-apartment-catalog__filter-block + .vt360-apartment-catalog__filter-block { margin-top: 16px; }
.vt360-apartment-catalog__filter-subheading { display: block; text-align: center; }
.vt360-apartment-catalog__filter-group--tour { display: grid; min-width: 0; align-self: start; gap: 12px; padding-top: 16px; }
.vt360-apartment-catalog__filters label { display: block; margin-bottom: 4px; font-weight: 600; }
.vt360-apartment-catalog__filters select, .vt360-apartment-catalog__filters input[type="search"], .vt360-apartment-catalog__filters input[type="date"], .vt360-apartment-catalog__filters input[type="number"] { max-width: 100%; box-sizing: border-box; }
.vt360-apartment-catalog__filters select, .vt360-apartment-catalog__filters input[type="search"] { width: 100%; min-height: 38px; }
.vt360-apartment-catalog__range-row { display: grid; grid-template-columns: auto minmax(48px, 1fr) auto minmax(48px, 1fr); gap: 6px; align-items: center; margin-top: 12px; }
.vt360-apartment-catalog__range-row label { margin: 0; font-weight: 400; white-space: nowrap; }
.vt360-apartment-catalog__date-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.vt360-apartment-catalog__date-row > div { min-width: 0; }
.vt360-apartment-catalog__date-row input { width: 100%; }
.vt360-apartment-catalog__filter-actions { display: flex; min-width: max-content; flex-direction: column; align-self: start; justify-content: center; gap: 8px; padding: 16px; }
.vt360-apartment-catalog__filter-actions .button { margin: 0; }
.vt360-apartment-catalog__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.vt360-apartment-card { min-height: 180px; border: 1px solid #dcdcde; border-radius: 10px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.vt360-apartment-card__content { padding: 20px; }
.vt360-apartment-card h3 { margin: 8px 0; }
.vt360-apartment-card__thumbnail-link { display: block; }
.vt360-apartment-card__thumbnail-link:focus, .vt360-apartment-card__thumbnail-link:focus-visible { outline: none; box-shadow: none; }
.vt360-apartment-card__thumbnail { display: block; width: 100%; height: 150px; margin: 0 0 14px; border-radius: 6px; background: #f0f0f1; object-fit: cover; }
.vt360-apartment-card__date { color: #646970; font-size: .9rem; }
.vt360-apartment-card__status { display: inline-block; padding: 4px 9px; border-radius: 12px; color: #116329; background: #edfaef; font-weight: 600; }
@media (max-width: 1200px) { .vt360-apartment-catalog__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vt360-apartment-catalog__filter-group:nth-child(even) { border-right: 0; } .vt360-apartment-catalog__filter-actions { flex-direction: row; grid-column: 1 / -1; border-top: 1px solid #c3c4c7; } }
@media (max-width: 600px) { .vt360-apartment-catalog__filters { display: block; } .vt360-apartment-catalog__filter-group { border-right: 0; border-bottom: 1px solid #c3c4c7; } .vt360-apartment-catalog__filter-actions { flex-direction: row; border-top: 0; border-bottom: 0; } .vt360-apartment-catalog__date-row { grid-template-columns: 1fr; } }