/* КанаваСПб — основной стиль. Цвета взяты из логотипа: графит + оранжевый. */
:root{
  --ink:#17181A;        /* графит, основной тёмный */
  --ink-2:#26282B;      /* графит светлее, для карточек на тёмном */
  --paper:#F6F5F2;      /* фон страницы */
  --card:#FFFFFF;
  --line:#E3E0D9;
  --muted:#5A5E62;
  --muted-on-dark:#B8B6B0;
  --accent:#F5821F;     /* оранжевый из логотипа — только заливки */
  --accent-ink:#A4500A; /* оранжевый для текста на светлом фоне */
  --concrete:#C9C7C1;
  --radius:14px;
  --wrap:1180px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--font)}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-ink)}
a:hover{color:var(--ink)}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0;font-weight:800}
h1{font-size:clamp(32px,5vw,54px)}
h2{font-size:clamp(26px,3.4vw,38px)}
h3{font-size:20px;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.section{padding:84px 0 0}
.section-head{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-end;margin-bottom:28px}
.section-head p{color:var(--muted);max-width:560px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:10px}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font:700 16px/1 var(--font);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-accent{background:var(--accent);color:var(--ink)}
.btn-accent:hover{background:#FF9638;color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#000;color:#fff}
.btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.btn-ghost:hover{color:inherit}
.btn svg{width:20px;height:20px;flex:none}
.btn-sm{min-height:44px;padding:0 16px;font-size:15px}

/* Шапка */
.header{background:var(--ink);color:#fff;position:sticky;top:0;z-index:40}
.header .wrap{display:flex;align-items:center;gap:14px 28px;min-height:72px;flex-wrap:wrap}
.logo img{height:44px;width:auto}
.nav{display:flex;gap:4px 22px;flex-wrap:wrap;flex:1}
.nav a{color:#E2E0DA;text-decoration:none;font-size:15px;padding:6px 0}
.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}
.header-contact{display:flex;align-items:center;gap:16px}
.header-phone{color:#fff;text-decoration:none;font-weight:800;font-size:18px;white-space:nowrap}
.header-phone small{display:block;font-weight:400;font-size:12px;color:var(--muted-on-dark)}
.menu-btn{display:none;background:var(--ink-2);border:0;color:#fff;width:44px;height:44px;border-radius:10px}
@media (max-width:900px){
  .nav{display:none;order:5;flex-basis:100%;flex-direction:column;padding:6px 0 14px}
  .nav.open{display:flex}
  .nav a{padding:10px 0;font-size:17px;border-top:1px solid var(--ink-2)}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .header-contact .btn{display:none}
  .header .wrap{min-height:64px;gap:8px 12px}
  .logo img{height:36px}
}
@media (max-width:420px){.header-phone small{display:none}.header-phone{font-size:15px}.logo img{height:32px}}

/* Первый экран */
.hero{background:var(--ink);color:#fff;padding:44px 0 88px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero-badge{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#E2E0DA;border:1px solid #3A3D41;border-radius:999px;padding:6px 14px;margin-bottom:22px}
.hero-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.hero h1 .accent{color:var(--accent)}
.hero-lead{font-size:20px;color:#D9D7D1;margin:20px 0 26px;max-width:560px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding:0;list-style:none}
.hero-facts li{background:var(--ink-2);border-radius:10px;padding:10px 14px;font-size:15px}
.hero-facts b{color:var(--accent)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-photo{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--ink-2)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(23,24,26,.82);border-radius:12px;padding:12px 14px;font-size:14px;color:#E2E0DA;backdrop-filter:blur(6px)}
.hero-photo figcaption b{color:#fff}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:32px}.hero{padding:28px 0 72px}.hero-photo{aspect-ratio:4/3}.hero-lead{font-size:18px}}

/* Цифры */
.stats{margin-top:-40px;position:relative}
.stats ul{list-style:none;margin:0;padding:22px;background:var(--card);border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;box-shadow:0 12px 32px rgba(23,24,26,.08)}
.stats b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em}
.stats span{color:var(--muted);font-size:15px}
@media (max-width:760px){.stats ul{grid-template-columns:repeat(2,1fr)}}

/* Услуги — прайс */
.price-list{display:grid;gap:12px}
.price-row{display:grid;grid-template-columns:1.3fr 2fr auto auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;text-decoration:none;color:inherit;transition:border-color .15s}
.price-row:hover{border-color:var(--ink);color:inherit}
.price-row h3{font-size:19px}
.price-row p{color:var(--muted);font-size:15px}
.price{font-size:22px;font-weight:800;white-space:nowrap}
.price small{font-size:14px;font-weight:600;color:var(--muted)}
.arrow{width:40px;height:40px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center}
@media (max-width:800px){.price-row{grid-template-columns:1fr auto;gap:8px 16px}.price-row p{grid-column:1/-1;grid-row:2}.arrow{display:none}}

/* Калькулятор */
.calc{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.calc-form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}
.calc-form fieldset{border:0;margin:0 0 22px;padding:0}
.calc-form legend,.calc-form .label{font-weight:700;font-size:15px;margin-bottom:10px;display:block}
.chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0}
.chip label{display:flex;flex-direction:column;gap:2px;min-height:64px;justify-content:center;padding:10px 14px;border:2px solid var(--line);border-radius:12px;cursor:pointer;font-weight:700;font-size:15px}
.chip label span{font-weight:400;font-size:14px;color:var(--muted)}
.chip input:checked+label{border-color:var(--ink);background:var(--ink);color:#fff}
.chip input:checked+label span{color:var(--muted-on-dark)}
.chip input:focus-visible+label{outline:3px solid var(--accent);outline-offset:2px}
.range-row{display:flex;justify-content:space-between;font-weight:700}
input[type=range]{width:100%;accent-color:var(--accent);height:32px}
.calc-result{background:var(--ink);color:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px}
.calc-total{font-size:clamp(34px,4vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.calc-result .note{font-size:13px;color:var(--muted-on-dark)}
.calc-result ul{margin:0;padding-left:20px;color:#D9D7D1;font-size:15px}
@media (max-width:860px){.calc{grid-template-columns:1fr}.chips{grid-template-columns:1fr}}

/* Сравнение */
.compare{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:15px}
.compare th,.compare td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.compare tr:last-child td{border-bottom:0}
.compare thead th{background:var(--ink);color:#fff;font-size:16px}
.compare thead th:first-child{background:var(--ink-2)}
.compare tbody th{font-weight:700;width:18%;background:#FBFAF8}
.table-scroll{overflow-x:auto;border-radius:16px}
.compare-min{min-width:720px}

/* Разрез */
.layers{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px}
.layers ol{margin:16px 0 0;padding-left:22px;display:grid;gap:8px}
.cut{border-radius:12px;overflow:hidden;border:1px solid var(--line);font-size:13px;font-weight:700}
.cut-top{display:flex;height:150px}
.cut-side{flex:1;display:flex;flex-direction:column}
.cut-side .grass{height:14px;background:#6E8A4C}
.cut-side .soil{flex:1;background:#CFC9BC;display:flex;align-items:center;padding:0 12px;color:var(--ink)}
.cut-tray{width:44%;border:12px solid #8D8B86;border-top:0;border-radius:0 0 10px 10px;background:var(--paper);display:flex;flex-direction:column;justify-content:flex-end}
.cut-tray .water{height:50px;background:#9DBFCC;display:flex;align-items:center;justify-content:center;color:#123}
.cut-geo{background:#3B3D40;color:#fff;padding:6px 14px}
.cut-stone{height:62px;background:repeating-radial-gradient(circle at 9px 9px,#A6A39C 0 4px,#BCB9B2 4px 9px);display:flex;align-items:center;padding:0 14px}
.cut-base{height:60px;background:#7B6A55;color:#fff;display:flex;align-items:center;padding:0 14px}
.cut-open{background:#FFF4EA;color:var(--accent-ink);text-align:center;padding:8px}
@media (max-width:860px){.layers{grid-template-columns:1fr;padding:22px}}

/* Объекты */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
.case:hover{border-color:var(--ink);color:inherit}
.case-place{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink)}
.case dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line)}
.case dt{font-size:13px;color:var(--muted)}
.case dd{margin:0;font-weight:800}
.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.photo-strip figure{margin:0;border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:4/5;background:var(--concrete)}
.photo-strip img{width:100%;height:100%;object-fit:cover}
.photo-strip figcaption{position:absolute;left:12px;bottom:12px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:6px 10px;border-radius:8px}
@media (max-width:900px){.cases{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cases{grid-template-columns:1fr}.photo-strip{grid-template-columns:1fr 1fr}.photo-strip figure:last-child{display:none}}

/* Шаги */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:s}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;counter-increment:s}
.steps li::before{content:counter(s);display:flex;width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--accent);font-weight:800;align-items:center;justify-content:center;margin-bottom:12px}
.steps b{display:block;margin-bottom:4px}
.steps span{color:var(--muted);font-size:15px}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* Отзывы */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:0;display:flex;flex-direction:column;gap:12px}
.stars{color:var(--accent);letter-spacing:2px}
.review blockquote{margin:0}
.review figcaption{font-size:14px;color:var(--muted)}
.rating-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.rating-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;gap:18px;align-items:center;text-decoration:none;color:inherit}
.rating-card:hover{border-color:var(--ink);color:inherit}
.rating-num{font-size:44px;font-weight:800;line-height:1}
@media (max-width:860px){.reviews,.rating-cards{grid-template-columns:1fr}}

/* Вопросы */
.faq{display:grid;gap:10px;max-width:880px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:0 22px}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;padding:18px 32px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:4px;top:50%;width:12px;height:12px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .answer{padding:0 0 20px;color:#33363A}
.faq .answer p+p,.faq .answer ul{margin-top:8px}
.faq .answer ul{padding-left:20px}

/* Форма */
.lead{background:var(--ink);color:#fff;border-radius:22px;padding:40px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
.lead p{color:#D9D7D1}
.lead-alt{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.form{display:grid;gap:14px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:6px;font-size:14px;color:#D9D7D1}
.field input,.field select,.field textarea{font:inherit;font-size:16px;color:#fff;background:var(--ink-2);border:1px solid #44474B;border-radius:10px;min-height:50px;padding:12px 14px;width:100%}
.field textarea{min-height:90px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#8F8D88}
.file-drop{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:1.5px dashed #6B6E72;border-radius:10px;color:#D9D7D1;cursor:pointer;text-align:center;padding:10px}
.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.file-drop svg{width:20px;height:20px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#D9D7D1;line-height:1.45}
.consent input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--accent)}
.consent a{color:var(--accent)}
.form-status{font-size:15px;min-height:1.4em}
.form-status.err{color:#FFB37A}
.hp{position:absolute;left:-5000px}
.lead .btn-accent[disabled]{opacity:.6;cursor:wait}
@media (max-width:860px){.lead{grid-template-columns:1fr;padding:26px 20px}.form .row{grid-template-columns:1fr}}

/* Подвал */
.footer{background:#0F1011;color:var(--muted-on-dark);margin-top:96px;font-size:14px}
.footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;padding-top:44px;padding-bottom:32px}
.footer a{color:#E2E0DA;text-decoration:none}
.footer p a,.footer-bottom a{text-decoration:underline}
.footer a:hover{color:var(--accent)}
.footer h2{font-size:15px;color:#fff;letter-spacing:0;margin-bottom:12px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-phone{font-size:20px;font-weight:800;color:#fff!important;text-decoration:none}
.social{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.social a{width:44px;height:44px;border-radius:50%;background:var(--ink-2);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:800;font-size:13px;transition:background .15s}
.social a:hover{background:var(--accent);color:var(--ink)}
.social svg{width:20px;height:20px;fill:currentColor}
.footer-bottom{border-top:1px solid #222427}
.footer-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;padding-bottom:22px;grid-template-columns:none}
@media (max-width:860px){.footer .wrap{grid-template-columns:1fr}.footer{padding-bottom:72px}}

/* Нижняя панель на телефоне */
.mobile-bar{display:none}
@media (max-width:760px){
  .mobile-bar{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--ink);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .mobile-bar a{min-height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:14px;text-decoration:none;color:#fff;background:var(--ink-2)}
  .mobile-bar a.go{background:var(--accent);color:var(--ink)}
  .mobile-bar svg{width:18px;height:18px;fill:currentColor}
}

/* Cookie */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:16px 18px;display:none;gap:12px 18px;align-items:center;flex-wrap:wrap;font-size:14px}
.cookie.show{display:flex}
.cookie p{flex:1 1 320px}
.cookie .btns{display:flex;gap:8px}
@media (max-width:760px){.cookie{bottom:84px}}

/* Внутренние страницы */
.page-hero{background:var(--ink);color:#fff;padding:36px 0 56px}
.crumbs{font-size:14px;color:var(--muted-on-dark);margin-bottom:18px}
.crumbs a{color:var(--muted-on-dark)}
.crumbs a:hover{color:#fff}
.service-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.service-hero .photo{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--ink-2)}
.service-hero .photo img{width:100%;height:100%;object-fit:cover}
.service-hero .lead-text{font-size:19px;color:#D9D7D1;margin:16px 0 22px}
.price-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.price-big b{font-size:36px;color:var(--accent);letter-spacing:-.02em}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}
.box h2{font-size:24px;margin-bottom:14px}
.box ul,.box ol{margin:0;padding-left:20px;display:grid;gap:6px}
.specs{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
.specs dt{color:var(--muted)}
.specs dd{margin:0;font-weight:700}
.prose{max-width:820px}
.prose h2{font-size:26px;margin:36px 0 12px}
.prose h3{margin:24px 0 8px}
.prose p,.prose ul,.prose ol{margin:0 0 12px}
.prose ul,.prose ol{padding-left:22px}
.prose table{border-collapse:collapse;width:100%;font-size:15px;margin:0 0 16px;background:var(--card)}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.doc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:36px;margin-top:-28px}
.geo-list{columns:3 220px;padding-left:20px}
.geo-list li{margin-bottom:8px;break-inside:avoid}
@media (max-width:860px){.service-hero,.two-col{grid-template-columns:1fr}.doc{padding:22px}}

/* Сравнение: рекомендуемый столбец */
.compare thead th.best{background:var(--accent);color:var(--ink)}
.compare .tag{display:inline-block;margin-left:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--ink);color:#fff;border-radius:6px;padding:3px 8px;vertical-align:middle}
.compare tbody td:nth-child(2){background:#FFF6EE}
.verdict{margin-top:16px;max-width:860px;font-size:17px}

/* Было — стало */
.before-after{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.before-after figure,.gallery figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;background:var(--concrete)}
.before-after img,.gallery img{width:100%;height:100%;object-fit:cover}
.before-after figcaption,.gallery figcaption,.vid figcaption{position:absolute;left:12px;top:12px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:6px 10px;border-radius:8px}
.before-after .after figcaption{background:var(--accent);color:var(--ink)}
@media (max-width:760px){.before-after{grid-template-columns:1fr 1fr}.before-after figure:nth-child(2){display:none}}

/* Видео */
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vid{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ink);aspect-ratio:9/16}
.vid video{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){.videos{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.vid{scroll-snap-align:start}}

/* Галерея */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery figcaption{top:auto;bottom:12px}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}

/* MAX и уведомление */
.social button{width:44px;height:44px;border-radius:50%;background:var(--ink-2);border:0;color:#fff;font:800 11px/1 var(--font);cursor:pointer}
.social button:hover{background:var(--accent);color:var(--ink)}
.link-btn{background:none;border:0;padding:0;color:#E2E0DA;font:inherit;cursor:pointer;text-align:left}
.link-btn:hover{color:var(--accent)}
.lead .btn-ghost{color:#fff}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:70;background:var(--ink);color:#fff;border-radius:12px;padding:14px 18px;max-width:min(92vw,460px);font-size:15px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
@media (max-width:760px){.toast{bottom:84px}}

/* Сравнение на телефоне — карточками */
.compare-cards{display:none}
@media (max-width:760px){
  .compare-cards{display:grid;gap:12px}
  #sravnenie .table-scroll{display:none}
  .cmp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
  .cmp-card.best{border:2px solid var(--accent);background:#FFF6EE}
  .cmp-card h3{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .cmp-card .tag{font-size:11px;font-weight:800;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:6px;padding:3px 8px}
  .cmp-card dl{margin:0;display:grid;gap:4px}
  .cmp-card dt{font-size:13px;color:var(--muted);margin-top:6px}
  .cmp-card dd{margin:0;font-size:15px}
}
section[id],.section{scroll-margin-top:80px}

/* Компактный прайс */
[hidden]{display:none!important}
.prices{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.pricelist{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pl-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .15s}
.pl-row:first-child{border-top:0}
.pl-row:hover{background:#FBFAF8;color:inherit}
.pl-name{font-weight:700;font-size:17px;display:flex;flex-direction:column;gap:2px;min-width:0}
.pl-name small{font-weight:400;font-size:14px;color:var(--muted)}
.pl-price{font-weight:800;font-size:19px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pl-price small{font-size:14px;font-weight:600;color:var(--muted)}
.incl{background:var(--ink);color:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}
.incl h3{font-size:18px}
.incl ul{margin:0;padding-left:20px;color:#D9D7D1;display:grid;gap:4px}
.incl p{color:var(--muted-on-dark);font-size:14px}
@media (max-width:860px){.prices{grid-template-columns:1fr}.pl-row{padding:12px 16px}.pl-name{font-size:16px}.pl-price{font-size:17px}}