*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#171717;background:#f7f4ef}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.header{position:sticky;top:0;z-index:10;background:rgba(247,244,239,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e7dfd3}.header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px}.logo__mark{width:42px;height:42px;background:#f07b22;color:white;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:22px}.logo small{display:block;color:#777;margin-top:2px}.nav{display:flex;gap:22px;color:#444;font-size:15px}.nav a:hover,.nav a.active{color:#f07b22}.phone{font-weight:800}.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:12px;background:#f07b22;color:white;font-size:24px;font-weight:800}.mobile-nav{display:none;position:fixed;top:68px;left:16px;right:16px;z-index:20;background:white;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.18);overflow:hidden}.mobile-nav a{display:block;padding:18px 20px;border-bottom:1px solid #eee;font-weight:800}.mobile-nav a:last-child{border-bottom:0}.hero{padding:70px 0 80px}.hero__grid,.split{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.badge{display:inline-flex;padding:10px 14px;border-radius:999px;background:white;color:#7c4a20;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.06);margin-bottom:22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,6vw,68px);line-height:.95;letter-spacing:-2px;margin-bottom:24px}h2{font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-1px;margin-bottom:14px}.lead,.section__head p,.split p{font-size:19px;line-height:1.55;color:#555}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.btn{min-height:54px;padding:0 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;border:2px solid transparent;cursor:pointer}.btn--primary{background:#f07b22;color:white}.btn--ghost{background:white;border-color:#e6dfd4}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-weight:700}.photo,.placeholder{min-height:260px;background:linear-gradient(135deg,rgba(0,0,0,.50),rgba(0,0,0,.08)),repeating-linear-gradient(45deg,#8d8a84 0,#8d8a84 12px,#9d9992 12px,#9d9992 24px);color:white;display:grid;place-items:center;text-align:center;padding:24px;font-weight:800;border-radius:28px;overflow:hidden}.hero .photo{min-height:520px;box-shadow:0 30px 70px rgba(0,0,0,.14)}.section{padding:78px 0}.section__head{max-width:760px;margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border-radius:24px;padding:14px;box-shadow:0 16px 45px rgba(0,0,0,.06)}.card__image{height:210px;border-radius:18px;margin-bottom:18px;overflow:hidden;background:#ddd}.card__image img,.real-photo{width:100%;height:100%;object-fit:cover;display:block}.card h3{font-size:22px;margin-bottom:8px}.card p{color:#666;line-height:1.45;min-height:62px}.card strong{display:block;color:#f07b22;font-size:18px;margin-top:16px}.dark{background:#191919;color:white}.dark p{color:#bbb}.price-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.price-item{background:#242424;border:1px solid #333;border-radius:22px;padding:24px}.price-item span{display:block;color:#bbb;margin-bottom:18px}.price-item strong{font-size:28px;color:#f07b22}.form{background:white;border-radius:28px;padding:30px;box-shadow:0 16px 45px rgba(0,0,0,.07);display:grid;gap:16px}.form label{display:grid;gap:8px;font-weight:700}input,select,textarea{width:100%;border:1px solid #ddd3c7;border-radius:14px;padding:0 14px;font-size:16px;background:white}input,select{height:54px}textarea{padding-top:14px;min-height:120px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.work-card{position:relative;overflow:hidden;border-radius:24px;min-height:260px;background:#ddd;box-shadow:0 16px 45px rgba(0,0,0,.07)}.work-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform .35s ease}.work-card:hover img{transform:scale(1.04)}.work-card span{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.58);color:white;font-weight:800;backdrop-filter:blur(8px)}.steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps__grid div{background:white;border-radius:24px;padding:26px}.steps__grid b{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f07b22;color:white;margin-bottom:20px}.contacts__grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}.map{min-height:340px;background:linear-gradient(135deg,rgba(0,0,0,.50),rgba(0,0,0,.08)),repeating-linear-gradient(45deg,#8d8a84 0,#8d8a84 12px,#9d9992 12px,#9d9992 24px);color:white;display:grid;place-items:center;text-align:center;padding:24px;font-weight:800;border-radius:28px}.footer{background:#111;color:white;padding:28px 0}.footer__inner{display:flex;justify-content:space-between;gap:20px}.footer a{color:#f07b22;font-weight:800}.page-hero{padding:64px 0 34px}.hero-placeholder{font-size:18px;line-height:1.4;color:white}@media(max-width:920px){.nav{display:none}.menu-btn{display:grid;place-items:center}body.menu-open .mobile-nav{display:block}.header__inner{gap:12px}.hero__grid,.split,.contacts__grid{grid-template-columns:1fr}.cards,.price-grid,.steps__grid,.gallery{grid-template-columns:repeat(2,1fr)}.hero .photo{min-height:340px}}@media(max-width:560px){.container{width:min(100% - 22px,1180px)}.logo small{display:none}.phone{display:none}h1{font-size:36px;letter-spacing:-1px}h2{font-size:30px}.lead,.section__head p,.split p{font-size:17px}.hero{padding:46px 0 60px}.features,.cards,.price-grid,.steps__grid,.gallery{grid-template-columns:1fr}.actions .btn{width:100%}.section{padding:56px 0}.footer__inner{flex-direction:column}.work-card,.work-card img{min-height:230px}}

/* Правки V2: фото без рамок и телефоны в две строки */
.phone-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.12;
  align-items: flex-end;
  white-space: nowrap;
}

.photo.clean-photo {
  padding: 0;
  background: transparent;
  overflow: hidden;
}

.hero .photo.clean-photo {
  height: 520px;
  min-height: 520px;
}

.split .photo.clean-photo {
  height: 360px;
  min-height: 360px;
}

.photo.clean-photo .real-photo {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 28px;
}

.contacts__grid a {
  color: #f07b22;
  font-weight: 800;
}

@media(max-width:920px) {
  .hero .photo.clean-photo {
    height: 340px;
    min-height: 340px;
  }
  .split .photo.clean-photo {
    height: 320px;
    min-height: 320px;
  }
}

@media(max-width:560px) {
  .phone-stack {
    display: none;
  }
  .photo.clean-photo .real-photo {
    border-radius: 22px;
  }
}


/* Логотип в шапке */
.logo{display:flex;align-items:center;gap:12px;min-width:0}
.logo__img{width:44px;height:44px;display:block;object-fit:contain;flex:0 0 44px}
.logo__text{display:flex;flex-direction:column;min-width:0}
.logo__title{display:block;font-size:22px;line-height:1.02;letter-spacing:-.4px;white-space:nowrap}
.logo__subtitle{display:block;color:#777;margin-top:3px;line-height:1.1}
@media(max-width:920px){.logo__title{font-size:18px}}
@media(max-width:560px){.logo__img{width:38px;height:38px;flex-basis:38px}.logo__title{font-size:15px;white-space:normal;line-height:1.05}.logo__subtitle{display:none}}


/* Черновик 2: премиальные визуальные улучшения без смены структуры */
:root {
  --c-bg: #f2eee7;
  --c-bg-soft: #f7f3ed;
  --c-graphite: #171717;
  --c-stone: #5f5a52;
  --c-accent: #d96f24;
  --c-accent-dark: #bf5f1c;
  --c-border: #ded5c8;
}

body {
  background: var(--c-bg);
}

.header {
  background: rgba(242, 238, 231, 0.88);
  border-bottom-color: rgba(95, 90, 82, 0.14);
  box-shadow: 0 10px 30px rgba(23, 23, 23, 0.035);
}

.header__inner {
  min-height: 82px;
}

.logo__img {
  width: 50px;
  height: 50px;
  flex-basis: 50px;
}

.logo__title {
  font-size: 23px;
  font-weight: 950;
  letter-spacing: -0.6px;
}

.logo__subtitle {
  font-size: 12px;
  color: #6c655d;
}

.nav a {
  font-weight: 800;
  transition: color .22s ease, transform .22s ease;
}

.nav a:hover,
.nav a.active {
  color: var(--c-accent);
}

.nav a:hover {
  transform: translateY(-1px);
}

.hero {
  padding-top: 82px;
}

.hero__grid {
  grid-template-columns: 0.88fr 1.12fr;
  gap: 54px;
}

.hero .photo.clean-photo {
  height: 560px;
  min-height: 560px;
  box-shadow: 0 34px 80px rgba(23, 23, 23, .18);
  transition: transform .45s ease, box-shadow .45s ease;
}

.hero .photo.clean-photo:hover {
  transform: scale(1.012);
  box-shadow: 0 42px 100px rgba(23, 23, 23, .22);
}

.badge {
  color: #6f4625;
  box-shadow: 0 14px 36px rgba(23, 23, 23, .07);
}

h1 {
  color: var(--c-graphite);
}

.section__head h2,
.section h2,
.page-hero h1,
.calc h2,
.contacts h2 {
  font-weight: 950;
  letter-spacing: -1.4px;
}

.hero-note {
  display: inline-flex;
  margin: -12px 0 26px;
  padding: 11px 15px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--c-border);
  color: #5f5a52;
  font-weight: 850;
  box-shadow: 0 10px 28px rgba(23,23,23,.045);
}

.btn {
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, padding .22s ease;
}

.btn:hover {
  transform: translateY(-3px);
}

.btn--primary {
  background: var(--c-accent);
  box-shadow: 0 16px 34px rgba(217, 111, 36, .24);
}

.btn--primary:hover {
  background: var(--c-accent-dark);
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 22px 44px rgba(217, 111, 36, .32);
}

.btn--ghost:hover {
  border-color: var(--c-accent);
  box-shadow: 0 16px 34px rgba(23, 23, 23, .075);
}

.features span {
  color: #2c2a27;
}

.card {
  transition: transform .28s ease, box-shadow .28s ease;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 58px rgba(23,23,23,.11);
}

.card__image img,
.work-card img {
  transition: transform .45s ease;
}

.card:hover .card__image img,
.work-card:hover img {
  transform: scale(1.055);
}

.card h3 {
  font-weight: 950;
  letter-spacing: -.3px;
}

.steps__grid div {
  transition: transform .28s ease, box-shadow .28s ease;
  box-shadow: 0 8px 26px rgba(23,23,23,.04);
}

.steps__grid div:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px rgba(23,23,23,.085);
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .65s ease, transform .65s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.mobile-fixed-cta {
  display: none;
}

@media (max-width: 920px) {
  .hero__grid {
    grid-template-columns: 1fr;
  }

  .hero .photo.clean-photo {
    height: 390px;
    min-height: 390px;
  }

  .header__inner {
    min-height: 74px;
  }

  .logo__img {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

@media (max-width: 560px) {
  body {
    padding-bottom: 76px;
  }

  .hero {
    padding-top: 48px;
  }

  .hero .photo.clean-photo {
    height: 300px;
    min-height: 300px;
  }

  .hero-note {
    display: flex;
    font-size: 13px;
    line-height: 1.3;
    border-radius: 16px;
  }

  .mobile-fixed-cta {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 50;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 8px;
    border-radius: 18px;
    background: rgba(23, 23, 23, .88);
    backdrop-filter: blur(12px);
    box-shadow: 0 16px 50px rgba(0,0,0,.26);
  }

  .mobile-fixed-cta a {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff;
    color: #171717;
    font-weight: 900;
    font-size: 13px;
  }

  .mobile-fixed-cta a:first-child {
    background: var(--c-accent);
    color: #fff;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .btn,
  .card,
  .photo,
  .card__image img,
  .work-card img,
  .steps__grid div {
    transition: none !important;
  }
}

/* Правки по ТЗ: широкая шапка, адрес, объединенный каталог и широкий hero */
.container{width:min(1440px,calc(100% - 56px));}
body{background-color:#f2eee7;background-image:radial-gradient(circle at 0 20%,rgba(217,111,36,.055),transparent 28%),radial-gradient(circle at 100% 42%,rgba(23,23,23,.05),transparent 24%),linear-gradient(90deg,rgba(23,23,23,.025) 1px,transparent 1px);background-size:auto,auto,72px 72px;}
.header__inner{min-height:92px;gap:18px;}
.header-info{display:flex;flex-direction:column;gap:2px;min-width:185px;color:#27241f;line-height:1.15;}
.header-info span{font-size:12px;color:#6f6860;}
.header-info strong{font-size:15px;letter-spacing:.2px;text-transform:uppercase;}
.header-info small{font-size:13px;color:#6f6860;}
.header-address{display:flex;align-items:center;gap:12px;min-width:230px;padding-left:6px;color:#27241f;line-height:1.22;}
.header-address__pin{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(217,111,36,.11);color:var(--c-accent);font-size:22px;font-weight:900;flex:0 0 34px;}
.header-address strong{display:block;font-size:14px;margin-bottom:3px;}
.header-address span:not(.header-address__pin){display:block;font-size:14px;color:#5f5a52;}
.header-contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap;}
.phone-stack span{font-size:21px;letter-spacing:.2px;}
.callback-link{font-size:14px;font-weight:800;color:#9b4a68;text-decoration:underline;text-underline-offset:4px;}
.nav{gap:16px;font-size:14px;}
.logo__title{font-size:21px;}
.logo__subtitle{font-size:11px;}

.hero.hero--wide{position:relative;min-height:680px;display:flex;align-items:center;padding:0;background-image:linear-gradient(90deg,rgba(18,18,18,.88) 0%,rgba(18,18,18,.72) 34%,rgba(18,18,18,.28) 66%,rgba(18,18,18,.05) 100%),url("images/hero-wide.webp");background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}
.hero.hero--wide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.32));pointer-events:none;}
.hero--wide .hero__grid{position:relative;z-index:1;display:block;max-width:1440px;padding:96px 0 105px;}
.hero--wide .hero__content{max-width:760px;}
.hero--wide .photo{display:none;}
.hero--wide h1{color:#fff;text-shadow:0 12px 32px rgba(0,0,0,.28);}
.hero--wide .lead{color:rgba(255,255,255,.88);max-width:700px;}
.hero--wide .badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:none;color:#fff;backdrop-filter:blur(10px);}
.hero--wide .features{max-width:720px;}
.hero--wide .features span{color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);padding:12px 14px;border-radius:16px;backdrop-filter:blur(10px);}
.hero--wide .hero-note{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20);color:#fff;backdrop-filter:blur(10px);}
.hero--wide .btn--ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.30);color:#fff;backdrop-filter:blur(10px);}

.catalog-section{padding-top:64px;position:relative;}
.catalog-section::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,111,36,.35),transparent);}
.catalog-head{max-width:900px;}
.price-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:28px 0 42px;background:#191919;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(23,23,23,.14);}
.price-strip__item{min-height:108px;padding:22px 26px;color:#fff;display:grid;align-content:center;border-right:1px solid rgba(255,255,255,.12);}
.price-strip__item:last-child{border-right:0;}
.price-strip__item strong{white-space:nowrap;}
.price-strip__item span{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#cfc6bc;font-weight:900;margin-bottom:8px;}
.price-strip__item strong{font-size:34px;line-height:1;color:#d7ad73;letter-spacing:-.8px;}
.price-strip__item small{display:block;margin-top:5px;color:#9f978e;font-weight:800;}
.catalog-subhead{text-align:center;max-width:780px;margin:38px auto 22px;}
.catalog-subhead h3{font-size:28px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;}
.catalog-subhead p{color:#696058;line-height:1.55;}
.fence-options{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:stretch;margin-bottom:44px;}
.fence-options img{width:100%;height:100%;max-height:285px;object-fit:contain;background:#fff;border-radius:24px;box-shadow:0 16px 45px rgba(23,23,23,.08);padding:14px;}
.fence-options__note{background:#fff;border-radius:24px;box-shadow:0 16px 45px rgba(23,23,23,.06);padding:26px;display:flex;flex-direction:column;justify-content:center;gap:10px;}
.fence-options__note strong{font-size:22px;line-height:1.1;}
.fence-options__note span{color:#696058;line-height:1.45;}
.fence-options__note a{color:var(--c-accent);font-weight:900;margin-top:8px;}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.product-card{background:#fff;border:1px solid rgba(23,23,23,.055);border-radius:24px;padding:14px;box-shadow:0 16px 45px rgba(23,23,23,.055);transition:transform .28s ease,box-shadow .28s ease;}
.product-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(23,23,23,.12);}
.product-card__image{height:205px;border-radius:18px;overflow:hidden;background:#ddd;margin-bottom:16px;}
.product-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.product-card:hover .product-card__image img{transform:scale(1.055);}
.product-card h3{font-size:21px;margin-bottom:8px;font-weight:950;}
.product-card p{color:#686058;line-height:1.45;min-height:58px;}
.product-card strong{display:block;color:var(--c-accent);font-size:18px;margin-top:12px;}
.catalog-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;}
.about-preview{background:rgba(255,255,255,.42);border-top:1px solid rgba(23,23,23,.04);border-bottom:1px solid rgba(23,23,23,.04);}

@media(max-width:1380px){
  .container{width:min(1280px,calc(100% - 44px));}
  .header-info{display:none;}
  .nav{gap:14px;}
  .phone-stack span{font-size:19px;}
}
@media(max-width:1120px){
  .header-address{display:none;}
  .product-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:920px){
  .container{width:min(100% - 32px,1180px);}
  .hero.hero--wide{min-height:auto;}
  .hero--wide .hero__grid{padding:70px 0 76px;}
  .price-strip{grid-template-columns:repeat(2,1fr);}
  .price-strip__item{border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}
  .price-strip__item:nth-child(2n){border-right:0;}
  .price-strip__item:nth-last-child(-n+1){border-bottom:0;}
  .fence-options{grid-template-columns:1fr;}
  .fence-options img{max-height:none;}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .header-contact{margin-left:auto;}
}
@media(max-width:560px){
  .container{width:min(100% - 22px,1180px);}
  .hero.hero--wide{background-position:63% center;}
  .hero--wide .hero__grid{padding:48px 0 58px;}
  .hero--wide .features{grid-template-columns:1fr;}
  .price-strip,.product-grid{grid-template-columns:1fr;}
  .price-strip__item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;}
  .price-strip__item:last-child{border-bottom:0!important;}
  .product-card__image{height:190px;}
  .catalog-subhead h3{font-size:22px;}
}


/* --- Правки по замечаниям: шапка и главное фото --- */
.header__inner{
  gap:12px;
  align-items:center;
}
.logo{
  flex:0 0 auto;
  min-width:0;
  margin-right:6px;
}
.logo__img{
  width:64px;
  height:64px;
  flex-basis:64px;
}
.logo__title{
  font-size:25px;
  line-height:1;
  white-space:nowrap;
}
.logo__subtitle{
  font-size:12px;
  white-space:nowrap;
}
.header-info{
  min-width:170px;
  max-width:220px;
}
.header-address{
  min-width:235px;
  max-width:265px;
}
.nav{
  gap:16px;
  font-size:14px;
  white-space:nowrap;
  flex:1 1 auto;
  justify-content:center;
}
.nav a{
  white-space:nowrap;
}
.header-contact{
  margin-left:auto;
  padding-left:8px;
}
.phone-stack span{
  font-size:24px;
  line-height:1.08;
}
.callback-link{
  font-size:14px;
}
.hero__grid{
  grid-template-columns: 0.82fr 1.18fr;
  gap:42px;
}
.hero .photo.clean-photo,
.hero .photo.clean-photo img.real-photo{
  height:580px;
  min-height:580px;
}
.hero .photo.clean-photo img.real-photo{
  object-fit:cover;
  object-position:center;
}

@media (max-width: 1280px){
  .container{width:min(1380px,calc(100% - 34px));}
  .logo__title{font-size:22px;}
  .phone-stack span{font-size:21px;}
  .header-info{min-width:150px;max-width:190px;}
  .header-address{min-width:210px;max-width:235px;}
  .nav{gap:12px;font-size:13px;}
}

@media (max-width: 1080px){
  .header__inner{gap:10px;}
  .logo__img{width:56px;height:56px;flex-basis:56px;}
  .logo__title{font-size:19px;}
  .logo__subtitle{font-size:11px;}
  .header-info strong{font-size:14px;}
  .header-address strong,
  .header-address span:not(.header-address__pin){font-size:13px;}
  .phone-stack span{font-size:18px;}
  .nav{gap:10px;font-size:12px;}
}

@media (max-width: 920px){
  .logo__img{width:48px;height:48px;flex-basis:48px;}
  .logo__title{font-size:18px;white-space:normal;}
  .logo__subtitle{white-space:normal;}
  .header-info,.header-address,.nav,.header-contact{display:none;}
}

@media (max-width:560px){
  .hero .photo.clean-photo,
  .hero .photo.clean-photo img.real-photo{
    height:300px;
    min-height:300px;
  }
}


/* --- Новый блок популярных моделей --- */
.models-showcase{margin:34px 0 22px;}
.models-showcase__head{text-align:center;max-width:980px;margin:0 auto 28px;}
.models-showcase__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;background:#f4ece3;color:var(--c-accent);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.55px;}
.models-showcase__head h3,.why-us__head h3{margin:16px 0 10px;font-size:clamp(34px,4.5vw,64px);line-height:.98;letter-spacing:-1.6px;font-weight:950;color:#171717;}
.models-showcase__head p{margin:0;font-size:22px;line-height:1.45;color:#5d5750;}
.models-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.model-card{background:rgba(255,255,255,.94);border:1px solid #e7ddd1;border-radius:28px;padding:18px;box-shadow:0 18px 42px rgba(23,23,23,.06);display:flex;flex-direction:column;min-height:100%;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.model-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(23,23,23,.1);border-color:#e0b48f;}
.model-card--accent{border-color:#e8893d;background:linear-gradient(180deg,#fffdfa 0%,#fff7f0 100%);}
.model-card__image{background:#fbfbfb;border-radius:22px;padding:18px;aspect-ratio:1/.84;display:grid;place-items:center;border:1px solid #f0e8dd;overflow:hidden;}
.model-card__image img{width:100%;height:100%;object-fit:contain;display:block;}
.model-card__image--catalog{background:linear-gradient(180deg,#fffaf5 0%,#fff 100%);}
.model-card__image--catalog img{width:88%;height:88%;}
.model-card__meta{display:flex;align-items:center;gap:14px;margin:18px 0 12px;}
.model-card__number{width:42px;height:42px;border-radius:12px;background:#fbefe5;color:var(--c-accent);font-weight:900;font-size:20px;display:grid;place-items:center;flex:0 0 42px;}
.model-card__meta h4{margin:0;font-size:21px;font-weight:900;letter-spacing:-.4px;}
.model-card p{margin:0 0 22px;color:#5f5a52;line-height:1.55;font-size:17px;min-height:82px;}
.model-card__btn{margin-top:auto;min-height:54px;border-radius:16px;border:2px solid #ea8d48;color:#171717;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 18px;transition:all .22s ease;}
.model-card__btn:hover{background:#fff8f1;transform:translateY(-1px);}
.model-card__btn--accent{background:var(--c-accent);color:#fff;border-color:var(--c-accent);}
.model-card__btn--accent:hover{background:var(--c-accent-dark);}
.why-us--compact{margin-top:38px;}
.why-us__head{text-align:center;margin-bottom:22px;}
.why-us__head h3{font-size:clamp(28px,4vw,48px);}
.why-us__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.why-us__item{background:rgba(255,255,255,.76);border:1px solid #e5dbcf;border-radius:24px;padding:20px 18px;display:flex;flex-direction:column;gap:10px;min-height:100%;}
.why-us__icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f6ede4;font-size:28px;}
.why-us__item strong{font-size:19px;line-height:1.2;}
.why-us__item span{color:#5d5750;line-height:1.5;font-size:16px;}
@media(max-width:1100px){.models-grid,.why-us__grid{grid-template-columns:repeat(2,minmax(0,1fr));}.models-showcase__head p{font-size:19px;}}
@media(max-width:680px){.models-grid,.why-us__grid{grid-template-columns:1fr;}.model-card p{min-height:auto;}.models-showcase__head h3,.why-us__head h3{letter-spacing:-1px;}.models-showcase__head p{font-size:17px;}}


/* --- Правки: порядок блоков, скрытие цен под карточками, компактный каталог --- */
.catalog-section{
  padding-top: 46px;
}
.page-hero--compact{
  padding: 38px 0 14px;
}
.page-hero--compact h1{
  margin-bottom: 8px;
}
.page-hero--compact .lead{
  margin-bottom: 0;
}
.product-card strong{
  display:none !important;
}
.catalog-section > .container > .models-showcase:first-child{
  margin-top: 0;
}
.catalog-section > .container > .catalog-subhead:first-child{
  margin-top: 0;
}
@media(max-width:560px){
  .catalog-section{
    padding-top: 32px;
  }
  .page-hero--compact{
    padding: 30px 0 10px;
  }
}


/* --- FAQ на странице О нас --- */
.faq-section{
  padding-top: 42px;
}
.faq-head{
  text-align:center;
  max-width: 820px;
  margin-left:auto;
  margin-right:auto;
}
.faq-head .badge{
  margin-bottom:16px;
}
.faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.faq-item{
  background:rgba(255,255,255,.82);
  border:1px solid #e5dbcf;
  border-radius:24px;
  box-shadow:0 14px 36px rgba(23,23,23,.055);
  overflow:hidden;
  transition:box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.faq-item:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 46px rgba(23,23,23,.08);
  border-color:#dfc7b0;
}
.faq-item[open]{
  background:#fff;
  border-color:#e5b489;
}
.faq-item summary{
  min-height:92px;
  padding:24px 70px 24px 26px;
  display:flex;
  align-items:center;
  position:relative;
  cursor:pointer;
  list-style:none;
  font-size:22px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:-.35px;
  color:#171717;
}
.faq-item summary::-webkit-details-marker{
  display:none;
}
.faq-item summary i{
  position:absolute;
  right:24px;
  top:50%;
  width:38px;
  height:38px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#f4ece3;
  display:grid;
  place-items:center;
  box-shadow:0 8px 20px rgba(217,111,36,.16);
}
.faq-item summary i::before{
  content:"✓";
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--c-accent);
  color:#fff;
  font-size:17px;
  font-style:normal;
  font-weight:950;
  transition:transform .22s ease, background-color .22s ease;
}
.faq-item[open] summary i::before{
  transform:rotate(360deg);
  background:#171717;
}
.faq-answer{
  padding:0 26px 26px;
  margin-top:-6px;
  color:#696058;
  font-size:18px;
  line-height:1.6;
  max-width:760px;
}
@media(max-width:920px){
  .faq-grid{
    grid-template-columns:1fr;
  }
  .faq-item summary{
    font-size:20px;
    min-height:82px;
  }
}
@media(max-width:560px){
  .faq-section{
    padding-top:34px;
  }
  .faq-item summary{
    padding:20px 62px 20px 20px;
    font-size:18px;
  }
  .faq-item summary i{
    right:18px;
    width:34px;
    height:34px;
  }
  .faq-item summary i::before{
    width:27px;
    height:27px;
    font-size:15px;
  }
  .faq-answer{
    padding:0 20px 22px;
    font-size:16px;
  }
}


/* --- Ссылка на FAQ на главной --- */
.hero-faq-link{display:inline-flex;margin:-12px 0 24px;color:#fff;font-weight:900;border-bottom:1px solid rgba(255,255,255,.45);opacity:.94;transition:opacity .22s ease,transform .22s ease,border-color .22s ease;}
.hero-faq-link:hover{opacity:1;transform:translateX(3px);border-color:#fff;}
.faq-cta-section{padding-top:30px;}
.faq-cta{background:linear-gradient(135deg,#191919 0%,#26211d 100%);color:#fff;border-radius:32px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;box-shadow:0 24px 70px rgba(23,23,23,.16);overflow:hidden;position:relative;}
.faq-cta::after{content:"?";position:absolute;right:34px;top:-36px;font-size:180px;line-height:1;font-weight:950;color:rgba(255,255,255,.045);}
.faq-cta .badge{margin-bottom:16px;}
.faq-cta h2{color:#fff;margin-bottom:12px;}
.faq-cta p{color:#d8d0c7;font-size:18px;line-height:1.55;max-width:760px;margin:0;}
.faq-cta .btn{position:relative;z-index:1;white-space:nowrap;}

/* --- Обновлённый футер --- */
.site-footer{background:#07111b;color:#e9edf2;padding:64px 0 28px;margin-top:0;}
.site-footer__grid{display:grid;grid-template-columns:1.35fr .72fr .86fr 1fr;gap:48px;align-items:start;}
.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.footer-logo img{width:64px;height:64px;object-fit:contain;display:block;}
.footer-logo strong{display:block;font-size:21px;line-height:1;letter-spacing:-.5px;color:#fff;}
.footer-logo small{display:block;margin-top:5px;color:#aeb7c2;font-size:13px;}
.site-footer__brand p{max-width:380px;margin:0 0 24px;color:#aeb7c2;line-height:1.6;}
.footer-socials{display:flex;align-items:center;gap:12px;}
.footer-social{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:950;font-size:13px;letter-spacing:.2px;box-shadow:0 12px 28px rgba(0,0,0,.22);transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;}
.footer-social:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.3);}
.footer-social--tg{background:#229ed9;}
.footer-social--vk{background:#0077ff;}
.footer-social--max{background:#f07b22;}
.footer-social--disabled{opacity:.55;cursor:not-allowed;}
.site-footer__col h3{color:#d8ad92;font-size:20px;margin:0 0 18px;letter-spacing:.2px;}
.site-footer__col a,.site-footer__col span{display:block;color:#d6dde6;margin-bottom:12px;line-height:1.45;}
.site-footer__col a{transition:color .22s ease,transform .22s ease;}
.site-footer__col a:hover{color:#f07b22;transform:translateX(3px);}
.site-footer__contacts .footer-phone{font-size:19px;font-weight:950;color:#fff;margin-bottom:8px;}
.footer-cta{display:inline-flex!important;width:max-content;min-height:46px;align-items:center;justify-content:center;margin-top:10px;padding:0 18px;border-radius:14px;background:#f07b22;color:#fff!important;font-weight:900;}
.footer-cta:hover{background:#d96f24;transform:translateY(-2px)!important;}
.site-footer__bottom{margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#95a0ad;font-size:14px;}
.site-footer__bottom a{color:#d8ad92;font-weight:800;}
@media(max-width:1100px){.site-footer__grid{grid-template-columns:1fr 1fr;gap:34px;}}
@media(max-width:760px){.faq-cta{grid-template-columns:1fr;padding:26px;}.faq-cta .btn{width:100%;}.site-footer{padding:50px 0 94px;}.site-footer__grid{grid-template-columns:1fr;}.site-footer__bottom{flex-direction:column;align-items:flex-start;}}


/* --- SEO-блок географии: аккуратно, без перегруза --- */
.service-area-section{
  padding-top: 30px;
  padding-bottom: 36px;
}
.service-area{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
  gap:28px;
  align-items:center;
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.64);
  border:1px solid #e5dbcf;
  box-shadow:0 16px 42px rgba(23,23,23,.045);
}
.service-area__eyebrow{
  display:inline-flex;
  margin-bottom:12px;
  color:var(--c-accent);
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.55px;
  font-size:13px;
}
.service-area h2{
  font-size:clamp(26px,3.2vw,40px);
  margin-bottom:12px;
}
.service-area p{
  margin:0;
  color:#615a52;
  font-size:18px;
  line-height:1.55;
}
.service-area__cities{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.service-area__cities span{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:#f8f3ec;
  border:1px solid #e2d6c8;
  color:#3b352f;
  font-weight:850;
  font-size:14px;
}
.footer-geo{
  margin-top:-10px!important;
  font-size:14px;
  color:#8e99a6!important;
}

@media(max-width:900px){
  .service-area{
    grid-template-columns:1fr;
  }
  .service-area__cities{
    justify-content:flex-start;
  }
}
@media(max-width:560px){
  .service-area{
    padding:22px;
  }
  .service-area p{
    font-size:16px;
  }
}


/* --- Просмотр фото в каталоге --- */
.product-card__image img{cursor:zoom-in;}
.image-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(7,10,14,.82);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:34px;opacity:0;pointer-events:none;transition:opacity .24s ease;}
.image-lightbox.is-open{opacity:1;pointer-events:auto;}
.image-lightbox__dialog{position:relative;max-width:min(1200px,92vw);max-height:88vh;width:auto;display:flex;flex-direction:column;align-items:center;gap:12px;}
.image-lightbox__img{display:block;max-width:min(1200px,92vw);max-height:78vh;width:auto;height:auto;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.35);background:#fff;object-fit:contain;}
.image-lightbox__caption{color:#fff;font-size:16px;line-height:1.45;text-align:center;max-width:820px;}
.image-lightbox__close{position:absolute;top:-10px;right:-10px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#171717;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 32px rgba(0,0,0,.28);}
.image-lightbox__hint{color:rgba(255,255,255,.76);font-size:13px;}
@media(max-width:640px){.image-lightbox{padding:18px;}.image-lightbox__img{max-width:94vw;max-height:70vh;border-radius:16px;}.image-lightbox__close{top:-8px;right:-4px;width:40px;height:40px;}}


/* --- Меню сайта в шапке --- */
.desktop-menu-toggle{
  width:128px;
  min-width:118px;
  height:46px;
  border:1px solid #e2d6c8;
  border-radius:14px;
  background:#fff8f0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  cursor:pointer;
  color:#171717;
  font-weight:900;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.desktop-menu-toggle span,
.desktop-menu-toggle span::before,
.desktop-menu-toggle span::after{
  display:block;
  width:18px;
  height:2px;
  background:#171717;
  border-radius:99px;
  content:"";
  position:relative;
}
.desktop-menu-toggle span::before{position:absolute;top:-6px;left:0;}
.desktop-menu-toggle span::after{position:absolute;top:6px;left:0;}
.desktop-menu-toggle b{font-size:13px;}
.desktop-menu-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(23,23,23,.08);
  border-color:#e8893d;
}
.desktop-menu-panel{
  position:fixed;
  top:82px;
  left:32px;
  z-index:60;
  width:260px;
  background:#fff;
  border:1px solid #e5dbcf;
  border-radius:22px;
  box-shadow:0 24px 70px rgba(23,23,23,.18);
  padding:12px;
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
body.desktop-menu-open .desktop-menu-panel{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.desktop-menu-panel__inner{
  display:grid;
  gap:4px;
}
.desktop-menu-panel strong{
  padding:12px 12px 8px;
  font-size:18px;
}
.desktop-menu-panel a{
  padding:12px;
  border-radius:14px;
  font-weight:850;
}
.desktop-menu-panel a:hover{
  background:#f7f1ea;
  color:#f07b22;
}
.desktop-menu-panel__cta{
  background:#f07b22!important;
  color:#fff!important;
  text-align:center;
  margin-top:6px;
}

/* --- Фото продукции: подсказка увеличения --- */
.product-card__image{position:relative;}
.product-card__image::after{
  content:"⤢";
  position:absolute;
  right:12px;
  top:12px;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,255,255,.94);
  color:#171717;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:950;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  pointer-events:none;
  transition:transform .22s ease;
}
.product-card__image:hover::after{transform:scale(1.05);}

/* --- Отзывы --- */
.reviews-preview-section{
  padding-top:34px;
}
.reviews-head{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.reviews-head .badge{
  margin-bottom:16px;
}
.reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.review-card{
  background:rgba(255,255,255,.88);
  border:1px solid #e5dbcf;
  border-radius:24px;
  padding:24px;
  box-shadow:0 16px 42px rgba(23,23,23,.055);
}
.review-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.review-card__top strong{
  font-size:20px;
  line-height:1.2;
}
.review-card__top span{
  color:#f07b22;
  letter-spacing:1px;
  font-size:14px;
  white-space:nowrap;
}
.review-card p{
  margin:0;
  color:#5d5750;
  line-height:1.6;
  font-size:17px;
}
.reviews-preview__actions{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}
.review-note{
  margin-top:30px;
  background:#191919;
  color:#fff;
  border-radius:28px;
  padding:30px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
}
.review-note h2{
  color:#fff;
  margin-bottom:8px;
}
.review-note p{
  margin:0;
  color:#d0c8bf;
  line-height:1.55;
}
.review-note__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* --- Плавающая кнопка расчёта --- */
.floating-calc{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:55;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:999px;
  background:#f07b22;
  color:#fff;
  font-weight:950;
  box-shadow:0 18px 42px rgba(240,123,34,.32);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.floating-calc:hover{
  transform:translateY(-3px);
  background:#d96f24;
  box-shadow:0 22px 52px rgba(240,123,34,.42);
}

@media(max-width:1280px){
  .desktop-menu-toggle{
    width:52px;
    min-width:52px;
  }
  .desktop-menu-toggle b{display:none;}
}
@media(max-width:1100px){
  .reviews-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:920px){
  .desktop-menu-toggle,
  .desktop-menu-panel{
    display:none;
  }
}
@media(max-width:760px){
  .reviews-grid,
  .review-note{
    grid-template-columns:1fr;
  }
  .floating-calc{
    right:14px;
    bottom:84px;
    min-height:44px;
    padding:0 16px;
    font-size:14px;
  }
}
@media(max-width:560px){
  .reviews-grid{
    grid-template-columns:1fr;
  }
  .review-card{
    padding:20px;
  }
}


/* --- Мелкая правка меню сайта --- */
.desktop-menu-toggle{
  margin-left:-38px;
}
.desktop-menu-panel{
  left:18px;
}
.desktop-menu-panel__inner{
  padding-top:2px;
}
@media(max-width:1280px){
  .desktop-menu-toggle{
    margin-left:-28px;
  }
}
@media(max-width:920px){
  .desktop-menu-toggle{
    margin-left:0;
  }
}


/* --- Правка: всю шапку сместить левее на широком экране --- */
@media (min-width: 921px){
  .header .container.header__inner{
    width: calc(100% - 40px);
    max-width: none;
    margin-left: 18px;
    margin-right: 18px;
  }

  .desktop-menu-toggle{
    margin-left: 0 !important;
  }

  .desktop-menu-panel{
    left: 18px !important;
  }
}


/* --- Правка навигации + виньетка --- */
@media (min-width: 921px){
  .header .container.header__inner{
    gap: 12px !important;
  }
  .logo{gap:10px;}
  .header-info{min-width:170px;}
  .header-address{min-width:208px; padding-left:2px;}
  .nav{gap:12px !important; font-size:13px !important;}
  .nav a{white-space:nowrap;}
  .phone-stack span{font-size:20px;}
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:2;
  box-shadow: inset 0 0 120px rgba(0,0,0,.10), inset 0 0 32px rgba(0,0,0,.06);
}
@media (max-width: 760px){
  body::before{
    box-shadow: inset 0 0 70px rgba(0,0,0,.08), inset 0 0 18px rgba(0,0,0,.04);
  }
}


/* --- Увеличенные заголовки блоков --- */
h2{font-size:clamp(34px,4.6vw,52px)!important;line-height:1.02;letter-spacing:-1.2px;}
.models-showcase__head h3,
.catalog-subhead h3,
.why-us__head h3,
.page-hero h1,
.reviews-head h2,
.location-section__head h2{
  font-size:clamp(34px,4.4vw,50px);
  line-height:1.04;
  letter-spacing:-1.1px;
}
.section__head h2{margin-bottom:16px;}
.steps__grid h3,
.review-note h2,
.site-footer__col h3{
  font-size:clamp(24px,2.4vw,30px);
}
.catalog-subhead h3{margin-bottom:18px;}
.models-showcase__head p,
.section__head p,
.location-section__head p{font-size:20px;}

/* --- Виньетка усилена примерно на 15% --- */
body::before{
  box-shadow: inset 0 0 138px rgba(0,0,0,.118), inset 0 0 38px rgba(0,0,0,.069) !important;
}
@media (max-width: 760px){
  body::before{
    box-shadow: inset 0 0 81px rgba(0,0,0,.092), inset 0 0 21px rgba(0,0,0,.046) !important;
  }
}

/* --- Карта с местоположением --- */
.map.map--embed{
  position:relative;
  min-height:360px;
  overflow:hidden;
  border-radius:28px;
  background:#d9d0c7;
  box-shadow:0 22px 54px rgba(23,23,23,.10);
}
.map.map--embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.map__info{
  position:absolute;
  left:20px;
  bottom:20px;
  z-index:2;
  background:rgba(255,248,240,.95);
  border:1px solid #eadfce;
  border-radius:20px;
  padding:16px 18px;
  box-shadow:0 12px 30px rgba(23,23,23,.12);
  max-width:310px;
  display:grid;
  gap:8px;
}
.map__info strong{
  font-size:19px;
  color:#171717;
}
.map__info span{
  color:#5f5a52;
  line-height:1.45;
  font-size:15px;
}
.map__info a{
  color:#f07b22;
  font-weight:900;
}
.location-section{padding-top:8px;}
.location-section__head{text-align:center;max-width:840px;margin:0 auto 28px;}
.location-map-card{background:rgba(255,255,255,.75);padding:14px;border-radius:34px;border:1px solid #e8ddd0;box-shadow:0 18px 44px rgba(23,23,23,.05);}

@media (max-width: 760px){
  .map.map--embed{min-height:320px;}
  .map__info{left:12px;right:12px;bottom:12px;max-width:none;padding:14px 16px;}
  .models-showcase__head p,
  .section__head p,
  .location-section__head p{font-size:18px;}
}


/* --- Точная правка по последнему комментарию пользователя --- */
/* Возвращаем обычные размеры контентных заголовков */
h2{font-size:clamp(30px,4vw,46px)!important;line-height:1;letter-spacing:-1px;}
.models-showcase__head h3,
.catalog-subhead h3,
.why-us__head h3,
.reviews-head h2,
.location-section__head h2{
  font-size:clamp(30px,3.9vw,42px)!important;
  line-height:1.06;
  letter-spacing:-.9px;
}
.page-hero h1{
  font-size:clamp(42px,5vw,72px)!important;
  line-height:1.02;
  letter-spacing:-1.2px;
}
.steps__grid h3,
.review-note h2,
.site-footer__col h3{
  font-size:22px!important;
}
.models-showcase__head p,
.section__head p,
.location-section__head p{
  font-size:19px!important;
}

/* Увеличиваем именно шрифт пунктов в шапке */
@media (min-width: 921px){
  .nav{
    gap:14px !important;
    font-size:16px !important;
    font-weight:800;
  }
  .nav a{
    white-space:nowrap;
  }
  .phone-stack span{
    font-size:18px !important;
    letter-spacing:.1px;
  }
}

/* Усиленная боковая виньетка */
body::before{
  box-shadow:none !important;
  background:
    linear-gradient(to right, rgba(0,0,0,.24) 0, rgba(0,0,0,.14) 24px, rgba(0,0,0,.07) 48px, rgba(0,0,0,0) 92px),
    linear-gradient(to left, rgba(0,0,0,.24) 0, rgba(0,0,0,.14) 24px, rgba(0,0,0,.07) 48px, rgba(0,0,0,0) 92px);
}
@media (max-width: 760px){
  body::before{
    background:
      linear-gradient(to right, rgba(0,0,0,.20) 0, rgba(0,0,0,.12) 18px, rgba(0,0,0,.05) 34px, rgba(0,0,0,0) 64px),
      linear-gradient(to left, rgba(0,0,0,.20) 0, rgba(0,0,0,.12) 18px, rgba(0,0,0,.05) 34px, rgba(0,0,0,0) 64px);
  }
}

/* Яндекс-карта */
.map.map--embed{
  background:#d9d0c7;
}
.map.map--embed iframe{
  filter:saturate(.98) contrast(1.01);
}


/* --- Кнопки мессенджеров в блоке отзывов --- */
.btn--messenger{
  color:#fff !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.btn--telegram{
  background:#229ED9 !important;
}
.btn--telegram:hover{
  background:#1b8ec4 !important;
}
.btn--vk{
  background:#0077FF !important;
}
.btn--vk:hover{
  background:#0067dc !important;
}


/* --- Перенос кнопки меню сайта в правый край шапки --- */
@media (min-width: 921px){
  .header__inner{
    justify-content:flex-start !important;
  }

  .logo,
  .header-info,
  .header-address,
  .nav,
  .header-contact{
    flex:0 0 auto;
  }

  .header-contact{
    margin-left:auto;
  }

  .desktop-menu-toggle{
    order:90;
    margin-left:14px !important;
    margin-right:0 !important;
    flex:0 0 auto;
  }

  .menu-btn{
    order:91;
  }

  .desktop-menu-panel{
    left:auto !important;
    right:18px !important;
  }
}


/* --- Точечные правки по шапке, странице О нас и контактам --- */
@media (min-width: 921px){
  .nav{
    margin-left: 28px !important;
  }
}

.about-main-section{
  padding-top: 18px !important;
}
.about-section-title{
  font-size: clamp(24px, 2.3vw, 32px) !important;
  line-height: 1.12;
  margin-bottom: 14px;
}

.contacts__grid p a{
  word-break: break-word;
}


/* --- FAQ: независимые колонки, чтобы соседний блок не растягивался --- */
.faq-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.faq-column{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.faq-item{
  height:auto;
}

/* --- Меню сайта: не кнопка, а аккуратный текст + 3 полоски --- */
.desktop-menu-toggle{
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  padding:4px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  justify-content:flex-start !important;
  gap:14px !important;
}
.desktop-menu-toggle:hover{
  transform:none !important;
  box-shadow:none !important;
  border-color:transparent !important;
}
.desktop-menu-toggle b{
  order:1;
  font-size:13px !important;
  line-height:1.05;
  font-weight:700 !important;
  color:#5f5a52;
  text-align:left;
  max-width:54px;
}
.desktop-menu-toggle span{
  order:2;
  display:block;
  width:38px !important;
  height:4px !important;
  background:#9b4a68 !important;
  border-radius:99px;
  position:relative;
  flex:0 0 38px;
}
.desktop-menu-toggle span::before,
.desktop-menu-toggle span::after{
  content:"";
  position:absolute;
  left:0;
  height:4px !important;
  background:#9b4a68 !important;
  border-radius:99px;
}
.desktop-menu-toggle span::before{
  width:52px;
  top:-12px;
}
.desktop-menu-toggle span::after{
  width:24px;
  top:12px;
}

@media (max-width:920px){
  .faq-grid{grid-template-columns:1fr !important;}
  .desktop-menu-toggle{display:none;}
}


/* =========================================================
   Финальная визуальная полировка: бетонный фон, анимации, FAQ
   ========================================================= */
body{
  background-color:#f2eee7 !important;
  background-image:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.72) 0, rgba(255,255,255,0) 320px),
    radial-gradient(circle at 84% 20%, rgba(217,111,36,.07) 0, rgba(217,111,36,0) 360px),
    radial-gradient(circle at 24% 86%, rgba(23,23,23,.055) 0, rgba(23,23,23,0) 420px),
    linear-gradient(135deg, rgba(255,255,255,.32) 0 25%, rgba(0,0,0,.025) 25% 25.7%, transparent 25.7% 50%, rgba(0,0,0,.018) 50% 50.7%, transparent 50.7% 75%, rgba(255,255,255,.22) 75% 75.7%, transparent 75.7%),
    repeating-linear-gradient(0deg, rgba(23,23,23,.018) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(90deg, rgba(23,23,23,.014) 0 1px, transparent 1px 22px) !important;
  background-size:auto, auto, auto, 180px 180px, 100% 100%, 100% 100% !important;
  background-attachment:fixed !important;
}

main{
  position:relative;
  overflow:hidden;
}
main::before,
main::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  border-radius:50%;
  filter:blur(8px);
}
main::before{
  width:440px;
  height:440px;
  right:-240px;
  top:860px;
  background:radial-gradient(circle, rgba(217,111,36,.095), rgba(217,111,36,0) 66%);
}
main::after{
  width:520px;
  height:520px;
  left:-310px;
  top:1760px;
  background:radial-gradient(circle, rgba(23,23,23,.075), rgba(23,23,23,0) 68%);
}
main > section,
main > .section{
  position:relative;
  z-index:1;
}

.section::after{
  content:"";
  position:absolute;
  inset:auto max(16px, calc((100vw - 1380px) / 2)) 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(23,23,23,.055), transparent);
  pointer-events:none;
}

.product-card,
.model-card,
.review-card,
.why-us__item,
.steps__grid > div,
.card,
.price-strip__item,
.faq-item{
  will-change:transform, box-shadow;
  transition:transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s cubic-bezier(.2,.8,.2,1), border-color .32s ease, background-color .32s ease !important;
}

.product-card:hover,
.model-card:hover,
.review-card:hover,
.why-us__item:hover,
.steps__grid > div:hover,
.card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 30px 72px rgba(23,23,23,.145) !important;
  border-color:rgba(217,111,36,.42) !important;
}

.price-strip__item:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.065);
}

.product-card__image,
.model-card__image,
.card__image{
  position:relative;
}
.product-card__image::before,
.model-card__image::before,
.card__image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.26) 42%, rgba(255,255,255,0) 74%);
  transform:translateX(-140%);
  transition:transform .65s ease;
  pointer-events:none;
}
.product-card:hover .product-card__image::before,
.model-card:hover .model-card__image::before,
.card:hover .card__image::before{
  transform:translateX(140%);
}
.product-card:hover .product-card__image img,
.model-card:hover .model-card__image img,
.card:hover .card__image img{
  transform:scale(1.07) !important;
}

/* Плавное раскрытие FAQ */
.faq-answer{
  overflow:hidden;
  max-height:0;
  opacity:0;
  padding-top:0 !important;
  padding-bottom:0 !important;
  transition:max-height .34s ease, opacity .24s ease, padding .34s ease;
}
.faq-item[open] .faq-answer{
  max-height:520px;
  opacity:1;
  padding-top:0 !important;
  padding-bottom:26px !important;
}
.faq-item.is-closing .faq-answer{
  max-height:0 !important;
  opacity:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.faq-item summary{
  transition:background-color .24s ease, color .24s ease;
}
.faq-item[open] summary{
  color:#111;
}

/* Аккуратная анимация плавающей кнопки */
@keyframes calcSoftPulse{
  0%,100%{box-shadow:0 18px 42px rgba(240,123,34,.32), 0 0 0 0 rgba(240,123,34,.28);}
  50%{box-shadow:0 22px 54px rgba(240,123,34,.42), 0 0 0 10px rgba(240,123,34,0);}
}
.floating-calc{
  animation:calcSoftPulse 2.7s ease-in-out infinite;
}
.floating-calc:hover{
  animation-play-state:paused;
}

/* Новый порядок меню — чуть уплотняем шапку после перестановки */
@media (min-width:921px){
  .nav{gap:13px !important;}
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

@media (max-width:760px){
  body{
    background-attachment:scroll !important;
  }
  main::before,
  main::after{
    opacity:.45;
  }
  .product-card:hover,
  .model-card:hover,
  .review-card:hover,
  .why-us__item:hover,
  .steps__grid > div:hover,
  .card:hover{
    transform:none !important;
  }
  .faq-item[open] .faq-answer{
    padding-bottom:20px !important;
  }
}


/* --- Убраны лишние кнопки "Позвонить / Перезвоните" --- */
.header-mobile-call,
.callback-link,
.mobile-fixed-cta{
  display:none !important;
}

/* --- Фон сайта немного темнее и глубже, без изменения структуры --- */
body{
  background-color:#ddd6cb !important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 31%),
    radial-gradient(circle at 86% 18%, rgba(86,80,72,.14) 0, rgba(86,80,72,0) 36%),
    radial-gradient(circle at 20% 86%, rgba(90,82,72,.10) 0, rgba(90,82,72,0) 34%),
    linear-gradient(rgba(52,49,44,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(52,49,44,.05) 1px, transparent 1px),
    repeating-linear-gradient(135deg, rgba(45,42,38,.045) 0 1px, rgba(255,255,255,.014) 1px 4px, transparent 4px 12px) !important;
  background-size:auto, auto, auto, 34px 34px, 34px 34px, 100% 100% !important;
}

/* Чуть приглушаем шапку под новый фон */
.header{
  background:rgba(229,223,214,.95) !important;
}

/* Карточки оставляем читаемыми, но не ослепительно белыми */
.card,
.product-card,
.model-card,
.review-card,
.faq-item,
.form{
  background-color:rgba(255,255,255,.86) !important;
}

@media (max-width:760px){
  body{
    background-color:#dad2c6 !important;
  }
}


/* --- Возврат текстуры из предыдущей версии + сделать её чуть темнее --- */
body{
  background-color:#ece6dc !important;
  background-image:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.54) 0, rgba(255,255,255,0) 320px),
    radial-gradient(circle at 84% 20%, rgba(217,111,36,.085) 0, rgba(217,111,36,0) 360px),
    radial-gradient(circle at 24% 86%, rgba(23,23,23,.075) 0, rgba(23,23,23,0) 420px),
    linear-gradient(135deg, rgba(255,255,255,.22) 0 25%, rgba(0,0,0,.032) 25% 25.7%, transparent 25.7% 50%, rgba(0,0,0,.024) 50% 50.7%, transparent 50.7% 75%, rgba(255,255,255,.14) 75% 75.7%, transparent 75.7%),
    repeating-linear-gradient(0deg, rgba(23,23,23,.022) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(90deg, rgba(23,23,23,.018) 0 1px, transparent 1px 22px) !important;
  background-size:auto, auto, auto, 180px 180px, 100% 100%, 100% 100% !important;
  background-attachment:fixed !important;
}

.header{
  background:rgba(228,221,211,.94) !important;
}

.card,
.product-card,
.model-card,
.review-card,
.faq-item,
.form{
  background-color:rgba(255,255,255,.88) !important;
}

@media (max-width:760px){
  body{
    background-color:#e8e1d6 !important;
    background-attachment:scroll !important;
  }
}


/* --- Возврат к простой текстуре: еле заметные вертикальные полоски --- */
body{
  background-color:#e6dfd4 !important;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(36, 33, 29, 0.045) 0px,
      rgba(36, 33, 29, 0.045) 1px,
      transparent 1px,
      transparent 58px
    ) !important;
  background-size:100% 100% !important;
  background-attachment:fixed !important;
}

main::before,
main::after{
  display:none !important;
}

.section::after{
  background:linear-gradient(90deg, transparent, rgba(23,23,23,.04), transparent) !important;
}

.header{
  background:rgba(229,223,214,.95) !important;
}

.card,
.product-card,
.model-card,
.review-card,
.faq-item,
.form{
  background-color:rgba(255,255,255,.88) !important;
}

@media (max-width:760px){
  body{
    background-color:#e2dbcf !important;
    background-attachment:scroll !important;
  }
}


/* --- Тонкая правка фона: менее заметные полоски, более бетонный цвет, виньетка чуть сильнее --- */
body{
  background-color:#ddd8cf !important;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(34, 31, 27, 0.022) 0px,
      rgba(34, 31, 27, 0.022) 1px,
      transparent 1px,
      transparent 60px
    ) !important;
  background-size:100% 100% !important;
  background-attachment:fixed !important;
}

/* Чуть усиливаем затемнение по краям */
body::before{
  background:
    linear-gradient(to right, rgba(0,0,0,.20) 0, rgba(0,0,0,.10) 20px, rgba(0,0,0,0) 70px),
    linear-gradient(to left, rgba(0,0,0,.20) 0, rgba(0,0,0,.10) 20px, rgba(0,0,0,0) 70px) !important;
}

.header{
  background:rgba(224,218,208,.95) !important;
}

.card,
.product-card,
.model-card,
.review-card,
.faq-item,
.form{
  background-color:rgba(255,255,255,.89) !important;
}

@media (max-width:760px){
  body{
    background-color:#d9d3c9 !important;
    background-attachment:scroll !important;
  }
  body::before{
    background:
      linear-gradient(to right, rgba(0,0,0,.18) 0, rgba(0,0,0,.09) 16px, rgba(0,0,0,0) 48px),
      linear-gradient(to left, rgba(0,0,0,.18) 0, rgba(0,0,0,.09) 16px, rgba(0,0,0,0) 48px) !important;
  }
}


/* --- Вариант фона: Светлый графитово-серый --- */
body{
  background-color:#cfd2d4 !important;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(18, 22, 26, 0.018) 0px,
      rgba(18, 22, 26, 0.018) 1px,
      transparent 1px,
      transparent 60px
    ) !important;
  background-size:100% 100% !important;
  background-attachment:fixed !important;
}

body::before{
  background:
    linear-gradient(to right, rgba(0,0,0,.22) 0, rgba(0,0,0,.105) 20px, rgba(0,0,0,0) 70px),
    linear-gradient(to left, rgba(0,0,0,.22) 0, rgba(0,0,0,.105) 20px, rgba(0,0,0,0) 70px) !important;
}

.header{
  background:rgba(212,216,218,.95) !important;
}

.card,
.product-card,
.model-card,
.review-card,
.faq-item,
.form{
  background-color:rgba(255,255,255,.90) !important;
}

@media (max-width:760px){
  body{
    background-color:#c8cbce !important;
    background-attachment:scroll !important;
  }
  body::before{
    background:
      linear-gradient(to right, rgba(0,0,0,.19) 0, rgba(0,0,0,.085) 16px, rgba(0,0,0,0) 48px),
      linear-gradient(to left, rgba(0,0,0,.19) 0, rgba(0,0,0,.085) 16px, rgba(0,0,0,0) 48px) !important;
  }
}


/* --- 3-й вариант: еле заметная бетонная текстура --- */
body{
  background-color:#cfd2d4 !important;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.08) 0 2px, transparent 2px 100%),
    radial-gradient(circle at 76% 24%, rgba(0,0,0,.03) 0 1.6px, transparent 1.6px 100%),
    radial-gradient(circle at 32% 72%, rgba(255,255,255,.05) 0 1.4px, transparent 1.4px 100%),
    radial-gradient(circle at 64% 82%, rgba(0,0,0,.025) 0 1.2px, transparent 1.2px 100%),
    repeating-linear-gradient(
      90deg,
      rgba(18, 22, 26, 0.015) 0px,
      rgba(18, 22, 26, 0.015) 1px,
      transparent 1px,
      transparent 60px
    ) !important;
  background-size:
    180px 180px,
    220px 220px,
    200px 200px,
    260px 260px,
    100% 100% !important;
  background-attachment:fixed !important;
}

@media (max-width:760px){
  body{
    background-attachment:scroll !important;
    background-size:
      150px 150px,
      180px 180px,
      160px 160px,
      210px 210px,
      100% 100% !important;
  }
}


/* =========================================================
   Надёжная мобильная версия для Android / Яндекс Браузера
   ========================================================= */

/* База: убираем горизонтальный сдвиг и конфликтующие мобильные CTA */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.header-mobile-call,
.callback-link,
.mobile-fixed-cta{
  display:none !important;
}

/* Планшет и телефон */
@media (max-width: 900px){
  body{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  .container{
    width:calc(100% - 28px) !important;
    max-width:1180px;
  }

  .header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(212,216,218,.98) !important;
    border-bottom:1px solid rgba(23,23,23,.10);
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .header .container.header__inner{
    width:100% !important;
    max-width:none !important;
    min-height:68px !important;
    height:68px;
    margin:0 !important;
    padding:8px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }

  .desktop-menu-toggle,
  .desktop-menu-panel,
  .header-info,
  .header-address,
  .nav,
  .header-contact{
    display:none !important;
  }

  .logo{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
  }

  .logo__img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
  }

  .logo__text{
    min-width:0 !important;
    overflow:hidden !important;
  }

  .logo__title{
    display:block !important;
    max-width:calc(100vw - 96px) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1.05 !important;
    letter-spacing:-.2px !important;
  }

  .logo__subtitle{
    display:block !important;
    max-width:calc(100vw - 96px) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:10px !important;
    line-height:1.2 !important;
  }

  .menu-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#f07b22 !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .mobile-nav{
    display:block !important;
    position:fixed !important;
    top:76px !important;
    left:14px !important;
    right:14px !important;
    z-index:110 !important;
    max-height:calc(100vh - 92px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
    background:#fff !important;
    border:1px solid #dedede !important;
    border-radius:22px !important;
    box-shadow:0 24px 70px rgba(0,0,0,.24) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-8px) !important;
    pointer-events:none !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  }

  body.menu-open .mobile-nav{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }

  .mobile-nav a{
    display:flex !important;
    align-items:center !important;
    min-height:52px !important;
    padding:0 18px !important;
    border-bottom:1px solid #eee !important;
    font-size:17px !important;
    font-weight:900 !important;
    color:#171717 !important;
  }

  .mobile-nav a:last-child{
    border-bottom:0 !important;
  }

  .mobile-nav__cta{
    min-height:52px !important;
    margin:12px !important;
    justify-content:center !important;
    border-radius:16px !important;
    background:#f07b22 !important;
    color:#fff !important;
    border-bottom:0 !important;
  }
}

/* Телефон */
@media (max-width: 768px){
  body{
    padding-bottom:78px;
    background-attachment:scroll !important;
  }

  body::before{
    background:
      linear-gradient(to right, rgba(0,0,0,.16) 0, rgba(0,0,0,.075) 16px, rgba(0,0,0,0) 48px),
      linear-gradient(to left, rgba(0,0,0,.16) 0, rgba(0,0,0,.075) 16px, rgba(0,0,0,0) 48px) !important;
  }

  .container{
    width:calc(100% - 24px) !important;
  }

  .hero.hero--wide{
    min-height:auto !important;
    padding:0 !important;
    background-position:center !important;
  }

  .hero__grid,
  .hero--wide .hero__grid,
  .split,
  .contacts__grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .hero--wide .hero__grid{
    padding:48px 0 54px !important;
  }

  .hero__visual,
  .hero .photo{
    display:none !important;
  }

  h1{
    font-size:38px !important;
    line-height:1 !important;
    letter-spacing:-1.2px !important;
  }

  .hero h1{
    font-size:40px !important;
    max-width:100% !important;
  }

  h2,
  .models-showcase__head h3,
  .catalog-subhead h3,
  .why-us__head h3,
  .reviews-head h2,
  .location-section__head h2{
    font-size:30px !important;
    line-height:1.07 !important;
    letter-spacing:-.75px !important;
  }

  .page-hero h1{
    font-size:38px !important;
  }

  .lead,
  .section__head p,
  .split p,
  .hero p{
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .badge{
    font-size:12px !important;
    padding:8px 11px !important;
    margin-bottom:14px !important;
  }

  .section{
    padding:46px 0 !important;
  }

  .page-hero{
    padding:36px 0 14px !important;
  }

  .section__head{
    margin-bottom:22px !important;
  }

  .actions,
  .catalog-cta,
  .reviews-preview__actions,
  .review-note__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .btn,
  .actions .btn,
  .catalog-cta .btn,
  .reviews-preview__actions .btn,
  .review-note__actions .btn{
    width:100% !important;
    min-height:52px !important;
    border-radius:16px !important;
    font-size:16px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .hero-note,
  .hero-faq-link{
    width:100% !important;
    text-align:center !important;
    justify-content:center !important;
  }

  .features,
  .models-grid,
  .product-grid,
  .cards,
  .gallery,
  .steps__grid,
  .why-us__grid,
  .reviews-grid,
  .site-footer__grid,
  .faq-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .faq-column{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .model-card,
  .product-card,
  .review-card,
  .why-us__item,
  .steps__grid > div,
  .card,
  .faq-item,
  .form{
    border-radius:22px !important;
  }

  .product-card,
  .model-card{
    padding:12px !important;
  }

  .product-card__image{
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    border-radius:18px !important;
  }

  .product-card__image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .model-card__image{
    aspect-ratio:16 / 10 !important;
    min-height:auto !important;
    border-radius:18px !important;
  }

  .product-card h3,
  .model-card h3{
    font-size:22px !important;
    margin:14px 0 8px !important;
  }

  .product-card p,
  .model-card p,
  .review-card p{
    font-size:15px !important;
    line-height:1.5 !important;
    min-height:auto !important;
  }

  .price-strip{
    display:grid !important;
    grid-template-columns:1fr !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }

  .price-strip__item{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
    padding:18px !important;
  }

  .price-strip__item:last-child{
    border-bottom:0 !important;
  }

  .price-strip__item strong{
    font-size:28px !important;
  }

  .faq-item summary{
    min-height:auto !important;
    padding:18px 56px 18px 18px !important;
    font-size:18px !important;
    line-height:1.25 !important;
  }

  .faq-item summary i{
    right:16px !important;
    width:34px !important;
    height:34px !important;
  }

  .faq-answer{
    padding-left:18px !important;
    padding-right:18px !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .form{
    padding:20px !important;
  }

  input,
  select{
    height:52px !important;
  }

  textarea{
    min-height:110px !important;
  }

  .map.map--embed{
    min-height:300px !important;
    border-radius:22px !important;
  }

  .map__info{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    max-width:none !important;
    margin:10px !important;
  }

  .review-note{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:22px !important;
    border-radius:24px !important;
  }

  .site-footer{
    padding:40px 0 102px !important;
  }

  .site-footer__col h3{
    font-size:20px !important;
  }

  .floating-calc{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    width:auto !important;
    min-height:52px !important;
    border-radius:18px !important;
    z-index:95 !important;
    font-size:16px !important;
  }
}

/* Самые узкие Android-экраны */
@media (max-width: 380px){
  .logo__title{
    font-size:14px !important;
    max-width:calc(100vw - 90px) !important;
  }

  .logo__subtitle{
    max-width:calc(100vw - 90px) !important;
  }

  h1,
  .hero h1{
    font-size:34px !important;
  }

  h2,
  .models-showcase__head h3,
  .catalog-subhead h3,
  .why-us__head h3,
  .reviews-head h2{
    font-size:28px !important;
  }
}


/* --- SEO/EEAT blocks added after Beget report --- */
.breadcrumbs{
  padding:12px 0 0;
  font-size:14px;
  color:#6d6860;
}
.breadcrumbs .container{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.breadcrumbs a{
  color:#7a4f35;
  font-weight:800;
}
.page-meta-info{
  margin:10px 0 0;
  font-size:14px;
  color:#746e66;
}
.seo-data-section{
  padding-top:36px!important;
  padding-bottom:36px!important;
}
.seo-data-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}
.seo-data-grid > div,
.mini-faq-list article,
.legal-content{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(23,23,23,.08);
  border-radius:22px;
  padding:22px;
}
.seo-data-grid h2,
.mini-faq-section h2{
  font-size:30px!important;
}
.seo-data-grid h3,
.mini-faq-list h3{
  font-size:22px!important;
  margin-bottom:10px;
}
.seo-data-grid ul{
  margin:0;
  padding-left:20px;
  color:#514c45;
  line-height:1.6;
}
.info-table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
  overflow:hidden;
  border-radius:14px;
}
.info-table th,
.info-table td{
  padding:12px 14px;
  border:1px solid #ded6cb;
  text-align:left;
  vertical-align:top;
}
.info-table th{
  background:#f0e8dd;
  font-weight:900;
}
.mini-faq-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.footer-owner{
  color:#cfc6b8;
  margin:18px 0 0;
  max-width:620px;
  line-height:1.55;
}
.legal-content h2{
  font-size:26px!important;
  margin-top:22px;
}
.legal-content ul{
  padding-left:22px;
  line-height:1.65;
}
@media(max-width:760px){
  .seo-data-grid,
  .mini-faq-list{
    grid-template-columns:1fr;
  }
  .seo-data-grid > div,
  .mini-faq-list article,
  .legal-content{
    padding:18px;
    border-radius:20px;
  }
}


/* --- Правка серой полосы с хлебными крошками под шапкой --- */
.breadcrumbs{
  height:32px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  background:rgba(206,210,212,.72);
  border-top:1px solid rgba(23,23,23,.06);
  border-bottom:1px solid rgba(23,23,23,.06);
}

.breadcrumbs .container{
  width:calc(100% - 40px) !important;
  max-width:none !important;
  margin-left:20px !important;
  margin-right:20px !important;
  height:100%;
  display:flex !important;
  align-items:center !important;
  gap:8px;
}

.breadcrumbs a,
.breadcrumbs span{
  line-height:1 !important;
}

@media(max-width:900px){
  .breadcrumbs{
    height:30px !important;
  }
  .breadcrumbs .container{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }
}


/* --- Финальные исправления после отчета 91/100 --- */
.site-reviews-mini{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.site-reviews-mini h2{
  font-size:30px !important;
  margin-bottom:18px;
}
.site-reviews-mini .mini-faq-list article{
  background:rgba(255,255,255,.80);
}
.reviews-source-note{
  margin-top:14px;
  color:#5e5850;
}
.reviews-source-note a{
  font-weight:900;
  color:#8d5134;
}
.legal-faq{
  margin-top:16px;
}
.legal-content table{
  margin:16px 0 24px;
}
.legal-content a{
  color:#8d5134;
  font-weight:900;
}


/* --- SEO-блоки оставлены, но нормально адаптированы под телефон --- */

.seo-data-section,
.mini-faq-section,
.site-reviews-mini{
  position:relative;
}

.seo-data-section .container,
.mini-faq-section .container,
.site-reviews-mini .container{
  position:relative;
}

.seo-data-grid > div,
.mini-faq-list article,
.site-reviews-mini .mini-faq-list article{
  box-shadow:0 16px 36px rgba(23,23,23,.06);
}

.reviews-source-note{
  margin-top:16px;
  color:#5d5750;
  font-size:15px;
  line-height:1.55;
}

@media (max-width: 760px){
  .seo-data-section,
  .mini-faq-section,
  .site-reviews-mini{
    padding:28px 0 !important;
  }

  .seo-data-section{
    margin-top:8px;
  }

  .seo-data-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .seo-data-grid > div,
  .mini-faq-list article,
  .site-reviews-mini .mini-faq-list article{
    padding:18px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(23,23,23,.08);
  }

  .seo-data-grid h2,
  .mini-faq-section h2,
  .site-reviews-mini h2{
    font-size:26px !important;
    line-height:1.1 !important;
    letter-spacing:-.45px !important;
    margin:0 0 14px !important;
  }

  .seo-data-grid h3,
  .mini-faq-list h3,
  .site-reviews-mini h3{
    font-size:19px !important;
    line-height:1.18 !important;
    margin:14px 0 8px !important;
  }

  .seo-data-grid p,
  .seo-data-grid li,
  .mini-faq-list p,
  .site-reviews-mini p{
    font-size:15px !important;
    line-height:1.52 !important;
  }

  .seo-data-grid ul{
    padding-left:18px !important;
    margin:8px 0 0 !important;
  }

  .seo-data-grid li{
    margin-bottom:5px;
  }

  .seo-data-section .info-table{
    width:100% !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    font-size:14px !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  .seo-data-section .info-table th,
  .seo-data-section .info-table td{
    padding:10px 11px !important;
    line-height:1.35 !important;
    vertical-align:top !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  .seo-data-section .info-table th:first-child,
  .seo-data-section .info-table td:first-child{
    width:38% !important;
  }

  .seo-data-section .info-table th:last-child,
  .seo-data-section .info-table td:last-child{
    width:62% !important;
  }

  .mini-faq-section .mini-faq-list,
  .site-reviews-mini .mini-faq-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .site-reviews-mini h2{
    margin-bottom:16px !important;
  }

  .reviews-source-note{
    padding:0 2px;
    font-size:14px !important;
  }
}

@media (max-width: 380px){
  .seo-data-grid > div,
  .mini-faq-list article,
  .site-reviews-mini .mini-faq-list article{
    padding:16px !important;
  }

  .seo-data-grid h2,
  .mini-faq-section h2,
  .site-reviews-mini h2{
    font-size:24px !important;
  }

  .seo-data-section .info-table{
    font-size:13px !important;
  }

  .seo-data-section .info-table th,
  .seo-data-section .info-table td{
    padding:9px 9px !important;
  }
}


/* =========================================================
   Жесткая правка видимости SEO-блоков на телефоне:
   карточки, рамки, фон и таблица как на ПК
   ========================================================= */

.seo-data-section .seo-data-grid > div,
.mini-faq-section .mini-faq-list > article,
.site-reviews-mini .mini-faq-list > article{
  background:#f6f6f4 !important;
  border:1px solid rgba(23,23,23,.10) !important;
  border-radius:24px !important;
  box-shadow:0 18px 44px rgba(23,23,23,.07) !important;
  overflow:hidden !important;
}

/* Android / Яндекс Браузер */
@media (max-width: 900px){
  .seo-data-section,
  .mini-faq-section,
  .site-reviews-mini{
    padding:30px 0 !important;
  }

  .seo-data-section .container,
  .mini-faq-section .container,
  .site-reviews-mini .container{
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:16px !important;
    margin-right:16px !important;
  }

  .seo-data-section .seo-data-grid,
  .mini-faq-section .mini-faq-list,
  .site-reviews-mini .mini-faq-list{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    width:100% !important;
  }

  .seo-data-section .seo-data-grid > div,
  .mini-faq-section .mini-faq-list > article,
  .site-reviews-mini .mini-faq-list > article{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:18px !important;
    background:#f7f7f5 !important;
    border:1px solid rgba(23,23,23,.12) !important;
    border-radius:22px !important;
    box-shadow:0 16px 38px rgba(23,23,23,.075) !important;
  }

  .seo-data-section h2,
  .mini-faq-section h2,
  .site-reviews-mini h2{
    font-size:28px !important;
    line-height:1.08 !important;
    margin:0 0 16px !important;
    letter-spacing:-.5px !important;
  }

  .seo-data-section h3,
  .mini-faq-section h3,
  .site-reviews-mini h3{
    font-size:20px !important;
    line-height:1.18 !important;
    margin:0 0 10px !important;
  }

  .seo-data-section p,
  .mini-faq-section p,
  .site-reviews-mini p,
  .seo-data-section li{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  .seo-data-section ul{
    padding-left:18px !important;
    margin:8px 0 0 !important;
  }

  /* Таблица "Данные для расчета" на телефоне превращается в аккуратные строки */
  .seo-data-section .info-table{
    display:block !important;
    width:100% !important;
    border:0 !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  .seo-data-section .info-table tbody{
    display:block !important;
    width:100% !important;
  }

  .seo-data-section .info-table tr{
    display:grid !important;
    grid-template-columns:38% 62% !important;
    width:100% !important;
    margin:0 0 8px !important;
    overflow:hidden !important;
    border:1px solid rgba(23,23,23,.10) !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.55) !important;
  }

  .seo-data-section .info-table tr:first-child{
    background:rgba(235,230,222,.85) !important;
  }

  .seo-data-section .info-table th,
  .seo-data-section .info-table td{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    padding:10px 11px !important;
    border:0 !important;
    line-height:1.32 !important;
    font-size:14px !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  .seo-data-section .info-table th:first-child,
  .seo-data-section .info-table td:first-child{
    font-weight:900 !important;
  }

  .reviews-source-note{
    margin:12px 2px 0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
  }
}

@media (max-width: 380px){
  .seo-data-section .container,
  .mini-faq-section .container,
  .site-reviews-mini .container{
    width:calc(100% - 24px) !important;
    margin-left:12px !important;
    margin-right:12px !important;
  }

  .seo-data-section .seo-data-grid > div,
  .mini-faq-section .mini-faq-list > article,
  .site-reviews-mini .mini-faq-list > article{
    padding:16px !important;
    border-radius:20px !important;
  }

  .seo-data-section h2,
  .mini-faq-section h2,
  .site-reviews-mini h2{
    font-size:25px !important;
  }

  .seo-data-section .info-table tr{
    grid-template-columns:40% 60% !important;
  }

  .seo-data-section .info-table th,
  .seo-data-section .info-table td{
    padding:9px 9px !important;
    font-size:13px !important;
  }
}


/* =========================================================
   FINAL MOBILE SEO CARDS FIX v20260705
   Принудительно делает SEO-блоки карточками на телефоне
   ========================================================= */
@media screen and (max-width: 900px){
  body .seo-data-section .container,
  body .mini-faq-section .container,
  body .site-reviews-mini .container{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }

  body .seo-data-section .seo-data-grid,
  body .mini-faq-section .mini-faq-list,
  body .site-reviews-mini .mini-faq-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
  }

  body .seo-data-section .seo-data-grid > div,
  body .mini-faq-section .mini-faq-list > article,
  body .site-reviews-mini .mini-faq-list > article{
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    padding:18px !important;
    margin:0 !important;
    background:#f7f7f5 !important;
    border:1px solid rgba(23,23,23,.14) !important;
    border-radius:22px !important;
    box-shadow:0 16px 38px rgba(23,23,23,.08) !important;
    overflow:hidden !important;
  }

  body .seo-data-section h2,
  body .mini-faq-section h2,
  body .site-reviews-mini h2{
    font-size:27px !important;
    line-height:1.1 !important;
    letter-spacing:-.4px !important;
    margin:0 0 16px !important;
  }

  body .seo-data-section h3,
  body .mini-faq-section h3,
  body .site-reviews-mini h3{
    font-size:20px !important;
    line-height:1.18 !important;
    margin:0 0 10px !important;
  }

  body .seo-data-section p,
  body .mini-faq-section p,
  body .site-reviews-mini p,
  body .seo-data-section li{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  body .seo-data-section .info-table{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
    border:0 !important;
    background:transparent !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }

  body .seo-data-section .info-table tbody{
    display:block !important;
    width:100% !important;
  }

  body .seo-data-section .info-table tr{
    display:grid !important;
    grid-template-columns:39% 61% !important;
    width:100% !important;
    margin:0 0 8px !important;
    border:1px solid rgba(23,23,23,.11) !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.62) !important;
  }

  body .seo-data-section .info-table tr:first-child{
    background:rgba(235,230,222,.92) !important;
  }

  body .seo-data-section .info-table th,
  body .seo-data-section .info-table td{
    display:block !important;
    min-width:0 !important;
    width:auto !important;
    padding:10px 10px !important;
    border:0 !important;
    font-size:14px !important;
    line-height:1.32 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
}

@media screen and (max-width: 380px){
  body .seo-data-section .container,
  body .mini-faq-section .container,
  body .site-reviews-mini .container{
    width:calc(100% - 24px) !important;
    margin-left:12px !important;
    margin-right:12px !important;
  }

  body .seo-data-section .seo-data-grid > div,
  body .mini-faq-section .mini-faq-list > article,
  body .site-reviews-mini .mini-faq-list > article{
    padding:16px !important;
    border-radius:20px !important;
  }

  body .seo-data-section h2,
  body .mini-faq-section h2,
  body .site-reviews-mini h2{
    font-size:25px !important;
  }

  body .seo-data-section .info-table tr{
    grid-template-columns:40% 60% !important;
  }

  body .seo-data-section .info-table th,
  body .seo-data-section .info-table td{
    padding:9px 8px !important;
    font-size:13px !important;
  }
}