/* Общие покупательские акценты: варианты оплаты и короткая подборка других домов. */
.house-finance-feature{width:100%;max-width:none;margin:36px 0 0;background:#213e3e;color:#f5f2e8;border-radius:10px;overflow:hidden;scroll-margin-top:26px;font-family:Onest,Arial,sans-serif;box-sizing:border-box}
.house-finance-feature *,.house-recommendations *{box-sizing:border-box}
.house-finance-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;padding:clamp(32px,4.6vw,57px) clamp(27px,4.4vw,68px)}
.house-finance-feature .house-finance-intro h2{margin:0;font:400 clamp(30px,3.5vw,53px)/1.23 Unbounded,Onest,sans-serif;letter-spacing:-.035em;color:#f5f2e8;text-wrap:balance}
.house-finance-intro>p{font:400 15px/1.8 Onest,Arial,sans-serif;max-width:46ch;color:#e0e8dd;margin:25px 0 0}
.house-finance-feature .house-finance-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:50px;border:0;border-radius:7px;padding:16px 23px;background:#eee2ca;color:#213e3e;font:450 13px/1.4 Onest,Arial,sans-serif;letter-spacing:0;text-decoration:none;margin:28px 0 0;cursor:pointer;transition:background 180ms ease,transform 180ms cubic-bezier(.23,1,.32,1)}
.house-finance-feature .house-finance-button:hover{background:#fff6df;color:#213e3e}
.house-finance-feature .house-finance-button:active{transform:translateY(1px)}
.house-finance-button svg{display:block;width:19px;height:19px;flex:0 0 auto}
.house-finance-feature a:focus-visible{outline:3px solid #eee2ca;outline-offset:5px}
.house-finance-options{align-self:center;min-width:0}
.house-finance-options article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding:0 0 26px;margin:0;background:none;border:0;border-radius:0;box-shadow:none}
.house-finance-options article+article{padding-top:26px;border-top:1px solid #6d8580;padding-bottom:0}
.house-finance-options article>svg{display:block;width:40px;height:40px;color:#dcc39d;margin-top:2px}
.house-finance-feature .house-finance-options h3{font:450 28px/1.3 Onest,Arial,sans-serif;letter-spacing:-.025em;color:#f5f2e8;margin:0 0 10px}
.house-finance-options p{font:400 15px/1.7 Onest,Arial,sans-serif;color:#e0e8dd;margin:0;max-width:55ch}
.house-finance-options .house-finance-terms{font:400 11px/1.75 Onest,Arial,sans-serif;color:#c4d3c8;margin:12px 0 0;max-width:55ch}

/* Эти стили нужны также странице «Крылатого», которая не подключает house.css. */
.house-recommendations{width:100%;max-width:1600px;margin-inline:auto;padding:30px var(--gap,var(--gutter,clamp(22px,5.3vw,90px))) 31px;border-top:1px solid #d5dedb;color:#253d43;font:400 17px/1.75 Onest,Arial,sans-serif;box-sizing:border-box}
.house-recommendations-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.house-recommendations .house-recommendations-heading h2{font:450 clamp(21px,2.1vw,30px)/1.3 Onest,Arial,sans-serif;letter-spacing:-.03em;color:#253d43;margin:0}
.house-recommendations-controls{display:flex;gap:8px;flex-shrink:0}
.house-recommendations [hidden]{display:none!important}
.house-recommendations-controls button{display:grid;place-items:center;width:40px;height:40px;padding:10px;border:1px solid #bdcbc6;border-radius:50%;background:transparent;color:#253d43;cursor:pointer;transition:background 160ms ease,color 160ms ease}
.house-recommendations-controls button:hover:not(:disabled){background:#253d43;color:#f9faf7}
.house-recommendations-controls button:disabled{opacity:.35;cursor:default}
.house-recommendations-controls svg{display:block;width:18px;height:18px}
.house-recommendations [data-house-recommendation-prev] svg{transform:rotate(180deg)}
.house-recommendations-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;overflow-anchor:none;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aabbb4 transparent;padding-bottom:12px;scroll-padding-inline:0}
.house-recommendations-track:focus-visible{outline:2px solid #956b45;outline-offset:4px}
.house-recommendation{position:relative;display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;scroll-snap-align:start;border-radius:8px;overflow:hidden;background:#edf0e9;min-width:0;text-decoration:none;color:#253d43}
.house-recommendation>img{display:block;width:100%;height:132px;object-fit:contain;background:#e6ebe4;transition:transform 320ms cubic-bezier(.23,1,.32,1)}
.house-recommendation:hover>img{transform:scale(1.025)}
.house-recommendation-info{padding:14px 17px 14px 14px;min-width:0}
.house-recommendations .house-recommendation h3{font:500 17px/1.35 Onest,Arial,sans-serif;letter-spacing:-.02em;color:#253d43;margin:0}
.house-recommendation-info p{font:500 14px/1.5 Onest,Arial,sans-serif;color:#253d43;margin:5px 0 0;font-variant-numeric:tabular-nums}
.house-recommendation-info small{display:block;font:400 10px/1.5 Onest,Arial,sans-serif;color:#4b625f;margin-top:2px;padding-right:12px}
.house-recommendation>svg{position:absolute;right:13px;bottom:15px;width:17px;height:17px;color:#6d745d}
.house-recommendation:focus-visible{outline:3px solid #956b45;outline-offset:-3px}

@media(max-width:1100px) and (min-width:761px){
 .house-finance-inner{gap:6%;padding-inline:30px}
 .house-finance-options article{gap:14px}
 .house-finance-options p{font-size:14px}
 .house-recommendations-track{grid-auto-columns:calc((100% - 18px)/2)}
}
@media(max-width:760px){
 .house-finance-feature{margin-top:27px}
 .house-finance-inner{grid-template-columns:minmax(0,1fr);gap:29px;padding:31px 23px 32px}
 .house-finance-feature .house-finance-intro h2{font-size:30px;line-height:1.27}
 .house-finance-intro>p{font-size:14px;line-height:1.75;margin-top:18px}
 .house-finance-feature .house-finance-button{margin-top:21px;width:100%;font-size:12px;padding:14px 17px;gap:14px;min-height:46px}
 .house-finance-options article{grid-template-columns:32px minmax(0,1fr);gap:15px;padding-bottom:23px}
 .house-finance-options article+article{padding-top:23px}
 .house-finance-options article>svg{width:32px;height:32px}
 .house-finance-feature .house-finance-options h3{font-size:24px}
 .house-finance-options p{font-size:14px;line-height:1.75}
 .house-finance-options .house-finance-terms{font-size:11px;margin-top:10px;line-height:1.75}
 .house-recommendations{padding-block:27px 25px}
 .house-recommendations-heading{gap:12px;margin-bottom:15px}
 .house-recommendations .house-recommendations-heading h2{font-size:21px;max-width:230px}
 .house-recommendations-controls{gap:5px}
 .house-recommendations-controls button{width:35px;height:35px;padding:8px}
 .house-recommendations-track{grid-auto-columns:91%;gap:13px}
 .house-recommendation{grid-template-columns:40% minmax(0,1fr)}
 .house-recommendation-info{padding:12px 17px 12px 12px}
 .house-recommendation-info p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .house-finance-feature .house-finance-button,.house-recommendation>img,.house-recommendations-controls button{transition:none}
 .house-finance-feature .house-finance-button:active,.house-recommendation:hover>img{transform:none}
}
/* Первый кадр сразу под шапкой; рассказ и действия следуют за изображением. */
.house-standard-page .standard-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'picture' 'intro' 'facts';row-gap:0;padding-top:0}
.house-standard-page .standard-hero-heading{display:contents}
.house-standard-page .standard-hero-copy{grid-area:picture;align-self:start;justify-self:center;z-index:2;width:calc(100% - 40px);max-width:1560px;min-width:0;padding:clamp(24px,3.5vw,54px) clamp(24px,4.4vw,68px) 0;color:#fff;pointer-events:none}
.house-standard-page .standard-hero-heading h1,.house-standard-page #hero-title{font-size:clamp(40px,5.1vw,74px);line-height:1.13;margin:0 0 14px;letter-spacing:-.035em;color:#fff;max-width:100%;text-wrap:balance}
.house-standard-page .standard-hero-long-name h1{font-size:clamp(32px,4.1vw,58px)!important}
.house-standard-page .standard-hero-copy .house-promise,.house-standard-page .standard-hero-copy .kry-promise{font-size:clamp(20px,1.8vw,27px);line-height:1.45;max-width:27ch;margin:0;letter-spacing:-.02em;color:#f5f8f2}
.house-standard-page .standard-hero-cover{grid-area:picture;align-self:start;position:relative;max-width:1560px;width:calc(100% - 40px);margin:0 auto;isolation:isolate}
.house-standard-page .standard-hero-cover:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#10262edb 0%,#10262e8a 24%,#10262e18 52%,transparent 72%)}
.house-standard-page .standard-hero-cover img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.house-standard-page .standard-hero-cover .house-cover-label,.house-standard-page .standard-hero-cover figcaption{z-index:2}
.house-standard-page .standard-hero-action{grid-area:intro;justify-self:center;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:42px;row-gap:7px;width:100%;max-width:1600px;min-width:0;padding:25px var(--gap,var(--gutter,24px)) 22px;font:400 14px/1.8 Onest,sans-serif}
.house-standard-page .standard-hero-action>p{grid-column:1;grid-row:1/4;font-size:15px;line-height:1.85;max-width:74ch;margin:0;padding-right:20px}
.house-standard-page .standard-hero-action .house-button,.house-standard-page .standard-hero-action .button{grid-column:2;margin:0;font-size:13px;padding:14px 21px;min-height:48px}
.house-standard-page .standard-hero-action .kry-plan-link{grid-column:2;margin:0;justify-self:start;font-size:12px;line-height:1.6}
.house-standard-page .standard-payment-link{grid-column:2;display:block;width:fit-content;font:400 12px/1.6 Onest,sans-serif;color:#765331;text-decoration:underline;text-underline-offset:4px;margin:0}
.house-standard-page .standard-hero-facts{grid-area:facts;width:100%;margin:0}
.house-standard-page .kry-facts.standard-hero-facts{width:calc(100% - 2*var(--gutter,24px));margin-inline:auto}
.house-standard-page .house-service-proof{margin-block:35px 40px}
.house-standard-page .house-service-proof .house-offer-proof{margin-top:0}
.house-standard-page h2,.house-standard-page h3{text-wrap:balance}
.house-standard-page .standard-hero h1{opacity:1!important;transform:none!important;animation:none!important}
/* У квадратного кадра Прайма-2 убираем пустое небо и газон, сохраняя дом целиком. */
.house-standard-page .standard-hero-cover img[src="/assets/praym-2/hero-natural.webp"]{aspect-ratio:16/9;object-fit:cover;object-position:center 70%}
@media(max-width:1000px) and (min-width:761px){
 .house-standard-page .standard-hero-action{column-gap:25px}
 .house-standard-page .standard-hero-action>p{font-size:14px;padding-right:0}
}
@media(max-width:760px){
 .house-standard-page .standard-hero{grid-template-areas:'picture' 'promise' 'intro' 'facts';gap:0;padding-top:0}
 .house-standard-page .standard-hero-copy{display:contents}
 .house-standard-page .standard-hero-heading h1,.house-standard-page #hero-title{grid-area:picture;align-self:start;justify-self:start;z-index:2;max-width:calc(100% - 64px);font-size:clamp(32px,8.4vw,48px);margin:21px 32px 0;line-height:1.16;color:#fff}
 .house-standard-page .standard-hero-long-name h1{font-size:clamp(25px,6.6vw,36px)!important}
 .house-standard-page .standard-hero-copy .house-promise,.house-standard-page .standard-hero-copy .kry-promise{grid-area:promise;max-width:none;color:var(--ink,#253d43);font-size:20px;line-height:1.5;padding:21px var(--gap,var(--gutter,24px)) 0;margin:0}
 .house-standard-page .standard-hero-cover{width:calc(100% - 20px);margin:0 auto}
 .house-standard-page .standard-hero-cover:after{background:linear-gradient(180deg,#10262ecf 0%,#10262e55 24%,transparent 52%)}
 .house-standard-page .standard-hero-action{display:flex;flex-wrap:wrap;align-items:start;gap:12px 18px;width:100%;padding:16px var(--gap,var(--gutter,24px)) 21px}
 .house-standard-page .standard-hero-action>p{flex:0 0 100%;font-size:14px;line-height:1.85;padding:0;margin:0 0 5px}
 .house-standard-page .standard-hero-action .house-button,.house-standard-page .standard-hero-action .button{flex:0 0 100%;width:100%;justify-content:space-between;margin:0;font-size:13px}
 .house-standard-page .standard-hero-action .kry-plan-link,.house-standard-page .standard-payment-link{font-size:11px;margin:0}
 .house-standard-page .standard-hero-facts{width:100%;margin:0}
 .house-standard-page .house-facts strong{font-size:clamp(19px,5.1vw,23px);line-height:1.35}
 .house-standard-page .house-facts>div:last-child strong{white-space:nowrap}
 .house-standard-page .kry-facts.standard-hero-facts{width:calc(100% - 2*var(--gutter,24px));margin-inline:auto}
 .house-standard-page .house-service-proof{margin-block:28px 20px}
}