/* ---------- portrait.css – вертикальная ориентация ---------- */

/* Базовый шрифт */
body {
    font-size: 36px;
    line-height: 1.5;
}

.room-price {
  display: grid;
  grid-template-columns: 2fr 1fr 3fr;
}


.phone {
  font-size: 50px;
}
h1, .search-panel__title {
    font-size: 22px;
}

h2, .card-preview__title {
    font-size: 56px;
}

p, .card-preview__address, .room-type, .room-area, .room-value {
    font-size: 36px;
}
.room-value {
  text-align: right;
}
/* === HEADER === */
.hero {
    height: auto;
    min-height: 0;
    background: none !important;
}
.completion-date {color: #64748b; font-size: 34px;}
.hero-bg,
.hero-overlay {
    display: none !important;
}

.hero-content {
    display: none;
}

.header-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #1e293b;
    color: white;
}

.logo {
    font-size: 60px;
    font-weight: 700;
}

/* Бургер-иконка */
.header-right .icon-login {
    display: none;
}

.burger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.burger span {
    display: block;
    width: 28px;
    height: 4px;
    background: white;
    border-radius: 2px;
}

/* === SEARCH PANEL === */
.search-panel {
    position: static;
    transform: none;
    width: 100%;
    background: #f1f5f9;
    border-radius: 0;
    box-shadow: none;
    padding: 16px;
    margin: 0;
}

.search-panel__title {
    font-size: 54px;
    margin-bottom: 12px;
}

.search-row {
    flex-direction: column;
    gap: 10px;
}

.search-input-wrapper input {
    width: 100%;
    padding: 14px;
    font-size: 44px;
}

.search-submit {
    width: 100%;
    padding: 14px;
    font-size: 50px;
    text-align: center;
}

/* === FILTERS === */
.range-row {
    flex-direction: column;
    gap: 14px;
}

.range-group {
    width: 100%;
}

.range-group > span {
    font-size: 44px;
}

.range-inputs {
    flex-wrap: nowrap;
}

.range-inputs input {
    width: 48%;
    padding: 12px;
    font-size: 44px;
}

.filters-advanced {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 4vh;    
    
}

.dropdown {
    width: 100%;
}

.dropdown__toggle {
    width: 100%;
    text-align: left;
    font-size: 44px;
    padding: 12px 16px;
}

/* === MAIN CONTENT === */
.content-grid {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0 16px;
}

.banner-left,
.banner-right {
    display: none;
}

.main-content {
    width: 100%;
}

.card-preview {
    flex-direction: column;
}

.card-preview__image {
    width: 100%;
}

.card-preview__content {
    width: 100%;
    padding: 16px;
}
.rooms-prices {display: block;}
/* === FLOATING BUTTON === */
.fab-add {
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
}

/* === MODAL === */
.modal {
    max-width: 100%;
    margin: 16px;
}

.modal-header h2 {
    font-size: 48px;
}

/* === FOOTER === */
.footer-links {
    flex-direction: column;
    gap: 12px;
    font-size: 16px;
}