/** responsive.css */
/* ── Responsive ──────────────────────────────────────────────────────────────*/
@media (max-width: 768px) {
    /* Filter bar: stack columns vertically */
    .hui-filter-bar        { flex-direction: column; }
    .hui-filter-col-left   { flex: none; width: 100%; border-right: none; border-bottom: 1px solid var(--hui-rule); }
    .hui-filter-col-mid    { flex: none; width: 100%; border-right: none; border-bottom: 1px solid var(--hui-rule); }
    .hui-filter-col-right  { flex: none; width: 100%; }

    /* Remove fixed height on Choices in stacked layout */
    .hui-filter-col-mid .choices .choices__inner,
    .hui-filter-col-right .choices .choices__inner { flex: none; overflow-y: visible; }

    .hui-info-table.cols-2,
    .hui-info-table.cols-3 { columns: 1; }

    .hui-main-image-wrap { height: 280px; }

    .hui-row-a-thumb { flex: 0 0 140px; max-height: 160px; }

    .hui-row-b { flex-direction: column; align-items: stretch; }
    .hui-row-b-identity,
    .hui-row-b-stats,
    .hui-row-b-price { border-right: none; border-bottom: 1px solid var(--hui-rule); }
    .hui-row-b-price { align-items: flex-start; }

    .hui-rooms-1 .hui-floor,
    .hui-rooms-2 .hui-floor,
    .hui-rooms-3 .hui-floor,
    .hui-rooms-4 .hui-floor { flex: 1 1 100%; max-width: 100%; }
}

/* ── Dynamic URL based header portrait ───────────────────────────────────────*/
.hui-header-photo {
    width: 100%;
    height: auto;
    display: block;
}