@font-face{font-family:"Manrope";src:url("fonts/Manrope-VF.woff2") format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-VF.woff2") format("woff2");font-weight:400 600;font-display:swap}
:root {
  --blue: #1565c0;
  --blue-dark: #0d47a1;
  --orange: #ff8f00;
  --dark: #1f2933;
  --gray: #6b7280;
  --light: #f4f6fa;
  --white: #ffffff;
  --radius: 12px;
  --shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--dark);
  background: var(--white);
  line-height: 1.6;
}

a { color: var(--blue); text-decoration: none; }
img { max-width: 100%; display: block; }

.container { width: min(1140px, 92%); margin: 0 auto; }

h1, h2, h3 { line-height: 1.25; }
h1 { font-size: clamp(2rem, 4vw, 3rem); }
h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 1.5rem; text-align: center; }
h3 { font-size: 1.2rem; margin-bottom: .5rem; }

section { padding: 4rem 0; }
section.light { background: var(--light); }

/* ---------- Кнопки ---------- */
.btn {
  display: inline-block;
  padding: .85rem 1.8rem;
  border-radius: 50px;
  font-weight: 600;
  border: 2px solid transparent;
  cursor: pointer;
  transition: .2s;
  font-size: 1rem;
}
.btn-primary { background: var(--orange); color: var(--white); }
.btn-primary:hover { background: #e67e00; transform: translateY(-2px); }
.btn-outline { border-color: var(--white); color: var(--white); }
.btn-outline:hover { background: var(--white); color: var(--blue); }

/* ---------- Шапка ---------- */
.header {
  position: sticky; top: 0; z-index: 100;
  background: var(--white);
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.header .container {
  display: flex; align-items: center; justify-content: space-between;
  height: 72px;
}
.logo { font-size: 1.4rem; font-weight: 800; color: var(--blue); }
.logo span { color: var(--orange); }

.nav ul { display: flex; gap: 1.6rem; list-style: none; }
.nav a { color: var(--dark); font-weight: 500; padding: .4rem 0; border-bottom: 2px solid transparent; }
.nav a:hover, .nav a.active { color: var(--blue); border-color: var(--blue); }

.header-phone { font-weight: 700; color: var(--dark); white-space: nowrap; }
.header-phone small { display: block; font-weight: 400; color: var(--gray); font-size: .78rem; }

.burger {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer; padding: 6px;
}
.burger span { width: 26px; height: 3px; background: var(--dark); border-radius: 2px; transition: .3s; }
.burger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.burger.open span:nth-child(2) { opacity: 0; }
.burger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* ---------- Hero ---------- */
.hero {
  background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);
  color: var(--white);
  padding: 5rem 0;
}
.hero .container { display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; align-items: center; }
.hero p { font-size: 1.15rem; margin: 1.2rem 0 2rem; opacity: .92; }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.hero-card {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: var(--radius);
  padding: 2rem;
  backdrop-filter: blur(6px);
}
.hero-card li { list-style: none; padding: .5rem 0 .5rem 2rem; position: relative; }
.hero-card li::before { content: "✓"; position: absolute; left: 0; color: var(--orange); font-weight: 800; }

/* ---------- Карточки ---------- */
.grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 1.8rem;
  box-shadow: var(--shadow);
  transition: .25s;
}
.card:hover { transform: translateY(-4px); }
.card .icon { font-size: 2.4rem; margin-bottom: .8rem; }
.card .icon img { display:block; width:96px; height:auto; }
.card p { color: var(--gray); font-size: .95rem; }
.card .price { margin-top: 1rem; font-weight: 700; color: var(--blue); }

/* ---------- Шаги ---------- */
.steps { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); text-align: center; }
.step .num {
  width: 56px; height: 56px; margin: 0 auto 1rem;
  border-radius: 50%; background: var(--orange); color: var(--white);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; font-weight: 800;
}

/* ---------- Страница с заголовком ---------- */
.page-title { background: var(--light); padding: 3rem 0; text-align: center; }
.page-title p { color: var(--gray); margin-top: .5rem; }

/* ---------- Таблица цен ---------- */
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; background: var(--white); box-shadow: var(--shadow); border-radius: var(--radius); overflow: hidden; }
th, td { padding: .9rem 1.2rem; text-align: left; border-bottom: 1px solid #e5e7eb; }
th { background: var(--blue); color: var(--white); font-weight: 600; }
tr:last-child td { border-bottom: none; }
tbody tr:hover { background: var(--light); }
.note { color: var(--gray); font-size: .9rem; margin-top: 1rem; }

/* ---------- Отзывы ---------- */
.review { background: var(--white); padding: 1.6rem; border-radius: var(--radius); box-shadow: var(--shadow); }
.review .stars { color: var(--orange); margin-bottom: .5rem; }
.review .author { margin-top: 1rem; font-weight: 600; color: var(--dark); font-size: .95rem; }

/* ---------- Контакты и форма ---------- */
.contacts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.contact-item { margin-bottom: 1.4rem; }
.contact-item strong { display: block; color: var(--gray); font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; }
.contact-item a, .contact-item span { font-size: 1.1rem; }
.map { width: 100%; height: 280px; border: 0; border-radius: var(--radius); margin-top: 1rem; }

.form { background: var(--white); padding: 2rem; border-radius: var(--radius); box-shadow: var(--shadow); }
.form label { display: block; margin-bottom: 1rem; font-weight: 500; }
.form input, .form select, .form textarea {
  width: 100%; margin-top: .4rem; padding: .8rem 1rem;
  border: 1px solid #d1d5db; border-radius: 8px; font: inherit;
}
.form input:focus, .form select:focus, .form textarea:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(21,101,192,.15); }
.form textarea { min-height: 110px; resize: vertical; }
.form .btn { width: 100%; }
.form-success { display: none; padding: 1.5rem; background: #e8f5e9; color: #2e7d32; border-radius: 8px; text-align: center; font-weight: 600; }

/* ---------- CTA ---------- */
.cta { background: var(--blue); color: var(--white); text-align: center; }
.cta h2 { color: var(--white); }
.cta p { margin-bottom: 1.5rem; opacity: .9; }

/* ---------- Футер ---------- */
.footer { background: var(--dark); color: #cbd5e1; padding: 3rem 0 1.5rem; }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-bottom: 2rem; }
.footer h4 { color: var(--white); margin-bottom: .8rem; }
.footer a { color: #cbd5e1; display: block; margin-bottom: .4rem; }
.footer a:hover { color: var(--white); }
.footer .copy { border-top: 1px solid #374151; padding-top: 1.2rem; text-align: center; font-size: .85rem; color: #94a3b8; }

/* ---------- Адаптив ---------- */
@media (max-width: 900px) {
  .hero .container, .contacts-grid { grid-template-columns: 1fr; }
  .header-phone { display: none; }
}
@media (max-width: 768px) {
  .burger { display: flex; }
  .nav {
    position: absolute; top: 72px; left: 0; right: 0;
    background: var(--white); box-shadow: var(--shadow);
    max-height: 0; overflow: hidden; transition: max-height .3s;
  }
  .nav.open { max-height: 400px; }
  .nav ul { flex-direction: column; gap: 0; padding: .5rem 0; }
  .nav a { display: block; padding: .9rem 1.5rem; border-bottom: 1px solid #eee; }
}

/* ---------- Страница вида техники ---------- */
.device-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 3rem; align-items: start; }
.device-layout h2 { text-align: left; font-size: 1.6rem; margin: 2rem 0 1rem; }
.device-layout h2:first-child { margin-top: 0; }
.device-intro { font-size: 1.1rem; color: var(--gray); }

.symptoms { list-style: none; display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.symptoms li { background: var(--light); padding: 1rem 1rem 1rem 2.8rem; border-radius: 8px; position: relative; }
.symptoms li::before { content: "⚠"; position: absolute; left: 1rem; color: var(--orange); }
.symptoms li b { display: block; margin-bottom: .2rem; }

.sidebar { position: sticky; top: 90px; }
.sidebar .form { margin-bottom: 1.5rem; }
.sidebar-box { background: var(--light); padding: 1.5rem; border-radius: var(--radius); }
.sidebar-box h3 { font-size: 1.05rem; }
.sidebar-box a { display: block; padding: .45rem 0; border-bottom: 1px solid #e5e7eb; color: var(--dark); }
.sidebar-box a:last-child { border: none; }
.sidebar-box a:hover, .sidebar-box a.active { color: var(--blue); }

.faq details { background: var(--white); border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: .7rem; padding: .2rem 1.2rem; }
.faq summary { cursor: pointer; font-weight: 600; padding: .9rem 0; list-style: none; position: relative; padding-right: 2rem; }
.faq summary::after { content: "+"; position: absolute; right: 0; font-size: 1.4rem; color: var(--blue); }
.faq details[open] summary::after { content: "−"; }
.faq details p { padding-bottom: 1rem; color: var(--gray); }

@media (max-width: 900px) {
  .device-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
}
.device-img{width:100%;height:auto;border-radius:12px;margin:0 0 1.5rem;display:block}
.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

.article{max-width:860px;margin:0 auto;padding:40px 0}.article h2{margin:0 0 16px}.article h3{margin:26px 0 8px}.article p{line-height:1.7;margin:0 0 12px}
.brands{margin-top:32px}.brand-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.brand-chip{display:block;text-align:center;border:1px solid #dde3ea;border-radius:10px;padding:8px;text-decoration:none;color:inherit;background:#fff}.brand-chip:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}.brand-chip img{width:100%;height:auto;border-radius:6px}.brand-chip span{display:block;font-weight:700;margin-top:6px}
.brand-hero{width:100%;height:auto;border-radius:12px;margin-bottom:16px}.brand-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:16px 0}.brand-gallery img{width:100%;height:auto;border-radius:10px}
.logo{display:inline-flex;align-items:center;gap:10px}.logo img{display:block;width:40px;height:40px}
a.card-link{display:block;color:inherit;text-decoration:none;cursor:pointer}a.card-link:hover h3{color:var(--blue)}a.card-link:hover{box-shadow:0 8px 24px rgba(0,0,0,.15)}
.brandbar{background:var(--light,#f3f6fb);padding:22px 0;border-bottom:1px solid #e1e7ef}.brandbar .brands{margin-top:0}.brandbar h2{font-size:1.25rem;margin:0 0 12px}.brandbar .brand-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.brandbar .brand-chip{padding:5px}.brandbar .brand-chip span{font-size:.85rem;margin-top:3px}
.rev-top{display:flex;align-items:center;gap:12px;margin-bottom:.7rem}.rev-top .author{margin:0}.avatar{width:48px;height:48px;border-radius:50%;background:#e8f0fe;display:flex;align-items:center;justify-content:center;font-size:1.7rem;flex:none}.verified{font-size:.8rem;color:#2e9e5b}.quote{margin-left:auto;font-size:2.4rem;color:#c9d6ee;line-height:1}

.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text b{font-size:1.3rem;font-weight:800;color:var(--blue)}.logo-text i{font-style:normal;color:var(--orange)}.logo-text small{font-size:.7rem;font-weight:500;color:#667;margin-top:3px}.logo img{width:44px;height:44px}

.brandbar-bottom{border-bottom:0;border-top:1px solid #e1e7ef;margin-top:32px;padding:28px 0}.brandbar-bottom .brand-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.brandbar-bottom .brand-chip{padding:8px}.brandbar-bottom .brand-chip span{font-size:.95rem;margin-top:6px}

.symptoms li a{color:inherit;text-decoration:none}.symptoms li a b{color:var(--teal,#00838f);text-decoration:underline}.symptoms li a:hover b{color:var(--orange)}

.carousel{position:relative;padding:0 3.2rem}.car-viewport{overflow:hidden}.car-track{display:flex;transition:transform .4s ease}.car-slide{flex:0 0 100%;padding:.5rem;box-sizing:border-box}
.car-btn{position:absolute;top:45%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:var(--blue);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25)}.car-btn:hover{opacity:.85}.car-btn.prev{left:0}.car-btn.next{right:0}
.car-dots{text-align:center;margin-top:.8rem}.car-dots button{width:10px;height:10px;border-radius:50%;border:0;margin:0 4px;background:#c5cbd3;cursor:pointer;padding:0}.car-dots button.on{background:var(--blue)}
@media(min-width:760px){.car-slide{flex-basis:50%}}@media(min-width:1050px){.car-slide{flex-basis:33.3333%}}
@media(max-width:520px){.carousel{padding:0 2.4rem}.car-btn{width:36px;height:36px}}

/* ---- v15 ---- */
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,.logo-text b,.btn,.header-phone{font-family:Manrope,Inter,"Segoe UI",sans-serif}
:root{--graphite:#252b33;--shadow:0 8px 28px rgba(20,30,50,.10)}
.header{background:var(--graphite);box-shadow:0 4px 16px rgba(0,0,0,.18)}
.header .nav a,.header-phone{color:#e5e9ee}.header .nav a:hover,.header .nav a.active{color:#fff;border-color:var(--orange)}
.header-phone small{color:#9aa4b0}.logo-text b{color:#fff}.logo-text small{color:#9aa4b0}
.burger span{background:#fff}
@media(max-width:900px){.header .nav{background:var(--graphite)}.nav a{border-bottom-color:#38414c!important}}
.footer{background:var(--graphite)}.footer .copy a{display:inline;color:#cbd5e1;text-decoration:underline}
.btn-primary{box-shadow:0 6px 16px rgba(255,143,0,.35)}
.card,.hero-card,.review,.brand-chip{box-shadow:var(--shadow)}
.breadcrumbs{background:var(--light);font-size:.85rem;padding:.6rem 0}
.breadcrumbs .container{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.breadcrumbs a{color:var(--blue)}.breadcrumbs span{color:var(--gray)}.breadcrumbs .cur{color:var(--dark)}
.todo{background:#fff4e0;border-left:4px solid var(--orange);padding:.6rem 1rem;margin:1rem 0;border-radius:6px}
.narrow{max-width:820px}.narrow h2{text-align:left;margin-top:2rem}
.float-call{display:none}
@media(max-width:900px){.float-call{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:200;background:var(--orange);color:#fff;text-align:center;font-weight:700;padding:.9rem;border-radius:50px;box-shadow:0 8px 24px rgba(0,0,0,.3)}body{padding-bottom:76px}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.photo-fig{margin:0 0 1.5rem}.photo-fig img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:var(--shadow)}.photo-fig figcaption{font-size:.9rem;color:var(--gray);margin-top:.5rem;text-align:center}.team-hero{padding-bottom:0}.masters-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}@media(max-width:700px){.masters-grid{grid-template-columns:1fr}}

.certs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;align-items:start}.certs-grid .photo-fig img{width:100%}

.calc-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:start}
.calc{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}
.calc label{display:block;font-weight:600;margin-bottom:1rem;font-size:.95rem}
.calc select{display:block;width:100%;margin-top:.35rem;padding:.7rem;border:1px solid #d5dae2;border-radius:8px;font:inherit;background:#fff}
.calc .calc-check{font-weight:400;display:flex;gap:.6rem;align-items:center}
.calc-test{background:#fff4e0;color:#8a5200;border-radius:8px;padding:.6rem .9rem;margin-bottom:1.2rem;font-size:.9rem}
.calc-result{background:var(--light);border-radius:var(--radius);padding:1.2rem;margin-top:1.2rem;text-align:center}
.calc-label{color:var(--gray);font-size:.9rem}
.calc-sum{font-family:Manrope,Inter,sans-serif;font-size:2rem;font-weight:800;color:var(--blue);margin:.3rem 0}
.calc-meta{color:var(--gray);font-size:.9rem;margin-top:.2rem}
@media(max-width:900px){.calc-grid{grid-template-columns:1fr}}

/* Шапка: без переносов и смещений */
.header .container{width:min(1280px,96%);gap:1.2rem;flex-wrap:nowrap}
.logo{flex-shrink:0}.logo-text{white-space:nowrap}
.nav{flex:1 1 auto;min-width:0}
.nav ul{justify-content:center;gap:1.1rem;flex-wrap:nowrap}
.nav a{white-space:nowrap;font-size:.95rem;line-height:1.2}
.header-phone{flex-shrink:0;margin-left:.4rem;text-align:right;line-height:1.25}
@media(max-width:1180px){.header-phone small{display:none}.nav ul{gap:.8rem}.nav a{font-size:.9rem}}
@media(max-width:1060px){.header-phone{display:none}}
@media(max-width:960px){
  .burger{display:flex}
  .nav{flex:none;position:absolute;top:72px;left:0;right:0;background:var(--graphite);box-shadow:var(--shadow);max-height:0;overflow:hidden;transition:max-height .3s}
  .nav.open{max-height:480px}
  .nav ul{flex-direction:column;gap:0;padding:.5rem 0;justify-content:flex-start}
  .nav a{display:block;padding:.9rem 1.5rem;border-bottom:1px solid #38414c}
  .header .container{justify-content:space-between}
}
.burger span{background:#fff}

/* ---- masters carousel ---- */
.masters-sec{padding:2.5rem 0;background:var(--light)}.masters-sec h2{margin:0 0 .4rem}.masters-lead{color:var(--gray);margin:0 0 1rem}.master-card{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);height:100%}.master-card img{display:block;width:82%;height:420px;aspect-ratio:auto;object-fit:cover;object-position:center 14%;background:#eef1f4;margin-inline:auto}.master-card figcaption{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;gap:.15rem}.master-card figcaption b{font-size:1.1rem}.master-card figcaption span{color:var(--blue);font-weight:600}.master-card figcaption em{font-style:normal;font-size:.85rem;color:var(--gray)}

.faults-page{display:block}
.faults-page .device-intro,.faults-page h2,.faults-page>div>p{text-align:center}
.faults-page .device-intro{max-width:760px;margin:0 auto}
.faults-page h2{margin:2.2rem 0 .6rem}
.faults-page .symptoms{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:1rem auto 0}
.faults-page .symptoms li{text-align:left}
@media (max-width:900px){.faults-page .symptoms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.faults-page .symptoms{grid-template-columns:1fr}}

/* ---- выравнивание плиток ---- */
.solo-layout{grid-template-columns:minmax(0,1fr);max-width:860px}
.faults-page .brand-list{max-width:1100px;margin-left:auto;margin-right:auto}
.faults-page>div>p:last-child{text-align:center}
.faults-page .symptoms li a{display:inline}
.brand-list{display:flex;flex-wrap:wrap;justify-content:center}
.brand-list .brand-chip{flex:0 0 150px}
.brandbar .brand-list .brand-chip{flex-basis:110px}
.brandbar-bottom .brand-list .brand-chip{flex-basis:140px}
.grid{display:flex;flex-wrap:wrap;justify-content:center}
.grid>.card{flex:1 1 250px;max-width:calc(25% - 1.125rem)}
@media(max-width:1000px){.grid>.card{max-width:calc(33.333% - 1rem)}}
@media(max-width:760px){.grid>.card{max-width:calc(50% - .75rem)}}
@media(max-width:520px){.grid>.card{max-width:none;flex-basis:100%}}
.faults-page .table-wrap{max-width:1000px;margin:0 auto}

.avatar{width:56px;height:56px;padding:0;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 0 0 2px #c9d6ee,0 4px 10px rgba(30,60,120,.18)}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}

/* v35: как мы работаем */
.steps-flow{position:relative;gap:1.4rem;text-align:left}
.steps-flow .step{background:#fff;border:1px solid #e3e8ee;border-radius:16px;padding:1.6rem 1.3rem 1.3rem;box-shadow:0 6px 18px rgba(30,99,209,.08);position:relative;transition:transform .2s,box-shadow .2s}
.steps-flow .step:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(30,99,209,.16)}
.steps-flow .step:not(:last-child)::after{content:"";position:absolute;top:2.9rem;left:calc(100% - 4px);width:calc(1.4rem + 8px);border-top:2px dashed #9db8e8}
.step-ic{position:relative;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#1e63d1,#3d85f0);display:flex;align-items:center;justify-content:center;margin:0 0 1rem}
.step-ic .num{position:absolute;top:-10px;right:-10px;width:26px;height:26px;margin:0;font-size:.85rem;border:2px solid #fff;background:var(--orange)}
.steps-flow .step h3{margin:0 0 .4rem;font-size:1.1rem}
.steps-flow .step p{font-size:.95rem;color:var(--gray);margin:0}
@media(max-width:700px){.steps-flow .step::after{display:none}}
/* v35: статья */
.article{max-width:1040px;padding:48px 0;font-size:1.0625rem}
.article>h2{font-size:2rem;line-height:1.25;padding-bottom:.6rem;border-bottom:3px solid #e3e8ee;position:relative;margin-bottom:1.4rem}
.article>h2::after{content:"";position:absolute;left:0;bottom:-3px;width:90px;height:3px;background:var(--orange)}
.article>h2+p{font-size:1.2rem;line-height:1.65;border-left:4px solid #1e63d1;background:#f2f6fd;padding:1rem 1.3rem;border-radius:0 12px 12px 0;margin-bottom:1.6rem}
.article p{line-height:1.75;margin:0 0 14px}
.article h3{font-size:1.3rem;margin:2.2rem 0 .7rem;padding-left:.8rem;border-left:4px solid var(--orange);line-height:1.3}
.article ul{list-style:none;padding:0;margin:0 0 16px}
.article ul li{position:relative;padding-left:1.9rem;margin-bottom:.5rem;line-height:1.65}
.article ul li::before{content:"✓";position:absolute;left:0;top:0;width:1.35rem;height:1.35rem;border-radius:50%;background:#e4f6ea;color:#1a9a4a;font-weight:700;font-size:.8rem;text-align:center;line-height:1.35rem}
.article table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;border-radius:10px;overflow:hidden}
.article table th{background:#1d2733;color:#fff;text-align:left;padding:.7rem 1rem}
.article table td{padding:.65rem 1rem;border-bottom:1px solid #e3e8ee}
.article table tr:nth-child(even) td{background:#f7f9fc}
.solo-layout{max-width:1040px}
.device-layout{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:2.5rem}
.device-layout>div:first-child{font-size:1.0625rem;line-height:1.75}
.device-layout>div:first-child h2{border-left:4px solid var(--orange);padding-left:.8rem}
.device-layout>div:first-child>.device-intro:first-of-type{border-left:4px solid #1e63d1;background:#f2f6fd;padding:1rem 1.3rem;border-radius:0 12px 12px 0}
.hero .note{display:inline-block;margin:0 0 1.6rem;padding:.6rem 1.1rem;background:#fff;color:#0d47a1;border-left:5px solid var(--orange);border-radius:8px;font-size:1rem;font-weight:500;opacity:1;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.hero .note b{color:#c62828;font-weight:800;font-size:1.15rem}

.brand-chip img[src$=".png"]{border-radius:0;aspect-ratio:5/2;object-fit:contain}

.brand-tiles{padding-top:24px;padding-bottom:0}
.bcover{display:flex;align-items:center;gap:24px;padding:18px 24px;border-radius:16px;background:linear-gradient(135deg,#d32f2f,#0d1b2a);color:#fff;margin:0 0 20px;flex-wrap:wrap}
.bcover .bl{background:#fff;border-radius:10px;padding:6px;line-height:0}.bcover .bl img{width:160px;height:64px;object-fit:contain}
.bcover .bi{background:#fff;border-radius:50%;padding:8px;line-height:0}.bcover .bi img{width:56px;height:52px}
.bcover .bt{font-size:18px;font-weight:bold;flex:1;min-width:200px}
.bcover .row{display:flex;gap:8px}
.infog{display:block;max-width:100%;height:auto;margin:16px 0}
.tip-ic{width:28px;height:28px;vertical-align:middle;margin-right:6px}

.promo{display:inline-flex;align-items:center;gap:14px;margin:0 0 1.6rem;padding:10px 20px 10px 10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:60px;backdrop-filter:blur(4px)}
.promo-badge{display:flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ffb300,#ff6f00);color:#fff;font-weight:800;font-size:1.3rem;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.promo-text{display:flex;flex-direction:column;color:#fff;line-height:1.3}
.promo-text b{font-size:1.1rem}
.promo-text small{font-size:.85rem;opacity:.85}
.float-msg{position:fixed;right:16px;bottom:16px;z-index:210;display:flex;flex-direction:column;gap:10px}
.float-msg a{display:block;width:48px;height:48px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s}
.float-msg a:hover{transform:scale(1.1)}
.float-msg img{display:block;width:100%;height:100%}
@media(max-width:900px){.float-msg{bottom:88px;right:12px}.float-msg a{width:44px;height:44px}.promo-badge{width:56px;height:56px;font-size:1.15rem}}
.infog{margin:16px auto}
.device-img,.brand-hero{margin-left:auto;margin-right:auto}

/* v46 */
:root{--gap:24px;--r:16px}
.btn{transition:transform .18s,box-shadow .18s,background .18s}
.btn:active{transform:scale(.97)}
.promo{background:none;border:0;backdrop-filter:none;padding:0;gap:10px;margin:0 0 1.2rem}
.promo-badge{width:44px;height:44px;font-size:.95rem;background:linear-gradient(135deg,#ffb300,#ff6f00);box-shadow:none;border:2px solid #fff}
.promo-text b{font-size:.95rem;font-weight:600}
.promo-text small{opacity:1;font-size:.8rem;color:#fff}
.grid{gap:var(--gap)}
.card{border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.card h3{min-height:2.6em;line-height:1.3;display:flex;align-items:center}
.grid>.card,.grid>*{height:100%}
.infog,.device-img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:var(--r);box-shadow:var(--shadow)}
.fig-cap{text-align:center;color:#374151;font-size:.95rem;margin:.7rem auto .6rem;max-width:720px}
.fig-act{text-align:center;margin:0 0 1.6rem}
.fig-act .btn{display:inline-block}
.faq-item,.faq details,details{transition:background .2s,box-shadow .2s}
details[open]{box-shadow:var(--shadow)}
details>*:not(summary){animation:fadein .25s ease}
@keyframes fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.calc-option,.calc button,.calc select,.calc input{transition:transform .15s,box-shadow .15s,border-color .15s}
.calc-option:hover,.calc button:hover{transform:translateY(-2px)}
.form-success{animation:fadein .35s ease;background:#e8f5e9;color:#14532d;border:1px solid #166534;border-radius:var(--r);padding:16px 20px;font-weight:600}
.form-success::before{content:"✓ ";font-weight:800}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0b3d91;outline-offset:3px;box-shadow:0 0 0 6px #fff}
.hero a:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px #0b3d91}
.float-msg{padding:10px;border-radius:40px;background:rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v49 UX */
.article-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:start}.toc{position:sticky;top:90px;background:#f4f6fa;padding:1rem;border-radius:12px}.toc h3{font-size:1rem;color:#1565c0}.toc a{display:block;font-size:.86rem;padding:.25rem 0;color:#374151}.toc a.current{font-weight:700;color:#ff8f00}.article-meta{color:#6b7280;font-size:.9rem;margin:.5rem 0 1.5rem}.callout{padding:1rem 1.2rem;border-radius:12px;margin:1.2rem 0;border-left:4px solid #ff8f00;background:#fff7ed}.callout.important{border-color:#e53935;background:#fff1f2}.callout.saving{border-color:#2e7d32;background:#f0fdf4}.inline-cta{margin:1.5rem 0;padding:1.4rem;border-radius:12px;background:#1565c0;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem}.related-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.related-card{padding:1rem;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0001}.related-card .icon{font-size:1.6rem}.symptom-search{margin:1.2rem 0;padding:1rem;background:#f4f6fa;border-radius:12px}.symptom-search input{width:100%;padding:.85rem 1rem;border:1px solid #d1d5db;border-radius:8px;font:inherit}.mobile-bar{display:none}
@media(max-width:768px){.article-layout{display:block}.toc{position:relative;top:auto;margin-bottom:1.5rem}.inline-cta{display:block;text-align:center}.inline-cta .btn{margin-top:.7rem}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#1f2933;padding:.55rem;gap:.4rem;justify-content:space-around}.mobile-bar a{color:#fff;font-size:.78rem;text-align:center;flex:1;padding:.35rem;background:#1565c0;border-radius:7px}.mobile-bar a:nth-child(2){background:#ff8f00}.mobile-bar a:nth-child(3){background:#2e7d32}body{padding-bottom:58px}table{display:block;box-shadow:none}thead{display:none}table tbody,table tr,table td{display:block;width:100%}table tr{background:#fff;margin:.8rem 0;border-radius:10px;box-shadow:0 3px 12px #0001;padding:.5rem}table td{border:0;padding:.35rem .7rem}table td:first-child{font-weight:700;color:#1565c0}}

/* v50: оглавление внутри контейнера статьи; адаптивные элементы только на мобильных */
.article-toc-host{display:grid;grid-template-columns:210px minmax(0,1fr);gap:2rem;align-items:start}.article-toc-host>.toc{position:sticky;top:90px;min-width:0}.article-content{min-width:0}.mobile-bar{display:none!important}@media(max-width:767px){.article-toc-host{display:block}.article-toc-host>.toc{position:static;margin:0 0 1rem}.mobile-bar{display:flex!important;position:fixed;z-index:1000;left:0;right:0;bottom:0;justify-content:space-around;padding:.65rem;background:#1f2933;color:#fff}.mobile-bar a{color:#fff}}@media(min-width:768px){html,body{overflow-x:hidden}.mobile-bar{display:none!important}}


/* Стилистика по образцу Prof Plit: монохром, крупная типографика, ясные сервисные блоки */
:root{--blue:#171717;--blue-dark:#000;--orange:#171717;--dark:#171717;--gray:#646464;--light:#f4f4f2;--white:#fff;--radius:2px;--shadow:0 2px 10px rgba(0,0,0,.06)}
body{font-family:Inter,Arial,sans-serif;color:#171717;background:#fff;line-height:1.55}
a{color:#171717}
.header{background:#fff;box-shadow:0 1px 0 #dedede}.header .container{height:82px}.logo-text b{font-size:1.16rem;letter-spacing:-.04em}.logo-text i,.header .logo span{color:#171717}.logo-text small{color:#777}.header-phone{font-size:1.08rem}.nav a{color:#222;font-weight:600}.nav a:hover,.nav a.active{color:#000;border-color:#111}.burger span{background:#171717}
.hero{padding:4.6rem 0;background:#f4f4f2;color:#171717}.hero .container{grid-template-columns:1.15fr .85fr;gap:4rem}.hero h1{max-width:750px;font-size:clamp(2.7rem,5.6vw,5rem);line-height:1.02;letter-spacing:-.065em;font-weight:800}.hero p{max-width:620px;color:#4a4a4a;font-size:1.12rem}.hero-card{background:#fff;color:#171717;border:1px solid #e1e1df;border-radius:2px;box-shadow:none;padding:2rem}.hero-card li{border-bottom:1px solid #e8e8e6;padding:.8rem 0 .8rem 2rem}.hero-card li:last-child{border-bottom:0}.hero-card li:before{color:#171717}.promo{background:#fff;border:1px solid #d8d8d5;border-radius:2px;backdrop-filter:none}.promo-badge{background:#171717;color:#fff;border-radius:2px;box-shadow:none}.promo-text{color:#171717}.promo-text small{color:#666}.btn{border-radius:2px;text-transform:none;font-weight:700}.btn-primary{background:#171717;color:#fff;box-shadow:none}.btn-primary:hover{background:#3b3b3b}.btn-outline{border:1px solid #171717;color:#171717}.btn-outline:hover{background:#171717;color:#fff}
section{padding:4.4rem 0}section.light,.page-title,.symptom-search{background:#f4f4f2}h1,h2,h3{color:#171717}h2{font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-.05em;font-weight:800;text-align:left;margin-bottom:2rem}h3{letter-spacing:-.025em}.grid{gap:1rem}.card,.review,.related-card{border:1px solid #e2e2df;border-radius:2px;box-shadow:none;padding:1.5rem;transition:border-color .2s,transform .2s}.card:hover,.related-card:hover{box-shadow:none;border-color:#171717;transform:translateY(-2px)}.card .price{color:#171717;font-weight:800}.card .icon{filter:grayscale(1)}
.page-title{border:0;text-align:left}.page-title h1{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.055em}.article-toc-host>.toc{border-radius:2px}.toc{background:#f4f4f2;border:1px solid #e2e2df;border-radius:2px}.article>h2{border-color:#ddd}.article>h2:after,.article h3{border-color:#171717}.article>h2+p,.device-layout>div:first-child>.device-intro:first-of-type{border-left-color:#171717;background:#f4f4f2}.article ul li:before{background:#eee;color:#171717}.callout,.callout.saving,.callout.important{border-radius:2px;background:#f4f4f2;border-color:#999}.inline-cta{background:#171717;border-radius:2px}.steps-flow .step{border:1px solid #e2e2df;border-radius:2px;box-shadow:none}.step-ic{background:#171717;border-radius:2px}.step-ic .num{background:#fff;color:#171717}.bcover{background:#f4f4f2;border:1px solid #ddd;border-radius:2px}.bcover .bt{color:#171717}
.footer,.site-footer{background:#171717;color:#eee}.footer a,.site-footer a{color:#ddd}.mobile-bar{background:#171717}.mobile-bar a,.mobile-bar a:nth-child(2),.mobile-bar a:nth-child(3){background:#333;border-radius:2px}
@media(max-width:768px){.header .container{height:68px}.hero{padding:3.2rem 0}.hero .container{gap:2rem}.hero h1{font-size:clamp(2.35rem,10vw,3.5rem)}section{padding:3rem 0}h2{text-align:left}}

/* Доработка палитры: мягкие акценты и комфортный контраст */
:root{--blue:#397b91;--blue-dark:#315f70;--orange:#a45e2a;--dark:#29343a;--gray:#59676d;--light:#f3f5f3;--white:#fff;--radius:14px;--shadow:0 6px 20px rgba(39,57,61,.08);--graphite:#29343a}
body{color:#29343a;background:#fff;line-height:1.65}
a{color:#397b91}a:hover{color:#285c70}
.header{background:#fff;box-shadow:0 2px 14px rgba(37,61,68,.08)}.header .nav a,.header-phone{color:#34434a}.nav a:hover,.nav a.active{color:#397b91;border-color:#a45e2a}.logo-text b{color:#397b91}.logo-text i{color:#a45e2a}.logo-text small,.header-phone small{color:#718087}.burger span{background:#397b91}
.hero{background:linear-gradient(135deg,#edf4f3 0%,#f7f3ec 100%);color:#29343a}.hero h1{color:#263840}.hero p{color:#52636a;opacity:1}.hero-card{background:#fff;color:#34434a;border:1px solid #dce7e5;border-radius:16px;box-shadow:0 10px 28px rgba(39,57,61,.07)}.hero-card li{border-bottom:1px solid #e9efed}.hero-card li:before{color:#438b7d}.promo{background:#fff;border:1px solid #e5e8e2;border-radius:14px}.promo-badge{background:#a45e2a;color:#fff;border-radius:12px}.promo-text{color:#34434a}.promo-text small{color:#64737a}
.btn{border-radius:10px}.btn-primary{background:#397b91;color:#fff;box-shadow:0 4px 12px rgba(57,123,145,.18)}.btn-primary:hover{background:#315f70}.btn-outline{border:1px solid #9bb7b9;color:#315f70;background:#fff}.btn-outline:hover{background:#eaf2f1;color:#294f5b;border-color:#6d9da3}
section.light,.page-title,.symptom-search{background:#f3f6f4}section{padding:4.2rem 0}h1,h2,h3{color:#29343a}h2{letter-spacing:-.035em}.page-title{border-bottom:1px solid #e5ece8}.page-title h1{color:#293f47}
.card,.review,.related-card{background:#fff;border:1px solid #e1e9e6;border-radius:14px;box-shadow:0 5px 18px rgba(39,57,61,.06);transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover,.related-card:hover{border-color:#a9c5c2;box-shadow:0 9px 24px rgba(39,57,61,.1);transform:translateY(-2px)}.card .price{color:#397b91}.card .icon{filter:none}
.toc,.sidebar-box,.symptoms li,.bcover{background:#f1f5f3;border:1px solid #e0e9e5;border-radius:12px}.toc h3{color:#397b91}.toc a{color:#46565d}.toc a.current{color:#8c4d22}.callout{border-radius:12px;background:#fff7eb;border-color:#a45e2a}.callout.important{background:#fff1ef;border-color:#c96b5f}.callout.saving{background:#edf6ef;border-color:#6a9c74}.inline-cta,.cta{background:#397b91;color:#fff;border-radius:14px}.inline-cta h2,.cta h2{color:#fff}.steps-flow .step{border:1px solid #e1e9e6;border-radius:14px;box-shadow:0 4px 14px rgba(39,57,61,.05)}.step-ic{background:#a45e2a;border-radius:12px}.step-ic .num{background:#fff;color:#a96529}
table{border:1px solid #e1e9e6;border-radius:12px}th{background:#397b91;color:#fff}th,td{border-bottom:1px solid #e5ece9}tbody tr:hover{background:#f3f6f4}.form,.faq details{border:1px solid #e1e9e6;border-radius:14px}.form input,.form select,.form textarea,.symptom-search input{border-color:#cbd9d6;background:#fff;color:#29343a}.form input:focus,.form select:focus,.form textarea:focus{border-color:#397b91;box-shadow:0 0 0 3px rgba(57,123,145,.16)}.faq details{background:#fff}.faq summary::after{color:#397b91}
.footer,.site-footer{background:#293840;color:#e7eeec}.footer h4{color:#fff}.footer a,.site-footer a{color:#d5e0de}.footer a:hover,.site-footer a:hover{color:#f0b878}.footer .copy{border-color:#46575d;color:#b8c7c5}.mobile-bar{background:#293840}.mobile-bar a,.mobile-bar a:nth-child(2),.mobile-bar a:nth-child(3){background:#397b91;border-radius:9px}.mobile-bar a:nth-child(2){background:#a45e2a}.mobile-bar a:nth-child(3){background:#568b75}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#397b91;box-shadow:0 0 0 5px rgba(57,123,145,.18)}
@media(max-width:768px){.nav{background:#fff}.nav a{color:#34434a;border-bottom-color:#e8eeeb}.hero{background:linear-gradient(160deg,#edf4f3,#f8f3eb)}}

/* v54: меню и скидка в палитре сайта */
.header .nav a{color:#34434a}
.header .nav a:hover,.header .nav a.active{color:#397b91;border-color:#a45e2a}
.promo{display:inline-flex;align-items:center;gap:12px;padding:8px 22px 8px 8px;background:#fff;border:1px solid #cfe0df;border-radius:40px;box-shadow:0 4px 14px rgba(57,123,145,.10)}
.promo-badge{flex:none;width:auto;min-width:56px;height:44px;padding:0 12px;border-radius:30px;background:linear-gradient(135deg,#4a93a8,#397b91);color:#fff;border:0;font-size:1rem;white-space:nowrap}
.promo-text{color:#34434a}.promo-text b{font-size:.95rem}.promo-text small{color:#64737a;white-space:nowrap}
@media(max-width:768px){.nav a.active{color:#397b91}}

/* Поиск симптомов */
.symptom-search-mobile{display:none}
.symptom-search-page{margin:.8rem 0 1.2rem;padding:1rem;background:#f1f5f3;border:1px solid #e0e9e5;border-radius:12px}
.symptom-search-page label,.symptom-search-mobile label{display:block}
.symptom-search-page input,.symptom-search-mobile input{display:block;width:100%;margin-top:.45rem;padding:.8rem 1rem;border:1px solid #cbd9d6;border-radius:8px;background:#fff;color:#29343a;font:inherit}
.symptom-search-status{min-height:1.4em;color:#46565d}
.symptoms li[hidden],.symptoms[hidden],.faults-page h2[hidden]{display:none!important}
@media(max-width:768px){.symptom-search-mobile{display:block;flex:1 0 100%;margin:.7rem 0 0;padding:.65rem;background:#f1f5f3;border-radius:10px}.header .container{flex-wrap:wrap}}

/* Цветовая схема шагов: фирменная бирюза и янтарный акцент */
.steps-flow .step{border-color:#dce8e5;box-shadow:0 4px 14px rgba(39,57,61,.06)}
.steps-flow .step:hover{box-shadow:0 10px 24px rgba(57,123,145,.14)}
.steps-flow .step:not(:last-child)::after{border-color:#a9c9cd}
.step-ic{background:linear-gradient(135deg,#397b91,#5296a5);border-radius:14px;color:#fff}
.step-ic .num{background:#a45e2a;color:#fff}

/* Финальная адаптация мобильной ширины */
*,*::before,*::after{min-width:0}
@media (max-width: 767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .container{width:calc(100% - 32px);max-width:none}
  .header .container{width:calc(100% - 24px);height:auto;min-height:68px;padding:10px 0;align-items:center;row-gap:8px}
  .logo{max-width:calc(100% - 48px)}
  .logo img{flex:none;width:36px;height:36px}.logo-text b{font-size:1rem}.logo-text small{font-size:.62rem;white-space:normal}
  .header .nav{top:100%;left:0;right:0;width:100%}
  .symptom-search-mobile{flex:1 0 100%;width:100%;margin:.35rem 0 0}
  .hero .container,.contacts-grid,.device-layout,.calc-grid{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px)}
  .hero h1{font-size:clamp(2rem,9.5vw,3.2rem);overflow-wrap:anywhere}
  .hero p,.hero-card,.card,.review,.form,.sidebar-box{overflow-wrap:anywhere}
  .hero-card{padding:1.25rem}.hero-actions{gap:.65rem}.hero-actions .btn{flex:1 1 100%;text-align:center;min-width:0}
  .promo{display:flex;max-width:100%;padding:8px;gap:8px}.promo-text{min-width:0}.promo-text b,.promo-text small{white-space:normal;overflow-wrap:anywhere}
  .grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.grid>.card,.grid>*{width:100%;max-width:none;flex:none}
  .steps-flow{grid-template-columns:minmax(0,1fr)}.steps-flow .step:not(:last-child)::after{display:none}
  .brand-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-list .brand-chip,.brandbar .brand-list .brand-chip,.brandbar-bottom .brand-list .brand-chip{width:100%;min-width:0;flex-basis:auto}
  .brand-gallery,.certs-grid,.masters-grid,.related-cards{grid-template-columns:minmax(0,1fr)}
  .carousel{padding:0 2rem;max-width:100%;overflow:hidden}.car-viewport{max-width:100%}
  .article,.narrow{width:100%;max-width:none;padding-left:0;padding-right:0}.article-toc-host{display:block}.article-toc-host>.toc{width:100%}.article-content{width:100%;overflow-wrap:anywhere}
  .inline-cta{width:100%;overflow-wrap:anywhere}.inline-cta .btn{max-width:100%;white-space:normal}
  .table-wrap{width:100%;max-width:100%;overflow:visible}
  table,table.price-table{display:block;width:100%;max-width:100%;box-shadow:none;border:0;background:transparent;overflow:visible}
  table thead{display:none}table tbody{display:block;width:100%}
  table tr{display:block;width:100%;max-width:100%;margin:.75rem 0;padding:.55rem .35rem;background:#fff;border:1px solid #e1e9e6;border-radius:12px;box-shadow:0 3px 12px rgba(39,57,61,.08);overflow:hidden}
  table td{display:flex;width:100%;max-width:100%;justify-content:space-between;align-items:flex-start;gap:.7rem;padding:.4rem .65rem;border:0;text-align:right;overflow-wrap:anywhere;word-break:break-word}
  table td::before{content:attr(data-label);flex:0 0 38%;font-weight:600;color:#59676d;text-align:left;overflow-wrap:anywhere}
  table td:first-child{display:block;text-align:left;font-weight:700;color:#397b91;font-size:1.02rem;padding-bottom:.55rem}table td:first-child::before{display:none}
  .mobile-bar{left:0;right:0;width:100%;max-width:100%;box-sizing:border-box;display:flex!important;gap:4px;padding:.5rem max(8px,env(safe-area-inset-left)) calc(.5rem + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));overflow:hidden}
  .mobile-bar a{flex:1 1 0;min-width:0;width:0;padding:.6rem .15rem;font-size:.75rem;line-height:1.2;white-space:normal;overflow-wrap:anywhere;text-align:center}
  body{padding-bottom:76px!important}
  img,svg,video,iframe{max-width:100%;height:auto}
  pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
}

/* Центрирование узких текстовых блоков и призывных секций */
.container.narrow{margin-left:auto;margin-right:auto}
.cta .container{margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:767px){.container.narrow{width:calc(100% - 32px);margin-left:auto;margin-right:auto}.cta .container{width:calc(100% - 32px);margin:0 auto}}

/* Центрированные CTA-карточки вместо полноширинных цветных полос */
.cta{background:transparent;color:var(--dark);text-align:center}
.cta>.container{width:min(1140px,92%);margin:0 auto;padding:3.5rem 2rem;background:#397b91;color:#fff;border-radius:16px;text-align:center}
.cta h2,.cta>.container h2{color:#fff;text-align:center;margin:0 auto 1.5rem;max-width:900px}
.cta p{max-width:720px;margin:0 auto 1.5rem}
@media(max-width:767px){.cta>.container{width:calc(100% - 32px);padding:2.5rem 1.25rem;border-radius:14px}.cta h2{font-size:clamp(1.55rem,7vw,2.2rem)}}
/* Контраст мобильного меню: пункты читаются на тёмной панели */
@media (max-width: 768px){
  .header .nav{background:#293840!important;border:1px solid #4b5a60;border-top:0;box-shadow:0 10px 24px rgba(20,35,40,.22)}
  .header .nav a{color:#fff!important;border-bottom:1px solid #4b5a60!important;font-weight:700;text-shadow:none}
  .header .nav a:hover,.header .nav a.active{color:#ffd39a!important;background:#35515a!important;border-color:#a45e2a!important}
}

.photo-inline{float:right;width:min(44%,420px);margin:.3rem 0 1.2rem 2rem;shape-outside:margin-box}
.photo-inline img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}
.photo-inline figcaption{font-size:.85rem;color:var(--gray);margin-top:.45rem;text-align:left;line-height:1.35}
.article .table-wrap,.article .symptoms,.solo-layout .brand-list,.solo-layout ul{clear:both}
@media(max-width:700px){.photo-inline{float:none;width:100%;margin:1rem 0 1.4rem}}
.device-layout:not(.solo-layout) .photo-inline{float:none;width:100%;margin:1.8rem 0}
.device-layout:not(.solo-layout) .photo-inline img{aspect-ratio:16/7}
.photo-inline picture{display:block}

/* Первый экран: текст слева, фото справа */
.hero .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem)}
.hero-copy{padding-top:.2rem}.hero-copy h1{margin:0 0 1.4rem}.hero-copy p{margin:0 0 1.7rem;max-width:560px}.hero-actions{margin-top:0}.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin-top:1.15rem;color:#64737a;font-size:.9rem}.hero-trust a{font-weight:700;color:#315f70;text-decoration:none}.hero-media{position:relative;padding-bottom:2.5rem}.hero-photo{position:relative;margin:0}.hero-photo picture,.hero-photo img{display:block;width:100%}.hero-photo img{aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(39,57,61,.14)}.hero-discount{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;background:#a45e2a;color:#fff;font-size:1rem;font-weight:800;box-shadow:0 4px 12px rgba(80,45,20,.2)}.hero-media .hero-card{position:absolute;left:-2rem;bottom:0;width:min(82%,360px);padding:1.1rem 1.3rem;border-radius:16px;box-shadow:0 12px 28px rgba(39,57,61,.14)}.hero-media .hero-card li{padding:.45rem 0 .45rem 1.65rem;font-size:.93rem}.hero-media .hero-card li:before{left:0}
@media(max-width:767px){.hero .container{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero-copy{padding-top:0}.hero-copy h1{margin-bottom:1.1rem}.hero-copy p{margin-bottom:1.25rem}.hero-trust{margin-top:.9rem;font-size:.85rem}.hero-media{padding-bottom:0}.hero-media .hero-card{position:static;width:auto;margin-top:-.3rem;padding:1.1rem 1.25rem}.hero-photo img{aspect-ratio:3/2}.hero-discount{top:.8rem;right:.8rem}}

.photo-inline.photo-left{float:left;margin:.3rem 2rem 1.2rem 0}
.photo-wide{margin:0 0 1.5rem;clear:both}.photo-wide picture{display:block}.photo-wide img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:14px;box-shadow:var(--shadow)}.photo-wide figcaption{font-size:.9rem;color:var(--gray);margin-top:.5rem;text-align:center}
@media(max-width:700px){.photo-inline.photo-left{float:none;width:100%;margin:1rem 0 1.4rem}}

.legal-notice{margin:14px 0 0;color:#718096;font-size:.82rem;line-height:1.45;text-align:center}

/* Сетка всех мастеров: все 10 карточек видимы одновременно в разделе */
.masters-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.masters-list .master-card{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.masters-list .master-card img{display:block;width:100%;height:300px;object-fit:contain;object-position:center top;background:#eef1f4}.master-caption{padding:.8rem .85rem 1rem;display:flex;flex-direction:column;gap:.2rem}.master-caption b{font-size:1.05rem}.master-caption span{color:var(--blue);font-weight:600;font-size:.92rem}.master-caption em{font-style:normal;font-size:.8rem;color:var(--gray)}@media(max-width:1050px){.masters-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.masters-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.masters-list .master-card img{height:260px}}@media(max-width:480px){.masters-list{grid-template-columns:1fr}.masters-list .master-card img{height:360px}}