/* PEREKUP73 — unified visual system v5 */
:root{--orange:#ff5722;--orange2:#ff6a3d;--ink:#0b1220;--navy:#101927;--muted:#64748b;--line:#dbe3ec;--blue:#229ed9;--vk:#0077ff;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;overflow-x:hidden}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:#111827;background:#f4f6f8;line-height:1.45}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}

/* ===== GLOBAL HEADER ===== */
.top{height:28px!important;background:#0b1220!important;color:#fff!important;border:0!important}
.top .wrap{height:28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:11px!important;font-weight:700!important}
.top a{color:#fff!important;white-space:nowrap!important}
.top-phones{display:flex!important;gap:9px!important;align-items:center!important}
.top-sep{opacity:.55}
header{position:relative!important;z-index:1000!important;background:#fff!important;border-bottom:1px solid #e3e8ef!important;box-shadow:0 2px 12px rgba(15,23,42,.06)!important}
header .header-main{width:min(var(--max),calc(100% - 40px))!important;min-height:62px!important;margin:auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:7px!important}
.header-brand{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;white-space:nowrap!important}
.logo{font-weight:950!important;letter-spacing:-1.4px!important;font-size:22px!important;line-height:1!important;color:#111827!important;white-space:nowrap!important}
.logo span{color:var(--orange)!important}
.header-phone{font-size:9px!important;font-weight:900!important;color:#1f2937!important;white-space:nowrap!important}
.header-phone span{color:#7b8796!important;font-weight:650!important}
.header-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important}
.header-nav a{height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;padding:5px 7px!important;border:1px solid #d9e1ea!important;border-radius:9px!important;background:#fff!important;color:#263241!important;font-size:9px!important;font-weight:850!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;word-break:keep-all!important;overflow:visible!important}
.header-nav a:nth-child(1){width:61px!important}.header-nav a:nth-child(2){width:76px!important}.header-nav a:nth-child(3){width:60px!important}.header-nav a:nth-child(4){width:66px!important}.header-nav a:nth-child(5){width:78px!important}.header-nav a:nth-child(6){width:56px!important}.header-nav a:nth-child(7){width:64px!important}.header-nav a:nth-child(8){width:65px!important}.header-nav a:nth-child(9){width:73px!important}
.header-nav a:hover{background:#fff5f1!important;border-color:#ffb9a6!important;color:var(--orange)!important}
.header-socials{display:flex!important;gap:5px!important;align-items:center!important;flex:0 0 auto!important}
.header-socials a{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
.social-tg{background:var(--blue)!important}.social-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}.social-vk{background:var(--vk)!important}.social-tg-channel{background:#2aabee!important}
.header-actions{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.header-actions .btn.primary{height:36px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:var(--orange)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:0 8px 20px rgba(255,87,34,.2)!important}
.mobile-menu-btn{display:none!important}
.mobile-nav{display:none!important}

/* ===== HOMEPAGE HERO ===== */
.home-page{background:#f4f6f8!important}
.home-page .hero-clean{position:relative!important;min-height:570px!important;padding:0!important;overflow:hidden!important;isolation:isolate!important;background:linear-gradient(90deg,rgba(11,15,23,.94) 0%,rgba(11,15,23,.70) 45%,rgba(11,15,23,.72) 100%),url('hero-ulyanovsk.png') center/cover no-repeat!important}
.home-page .hero-clean:after{content:""!important;position:absolute!important;z-index:1!important;left:0!important;right:0!important;bottom:0!important;height:155px!important;background:linear-gradient(180deg,rgba(244,246,248,0),#f4f6f8 92%)!important;pointer-events:none!important}
.hero-clean-bg,.hero-clean-overlay{display:none!important}
.home-page .hero-clean-inner{position:relative!important;z-index:2!important;width:min(var(--max),calc(100% - 40px))!important;min-height:570px!important;margin:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 410px!important;gap:46px!important;align-items:center!important;padding:42px 0 60px!important}
.hero-clean-left{max-width:620px!important;color:#fff!important}
.hero-location{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 13px!important;background:#fff!important;color:var(--orange)!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important}
.hero-location span{color:var(--orange)!important}
.hero-clean-left h1{margin:19px 0 12px!important;color:#fff!important;font-size:48px!important;line-height:1.07!important;font-weight:800!important;letter-spacing:-1.8px!important;text-shadow:0 4px 18px rgba(0,0,0,.5)!important}
.hero-clean-left h1 em{font-style:normal!important;color:var(--orange)!important}
.hero-subtitle{margin:0 0 20px!important;color:#cbd5e1!important;font-size:16px!important;line-height:1.4!important;font-weight:500!important}
.hero-main-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:17px!important}
.hero-btn{height:52px!important;min-height:52px!important;padding:0 26px!important;border-radius:50px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:15px!important;font-weight:850!important;white-space:nowrap!important}
.hero-btn-primary{background:var(--orange)!important;color:#fff!important;box-shadow:0 12px 28px rgba(255,87,34,.3)!important}
.hero-btn-dark{background:#1e293b!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.hero-phone-icon{font-size:17px!important;line-height:1!important}
.hero-social-row{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:13px!important;white-space:nowrap!important}
.hero-social-label{font-size:11px!important;color:#e2e8f0!important;font-weight:750!important;margin-right:1px!important}
.hero-social{height:34px!important;padding:0 11px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:0 8px 18px rgba(0,0,0,.2)!important}
.hero-social.tg{background:#229ed9!important}.hero-social.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}.hero-social.vk{background:#0077ff!important}.hero-social.channel{background:#2aabee!important}
.hero-contact-card{width:100%!important;max-width:500px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:10px!important;background:#fff!important;border:1px solid #e0e6ee!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
.hero-contact-item{display:flex!important;align-items:center!important;gap:8px!important;padding:8px!important;border:1px solid #e0e6ee!important;border-radius:9px!important;background:#fff!important}
.hero-contact-icon{width:26px!important;height:26px!important;flex:0 0 26px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#fff0eb!important;color:var(--orange)!important;font-size:12px!important}
.hero-contact-item small{display:block!important;margin-bottom:1px!important;color:#8b96a4!important;font-size:8px!important}
.hero-contact-item a{display:block!important;color:#111827!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.hero-contact-address{grid-column:1/-1!important;padding:2px 4px 0!important;color:#1f2937!important;font-size:9px!important;font-weight:750!important}
.hero-contact-address span{color:var(--orange)!important}

/* ===== HERO FORM ===== */
.hero-clean-form{width:410px!important;max-width:100%!important;padding:25px!important;border-radius:20px!important;background:rgba(15,23,42,.82)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 55px rgba(0,0,0,.35)!important;align-self:center!important;color:#fff!important}
.hero-form-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:13px!important}
.hero-form-head h2{margin:0 0 4px!important;color:#fff!important;font-size:25px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.5px!important}
.hero-form-head p{margin:0!important;color:#cbd5e1!important;font-size:9px!important;line-height:1.3!important}
.hero-form-car{font-size:25px!important}
.hero-field{height:45px!important;display:flex!important;align-items:center!important;margin:0 0 8px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;overflow:hidden!important}
.hero-field .field-icon{width:39px!important;flex:0 0 39px!important;display:grid!important;place-items:center!important;color:#dce5ef!important;font-size:14px!important}
.hero-field input,.hero-field select,.hero-field textarea{width:100%!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-family:inherit!important;font-size:11px!important;padding:0 10px 0 0!important}
.hero-field input::placeholder,.hero-field textarea::placeholder{color:#8a96a6!important;opacity:1!important}
.hero-field select{appearance:auto!important}
.hero-field select option{background:#fff!important;color:#111827!important}
.hero-field-textarea{height:62px!important;align-items:flex-start!important}
.hero-field-textarea .field-icon{padding-top:12px!important;align-items:flex-start!important}
.hero-field-textarea textarea{padding-top:10px!important;line-height:1.3!important;resize:none!important}
.hero-form-actions{display:grid!important;grid-template-columns:1.25fr .85fr .85fr!important;gap:7px!important;margin-top:9px!important}
.hero-send{height:39px!important;min-height:39px!important;border:0!important;border-radius:9px!important;color:#fff!important;font-family:inherit!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important}
.hero-send.whatsapp{background:var(--orange)!important}.hero-send.telegram{background:#229ed9!important}.hero-send.vk{background:#0077ff!important}
.hero-form-note{margin:8px 0 0!important;color:#9aa6b6!important;font-size:8px!important;line-height:1.3!important}

/* ===== HOMEPAGE LOWER ===== */
.home-benefits{position:relative!important;z-index:5!important;margin-top:-24px!important;padding:0 0 20px!important;background:#f4f6f8!important}
.benefits-row{display:grid!important;grid-template-columns:repeat(6,1fr)!important;background:#fff!important;border:1px solid #e2e7ed!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important}
.benefits-row>div{min-height:62px!important;padding:10px 13px!important;display:flex!important;align-items:center!important;gap:8px!important;border-right:1px solid #e6ebf0!important}
.benefits-row>div:last-child{border-right:0!important}.benefits-row b{color:var(--orange)!important;font-size:20px!important;line-height:1!important}.benefits-row strong{display:block!important;font-size:10px!important;color:#172033!important}.benefits-row span{font-size:8px!important;color:#7a8795!important}
.home-dealership-banner{position:relative!important;width:min(900px,calc(100% - 40px))!important;height:175px!important;margin:0 auto 30px!important;border-radius:17px!important;overflow:hidden!important;background:url('assets/home-dealership.png') center/cover no-repeat!important;box-shadow:0 15px 32px rgba(15,23,42,.14)!important}
.home-dealership-banner:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.5) 48%,rgba(0,0,0,.12) 82%)!important}
.home-dealership-content{position:relative!important;z-index:2!important;padding:18px 22px!important;max-width:560px!important;color:#fff!important}
.home-dealership-content .eyebrow{display:inline-flex!important;padding:5px 9px!important;border-radius:999px!important;background:#fff!important;color:var(--orange)!important;font-size:9px!important;font-weight:900!important}
.home-dealership-content h2{margin:8px 0 5px!important;color:#fff!important;font-size:25px!important;line-height:1.04!important;letter-spacing:-.8px!important}.home-dealership-content p{margin:0 0 10px!important;color:#f4f7fa!important;font-size:10px!important}.home-dealership-content .btn{height:34px!important;padding:0 15px!important;border-radius:9px!important;font-size:10px!important;background:var(--orange)!important;color:#fff!important}

/* ===== INTERNAL PAGES: SAME VISUAL LANGUAGE ===== */
body:not(.home-page){background:#f4f6f8!important}
body:not(.home-page) .pagehero{position:relative!important;min-height:390px!important;padding:40px 0 38px!important;overflow:hidden!important;border:0!important;background:linear-gradient(90deg,rgba(11,15,23,.90),rgba(11,15,23,.55) 52%,rgba(11,15,23,.72)),url('hero-ulyanovsk.png') center/cover no-repeat!important}
body:not(.home-page) .pagehero:after{content:""!important;position:absolute!important;left:0;right:0;bottom:0;height:100px!important;background:linear-gradient(180deg,transparent,#f4f6f8)!important;pointer-events:none!important}
body:not(.home-page) .pagehero>.wrap{position:relative!important;z-index:2!important}
body:not(.home-page) .pagehero .crumb{color:#fff!important;font-size:11px!important;font-weight:700!important;text-shadow:0 2px 7px rgba(0,0,0,.4)!important}
body:not(.home-page) .pagehero h1{max-width:820px!important;margin:12px 0 10px!important;color:#fff!important;font-size:42px!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-1.2px!important;text-shadow:0 4px 16px rgba(0,0,0,.42)!important}
body:not(.home-page) .pagehero .lead{max-width:760px!important;margin:0!important;color:#dbe5ef!important;font-size:15px!important;line-height:1.5!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}
body:not(.home-page)>section:not(.pagehero),body:not(.home-page)>main>section:not(.pagehero){background:#f4f6f8!important}
body:not(.home-page) .hero-grid{width:min(1040px,calc(100% - 40px))!important;margin:-32px auto 0!important;position:relative!important;z-index:4!important;display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:26px!important;align-items:start!important}
body:not(.home-page) .article{padding:28px!important;background:#fff!important;border:1px solid #e1e7ee!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}
body:not(.home-page) .article h2{margin:0 0 9px!important;color:#111827!important;font-size:25px!important;line-height:1.15!important}.article h2:not(:first-child){margin-top:28px!important}
body:not(.home-page) .article p{color:#4b5a6d!important;font-size:14px!important;line-height:1.65!important}
body:not(.home-page) .hero-card{background:rgba(15,23,42,.97)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:23px!important;box-shadow:0 20px 45px rgba(15,23,42,.2)!important}
body:not(.home-page) .hero-card h3{margin:0 0 4px!important;color:#fff!important;font-size:23px!important;line-height:1.1!important}.hero-card .mini{color:#aebaca!important;font-size:9px!important;margin-bottom:13px!important}
body:not(.home-page) .form{display:flex!important;flex-direction:column!important;gap:8px!important}
body:not(.home-page) .form input,body:not(.home-page) .form select,body:not(.home-page) .form textarea{width:100%!important;min-height:44px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;color:#fff!important;padding:0 12px!important;font-family:inherit!important;font-size:11px!important;outline:0!important}
body:not(.home-page) .form textarea{min-height:70px!important;padding-top:11px!important;resize:vertical!important}.form input::placeholder,.form textarea::placeholder{color:#8995a6!important}.form select option{color:#111827!important;background:#fff!important}
body:not(.home-page) .messenger-actions{display:grid!important;grid-template-columns:1.25fr .85fr .85fr!important;gap:7px!important;margin-top:2px!important}.messenger-actions .btn{height:40px!important;min-height:40px!important;border:0!important;border-radius:9px!important;font-size:9px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.messenger-actions .btn.primary{background:var(--orange)!important;color:#fff!important}.messenger-actions .messenger-tg{background:#229ed9!important;color:#fff!important}.messenger-actions .messenger-vk{background:#0077ff!important;color:#fff!important}.hero-card .hint{margin-top:8px!important;color:#8f9bad!important;font-size:8px!important;line-height:1.35!important}
body:not(.home-page) .steps .card,body:not(.home-page) .card{background:#fff!important;border:1px solid #e0e7ef!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}
body:not(.home-page) .steps .card{padding:17px!important}.steps .num,.num{color:var(--orange)!important;font-weight:900!important}
body:not(.home-page) .service-main-grid{width:min(1040px,calc(100% - 40px))!important;margin:28px auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:25px!important}.service-main-photo img{width:100%!important;border-radius:17px!important}.service-side{padding:24px!important}.service-side h2{font-size:24px!important;color:#111827!important}.service-side .btn{display:flex!important;width:100%!important;justify-content:center!important}.service-side .btn.primary{background:var(--orange)!important;color:#fff!important}.service-side .btn.dark{background:#111827!important;color:#fff!important}
body:not(.home-page) .service-page-photos{width:min(900px,calc(100% - 40px))!important;margin:25px auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.service-page-photo{height:190px!important;border-radius:16px!important;overflow:hidden!important}.service-page-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
body:not(.home-page) .grid{display:grid!important;gap:14px!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.home-page) section>.wrap{padding-top:36px!important;padding-bottom:36px!important}
body:not(.home-page) .section-head h2{color:#111827!important;font-size:30px!important}.section-head p{color:#64748b!important}
body:not(.home-page) .faq details{padding:15px 0!important;border-bottom:1px solid #e5eaf0!important}.faq summary{font-weight:800!important;color:#111827!important;cursor:pointer}

/* service / contacts */
.service-gallery,.service-info,.contacts-section{background:#f4f6f8!important}.service-gallery-grid,.contacts-photos{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.service-gallery-grid figure,.contacts-photos figure{margin:0!important;background:#fff!important;border:1px solid #e1e7ee!important;border-radius:16px!important;overflow:hidden!important}.service-gallery-grid img,.contacts-photos img{width:100%!important;height:230px!important;object-fit:cover!important}.service-gallery-grid figcaption,.contacts-photos figcaption{padding:12px 15px!important;color:#334155!important}
.contacts-layout{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:20px!important}.contacts-main,.service-contact-card{padding:25px!important}.contact-phones{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:18px 0!important}.contact-phones a{padding:14px!important;border:1px solid #e1e7ee!important;border-radius:12px!important;background:#fff!important}.contact-phones span,.contact-address-block>span{display:block!important;font-size:10px!important;color:#8a96a6!important}.contact-phones strong,.contact-address-block strong{display:block!important;color:#111827!important;font-size:15px!important}.contact-address-block{padding:14px!important;border:1px solid #e1e7ee!important;border-radius:12px!important;background:#fff!important}.contact-actions{display:flex!important;gap:8px!important;margin-top:14px!important}.contact-actions .btn{flex:1!important}.service-contact-card h2{color:#111827!important}

/* ===== FOOTER ===== */
footer{margin-top:20px!important;background:#0b1220!important;color:#cbd5e1!important;border:0!important}
footer .foot{padding-top:38px!important;padding-bottom:28px!important;display:grid!important;grid-template-columns:1.3fr .8fr .9fr!important;gap:35px!important}.foot .logo{color:#fff!important}.foot .logo span{color:var(--orange)!important}.foot h4{margin:0 0 10px!important;color:#fff!important}.foot a{display:block!important;margin:5px 0!important;color:#cbd5e1!important;font-size:12px!important}.foot p{font-size:12px!important;max-width:360px!important;color:#9eabbc!important}.footer-social{display:flex!important;align-items:center!important;gap:8px!important;padding-bottom:22px!important}.footer-social .label{color:#9eabbc!important;font-size:11px!important}.footer-social a{padding:7px 11px!important;border-radius:8px!important;color:#fff!important;font-size:10px!important;font-weight:800!important}.footer-social .tg{background:#229ed9!important}.footer-social .ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}.footer-social .vk{background:#0077ff!important}.copyright{padding:14px 0 22px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#718096!important;font-size:10px!important}.copyright a{color:#9aa7b8!important}
.mobilebar{display:none!important}

/* ===== RESPONSIVE ===== */
@media(max-width:1180px){
  header .header-main{width:calc(100% - 24px)!important}.header-phone{display:none!important}.header-nav{gap:3px!important}.header-nav a{font-size:8px!important;padding-inline:5px!important}.header-socials a{width:31px!important;height:31px!important}.header-actions .btn.primary{padding-inline:10px!important}
}
@media(max-width:980px){
  .header-nav{display:none!important}.header-main{min-height:58px!important}.mobile-menu-btn{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border:1px solid #dbe2ea!important;background:#fff!important;border-radius:9px!important;font-size:18px!important}.mobile-nav{display:none!important;padding:10px 20px 14px!important;background:#fff!important;border-top:1px solid #e5eaf0!important}.mobile-nav.open{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.mobile-nav a{padding:10px!important;border:1px solid #dbe2ea!important;border-radius:8px!important;font-size:11px!important;font-weight:800!important;text-align:center!important}
  .hero-clean-inner{grid-template-columns:minmax(0,1fr) 370px!important;gap:22px!important}.hero-clean-left h1{font-size:42px!important}.hero-clean-form{width:370px!important}.benefits-row{grid-template-columns:repeat(3,1fr)!important}.benefits-row>div:nth-child(3){border-right:0!important}.benefits-row>div:nth-child(-n+3){border-bottom:1px solid #e6ebf0!important}
}
@media(max-width:760px){
  .wrap{width:min(100% - 24px,640px)}.top .wrap{font-size:9px!important}.top-phones{gap:5px!important}.header-socials{margin-left:auto!important}.header-socials a{width:29px!important;height:29px!important;font-size:9px!important}.header-actions .btn.primary{display:none!important}
  .home-page .hero-clean{min-height:auto!important;background:linear-gradient(180deg,rgba(11,15,23,.93),rgba(11,15,23,.78)),url('hero-ulyanovsk.png') 64% center/cover no-repeat!important}.home-page .hero-clean-inner{min-height:auto!important;grid-template-columns:1fr!important;padding:35px 0 70px!important}.hero-clean-left{max-width:none!important}.hero-clean-left h1{font-size:38px!important}.hero-subtitle{font-size:14px!important}.hero-social-row{flex-wrap:wrap!important;white-space:normal!important}.hero-contact-card{max-width:none!important}.hero-clean-form{width:100%!important}.home-page .hero-clean:after{height:90px!important}.home-benefits{margin-top:-15px!important}.benefits-row{grid-template-columns:1fr 1fr!important}.benefits-row>div{border-right:1px solid #e6ebf0!important}.benefits-row>div:nth-child(even){border-right:0!important}.home-dealership-banner{height:200px!important;width:calc(100% - 24px)!important}.home-dealership-content h2{font-size:22px!important}.grid-3,.grid-4,.grid-2,.service-main-grid,.contacts-layout{grid-template-columns:1fr!important}.contact-phones,.service-gallery-grid,.contacts-photos{grid-template-columns:1fr!important}.hero-grid{grid-template-columns:1fr!important;width:calc(100% - 24px)!important;margin:-20px auto 0!important}.pagehero{min-height:340px!important}.pagehero h1{font-size:34px!important}.article{padding:20px!important}.hero-card{width:100%!important}.footer-social{flex-wrap:wrap!important}
}
@media(max-width:480px){
  .header-brand .logo{font-size:20px!important}.header-socials a{width:27px!important;height:27px!important}.hero-clean-left h1{font-size:34px!important}.hero-btn{height:48px!important;min-height:48px!important;padding-inline:20px!important;font-size:13px!important}.hero-contact-card{grid-template-columns:1fr!important}.hero-contact-address{grid-column:auto!important}.hero-form-actions,.messenger-actions{grid-template-columns:1fr!important}.hero-form-actions .hero-send,.messenger-actions .btn{width:100%!important}.pagehero h1{font-size:30px!important}.top .wrap>span:first-child{display:none!important}.top .wrap{justify-content:flex-end!important}
}

/* ===== FINAL FIXES: mobile contrast + messenger button containment ===== */
.home-page .hero-clean-form{
  background:rgba(8,14,23,.96)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.home-page .hero-form-head h2{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(255,255,255,.06)!important;
}
.home-page .hero-form-head p{
  color:#d7dee8!important;
}
.home-page .hero-field{
  border-color:#3b4756!important;
  background:#151e29!important;
}
.home-page .hero-field .field-icon{
  color:#f0f4f8!important;
}
.home-page .hero-field input,
.home-page .hero-field select,
.home-page .hero-field textarea{
  color:#f7f9fc!important;
}
.home-page .hero-field input::placeholder,
.home-page .hero-field textarea::placeholder{
  color:#b7c0cc!important;
  opacity:1!important;
}
.home-page .hero-send{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.home-page .hero-form-actions{
  grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.85fr)!important;
}
.home-page .hero-form-note{
  color:#b0bac7!important;
  font-size:9px!important;
}

@media(max-width:560px){
  .home-page .hero-clean-form{
    padding:20px!important;
    border-radius:18px!important;
  }
  .home-page .hero-form-head h2{
    font-size:24px!important;
  }
  .home-page .hero-form-head p{
    font-size:10px!important;
  }
  .home-page .hero-send{
    padding-inline:7px!important;
    font-size:10px!important;
  }
}

/* Final homepage polish: improve contrast, phone icon, and the contact block. */
.home-page .hero-subtitle{
  color:#1f2937!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  display:inline-block!important;
  padding:6px 10px!important;
  margin:0 0 15px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 6px 16px rgba(17,23,34,.07)!important;
  backdrop-filter:blur(6px)!important;
}
.home-page .hero-phone-icon{
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
}
.home-page .hero-phone-icon svg{
  width:16px!important;
  height:16px!important;
  fill:currentColor!important;
  display:block!important;
}
.home-page .hero-social-label{
  display:inline-flex!important;
  align-items:center!important;
  min-height:31px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  color:#202b38!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:0 5px 12px rgba(16,23,34,.08)!important;
}
.home-page .hero-social-label::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  margin-right:6px!important;
  border-radius:50%!important;
  background:#ff5b2d!important;
  box-shadow:0 0 0 3px rgba(255,91,45,.12)!important;
}
.home-page .hero-contact-card{
  width:100%!important;
  max-width:500px!important;
  padding:9px!important;
  gap:8px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(218,225,233,.95)!important;
  border-radius:16px!important;
  box-shadow:0 14px 30px rgba(18,26,36,.15)!important;
}
.home-page .hero-contact-item{
  padding:9px 10px!important;
  min-height:48px!important;
  border:1px solid #dde4eb!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  gap:9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.home-page .hero-contact-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  background:#fff1eb!important;
  color:#ff5b2d!important;
  box-shadow:0 3px 8px rgba(255,91,45,.12)!important;
}
.home-page .hero-contact-icon svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
  fill:currentColor!important;
}
.home-page .hero-contact-item small,
.home-page .hero-contact-address small{
  display:block!important;
  margin:0 0 2px!important;
  color:#7b8796!important;
  font-size:8px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
}
.home-page .hero-contact-item a{
  color:#111722!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.1px!important;
}
.home-page .hero-contact-address{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:1px!important;
  padding:8px 9px 2px!important;
  border-top:1px solid #edf1f5!important;
  color:#111722!important;
}
.home-page .hero-address-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#fff1eb!important;
  color:#ff5b2d!important;
}
.home-page .hero-address-icon svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
  fill:currentColor!important;
}
.home-page .hero-contact-address strong{
  display:block!important;
  color:#202b38!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:850!important;
}

@media (max-width:560px){
  .home-page .hero-subtitle{font-size:12px!important;padding:5px 9px!important}
  .home-page .hero-social-row{gap:5px!important}
  .home-page .hero-social-label{padding:0 8px!important;font-size:9px!important}
  .home-page .hero-contact-card{max-width:none!important}
  .home-page .hero-contact-item a{font-size:12px!important}
  .home-page .hero-contact-address strong{font-size:9px!important}
}

/* ===== HOMEPAGE: clickable address + richer dealership showcase ===== */
.home-page .hero-contact-address{
  position:relative!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .18s ease, background .18s ease!important;
  border-radius:10px!important;
}
.home-page .hero-contact-address:hover{background:#fff7f3!important;transform:translateY(-1px)!important}
.home-page .hero-contact-address .hero-address-arrow{
  margin-left:auto!important;
  color:#ff5722!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
}
.home-page .hero-contact-address strong{color:#111722!important}

.home-page .home-dealership-showcase{
  width:min(1060px,calc(100% - 40px))!important;
  margin:0 auto 30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.8fr) minmax(240px,.72fr)!important;
  gap:10px!important;
  min-height:248px!important;
}
.home-page .home-dealership-main{
  position:relative!important;
  min-height:248px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:url('assets/home-dealership.png') center/cover no-repeat!important;
  box-shadow:0 16px 36px rgba(15,23,42,.16)!important;
  isolation:isolate!important;
}
.home-page .home-dealership-main:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(90deg,rgba(5,10,17,.86) 0%,rgba(5,10,17,.70) 42%,rgba(5,10,17,.12) 100%)!important;
}
.home-page .home-dealership-content{
  position:relative!important;z-index:2!important;height:100%!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  padding:24px 28px!important;max-width:560px!important;color:#fff!important;
}
.home-page .home-dealership-content .eyebrow{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;background:#fff!important;color:#ff5722!important;font-size:9px!important;font-weight:950!important}
.home-page .home-dealership-content h2{margin:9px 0 7px!important;color:#fff!important;font-size:29px!important;line-height:1.02!important;letter-spacing:-1px!important;font-weight:900!important;text-align:left!important}
.home-page .home-dealership-content h2 span{color:#fff!important}
.home-page .home-dealership-content p{max-width:440px!important;margin:0 0 11px!important;color:#eef3f8!important;font-size:11px!important;line-height:1.4!important;text-align:left!important}
.home-page .home-dealership-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 13px!important}
.home-page .home-dealership-meta span{padding:5px 8px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:8px!important;font-weight:850!important;backdrop-filter:blur(5px)!important}
.home-page .home-dealership-content .btn{height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:10px!important;font-size:10px!important;font-weight:900!important}
.home-page .home-dealership-content .btn strong{font-size:15px!important;margin-left:5px!important}
.home-page .home-dealership-side{display:grid!important;grid-template-rows:1fr 1fr!important;gap:10px!important;min-width:0!important}
.home-page .home-dealership-tile{position:relative!important;display:block!important;overflow:hidden!important;border-radius:16px!important;min-height:119px!important;background:#111722!important;box-shadow:0 14px 30px rgba(15,23,42,.12)!important}
.home-page .home-dealership-tile img{width:100%!important;height:100%!important;min-height:119px!important;object-fit:cover!important;transition:transform .35s ease!important}
.home-page .home-dealership-tile:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.76) 100%)!important}
.home-page .home-dealership-tile span{position:absolute!important;left:12px!important;right:12px!important;bottom:11px!important;z-index:2!important;color:#fff!important;font-size:10px!important;font-weight:900!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}
.home-page .home-dealership-tile:hover img{transform:scale(1.045)!important}

@media (max-width:900px){
  .home-page .home-dealership-showcase{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;min-height:auto!important}
  .home-page .home-dealership-main{min-height:250px!important}
  .home-page .home-dealership-content{padding:24px!important}
  .home-page .home-dealership-content h2{font-size:27px!important}
  .home-page .home-dealership-side{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important}
}
@media (max-width:560px){
  .home-page .hero-contact-address .hero-address-arrow{font-size:14px!important}
  .home-page .home-dealership-main{min-height:285px!important}
  .home-page .home-dealership-content{padding:20px!important}
  .home-page .home-dealership-content h2{font-size:24px!important}
  .home-page .home-dealership-meta{gap:5px!important}
  .home-page .home-dealership-meta span{font-size:7px!important;padding:5px 7px!important}
  .home-page .home-dealership-side{gap:8px!important}
  .home-page .home-dealership-tile{min-height:105px!important}
  .home-page .home-dealership-tile img{min-height:105px!important}
  .home-page .home-dealership-tile span{font-size:8px!important;left:9px!important;right:9px!important;bottom:8px!important}
}

/* ===== HOMEPAGE POLISH: benefits / seo intro / stats ===== */
.home-page .home-benefits{
  position:relative!important;
  margin:0!important;
  padding:28px 0 34px!important;
  background:
    radial-gradient(circle at 8% 25%,rgba(255,91,45,.07),transparent 24%),
    radial-gradient(circle at 92% 78%,rgba(0,119,255,.06),transparent 26%),
    #f4f6f8!important;
}
.home-page .benefits-intro{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 14px!important;
}
.home-page .benefits-kicker,
.home-page .stats-kicker,
.home-page .seo-intro-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#ff5b2d!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.home-page .benefits-kicker:before,
.home-page .stats-kicker:before,
.home-page .seo-intro-kicker:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#ff5b2d!important;
  box-shadow:0 0 0 4px rgba(255,91,45,.10)!important;
}
.home-page .benefits-intro h2{
  margin:7px 0 0!important;
  color:#111722!important;
  font-size:25px!important;
  line-height:1.05!important;
  letter-spacing:-.5px!important;
}
.home-page .benefits-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background:#111722!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(15,23,42,.12)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.home-page .benefits-link span{font-size:16px!important;line-height:1!important}
.home-page .benefits-link:hover{transform:translateY(-2px)!important;box-shadow:0 14px 25px rgba(15,23,42,.16)!important}
.home-page .benefits-row{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid #e0e6ee!important;
  border-radius:20px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}
.home-page .benefit-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:92px!important;
  padding:15px 14px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important;
  border-right:1px solid #e7ebf0!important;
}
.home-page .benefit-item:last-child{border-right:0!important}
.home-page .benefit-icon{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#fff0e9,#fff9f6)!important;
  color:#ff5b2d!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,91,45,.12),0 5px 13px rgba(255,91,45,.08)!important;
}
.home-page .benefit-item:nth-child(2) .benefit-icon{background:linear-gradient(135deg,#eaf7ff,#f7fbff)!important;color:#1d9fe4!important;box-shadow:inset 0 0 0 1px rgba(29,159,228,.12),0 5px 13px rgba(29,159,228,.08)!important}
.home-page .benefit-item:nth-child(5) .benefit-icon{background:linear-gradient(135deg,#fff7dc,#fffdf2)!important;color:#cf9a13!important;box-shadow:inset 0 0 0 1px rgba(207,154,19,.12),0 5px 13px rgba(207,154,19,.08)!important}
.home-page .benefit-item span{min-width:0!important}
.home-page .benefit-item strong{display:block!important;margin:0!important;color:#172033!important;font-size:11px!important;line-height:1.15!important;font-weight:950!important}
.home-page .benefit-item small{display:block!important;margin-top:4px!important;color:#788596!important;font-size:8px!important;line-height:1.25!important;font-weight:650!important}
.home-page .benefit-item em{align-self:start!important;color:#c2cad4!important;font-size:8px!important;line-height:1!important;font-style:normal!important;font-weight:900!important;margin-top:2px!important}

.home-page .seo-home-intro{
  margin:0!important;
  padding:10px 0 26px!important;
  background:#f4f6f8!important;
}
.home-page .seo-intro-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)!important;
  align-items:stretch!important;
  gap:18px!important;
  min-height:136px!important;
  padding:22px 24px!important;
  overflow:hidden!important;
  border:1px solid #dfe6ee!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,91,45,.12),transparent 30%),
    linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
}
.home-page .seo-intro-card:after{
  content:"73"!important;
  position:absolute!important;
  right:22px!important;
  bottom:-22px!important;
  color:rgba(17,23,34,.035)!important;
  font-size:118px!important;
  line-height:1!important;
  font-weight:950!important;
  pointer-events:none!important;
}
.home-page .seo-intro-copy{position:relative!important;z-index:2!important}
.home-page .seo-intro-copy h2{
  margin:7px 0 6px!important;
  color:#111722!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.6px!important;
}
.home-page .seo-intro-copy h2 span{color:#ff5b2d!important}
.home-page .seo-intro-copy p{margin:0!important;max-width:680px!important;color:#667386!important;font-size:11px!important;line-height:1.45!important}
.home-page .seo-intro-points{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
.home-page .seo-intro-points>*{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:11px 12px!important;
  border:1px solid #e3e9ef!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.82)!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
}
.home-page .seo-intro-points>*:first-child{border-color:rgba(255,91,45,.18)!important;background:linear-gradient(180deg,#fff7f3,#fff)!important}
.home-page .seo-intro-points b{color:#172033!important;font-size:14px!important;line-height:1.05!important;font-weight:950!important}
.home-page .seo-intro-points>*:first-child b{color:#ff5b2d!important}
.home-page .seo-intro-points span{margin-top:5px!important;color:#798696!important;font-size:8px!important;line-height:1.3!important}

.home-page .home-stats-section{
  padding:4px 0 40px!important;
  background:#f4f6f8!important;
}
.home-page .stats-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:12px!important;
}
.home-page .stats-head h2{
  margin:7px 0 0!important;
  color:#111722!important;
  font-size:26px!important;
  line-height:1.05!important;
  letter-spacing:-.5px!important;
}
.home-page .stats-head p{max-width:450px!important;margin:0!important;color:#7a8795!important;font-size:10px!important;line-height:1.45!important;text-align:right!important}
.home-page .stats{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#0e1520 0%,#151e2b 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:22px!important;
  box-shadow:0 20px 46px rgba(15,23,42,.18)!important;
}
.home-page .stats:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(255,91,45,.08),transparent 35%,rgba(0,119,255,.07))!important;
  pointer-events:none!important;
}
.home-page .stat{
  position:relative!important;
  z-index:1!important;
  min-height:138px!important;
  padding:20px 20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
}
.home-page .stat:last-child{border-right:0!important}
.home-page .stat-mark{color:#667589!important;font-size:8px!important;line-height:1!important;font-weight:900!important;letter-spacing:.12em!important}
.home-page .stat b{margin-top:10px!important;color:#fff!important;font-size:27px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.7px!important}
.home-page .stat>span:last-child{margin-top:7px!important;color:#aeb9c8!important;font-size:9px!important;line-height:1.35!important}
.home-page .stat:after{content:""!important;position:absolute!important;left:20px!important;top:0!important;width:42px!important;height:3px!important;background:#ff5b2d!important;border-radius:0 0 5px 5px!important}
.home-page .stat:nth-child(2):after{background:#22a7df!important}.home-page .stat:nth-child(3):after{background:#f2b532!important}.home-page .stat:nth-child(4):after{background:#9aa5b4!important}

@media(max-width:900px){
  .home-page .benefits-intro,.home-page .stats-head{align-items:flex-start!important;flex-direction:column!important}
  .home-page .benefits-link{align-self:flex-start!important}
  .home-page .benefits-row{grid-template-columns:1fr 1fr!important}
  .home-page .benefit-item{border-bottom:1px solid #e7ebf0!important}
  .home-page .benefit-item:nth-child(2n){border-right:0!important}
  .home-page .seo-intro-card{grid-template-columns:1fr!important}
  .home-page .seo-intro-points{grid-template-columns:repeat(3,1fr)!important}
  .home-page .stats{grid-template-columns:1fr 1fr!important}
  .home-page .stat:nth-child(2){border-right:0!important}
  .home-page .stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.10)!important}
  .home-page .stats-head p{text-align:left!important}
}
@media(max-width:560px){
  .home-page .home-benefits{padding:22px 0 26px!important}
  .home-page .benefits-intro h2{font-size:22px!important}
  .home-page .benefits-row{grid-template-columns:1fr!important}
  .home-page .benefit-item{border-right:0!important;min-height:78px!important}
  .home-page .benefit-item:last-child{border-bottom:0!important}
  .home-page .benefits-link{min-height:36px!important}
  .home-page .seo-home-intro{padding:6px 0 20px!important}
  .home-page .seo-intro-card{padding:18px 16px!important;border-radius:18px!important}
  .home-page .seo-intro-copy h2{font-size:22px!important}
  .home-page .seo-intro-points{grid-template-columns:1fr!important}
  .home-page .seo-intro-points>*{min-height:54px!important}
  .home-page .home-stats-section{padding-bottom:30px!important}
  .home-page .stats-head h2{font-size:23px!important}
  .home-page .stats{grid-template-columns:1fr 1fr!important;border-radius:18px!important}
  .home-page .stat{min-height:116px!important;padding:16px!important}
  .home-page .stat b{font-size:23px!important}
  .home-page .stat:nth-child(2){border-right:0!important}
  .home-page .stat:nth-child(3){border-bottom:0!important}
  .home-page .stat:nth-child(4){border-right:0!important;border-bottom:0!important}
  .home-page .stat-mark{font-size:7px!important}
}

/* ===== HOMEPAGE: clean section transition + illustrated benefits ===== */
.home-page .hero-clean{border-bottom:0!important;box-shadow:none!important}
.home-page .hero-clean:after{display:none!important}
.home-page .home-benefits{position:relative!important;z-index:5!important;margin-top:0!important;padding:42px 0 46px!important;background:linear-gradient(180deg,#f4f6f8 0%,#eef2f6 100%)!important;border:0!important;box-shadow:none!important}
.home-page .home-benefits:before,.home-page .home-benefits:after{display:none!important;content:none!important}
.home-page .benefits-intro{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 18px!important}
.home-page .benefits-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#ff5b2d!important;font-size:9px!important;font-weight:950!important;letter-spacing:.16em!important}
.home-page .benefits-kicker:before{content:""!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#ff5b2d!important;box-shadow:0 0 0 4px rgba(255,91,45,.1)!important}
.home-page .benefits-intro h2{margin:9px 0 0!important;color:#101927!important;font-size:27px!important;line-height:1.05!important;letter-spacing:-.7px!important}
.home-page .benefits-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:38px!important;padding:0 15px!important;border-radius:11px!important;background:#101927!important;color:#fff!important;font-size:10px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(16,25,39,.16)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.home-page .benefits-link:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(16,25,39,.2)!important}
.home-page .benefits-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
.home-page .benefit-item{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;padding:0!important;background:#fff!important;border:1px solid #dfe6ee!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.home-page .benefit-item:hover{transform:translateY(-4px)!important;box-shadow:0 18px 34px rgba(15,23,42,.11)!important;border-color:#cfd9e5!important}
.home-page .benefit-visual{height:112px!important;padding:0!important;background:#f8fafc!important;overflow:hidden!important}
.home-page .benefit-visual img{width:100%!important;height:100%!important;object-fit:cover!important}
.home-page .benefit-bottom{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:13px 13px 14px!important}
.home-page .benefit-number{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#fff1eb!important;color:#ff5b2d!important;font-size:8px!important;font-weight:950!important;box-shadow:inset 0 0 0 1px rgba(255,91,45,.12)!important}
.home-page .benefit-item:nth-child(2) .benefit-number{background:#eaf7ff!important;color:#229ed9!important;box-shadow:inset 0 0 0 1px rgba(34,158,217,.12)!important}
.home-page .benefit-item:nth-child(3) .benefit-number{background:#fff3ed!important;color:#f06d3c!important}
.home-page .benefit-item:nth-child(4) .benefit-number{background:#eef5ff!important;color:#2f73ff!important}
.home-page .benefit-item:nth-child(5) .benefit-number{background:#fff8df!important;color:#cf9a13!important;box-shadow:inset 0 0 0 1px rgba(207,154,19,.12)!important}
.home-page .benefit-item:nth-child(6) .benefit-number{background:#edf9f2!important;color:#38a66a!important}
.home-page .benefit-item strong{display:block!important;margin:2px 0 3px!important;color:#101927!important;font-size:11px!important;line-height:1.15!important;font-weight:950!important}
.home-page .benefit-item small{display:block!important;color:#708096!important;font-size:8px!important;line-height:1.35!important;font-weight:650!important}

@media(max-width:1040px){
  .home-page .benefits-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .home-page .home-benefits{padding:30px 0 34px!important}
  .home-page .benefits-row{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .home-page .benefit-visual{height:96px!important}
  .home-page .benefits-intro{align-items:flex-start!important;flex-direction:column!important;margin-bottom:15px!important}
  .home-page .benefits-link{align-self:flex-start!important}
}
@media(max-width:480px){
  .home-page .benefits-row{grid-template-columns:1fr!important}
  .home-page .benefit-visual{height:120px!important}
  .home-page .benefits-intro h2{font-size:23px!important}
}

/* ===== iPhone / narrow mobile optimization ===== */
html, body{max-width:100%;overflow-x:hidden!important}
body *{min-width:0}
img,svg,video,iframe{max-width:100%}

@media(max-width:560px){
  .home-page .hero-clean{
    min-height:0!important;
    padding:0!important;
    background:
      linear-gradient(180deg,rgba(10,15,23,.82) 0%,rgba(10,15,23,.70) 42%,rgba(10,15,23,.84) 100%),
      url('hero-ulyanovsk.png') 66% center/cover no-repeat!important;
  }
  .home-page .hero-clean-inner{
    width:calc(100% - 24px)!important;
    max-width:520px!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:26px 0 34px!important;
  }
  .home-page .hero-clean-left{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .home-page .hero-location{
    font-size:11px!important;
    padding:8px 11px!important;
  }
  .home-page .hero-clean-left h1{
    max-width:100%!important;
    margin:15px 0 12px!important;
    font-size:clamp(32px,8.9vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-1.5px!important;
    overflow-wrap:anywhere!important;
  }
  .home-page .hero-subtitle{
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.35!important;
    padding:8px 10px!important;
    margin-bottom:16px!important;
  }
  .home-page .hero-main-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-bottom:15px!important;
  }
  .home-page .hero-main-actions .hero-btn{
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 18px!important;
    font-size:15px!important;
    border-radius:16px!important;
  }
  .home-page .hero-social-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 0 14px!important;
    white-space:normal!important;
  }
  .home-page .hero-social-label{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
    margin:0!important;
    font-size:12px!important;
  }
  .home-page .hero-social{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:0 8px!important;
    font-size:11px!important;
    border-radius:11px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home-page .hero-contact-card{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .home-page .hero-contact-item{
    min-height:58px!important;
    padding:10px!important;
    border-radius:11px!important;
  }
  .home-page .hero-contact-item a{
    font-size:15px!important;
    line-height:1.15!important;
  }
  .home-page .hero-contact-item small,
  .home-page .hero-contact-address small{
    font-size:9px!important;
  }
  .home-page .hero-contact-address{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:7px 5px 2px!important;
    font-size:12px!important;
    line-height:1.35!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .home-page .hero-address-arrow{font-size:18px!important}

  .home-page .hero-clean-form{
    width:100%!important;
    max-width:none!important;
    padding:18px!important;
    margin:0!important;
    border-radius:18px!important;
  }
  .home-page .hero-form-head{
    align-items:center!important;
    margin-bottom:12px!important;
  }
  .home-page .hero-form-head h2{
    font-size:25px!important;
    line-height:1.08!important;
  }
  .home-page .hero-form-head p{
    font-size:11px!important;
    line-height:1.35!important;
  }
  .home-page .hero-form-car{font-size:22px!important;flex:0 0 auto!important}
  .home-page .hero-field{
    height:54px!important;
    min-height:54px!important;
    margin-bottom:9px!important;
  }
  .home-page .hero-field-textarea{height:94px!important;min-height:94px!important}
  .home-page .hero-field .field-icon{
    width:42px!important;
    flex-basis:42px!important;
    font-size:15px!important;
  }
  .home-page .hero-field input,
  .home-page .hero-field select,
  .home-page .hero-field textarea{
    min-width:0!important;
    font-size:16px!important;
  }
  .home-page .hero-field input::placeholder,
  .home-page .hero-field textarea::placeholder{font-size:16px!important}
  .home-page .hero-form-actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:10px!important;
  }
  .home-page .hero-send{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 5px!important;
    font-size:12px!important;
    border-radius:11px!important;
    text-overflow:clip!important;
  }
  .home-page .hero-form-note{
    font-size:10px!important;
    line-height:1.4!important;
    margin-top:9px!important;
  }

  .home-page .home-benefits{padding:24px 0 30px!important}
  .home-page .benefits-intro{margin-bottom:14px!important}
  .home-page .benefits-intro h2{font-size:23px!important}
  .home-page .benefits-lead{font-size:10px!important}
  .home-page .benefits-row{grid-template-columns:1fr!important;gap:9px!important}
  .home-page .benefit-item{min-height:0!important}
  .home-page .benefit-visual{height:150px!important}
  .home-page .benefit-bottom{padding:12px!important}

  .home-page .home-dealership-showcase,
  .home-page .home-dealership-main,
  .home-page .home-dealership-side,
  .home-page .service-photo-cards,
  .home-page .telegram-feed-grid,
  .home-page .service-home-photos{
    max-width:100%!important;
  }
}

@media(max-width:390px){
  .home-page .hero-clean-inner{width:calc(100% - 20px)!important;padding-top:22px!important}
  .home-page .hero-clean-left h1{font-size:31px!important}
  .home-page .hero-social{font-size:10px!important}
  .home-page .hero-contact-item a{font-size:14px!important}
  .home-page .hero-form-actions{gap:6px!important}
  .home-page .hero-send{font-size:11px!important}
  .home-page .hero-form-head h2{font-size:23px!important}
}

/* ===== V9 MOBILE HEADER / TOP NAV ===== */
.mobile-quick-nav{display:none!important}
@media(max-width:980px){
  header{background:#fff!important}
  header .header-main{min-height:66px!important;padding:8px 0!important}
  .header-brand{min-width:0!important}
  .header-brand .logo{font-size:22px!important}
  .header-socials{gap:5px!important;margin-left:auto!important}
  .header-socials a{width:34px!important;height:34px!important;border-radius:11px!important;font-size:10px!important}
  .header-actions{margin-left:4px!important}
  .mobile-menu-btn{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid #d9e1ea!important;background:#101927!important;color:#fff!important;border-radius:11px!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 7px 16px rgba(15,23,42,.12)!important}
  .mobile-quick-nav{display:flex!important;align-items:center!important;gap:7px!important;padding:8px 12px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;background:#f7f9fb!important;border-top:1px solid #eef2f6!important;border-bottom:1px solid #e3e8ef!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
  .mobile-quick-nav::-webkit-scrollbar{display:none!important}
  .mobile-quick-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border:1px solid #dbe3ec!important;border-radius:999px!important;background:#fff!important;color:#162033!important;font-size:11px!important;font-weight:850!important;box-shadow:0 3px 10px rgba(15,23,42,.04)!important;flex:0 0 auto!important}
  .mobile-quick-nav a:first-child{background:#fff4ef!important;border-color:#ffb7a0!important;color:#ef5127!important}
}
@media(max-width:560px){
  header .header-main{width:calc(100% - 20px)!important;min-height:64px!important}
  .header-brand .logo{font-size:20px!important}
  .header-socials a{width:32px!important;height:32px!important;border-radius:10px!important}
  .mobile-menu-btn{width:36px!important;height:36px!important}
  .mobile-quick-nav{padding-left:10px!important;padding-right:10px!important}
  .mobile-quick-nav a{font-size:10px!important;min-height:32px!important;padding:0 11px!important}
}
@media(max-width:390px){
  .header-socials{gap:4px!important}
  .header-socials a{width:29px!important;height:29px!important;font-size:9px!important}
  .mobile-menu-btn{width:34px!important;height:34px!important}
}

/* ===== V10 POLISHED MOBILE HEADER / HERO ===== */
@media (max-width: 900px){
  html,body{overflow-x:hidden!important}
  header{position:relative!important;z-index:50!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e6ebf1!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important}
  header .header-main{
    width:100%!important;
    max-width:none!important;
    min-height:58px!important;
    height:58px!important;
    padding:0 16px!important;
    gap:10px!important;
    box-sizing:border-box!important;
  }
  header .header-brand{flex:1 1 auto!important;min-width:0!important}
  header .header-brand .logo{
    display:inline-flex!important;
    align-items:center!important;
    font-size:20px!important;
    line-height:1!important;
    white-space:nowrap!important;
    letter-spacing:-.6px!important;
  }
  header .header-socials{display:flex!important;gap:6px!important;margin-left:auto!important;align-items:center!important;flex:0 0 auto!important}
  header .header-socials a{
    width:30px!important;height:30px!important;border-radius:9px!important;font-size:9px!important;font-weight:900!important;
    box-shadow:none!important;
  }
  header .header-actions{margin-left:0!important;flex:0 0 auto!important}
  header .mobile-menu-btn{
    display:grid!important;place-items:center!important;
    width:36px!important;height:36px!important;padding:0!important;
    border-radius:10px!important;border:0!important;background:#101927!important;
    font-size:18px!important;line-height:1!important;box-shadow:0 7px 16px rgba(15,23,42,.13)!important;
  }
  /* The full mobile nav is available from the menu button. Keep the header visually clean. */
  .mobile-quick-nav{display:none!important}
  .mobile-nav{top:58px!important;border-top:1px solid #e8edf2!important;box-shadow:0 18px 34px rgba(15,23,42,.12)!important}

  .home-page .hero-clean{margin-top:0!important}
  .home-page .hero-clean-inner{
    width:calc(100% - 32px)!important;
    padding:28px 0 34px!important;
    gap:20px!important;
  }
  .home-page .hero-location{
    display:inline-flex!important;align-items:center!important;
    min-height:38px!important;padding:0 15px!important;border-radius:999px!important;
    font-size:14px!important;font-weight:800!important;
  }
  .home-page .hero-clean-left h1{
    margin:18px 0 14px!important;
    max-width:100%!important;
    font-size:36px!important;
    line-height:1.03!important;
    letter-spacing:-1.15px!important;
  }
  .home-page .hero-clean-left h1 em{color:#ff5b2d!important}
  .home-page .hero-clean-left h1:not(em){color:#111722!important}
  .home-page .hero-clean-left h1 em{font-style:normal!important}
  .home-page .hero-sub,
  .home-page .hero-clean-left .lead,
  .home-page .hero-clean-left p{color:#253044!important}
  .home-page .hero-main-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important}
  .home-page .hero-btn{width:100%!important;min-height:54px!important;height:54px!important;border-radius:15px!important;font-size:16px!important}
}

@media (max-width:560px){
  header .header-main{min-height:56px!important;height:56px!important;padding:0 14px!important}
  header .header-brand .logo{font-size:19px!important}
  header .header-socials{gap:5px!important}
  header .header-socials a{width:29px!important;height:29px!important;border-radius:9px!important;font-size:8px!important}
  header .mobile-menu-btn{width:34px!important;height:34px!important;border-radius:10px!important;font-size:17px!important}
  .mobile-nav{top:56px!important}
  .home-page .hero-clean-inner{width:calc(100% - 28px)!important;padding-top:24px!important;padding-bottom:30px!important}
  .home-page .hero-clean-left h1{font-size:34px!important;letter-spacing:-1.05px!important}
  .home-page .hero-location{font-size:13px!important;min-height:36px!important;padding:0 13px!important}
}

@media (max-width:390px){
  header .header-main{padding:0 12px!important}
  header .header-brand .logo{font-size:18px!important}
  header .header-socials a{width:27px!important;height:27px!important;font-size:8px!important}
  header .mobile-menu-btn{width:32px!important;height:32px!important}
  .home-page .hero-clean-left h1{font-size:31px!important}
}

/* ===== V11: MOBILE HARDENING FOR ALL INTERNAL PAGES ===== */
@media (max-width: 760px){
  body:not(.home-page){overflow-x:hidden!important}

  /* compact mobile header on inner pages */
  body:not(.home-page) header .header-main{
    width:calc(100% - 24px)!important;
    min-height:58px!important;
    height:58px!important;
    padding:0!important;
    gap:7px!important;
  }
  body:not(.home-page) .header-brand{min-width:0!important;flex:1 1 auto!important}
  body:not(.home-page) .header-brand .logo{font-size:19px!important;letter-spacing:-1px!important}
  body:not(.home-page) .header-socials{gap:4px!important;margin-left:auto!important}
  body:not(.home-page) .header-socials .social-tg-channel{display:none!important}
  body:not(.home-page) .header-socials a{width:30px!important;height:30px!important;border-radius:9px!important;font-size:8px!important;flex:0 0 30px!important}
  body:not(.home-page) .mobile-menu-btn{width:34px!important;height:34px!important;border-radius:10px!important;font-size:17px!important;flex:0 0 34px!important}
  body:not(.home-page) .mobile-nav{top:58px!important;left:12px!important;right:12px!important;padding:10px!important;border-radius:0 0 14px 14px!important;box-shadow:0 18px 34px rgba(15,23,42,.12)!important}

  /* hero blocks */
  body:not(.home-page) .pagehero{
    min-height:0!important;
    padding:30px 0 52px!important;
  }
  body:not(.home-page) .pagehero>.wrap{
    width:calc(100% - 24px)!important;
    padding:0!important;
    margin:0 auto!important;
  }
  body:not(.home-page) .pagehero .crumb{font-size:10px!important}
  body:not(.home-page) .pagehero h1{
    max-width:none!important;
    font-size:31px!important;
    line-height:1.08!important;
    letter-spacing:-.7px!important;
    overflow-wrap:anywhere!important;
    margin:10px 0 9px!important;
  }
  body:not(.home-page) .pagehero .lead{font-size:14px!important;line-height:1.45!important;max-width:none!important}

  /* every normal section gets one centered column */
  body:not(.home-page) section:not(.pagehero)> .wrap,
  body:not(.home-page) main>section:not(.pagehero)> .wrap{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    padding:24px 0!important;
    margin:0 auto!important;
  }

  /* specificity fix: previous rules kept 0fr + 390px on narrow screens */
  body:not(.home-page) .hero-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  body:not(.home-page) .hero-grid>div,
  body:not(.home-page) .hero-grid>.article,
  body:not(.home-page) .hero-grid>.hero-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body:not(.home-page) .article{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:18px!important;
    border-radius:17px!important;
  }
  body:not(.home-page) .article h2{font-size:23px!important;line-height:1.18!important;overflow-wrap:anywhere!important}
  body:not(.home-page) .article h3{font-size:18px!important;overflow-wrap:anywhere!important}
  body:not(.home-page) .article p{font-size:14px!important;line-height:1.6!important;overflow-wrap:anywhere!important}

  /* forms: never wider than their grid cell */
  body:not(.home-page) .hero-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  body:not(.home-page) .hero-card h3{font-size:22px!important;line-height:1.15!important}
  body:not(.home-page) .hero-card .mini{font-size:10px!important;line-height:1.4!important}
  body:not(.home-page) .form{width:100%!important;min-width:0!important}
  body:not(.home-page) .form input,
  body:not(.home-page) .form select,
  body:not(.home-page) .form textarea{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  body:not(.home-page) .form textarea{min-height:86px!important}
  body:not(.home-page) .messenger-actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body:not(.home-page) .messenger-actions .btn{
    min-width:0!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 5px!important;
    font-size:10px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  body:not(.home-page) .hero-card .hint{font-size:9px!important;line-height:1.4!important}

  /* service pages */
  body:not(.home-page) .service-page-photos{
    width:100%!important;
    max-width:none!important;
    margin:18px 0!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body:not(.home-page) .service-page-photo{height:210px!important}
  body:not(.home-page) .service-main-grid{
    width:100%!important;
    max-width:none!important;
    margin:18px 0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  body:not(.home-page) .service-main-grid>div{min-width:0!important;width:100%!important}
  body:not(.home-page) .service-main-photo img{height:250px!important}
  body:not(.home-page) .service-side{position:static!important;width:100%!important;min-width:0!important;padding:18px!important;box-sizing:border-box!important}
  body:not(.home-page) .service-side .btn{width:100%!important;min-width:0!important}
  body:not(.home-page) .service-promo-grid,
  body:not(.home-page) .service-contact-panel,
  body:not(.home-page) .service-address,
  body:not(.home-page) .contactbox,
  body:not(.home-page) .contacts-layout{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  body:not(.home-page) .service-promo-grid>*,
  body:not(.home-page) .service-contact-panel>*,
  body:not(.home-page) .service-address>*,
  body:not(.home-page) .contactbox>*,
  body:not(.home-page) .contacts-layout>*{min-width:0!important;width:100%!important}
  body:not(.home-page) .service-promo-media img{min-height:220px!important;height:220px!important}
  body:not(.home-page) .service-contact-panel{padding:18px!important}
  body:not(.home-page) .service-contact-panel img{height:220px!important}

  /* cards, steps and FAQ */
  body:not(.home-page) .grid-2,
  body:not(.home-page) .grid-3,
  body:not(.home-page) .grid-4,
  body:not(.home-page) .steps{grid-template-columns:minmax(0,1fr)!important}
  body:not(.home-page) .card{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:18px!important}
  body:not(.home-page) .faq summary{font-size:14px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
  body:not(.home-page) .faq p{font-size:13px!important;line-height:1.55!important}

  /* contacts */
  body:not(.home-page) .contacts-main,
  body:not(.home-page) .service-contact-card{padding:18px!important}
  body:not(.home-page) .contact-phones{grid-template-columns:minmax(0,1fr)!important}
  body:not(.home-page) .contact-actions{display:grid!important;grid-template-columns:1fr!important}
  body:not(.home-page) .contacts-photos{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  body:not(.home-page) .contacts-photos figure,
  body:not(.home-page) .contacts-photos img{height:235px!important;min-height:235px!important}
  body:not(.home-page) .contacts-note{padding:18px!important}
  body:not(.home-page) .contacts-note .actions{display:grid!important;grid-template-columns:1fr!important}

  /* footer and fixed bar */
  body:not(.home-page) footer .foot{
    width:calc(100% - 24px)!important;
    padding-top:28px!important;
    padding-bottom:22px!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
  }
  body:not(.home-page) footer .foot>div{min-width:0!important;width:100%!important}
  body:not(.home-page) .footer-social{width:calc(100% - 24px)!important;gap:6px!important}
  body:not(.home-page) .footer-social a{font-size:10px!important;padding:8px 10px!important}
  body:not(.home-page) .copyright{width:calc(100% - 24px)!important;padding-bottom:78px!important;line-height:1.45!important}
}

@media (max-width: 390px){
  body:not(.home-page) header .header-main{width:calc(100% - 18px)!important}
  body:not(.home-page) .header-brand .logo{font-size:18px!important}
  body:not(.home-page) .header-socials a{width:28px!important;height:28px!important;flex-basis:28px!important}
  body:not(.home-page) .mobile-menu-btn{width:32px!important;height:32px!important;flex-basis:32px!important}
  body:not(.home-page) .pagehero h1{font-size:29px!important}
  body:not(.home-page) .hero-card{padding:16px!important}
  body:not(.home-page) .messenger-actions .btn{font-size:9px!important}
}

/* ===== CONTACT SOCIAL LINKS ===== */
.contact-socials{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:12px!important;
}
.contact-socials-label{
  display:block!important;
  width:100%!important;
  margin-bottom:2px!important;
  color:#9eabbc!important;
  font-size:11px!important;
  font-weight:700!important;
}
.contact-social{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 10px!important;
  border-radius:8px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.contact-social.tg{background:#229ed9!important}
.contact-social.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}
.contact-social.vk{background:#0077ff!important}
@media(max-width:480px){
  .contact-socials{gap:6px!important}
  .contact-social{font-size:10px!important;padding:8px 10px!important}
}