/* УютПро — финальная проверка интерфейса, 04.10.2026 */
.choice-card-south{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Сердце-—-материалы-ССК-октябрь-2026.webp')!important}.choice-card-saratov,.city-saratov{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Булгаковский-парк-июнь-2026-scaled.jpg')!important}
:root{--red:#ed2449;--red2:#ff5975;--muted:#b7c8cf;--border:#35505d;--body:'Onest',sans-serif}
body{font-family:var(--body);font-size:16px}
html{scroll-padding-top:110px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd295;outline-offset:4px}
.reveal{opacity:1;transform:none}
.header,.home-header{top:0!important}
.admin-bar .header{top:32px!important}
.header.legacy-header{max-width:none;padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:28px;position:sticky}
.header nav{align-items:center}
.header .mobile-toggle{min-width:46px;min-height:46px;align-items:center;justify-content:center;color:#fff;border:1px solid #52707e;border-radius:10px;background:#102a35}
.header-cities-toggle{min-height:44px}
.header-cities-menu.is-open .header-cities-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.hero-v3{min-height:640px!important}
.hero-v3-content{min-height:640px!important;padding-top:72px!important;padding-bottom:80px!important}
.hero-v3-copy{max-width:840px!important}
.hero-v3-copy h1{font-family:var(--body)!important;font-size:clamp(38px,4.7vw,68px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:500!important;max-width:830px!important;margin:0 0 28px!important}
.hero-v3-copy h1 span{color:#ff607c!important}
.hero-v3-copy>p{max-width:650px;font-size:18px!important;line-height:1.65!important}
.hero-v3-bg{background-position:center!important}
.hero-v3-overlay{inset:0!important;height:100%!important;background:linear-gradient(90deg,rgba(6,18,25,.91),rgba(6,18,25,.7) 45%,rgba(6,18,25,.2))!important}
.hero-note,.hero-proof,.hero-discount-v3,.section-index{display:none!important}
.hero-caption{position:absolute;right:32px;bottom:22px;font-size:12px;color:#e1e9ec}
.hero-v3 .actions{margin-top:30px}
.red-btn,.outline-btn,.light-btn,.dark-btn,.header-phone,.header-cta{font-size:14px!important;min-height:46px;padding:13px 20px!important;font-weight:600!important;box-shadow:none!important}
.page-section{padding-top:72px;padding-bottom:72px}
.label,.section-kicker,.eyebrow-v3,.mini-label{margin-bottom:.7cm!important;font-size:12px!important;letter-spacing:.13em!important;color:#ff7c90}
.city-hero,.project-hero{padding-top:56px!important;padding-bottom:36px!important}
.city-hero h1,.project-hero h1{font-family:var(--body)!important;font-size:clamp(36px,4.4vw,64px)!important;font-weight:500!important;line-height:1.1!important;letter-spacing:-.045em!important}
.city-hero h1 span,.project-hero h1 span{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important}
h2,.section-title h2,.project-layout h2,.page-section>h2,.cities-v3 h2,.about-v3 h2,.contacts-v3 h2{font-size:clamp(29px,3.1vw,44px)!important;line-height:1.16!important;letter-spacing:-.035em!important}
.project-hero:before,.city-hero:before{display:none}
.topbar{display:none!important}
.project-grid,.jk-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.project-card,.jk-v3{display:flex;flex-direction:column;min-width:0;background:#122731;border:1px solid #294653;border-radius:16px;overflow:hidden}
.project-body,.jk-v3-body{display:flex;flex:1;flex-direction:column;padding:24px!important}
.project-body h3,.jk-v3-body h3{font-size:26px!important;font-weight:600!important;line-height:1.18!important;margin:0 0 16px!important}
.project-body p,.jk-v3-body p{font-size:15px!important;line-height:1.6!important;min-height:0!important;color:#c4d1d7!important}
.project-body>a,.jk-v3-link{margin-top:auto!important}
.project-image,.jk-v3-img{height:240px!important;position:relative;background:#163540!important;overflow:hidden}
.project-image img,.jk-v3-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.project-card:hover img,.jk-v3:hover img{transform:scale(1.025)}
.place-pill{z-index:2;background:rgba(7,20,28,.88)!important;color:#fff}
.project-facts{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 24px;font-size:14px}
.project-facts div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding-bottom:9px;border-bottom:1px solid #2a4653}
.project-facts dt{color:#a8bdc6}.project-facts dd{margin:0;color:#edf2f4;overflow-wrap:anywhere}
.project-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start;gap:30px}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gallery-item{min-height:0!important;padding:0;background:none!important;aspect-ratio:4/3;border-radius:14px;display:block}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-item:first-child{grid-column:1/-1;aspect-ratio:16/10}
.gallery-item span{font-size:12px}
.image-note{font-size:12px;line-height:1.6;color:#acbfc8;margin-top:14px}
.benefit-card{background:#142e3a!important;border:1px solid #36515f!important;box-shadow:none!important;top:110px}
.benefit-card h3{font-size:26px}.benefit-card p,.benefit-card small{font-size:14px;line-height:1.65}
.project-detail-facts{margin:24px 0}.project-detail-facts div{grid-template-columns:1fr;padding:12px 0}
.project-detail-facts dd{font-size:16px}
.filter-panel input,.filter-panel select,.contact-form input,.contact-form select,.modal input,.modal select,.modal textarea{background:#0b202b!important;color:#f1f5f6!important;border:1px solid #4a6470!important;border-radius:10px;min-height:48px;padding:12px!important;font-size:16px!important;width:100%;max-width:100%}
input::placeholder,textarea::placeholder{color:#a7bac4!important;opacity:1}
input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;flex-shrink:0;accent-color:#ed2449}
.filter-panel{gap:16px!important}.filter-panel label{display:grid;gap:9px;font-size:14px!important;color:#c8d7dd!important}.filter-panel b,.filter-panel span{display:block}
.filter-panel.vertical{grid-template-columns:1fr!important}
.consent{display:flex!important;align-items:flex-start;gap:12px!important;font-size:12px!important;line-height:1.6!important}
.consent span{flex:1}.consent a{text-decoration:underline}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.plan-placeholder{border-style:solid;min-height:280px!important;align-items:flex-start;text-align:left;padding:32px}
.plan-placeholder b{font-size:20px;letter-spacing:0}.plan-placeholder span{font-size:15px;color:#bdcdd4}
.feature-grid b,.step>span{font-size:25px!important}.feature-grid p{font-size:15px;line-height:1.65}
.modal{z-index:100000!important}.modal-box{max-height:calc(100dvh - 40px);overflow-y:auto;width:min(560px,calc(100vw - 32px));padding:32px!important}
.modal-box h2{font-size:30px!important}.modal-close{width:44px;height:44px;top:8px!important;right:8px!important}
.modal-box label{font-size:14px;display:grid;gap:8px}.modal-box form{display:grid;gap:16px}.modal-box p{font-size:15px!important}
.form-status{margin:12px 0 0;padding:14px;border-radius:10px;line-height:1.6;background:#173c36;color:#effff5}.form-status:empty{display:none}.form-status.is-error{background:#4c2432;color:#fff}
.float-discount{font-size:12px!important;min-width:52px;min-height:52px;bottom:22px!important;right:22px!important;box-shadow:0 8px 25px #0005}
.about-v3-values p,.contacts-v3-copy p{font-size:16px!important;line-height:1.7}
.agency-details{color:#bdcdd4;max-width:620px;line-height:1.75;margin-top:26px}
.contact-directory-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-directory-v3 a{overflow-wrap:anywhere}
.site-contact-footer{max-width:1240px;margin:0 auto;padding:32px 24px}.site-contact-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.site-contact-footer-grid>div{display:flex;flex-direction:column;gap:8px}.site-contact-footer-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}
.breadcrumbs{font-size:13px;color:#b4c7d0;margin-bottom:28px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.catalog-tools{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0}.catalog-tools label{display:grid;gap:8px;flex:1;min-width:180px}.catalog-tools input,.catalog-tools select{padding:12px;border:1px solid #476775;border-radius:10px;background:#102b37;color:#fff;font-size:16px;min-height:48px}
.catalog-count{color:#bbccd4;font-size:14px}.no-results{padding:24px;border:1px solid #416170;border-radius:12px}
[hidden]{display:none!important}
.image-viewer{padding:12px;border:1px solid #36505d;border-radius:12px;background:#091820;color:#fff;max-width:95vw;max-height:95dvh}.image-viewer::backdrop{background:#000d}.image-viewer img{display:block;max-width:88vw;max-height:78dvh;object-fit:contain}.image-viewer button{display:block;margin:0 0 10px auto;background:#244352;border:1px solid #67828e;color:#fff;padding:10px 18px;border-radius:8px}
.finish-process{border-top:1px solid #2a4551;border-bottom:1px solid #2a4551}
@media(max-width:1100px){.header.legacy-header{gap:16px}.header nav{gap:14px}.project-grid,.jk-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-layout{grid-template-columns:1fr}.benefit-card{position:static}.hero-v3-content{min-height:600px!important}}
@media(max-width:900px){.header-contact-v3{display:none!important}.header .header-phone,.header .header-cta{display:none!important}.header .mobile-toggle{display:flex!important;margin-left:auto}.header nav{display:none!important;position:absolute!important;top:100%!important;left:16px!important;right:16px!important;background:#0c2531!important;padding:18px!important;border:1px solid #43606d;max-height:calc(100dvh - 120px);overflow:auto;flex-direction:column;align-items:stretch;border-radius:12px}.header.mobile-open nav{display:flex!important}.header nav>a{padding:12px;font-size:16px!important}.header-cities-menu{display:block}.header-cities-toggle{width:100%;text-align:left;padding:12px;font-size:16px}.header-cities-dropdown{position:static;width:100%;transform:none!important;opacity:1;visibility:visible;display:none;box-shadow:none;border:0;padding:4px}.header-cities-menu.is-open .header-cities-dropdown{display:grid;grid-template-columns:1fr 1fr}.header-cities-dropdown a{font-size:14px!important;white-space:normal}.site-contact-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header-inner,.header.legacy-header{padding:14px 18px!important}.page-section{padding:48px 20px!important}.hero-v3-content{padding:48px 20px 72px!important;min-height:590px!important}.hero-v3-copy h1{font-size:38px!important;line-height:1.1!important}.hero-v3-copy>p{font-size:16px!important;line-height:1.6!important}.hero-caption{left:20px;right:20px;font-size:11px}.hero-v3 .actions{display:grid;grid-template-columns:1fr;width:100%}.project-grid,.jk-grid-v3{grid-template-columns:1fr!important}.project-image,.jk-v3-img{height:230px!important}.project-body h3,.jk-v3-body h3{font-size:25px!important}.section-title{align-items:flex-start;flex-direction:column;gap:20px}.city-hero h1,.project-hero h1{font-size:36px!important}.city-hero p,.project-hero p{font-size:16px!important}.gallery{gap:10px}.project-layout{gap:24px}.filter-section .filter-panel,.filter-panel{grid-template-columns:1fr!important}.feature-grid{grid-template-columns:1fr!important}.contact-directory-v3{grid-template-columns:1fr!important}.modal-box{padding:26px 20px!important;max-height:calc(100dvh - 24px)}.modal-box h2{font-size:26px!important;padding-right:22px}.site-contact-footer-grid,.footer-v3 .site-contact-footer-grid{grid-template-columns:1fr 1fr!important;gap:20px!important}.float-discount{right:12px!important;bottom:12px!important;width:62px!important;height:62px!important;font-size:10px!important}.plan-placeholder{padding:22px}.breadcrumbs{font-size:12px}.city-cards-v3-all{grid-template-columns:1fr 1fr!important}.city-v3{min-width:0!important}.city-v3>span{font-size:16px!important}.gallery-item:first-child{aspect-ratio:4/3}.agency-details{font-size:15px}.hero-v3-bg{background-position:60% center!important}.hero-v3-overlay{background:linear-gradient(90deg,#071923e6,#0719239e)!important}}
@media(max-width:360px){.hero-v3-copy h1{font-size:33px!important}.city-cards-v3-all{grid-template-columns:1fr!important}.site-contact-footer-grid,.footer-v3 .site-contact-footer-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.project-card:hover img,.jk-v3:hover img{transform:none}}

.hero-v3-bg{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/ЮЖНО-—-материалы-ССК-октябрь-2026.webp')!important}
.city-novorossiysk{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/ЮЖНО-—-материалы-ССК-октябрь-2026.webp')!important}
.city-krasnodar{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Сердце-—-материалы-ССК-октябрь-2026.webp')!important}
.city-anapa{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Песчаный-—-материалы-ССК-октябрь-2026.webp')!important}
.city-maykop{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Долина-—-материалы-ССК-октябрь-2026.webp')!important}
.city-rostov{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Октябрь-Парк-—-материалы-ССК-октябрь-2026.webp')!important}
.city-kaliningrad{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Включи-—-материалы-ССК-октябрь-2026.webp')!important}
.city-spb{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Борский-—-материалы-ССК-октябрь-2026.webp')!important}
.city-zheleznovodsk{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Нагория-—-материалы-ССК-октябрь-2026.webp')!important}
.city-moscow,.city-saratov{background-image:none!important;background-color:#193946!important}.about-v3-bg,.cities-v3-bg{background-image:none!important}.gallery-item img{object-fit:cover}.page-section>p{color:#bdcdd4;line-height:1.7}

.modal.open{display:flex!important;opacity:1!important;visibility:visible!important}.modal[aria-hidden="true"]{display:none!important}.photo-viewer{border:1px solid #49616d;border-radius:16px;background:#071923;padding:48px 16px 16px;width:min(1200px,94vw);max-height:94dvh;color:white}.photo-viewer::backdrop{background:#000c}.photo-viewer img{display:block;width:100%;max-height:80dvh;object-fit:contain}.photo-viewer button{position:absolute;right:8px;top:2px;font-size:32px;color:white;background:transparent;border:0;width:44px;height:44px;cursor:pointer}.content-page{max-width:1000px;margin:auto;padding:60px 24px}.content-page h1{font-size:clamp(30px,4vw,48px)}.content-page .entry-content{line-height:1.8}

h1,h2,h3,h4{font-family:'Onest',sans-serif!important}h2{font-weight:500!important;letter-spacing:-.035em!important} .hero-v3-copy,.project-hero>*,.city-hero>*{animation:uyut-enter .45s ease-out both}@keyframes uyut-enter{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-v3-copy,.project-hero>*,.city-hero>*{animation:none!important}}

.choice-card-south{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Сердце-—-материалы-ССК-октябрь-2026.webp')!important}.choice-card-saratov,.city-saratov{background-image:url('https://uyutpro-realty.ru/wp-content/uploads/2026/10/Булгаковский-парк-июнь-2026-scaled.jpg')!important}

/* Правки пользователя: контакты, логотип, скидки */
.header{display:block!important}.header-inner{width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box}.header-contact-band{width:100%;box-sizing:border-box}.header .logo{color:#fff!important;white-space:nowrap}.header .logo .brand-initial{color:#ed2449!important}.header-inner{justify-content:space-between}.header-contact-band{max-width:1240px;margin:auto;padding:0 32px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-people{display:flex;gap:32px}.header-people a{display:flex;gap:9px;align-items:center;text-decoration:none;color:#fff;white-space:nowrap;font-size:13px}.header-people a span{color:#b7c8cf}.header-people b{font-weight:600}.header-messengers{display:flex;gap:18px}.header-messengers a{font-size:12px;color:#d7e4e9;text-decoration:none;white-space:nowrap}.agency-discount{display:grid;gap:8px;margin-top:22px;padding-left:16px;border-left:3px solid #ff607c;max-width:600px}.agency-discount strong{font-size:24px;font-weight:600;color:#ff8296}.agency-discount span{font-size:13px;line-height:1.5;color:#d6e0e5}.city-v3{cursor:pointer}.city-v3:before,.city-v3:after,.city-v3>span,.city-v3>b{pointer-events:none}.cities-v3-bg{pointer-events:none}.city-moscow{z-index:3;pointer-events:auto!important}html{scroll-padding-top:160px}
@media(max-width:1100px){.header-contact-band{flex-wrap:wrap;gap:10px}.header-people{gap:24px}.header-messengers{margin-left:auto}}
@media(max-width:900px){.header-contact-band{padding:0 18px 12px;display:block}.header-people{display:flex;justify-content:space-between;gap:8px}.header-people a{display:flex;flex-direction:column;gap:3px;font-size:11px}.header-messengers{display:flex;justify-content:center;margin-top:10px;gap:18px}.header-messengers a{font-size:11px}.header.mobile-open nav{top:100%!important}html{scroll-padding-top:180px}}
@media(max-width:360px){.header-contact-band{padding-left:12px;padding-right:12px}.header-people a{font-size:10px}.header-messengers{gap:10px}.header-messengers a{font-size:10px}.agency-discount strong{font-size:21px}}

