/* One visual apartment catalogue, with all four formats visible. */
.language{display:flex;align-items:center;gap:6px;width:auto;flex:none;white-space:nowrap}
#apartments.apartment-catalog{padding-bottom:64px}
.apartment-catalog .section-head{align-items:flex-end;gap:48px;margin-bottom:32px}
.apartment-catalog .section-head h2{max-width:540px}
.apartment-catalog .project-intro{max-width:450px;font-size:15px;line-height:1.65;color:var(--muted)}
.format-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:28px}
.format-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:82px;padding:20px 24px;border:1px solid #c5d4d0;border-radius:5px;background:transparent;color:var(--forest);text-align:left;transition:background .18s,color .18s}
.format-tab>span{font-size:17px;line-height:1.35;font-weight:700}
.format-tab small{font-size:13px;white-space:nowrap}.format-tab sup{font-size:9px}
.format-tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.format-tab:hover:not([aria-selected=true]){background:#e5efeb}
.format-tab:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.apartment-catalog .apartment-showcase{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:stretch}
.apartment-catalog .interior-main{height:440px;aspect-ratio:auto}
.apartment-catalog .interior-main img{object-fit:cover;object-position:center}
.apartment-catalog .showcase-info{padding:28px;gap:18px}
.showcase-summary .showcase-price{font-size:29px!important;font-weight:750;letter-spacing:-.045em;color:var(--forest)!important;line-height:1.25!important;margin-top:18px}
.apartment-catalog .showcase-summary h3{font-size:21px;line-height:1.35;margin:0 0 10px}
.apartment-catalog .showcase-summary>p{font-size:14px;line-height:1.6;color:var(--muted)}
.apartment-catalog .showcase-plan .plan-open img{height:260px}
.apartment-catalog .showcase-plan .plan-open span{font-size:12px;gap:8px}
.format-project-visual{display:flex;flex-direction:column;margin:0;min-width:0}
.format-project-visual>.visual-open{flex:1;min-height:440px;overflow:hidden;border-radius:5px}
.format-project-visual>.visual-open img{height:100%;min-height:440px;object-fit:cover}
.format-project-visual figcaption{padding:12px 0;font-size:13px;color:var(--muted)}
.plan-on-request{align-self:center;border-top:1px solid #bdcfca;padding:24px 0}
.plan-on-request .line-icon{width:36px;height:36px;color:var(--accent);margin-bottom:18px}
.plan-on-request h4{font-size:20px;line-height:1.3;margin:0 0 12px}
.plan-on-request p{font-size:14px;line-height:1.65;color:var(--muted);max-width:320px}
.without-plan .showcase-info{min-height:510px}
.faq{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px}
.faq h2{align-self:start}.faq summary{font-size:19px;line-height:1.4}.faq details p{font-size:15px;line-height:1.7}
@media(min-width:701px) and (max-width:1100px){
 .format-tab{padding:18px 16px;flex-direction:column;align-items:flex-start;gap:6px}
 .apartment-catalog .apartment-showcase{gap:22px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
 .apartment-catalog .showcase-info{padding:22px}
 .apartment-catalog .interior-main{height:400px}
 .showcase-summary .showcase-price{font-size:25px!important}
 .apartment-catalog .showcase-plan .plan-open img{height:215px}
}
@media(max-width:700px){
 #apartments.apartment-catalog{padding-top:38px;padding-bottom:40px}
 .apartment-catalog .section-head{align-items:stretch;gap:20px;margin-bottom:24px}
 .apartment-catalog .section-head h2{font-size:33px}
 .apartment-catalog .project-intro{font-size:14px;line-height:1.65;max-width:none}
 .format-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}
 .format-tab{padding:14px 16px;min-height:77px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
 .format-tab>span{font-size:15px}.format-tab small{font-size:12px}
 .apartment-catalog .apartment-showcase{display:flex;flex-direction:column;gap:16px}
 .apartment-catalog .interior-main{height:auto;aspect-ratio:4/3}
 .apartment-catalog .showcase-info{padding:20px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px}
 .apartment-catalog .showcase-summary h3{font-size:21px}
 .apartment-catalog .showcase-summary>p{font-size:14px}
 .showcase-summary .showcase-price{font-size:29px!important;margin-top:16px}
 .apartment-catalog .showcase-plan{grid-column:1;grid-row:2;max-width:none;justify-content:center}
 .apartment-catalog .showcase-plan .plan-open img{height:250px}
 .apartment-catalog .showcase-plan .plan-open span{font-size:12px}
 .format-project-visual>.visual-open,.format-project-visual>.visual-open img{min-height:0;height:auto;aspect-ratio:4/3}
 .format-project-visual>.visual-open img{width:100%;height:100%}
 .format-project-visual figcaption{font-size:12px;padding:10px 0 0}
 .without-plan .showcase-info{min-height:0}
 .plan-on-request{padding:20px 0 0;grid-column:1;grid-row:2}
 .plan-on-request .line-icon{display:none}.plan-on-request h4{font-size:18px}
 .faq{gap:24px}.faq summary{font-size:16px;padding:20px 0}.faq details p{font-size:14px;line-height:1.65;padding-right:10px}
}
@media(max-width:359px){
 .apartment-catalog .section-head h2{font-size:29px}.format-tab{padding:12px}.format-tab>span{font-size:14px}
 .apartment-catalog .showcase-info{padding:16px}.showcase-summary .showcase-price{font-size:26px!important}
}