/* База прицепов — оформление поверх движка (shop.css остался от магазина-основы).
   Ориентир — bazapricep.ru на Тильде: оранжевый #ec5d07, светлые карточки #f9f7f7 со скруглением,
   заголовки GetVoIP Grotesque наклонным начертанием заглавными, текст Proxima Nova. */

:root{
  --line:#ebe6e2;
  --soft:#f9f7f7;
  --mut:#6b625d;
  --ok:#1f7a45;
  --hero-bg:#3a2e26;
  --r:20px;
}

/* ---------- база ---------- */
body{font-size:16.5px;line-height:1.6;color:var(--ink)}
h1,h2,h3,.sec__title,.page-h{font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.005em;line-height:1.05}
h1{font-size:clamp(1.9rem,4.4vw,3.4rem)}
.sec__title{font-size:clamp(1.55rem,3.2vw,2.5rem)}
h3{font-size:1.05rem}
.sec__sub{color:var(--mut);text-align:center;max-width:62ch;margin-left:auto;margin-right:auto}
.eyebrow{color:var(--primary);font-weight:600;font-size:.78rem;letter-spacing:.14em}
.wrap{max-width:1240px}

/* ---------- кнопки ---------- */
.btn{border-radius:14px;border-width:2px;font-family:var(--font);font-weight:600;font-size:.84rem;letter-spacing:.04em;padding:1.05em 1.7em}
.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn--primary:hover{background:var(--primary-d);border-color:var(--primary-d)}
.btn--ghost{border-color:#d9d2cc;color:var(--ink);background:#fff}
.btn--ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn--sm{border-radius:11px;font-size:.74rem;padding:.8em 1.1em}
.btn svg{width:1.1em;height:1.1em}

/* ---------- шапка ---------- */
.hdr{border-bottom:1px solid var(--line)}
.logo{flex:none}
.logo--img .logo__img{height:46px;width:auto;max-width:none;display:block}
@media(max-width:560px){.logo--img .logo__img{height:38px}}
.nav{font-weight:600;font-size:.8rem;letter-spacing:.06em}
.nav a:hover,.nav__has:hover>a{color:var(--primary)}
.nav__sub{border-radius:14px;box-shadow:0 12px 30px #0000001a;border:1px solid var(--line)}
.nav__sub a{border-radius:9px}
.hdr__search{border-radius:12px;border-color:var(--line);background:var(--soft)}
.hdr__ic:hover,.hdr__phone:hover,.hdr__phone:hover svg{color:var(--primary)}
.ic-count{background:var(--primary)}
/* телефон — номером, как на bazapricep.ru (на узких — значком) */
@media(min-width:1180px){
  .hdr__phone{width:auto;gap:.45em;padding:0 6px;font-weight:700;white-space:nowrap;font-size:.98rem}
  .hdr__phone span{display:inline}
  .hdr__phone svg{color:var(--primary)}
  .hdr__phone + .hdr__ic{margin-left:0}
}
@media(max-width:1340px) and (min-width:1180px){.hdr__search{display:none}}

/* ---------- первый экран: фото во всю ширину, текст на тёмной части кадра ---------- */
.hero{background:var(--hero-bg);color:#fff;border-bottom:0;position:relative;overflow:hidden}
.hero__in{position:relative;display:block;max-width:none;padding:0;min-height:clamp(520px,calc(100svh - 76px),760px)}
.hero__media{position:absolute;inset:0;min-height:0;background:var(--hero-bg)}
.hero__media picture,.hero__media img{position:absolute;inset:0;width:100%;height:100%}
.hero__media img{object-fit:cover;object-position:70% 50%}
/* текст лежит на левой части кадра — затемняем её, чтобы прицеп под текстом не мешал читать */
@media(min-width:901px){.hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(42,32,25,.94) 0%,rgba(42,32,25,.82) 30%,rgba(42,32,25,.35) 52%,rgba(42,32,25,0) 66%)}}
.hero__text{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:clamp(56px,8vw,110px) 28px;min-height:inherit;justify-content:center}
.hero__text>*{max-width:560px}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.6rem);margin-bottom:1rem;text-shadow:0 2px 24px #0000004d}
.hero__sub{color:#efe6df;font-size:1.12rem;max-width:46ch}
.hero .eyebrow{color:#ffb27f}
.hero .btn--ghost{background:transparent;color:#fff;border-color:#ffffffb0}
.hero .btn--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.hero__badges{color:#efe6df}
.hero__badges svg{color:var(--primary)}
@media(min-width:901px){
  .hero__in{grid-template-columns:none;margin:0}
  .hero__media img{object-position:62% 50%}
  .hero__text{display:flex;flex-direction:column}
}
@media(max-width:900px){
  .hero__in{min-height:0;display:flex;flex-direction:column}
  .hero__media{position:relative;aspect-ratio:1218/854;order:-1}
  .hero__text{padding:24px 20px 36px}
  .hero h1{font-size:clamp(1.8rem,8vw,2.4rem)}
  .hero__cta .btn{flex:1 1 auto}
}
@media(max-width:560px){
  .grid--4.shop,.shop.grid--4{gap:12px 10px}
  .pcard{border-radius:16px}
  .pcard__body{padding:10px 12px 14px}
  .pcard__name{font-size:.95rem}
  .pcard__meta{font-size:.78rem}
  .pcard__stock{font-size:.78rem;white-space:nowrap}
  .pcard__foot{flex-direction:column;align-items:stretch;gap:8px}
  .pcard__foot .btn--sm{width:100%}
  .price{font-size:1.02rem}
  .price--ask{font-size:.86rem}
}

/* ---------- секции ---------- */
.sec--alt{background:var(--soft)}
.sec__cta{text-align:center;margin-top:2.2rem}

/* ---------- карточка модели в сетке ---------- */
.pcard{background:var(--soft);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.sec--alt .pcard{background:#fff}
/* фото моделей собраны на холсте 4:3 (прицеп целиком) — не обрезаем, вписываем */
.pcard__media{aspect-ratio:4/3;background:#f3f1ef;border-radius:0}
.pcard__media img{object-fit:contain}
.pcard__body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1}
.pcard__name{font-weight:700;font-size:1.05rem;letter-spacing:0}
.pcard__name:hover{color:var(--primary)}
.pcard__meta{font-size:.84rem;margin-top:.15rem}
.pcard__foot{margin-top:.8rem;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.price{font-weight:700;font-size:1.12rem}
.price__from{font-weight:500;color:var(--mut)}
.price--ask{font-weight:600;font-size:.95rem;color:var(--mut)}
.pcard .btn--sm{opacity:1;transform:none}
.pcard__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#b9aea6;font-size:.82rem;background:linear-gradient(135deg,#f3eeeb,#fbf9f8)}
.pcard__ph svg{position:static!important;transform:none!important;width:64px!important;height:64px!important;color:#cdbfb5!important}
.tags{top:12px;left:12px}
.tag{border-radius:100px;font-size:.66rem;font-weight:700;letter-spacing:.06em;padding:.5em .85em;white-space:nowrap;line-height:1.2}
.pcard__stock{margin:.45rem 0 0;font-size:.84rem;font-weight:600;color:#9a5a2b;display:flex;align-items:center;gap:.45em}
.pcard__stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.pcard__stock.is-in{color:var(--ok)}
.fav{top:10px;right:10px}
.fav.is-on svg{fill:var(--primary);color:var(--primary)}

/* ---------- каталог и фильтры ---------- */
.shopbar__search{border-radius:12px;background:#fff}
.shopbar__search:focus{border-color:var(--primary)}
.pill{border-radius:100px;font-weight:600;font-size:.82rem;letter-spacing:.02em}
.pill.is-active{background:var(--primary);border-color:var(--primary)}
.pill--stock{border-color:var(--ok);color:var(--ok)}
.pill--stock.is-active{background:var(--ok);border-color:var(--ok);color:#fff}
.filters{border:1px solid var(--line);border-radius:var(--r);padding:4px 18px;background:#fff}
.chip{border-radius:100px;font-size:.86rem}
.chip:hover{border-color:var(--primary)}
.chip.is-on{background:var(--primary);border-color:var(--primary)}
.chip--stock{border-color:var(--ok);color:var(--ok);font-weight:600}
.chip--stock.is-on{background:var(--ok);border-color:var(--ok);color:#fff}
.chip__n{opacity:.7;font-size:.9em}
.sortsel select{border-radius:10px}
.filters__reset{border-bottom-color:var(--primary);color:var(--primary)}
.page-h{font-size:clamp(1.7rem,3.4vw,2.7rem);margin-bottom:.6rem}
.cathero{margin:0 0 1.6rem;border-radius:var(--r);overflow:hidden;background:var(--hero-bg)}
.cathero img{display:block;width:100%;height:auto}
.cat-intro{margin:0 0 1.8rem;font-size:1.02rem;color:#4a423d}

/* ---------- плитки серий: текст слева, студийное фото справа (как на bazapricep.ru) ---------- */
.sec--cats .grid{grid-template-columns:repeat(2,1fr)}
.cattile{background:var(--soft);border-radius:24px;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;min-height:250px}
.cattile:hover{box-shadow:0 10px 30px #0000000f}
.cattile--img .cattile__media{aspect-ratio:auto;order:2;background:radial-gradient(ellipse at 60% 50%,#fff,#ece8e5);display:flex;align-items:center}
.cattile--img .cattile__media img{width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.cattile__body{padding:26px 10px 24px 26px!important;display:flex;flex-direction:column;gap:.5rem!important}
.cattile h3{font-size:1.5rem;font-weight:800}
.cattile p{font-size:.9rem;color:#4a423d;flex:1}
.cattile__link{align-self:flex-start;background:var(--primary);color:#fff!important;border-radius:12px;padding:.8em 1.1em;font-weight:600;font-size:.74rem;letter-spacing:.05em}
.cattile:hover .cattile__link{background:var(--primary-d)}
.sec--cats .cattile:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:260px}
.sec--cats .cattile:last-child:nth-child(odd) .cattile__media{overflow:hidden}
.sec--cats .cattile:last-child:nth-child(odd) .cattile__media{background:#f3f1ef}
.sec--cats .cattile:last-child:nth-child(odd) .cattile__media img{object-position:50% 50%}
@media(max-width:760px){
  .sec--cats .grid{grid-template-columns:1fr}
  .cattile{grid-template-columns:1fr;min-height:0}
  .cattile--img .cattile__media{order:0;aspect-ratio:16/9}
  .cattile__body{padding:18px 18px 20px!important}
  .sec--cats .cattile:last-child:nth-child(odd){height:auto;grid-template-columns:1fr}
}

/* ---------- «по задаче»: карточки-ссылки ---------- */
.card{border:0;border-radius:24px;background:var(--soft);box-shadow:none}
.sec--alt .card{background:#fff}
.card__media{aspect-ratio:442/360;background:#fff}
.card__media img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.card__body{padding:16px 20px 22px;display:flex;flex-direction:column;gap:.3rem;flex:1}
.card h3{font-size:1.2rem;margin:0}
.card p{color:#4a423d;font-size:.92rem;margin:0;flex:1}
.card--link{text-decoration:none;color:inherit;transition:transform .2s ease, box-shadow .2s ease}
/* картинки «по задаче» с Тильды растушёваны книзу в #f3f4f8 — текст ложится на растушёвку, как на bazapricep.ru */
#zadachi .card,.sec--alt #zadachi .card{background:#f3f4f8}
#zadachi .card__media{aspect-ratio:442/451;background:#f3f4f8}
#zadachi .card__body{margin-top:-38%;position:relative;padding-top:0}
.card--link:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000000f}
.card__more{align-self:flex-start;margin-top:.7rem;background:var(--primary);color:#fff;border-radius:11px;padding:.75em 1.05em;font-weight:600;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}

/* ---------- преимущества ---------- */
.feature,.sec--alt .feature{background:var(--soft);border:0;border-radius:24px;padding:26px 24px;text-align:center}
.sec--alt .feature{background:#fff}
.feature__ic{background:transparent;color:var(--primary);width:60px;height:60px;margin:0 auto 12px}
.sec--alt .feature__ic{background:transparent}
.feature__ic svg{width:44px;height:44px;stroke-width:1.4}
.feature h3{font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1rem}
.feature p{font-size:.9rem;color:#5d554f}
.sec > .wrap:not(.related) > .sec__title + .grid{margin-top:1.6rem}

/* ---------- шаги ---------- */
.steps{max-width:860px;margin:1.6rem auto 0}
.step{background:var(--soft);border:0;border-radius:20px}
.step__n{background:var(--primary);color:#fff;font-family:var(--head);font-style:italic}
.step h3{font-family:var(--font);font-style:normal;text-transform:none;font-weight:700;font-size:1.05rem}

/* ---------- площадка: карточка с адресом + фото площадки ---------- */
.sec--store .store{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.store__card{background:var(--soft);border-radius:24px;padding:clamp(22px,3vw,40px)}
.store__card .sec__title{margin-bottom:.8rem}
.store__addr{display:flex;gap:.6em;align-items:flex-start;font-size:1.05rem;margin:.4rem 0 .8rem}
.store__addr b{font-weight:500;color:var(--mut)}
.store__addr svg,.store__hd svg,.store__ptphone svg{width:1.2em;height:1.2em;color:var(--primary);flex:none;margin-top:.2em}
.store__lead{color:#4a423d;margin:0 0 .8rem}
.store__hours{list-style:none;padding:0;margin:0 0 .4rem}
.store__hours li{display:flex;gap:.8em;align-items:center;font-size:1.02rem}
.store__hd{display:inline-flex;gap:.45em;align-items:center;color:var(--mut)}
.store__panel{border-radius:24px;background:#3a2e26 url(brand/yard-800.jpg) 70% 50%/cover;min-height:340px;display:flex;align-items:flex-end;padding:20px}
.store__panelin{display:flex;flex-wrap:wrap;gap:10px}
.store__badge,.store__maplink{background:#fff;border-radius:12px;padding:.65em .95em;display:inline-flex;gap:.45em;align-items:center;font-weight:600;font-size:.9rem;color:var(--ink)}
.store__maplink:hover{color:var(--primary)}
.store__badge svg,.store__maplink svg{width:1.1em;height:1.1em;color:var(--primary)}
.store__inside{display:none}
@media(max-width:820px){.sec--store .store{grid-template-columns:1fr}.store__panel{min-height:220px}}

/* ---------- вопросы и формы ---------- */
.faq,.sec--alt .faq{background:var(--soft);border:0;border-radius:16px;padding:0 20px;margin:0 0 10px}
.wrap--narrow .faq:first-of-type{border-top:0}
.faq summary{font-weight:600}
.lead{border:0;border-radius:24px;background:var(--soft);padding:clamp(20px,3vw,32px)}
.sec--form .lead{background:#fff}
.field input,.field textarea,.field select{border-radius:12px;background:#fff}
.field input:focus,.field textarea:focus{border-color:var(--primary)}
.check input{accent-color:var(--primary)}
.alert{border-radius:16px}

/* ---------- карточка модели ---------- */
.product__main{aspect-ratio:4/3;background:#f3f1ef;border-radius:var(--r);border:1px solid var(--line)}
.product__main img{object-fit:contain}
.product__thumb{aspect-ratio:4/3;border-radius:12px;background:#f3f1ef}
.product__thumb img{object-fit:contain}
.product__thumb.is-on{border-color:var(--primary)}
.product__cat{color:var(--primary);font-weight:600}
.product__info h1{font-size:clamp(1.6rem,2.8vw,2.3rem)}
.price--lg{font-size:1.9rem;font-weight:800;margin:.4rem 0 .6rem}
.price--lg.price--ask{font-size:1.35rem;color:var(--ink)}
.product__av{font-size:.92rem;font-weight:600}
.product__av.is-in{color:var(--ok)}
.product__av.is-order{color:#9a5a2b}
.product__desc{color:#4a423d}
.vars{margin:0 0 1.2rem}
.vars__lbl{font-weight:700;color:var(--ink);font-size:.86rem;text-transform:uppercase;letter-spacing:.06em}
.vars__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vars__b{border-radius:14px;padding:.7em .9em;font-weight:600;font-size:.92rem}
.vars__b small{font-weight:500;margin-top:.2em}
.vars__b--stock small{color:var(--ok)}
.vars__b.is-on{border-color:var(--primary);background:#fff5ee}
@media(max-width:420px){.vars__row{grid-template-columns:1fr}}
.buyrow .btn--ghost{grid-column:auto;grid-row:auto}
.buyrow{grid-template-columns:auto minmax(0,1fr) minmax(0,auto) auto}
.buyrow .qstep{grid-column:1;grid-row:1}
.buyrow .btn--primary{grid-column:2;grid-row:1}
.buyrow .btn--ghost{grid-column:3;grid-row:1}
.buyrow .fav--lg{grid-column:4;grid-row:1}
.buyrow[hidden]{display:none}
.askrow{grid-template-columns:minmax(0,1fr) auto auto}
.askrow .btn--primary{grid-column:1}
.askrow .btn--ghost{grid-column:2}
.askrow .fav--lg{grid-column:3}
.qstep{border-radius:14px;border-color:#d9d2cc;overflow:hidden}
.fav--lg{border-radius:14px;border-color:#d9d2cc}
@media(max-width:560px){
  .buyrow{grid-template-columns:auto minmax(0,1fr)}
  .buyrow .qstep{grid-column:1;grid-row:1}
  .buyrow .btn--primary{grid-column:2;grid-row:1}
  .buyrow .fav--lg{grid-column:1;grid-row:2}
  .buyrow .btn--ghost{grid-column:2;grid-row:2}
  .askrow{grid-template-columns:minmax(0,1fr) auto}
  .askrow .btn--primary{grid-column:1/-1;grid-row:1}
  .askrow .btn--ghost{grid-column:1;grid-row:2}
  .askrow .fav--lg{grid-column:2;grid-row:2}
}
.specs--short{border-top:0;background:var(--soft);border-radius:16px;padding:4px 16px}
.specs--short>div:last-child{border-bottom:0}
.product__terms svg{color:var(--primary)}
.pblock h2{font-size:1.15rem}
.product__ask{margin-top:clamp(36px,4vw,56px)}
.askbox{background:var(--soft);border-radius:24px;padding:clamp(20px,3vw,34px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,40px);align-items:center}
.askbox h2{font-size:clamp(1.3rem,2.2vw,1.8rem);margin-bottom:.5rem}
.askbox p{color:#4a423d;margin:0}
.askbox a{color:var(--primary);font-weight:700;white-space:nowrap}
.lead--inline{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:18px}
.lead--inline .field{margin:0}
.lead--inline .field--wide{grid-column:1/-1}
.lead--inline .btn{grid-column:1/-1}
@media(max-width:820px){.askbox{grid-template-columns:1fr}.lead--inline{grid-template-columns:1fr}}
.related .sec__title{font-size:1.35rem}

/* ---------- первый экран серии/подборки: текст поверх тёмной части кадра ---------- */
.lhero{position:relative;border-radius:var(--r);overflow:hidden;background:var(--hero-bg);color:#fff;margin:0 0 2rem;min-height:clamp(320px,34vw,460px);display:flex;align-items:center}
.lhero picture,.lhero__img{position:absolute;inset:0;width:100%;height:100%}
.lhero__img{object-fit:cover;object-position:70% 50%}
.lhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,32,25,.92) 0%,rgba(42,32,25,.7) 34%,rgba(42,32,25,0) 62%);pointer-events:none}
.lhero__text{position:relative;z-index:2;padding:clamp(24px,4vw,56px);max-width:600px}
.lhero h1{color:#fff;font-size:clamp(1.8rem,3.6vw,2.9rem);margin:0 0 .5rem}
.lhero__sub{color:#ffb27f;font-weight:600;font-size:1.05rem;margin:0 0 .8rem}
.lhero__intro{color:#efe6df;margin:0 0 1.2rem;font-size:1rem;line-height:1.55}
.lhero__cta{display:flex;flex-wrap:wrap;gap:10px}
.lhero .btn--ghost{background:transparent;color:#fff;border-color:#ffffffb0}
.lhero .btn--ghost:hover{background:#fff;color:var(--ink)}
@media(max-width:700px){
  .lhero{display:block;min-height:0}
  .lhero picture,.lhero__img{position:relative;display:block;aspect-ratio:1218/800;height:auto}
  .lhero::after{display:none}
  .lhero__text{padding:20px 18px 24px}
}

/* ---------- SEO-текст под товарами, перелинковка, призыв ---------- */
.seotext{margin-top:clamp(40px,5vw,72px)}
.seotext__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.seotext__item{background:var(--soft);border-radius:20px;padding:clamp(18px,2.4vw,28px)}
.seotext__item h3{font-size:1.1rem;margin:0 0 .6rem}
.seotext__item p{margin:0 0 .7rem;color:#3f3833;font-size:.97rem;line-height:1.65}
.seotext__item p:last-child{margin-bottom:0}
@media(max-width:820px){.seotext__grid{grid-template-columns:1fr}}
.relinks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2rem 0 0}
.relinks span{font-weight:700;margin-right:4px}
.relinks a{border:1.5px solid var(--line);border-radius:100px;padding:.45em .95em;font-weight:600;font-size:.9rem;background:#fff}
.relinks a:hover{border-color:var(--primary);color:var(--primary)}
.cta-box{margin-top:2rem;background:var(--hero-bg);color:#fff;border-radius:24px;padding:clamp(20px,3vw,34px);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-box h2{color:#fff;font-size:clamp(1.2rem,2.2vw,1.6rem);margin:0 0 .3rem}
.cta-box p{margin:0;color:#efe6df}

/* ---------- блог: список ---------- */
.blogpills{margin:0 0 1.6rem}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.posts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.post{background:var(--soft);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.post[hidden]{display:none}
.post__media{display:block;aspect-ratio:16/9;background:#e9e4e0;overflow:hidden}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post:hover .post__media img{transform:scale(1.03)}
.post__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:.45rem;flex:1}
.post__meta{margin:0;font-size:.82rem;color:var(--mut)}
.post__rubric{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem}
.post__h{font-family:var(--font);font-style:normal;text-transform:none;font-weight:700;font-size:1.15rem;line-height:1.3;margin:0}
.post__h a:hover{color:var(--primary)}
.post__ex{margin:0;color:#4a423d;font-size:.94rem;flex:1}
.post__more{color:var(--primary);font-weight:700;font-size:.9rem}
.post--big{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.post--big .post__media{aspect-ratio:auto;min-height:320px}
.post--big .post__body{padding:clamp(22px,3vw,40px);justify-content:center}
.post--big .post__h{font-size:clamp(1.4rem,2.4vw,1.9rem)}
@media(max-width:980px){.posts,.posts--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.posts,.posts--3{grid-template-columns:1fr}.post--big{display:flex}.post--big .post__media{aspect-ratio:16/9;min-height:0}}

/* ---------- блог: статья ---------- */
.art__head{max-width:860px}
.art__lead{font-size:1.15rem;line-height:1.6;color:#3a332e;margin:.6rem 0 1.4rem}
.art__cover{margin:0 0 2rem;border-radius:var(--r);overflow:hidden;background:#e9e4e0;aspect-ratio:21/8;max-height:440px}
.art__cover img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.art__cover{aspect-ratio:16/9}}
.art__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(24px,4vw,56px);align-items:start}
.art__body{max-width:760px;font-size:1.04rem}
.art__body h2{margin:2.2rem 0 .8rem;scroll-margin-top:90px}
.art__body p{line-height:1.7;color:#2f2925}
.art__list{padding-left:1.2em;line-height:1.65}
.art__list li{margin:.3em 0}
.art__side{position:sticky;top:96px;display:grid;gap:16px}
.toc{background:var(--soft);border-radius:18px;padding:18px 20px}
.toc__h{margin:0 0 .6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--mut)}
.toc ol{margin:0;padding-left:1.1em;display:grid;gap:.45rem;font-size:.92rem}
.toc a:hover{color:var(--primary)}
.sidecta{background:var(--hero-bg);color:#efe6df;border-radius:18px;padding:20px;display:grid;gap:10px}
.sidecta p{margin:0;font-size:.92rem}
.sidecta__h{color:#fff;font-weight:800;font-size:1.05rem!important}
.sidecta .btn--ghost{background:transparent;color:#fff;border-color:#ffffff80}
.tbl{overflow-x:auto;margin:1rem 0 1.4rem;border-radius:14px;border:1px solid var(--line)}
.tbl table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:480px}
.tbl th{background:var(--soft);text-align:left;font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line)}
.tbl td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tip{display:flex;gap:.6em;background:#fff5ee;border-left:4px solid var(--primary);border-radius:10px;padding:12px 16px;color:#4a3a2e}
.tip svg{width:1.2em;height:1.2em;color:var(--primary);flex:none;margin-top:.15em}
.art__fig{margin:1.4rem 0;border-radius:16px;overflow:hidden;background:var(--soft)}
.art__fig img{display:block;width:100%;height:auto}
.art__fig figcaption{padding:10px 14px;font-size:.88rem;color:var(--mut)}
.faqblock{margin-top:2.2rem}
@media(max-width:980px){.art__grid{grid-template-columns:minmax(0,1fr)}.art__side{position:static}}

.mapbox{margin-top:1.6rem;border-radius:20px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;max-height:460px}
.mapbox iframe{width:100%;height:100%;border:0;display:block}

/* ---------- страницы ---------- */
.pagecover{border-radius:var(--r);overflow:hidden;background:var(--hero-bg)}
.prose h2{font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.25rem}
.crumbs a:hover{color:var(--primary)}
.soonbox{border-radius:var(--r);background:var(--soft);border:0}
.feature--post{text-align:left;padding:0;overflow:hidden}
.postcard__media img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.postcard__body{padding:18px 20px 22px}
.feature--post .feature__h{font-family:var(--font);font-style:normal;text-transform:none;font-weight:700;font-size:1.1rem}
.cart__img{aspect-ratio:1/1;border-radius:10px}

/* ---------- подвал: светлый, с логотипом ---------- */
.ftr__grid{grid-template-columns:1.3fr repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.ftr__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ftr__col--brand{grid-column:1/-1}}
@media(max-width:600px){.ftr__grid{grid-template-columns:1fr 1fr}}
.ftr{background:var(--soft);color:#4a423d;border-top:1px solid var(--line)}
.ftr__col h2,.ftr__col h3{color:var(--ink);font-family:var(--font);font-style:normal;font-weight:700;letter-spacing:.1em}
.ftr__col a{color:#4a423d}
.ftr__col a:hover{color:var(--primary)}
.ftr__logo--img img{height:48px;width:auto;display:block;margin-bottom:.6rem}
.ftr__about{color:#6b625d}
.ftr__contact{color:#4a423d;align-items:flex-start}
.ftr__contact svg{color:var(--primary);margin-top:.25em;flex:none}
.ftr__contact a{color:var(--ink);font-weight:700}
.ftr__legal{border-top-color:var(--line);color:#8a817b}
.ftr__legal a{color:#6b625d;border-bottom-color:var(--line)}

/* ---------- закреплённые кнопки на телефоне ---------- */
.sticky__btn--p{background:var(--primary)!important;color:#fff!important}

/* ---------- контакты ---------- */
.ctc__lead{color:#4a423d;max-width:72ch;font-size:1.05rem;margin:0 0 1.6rem}
.ctc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,28px);align-items:stretch}
.ctc__info{display:flex;flex-direction:column;gap:12px}
.ctc__card{display:flex;gap:16px;align-items:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;color:inherit;text-decoration:none}
.ctc__card--phone{background:#fff;border-color:var(--primary);transition:background .15s}
.ctc__card--phone:hover{background:#fff6f0}
.ctc__ic{flex:none;width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--primary)}
.ctc__card--phone .ctc__ic{background:var(--primary);border-color:var(--primary);color:#fff}
.ctc__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ctc__k{display:block;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
.ctc__v{display:block;font-family:var(--head);font-style:italic;font-weight:800;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.15;color:var(--ink)}
.ctc__v--sm{font-family:var(--font);font-style:normal;font-weight:700;font-size:1.08rem}
.ctc__n{display:block;color:#5d554f;font-size:.92rem;margin-top:4px;line-height:1.45}
.ctc__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.ctc__btns .btn{display:inline-flex;align-items:center;gap:.5em}
.ctc__map{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);min-height:420px;background:#eef0ee}
.ctc__map iframe{position:absolute;left:0;top:0;width:100%;height:calc(100% + 90px);border:0}   /* низ виджета — пустая серая панель, прячем */
.ctc__h2{font-size:clamp(1.3rem,2.4vw,1.9rem);margin:clamp(2rem,4vw,3rem) 0 1rem}
.ctc__routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ctc__route{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;background:#fff}
.ctc__route h3{font-size:1rem;margin:0 0 .5rem}
.ctc__route p{margin:0 0 .6rem;color:#4a423d;font-size:.95rem}
.ctc__route .back{font-weight:700;color:var(--primary)}
@media (max-width:900px){
  .ctc{grid-template-columns:1fr}
  .ctc__map{min-height:320px}
  .ctc__routes{grid-template-columns:1fr}
}
@media (max-width:520px){
  .ctc__card{padding:15px 16px;gap:13px}
  .ctc__btns .btn{flex:1 1 100%;justify-content:center}
}

/* ---------- «Коротко» в начале статьи ---------- */
.art__short{background:#fff6f0;border:1px solid #f6d3bd;border-left:4px solid var(--primary);border-radius:16px;padding:16px 20px 6px;margin:0 0 1.6rem}
.art__short-h{font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:.95rem;margin:0 0 .4rem;color:var(--primary)}
.art__short ul{margin:0 0 .6rem;padding-left:1.1em}
.art__short li{margin:.25rem 0}
.art__body a,.art__short a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}
.ctc__more{margin:2px 0 0;color:#5d554f;font-size:.92rem}
.ctc__more a{color:var(--primary);font-weight:600}

/* ---------- живые блоки статей: вставки, шаги, сравнение, чек-лист, схемы, калькуляторы ---------- */
.callout{position:relative;border-radius:16px;padding:16px 20px 14px 20px;margin:1.4rem 0;background:#f6f4f1;border:1px solid var(--line)}
.callout p{margin:.35rem 0 0;line-height:1.6}
.callout__k{margin:0!important;font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:.5em}
.callout__k::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:currentColor}
.callout--practice{background:#f3f6f2;border-color:#d7e3d3}.callout--practice .callout__k{color:#2e6b3a}
.callout--mistake{background:#fdf1ef;border-color:#f3cfc8}.callout--mistake .callout__k{color:#b3361f}
.callout--lifehack{background:#fff8e8;border-color:#f2ddb0}.callout--lifehack .callout__k{color:#9a6a00}
.callout--warn{background:#fff3ea;border-color:#f6d3bd}.callout--warn .callout__k{color:var(--primary)}
.steps-art{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:10px;counter-reset:none}
.steps-art li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.steps-art__n{flex:none;width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--head);font-style:italic}
.steps-art li p{margin:0;line-height:1.55}
.steps-art__t{font-weight:700;margin-bottom:2px!important}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1.2rem 0}
.compare__col{border-radius:16px;padding:16px 18px;border:1px solid var(--line)}
.compare__col--left{background:#f3f6f2}.compare__col--right{background:#fff6f0}
.compare__t{font-weight:800;margin:0 0 .4rem!important}
.compare ul{margin:0;padding-left:1.1em}.compare li{margin:.3em 0;line-height:1.5}
.checklist{list-style:none;padding:0;margin:1rem 0;display:grid;gap:8px}
.checklist li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.checklist__box{flex:none;width:20px;height:20px;border:2px solid var(--primary);border-radius:6px;margin-top:2px}
.art__fig--svg{background:#fff;border:1px solid var(--line);padding:10px}
.art__fig--svg svg{display:block;width:100%;height:auto}
.pull{margin:1.6rem 0;padding:6px 0 6px 20px;border-left:4px solid var(--primary);font-size:1.2rem;line-height:1.45;font-weight:600;color:#2a221d}
.calc{background:var(--hero-bg);color:#efe6df;border-radius:20px;padding:20px 22px;margin:1.6rem 0}
.calc__h{color:#fff;font-weight:800;font-size:1.1rem;margin:0 0 .3rem!important}
.calc__sub{color:#d8cdc4!important;font-size:.92rem;margin:0 0 .9rem!important}
.calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc__grid--3{grid-template-columns:repeat(3,1fr)}
.calc__f{display:grid;gap:5px;font-size:.84rem;color:#d8cdc4}
.calc__in{display:flex;align-items:center;background:#fff;border-radius:12px;overflow:hidden}
.calc__in input{flex:1;min-width:0;border:0;padding:12px 12px;font:600 1rem var(--font);color:var(--ink);outline:none}
.calc__in i{font-style:normal;color:var(--mut);padding:0 12px;font-size:.9rem}
.calc__out:empty{display:none}
.calc__out{margin-top:12px;background:#ffffff14;border-radius:12px;padding:12px 14px}
.calc__res{margin:0!important;color:#fff!important}
.calc__res--bad{color:#ffd2c0!important}
.calc__res a,.calc__list a{color:#ffb27f;text-decoration:underline}
.calc__list{margin:.5rem 0 0;padding-left:1.1em;color:#efe6df}
.calc__list li{margin:.25em 0}.calc__list span{color:#cbbfb5;font-size:.9rem}
@media (max-width:640px){.compare,.calc__grid,.calc__grid--3{grid-template-columns:1fr}}
.art__body,.art__side{min-width:0}   /* широкие таблицы листаются внутри .tbl, а не растягивают страницу на телефоне */
.art__fig--svg svg{max-width:600px;margin:0 auto}
body{overflow-x:clip}   /* страховка: ни один блок не даёт горизонтальную прокрутку на телефоне */
.art__body .calc .calc__h{color:#fff}