/* ============================================================
   ALTYN — блоки внутренних страниц. Дизайн-код главной (goroda.pro):
   те же токены (--base-*, --accent-*, --r-*), карточки base-50 с радиусом 2.4rem,
   белые карточки с рамкой и мягкой тенью, красный акцент, кнопки 4.4rem, текст от 16px.
   Подключается только на внутренних страницах, после style-v3.css и sections-v3.css.
   ============================================================ */

/* ---------- Хлебные крошки ---------- */
.crumbs{margin-bottom:3.2rem}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:1.6rem;color:var(--base-500)}
.crumbs li+li::before{content:"/";margin-right:.8rem;color:var(--base-300)}
.crumbs a{transition:color var(--ease)}
.crumbs a:hover{color:var(--accent-500)}
.crumbs [aria-current]{color:var(--base-900)}
.menu__link[aria-current="page"],.drawer__nav a[aria-current="page"],.footer__col a[aria-current="page"],.mega__col a[aria-current="page"]{color:var(--accent-500)}

/* ---------- Первый экран категории: как главная, плюс подзаголовок ---------- */
.hero--page .hero__title{margin-bottom:2rem}
.hero__accent{color:var(--accent-500)}
.hero__lead{max-width:80rem;margin:0 auto 4rem;text-align:center;font-size:1.8rem;line-height:1.45;color:var(--base-500)}
/* 29.09: только десктоп — планшет и телефон берут общую сетку из style-v3 (иначе это правило перебивало её по специфичности) */
@media (min-width:1280px){ .hero--page .maincards{grid-template-columns:repeat(var(--n,7),minmax(0,1fr))} }
/* последняя карточка шире: «Продать быт. технику» не помещалось в две строки */
@media (min-width:1280px){ .hero--page .maincards--wl{grid-template-columns:repeat(calc(var(--n) - 1),minmax(0,1fr)) 1.35fr} }
/* 28.09: крошки -> H1 -> подзаголовок плотнее: на телефоне первый экран начинался с 90px пустоты над заголовком */
@media (max-width:767.98px){
  .crumbs{margin-bottom:1.6rem}
  /* крошки в одну строку: на 16 страницах (Apple, бренды телефонов, бытовая техника) они переносились в 2 строки —
     лишние 30px над H1 и наложение зон нажатия. Длинная цепочка листается пальцем, край затухает (data-overflow) */
  .crumbs ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding-block:1.2rem;margin-block:-1.2rem}
  .crumbs ol::-webkit-scrollbar{display:none}
  .crumbs ol[data-overflow="start"]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 4rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 4rem),#0000)}
  .crumbs ol[data-overflow="middle"]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3.2rem,#000 calc(100% - 4rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 3.2rem,#000 calc(100% - 4rem),#0000)}
  .crumbs ol[data-overflow="end"]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3.2rem);mask-image:linear-gradient(90deg,#0000,#000 3.2rem)}
  .crumbs li{flex:none}
  .hero--page .hero__title{margin-bottom:1.2rem}
  .hero__lead{font-size:1.6rem;margin-bottom:2rem}
}

/* ---------- Преимущества: бенто (красная цифра + 4 серые + карточка с 3D-объектом) ---------- */
.perks{margin-bottom:var(--section-gap)}
.perks__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:repeat(2,minmax(23rem,auto));gap:.8rem}
.perk{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:1rem;padding:2.8rem;border-radius:var(--r-xl);background:var(--base-50)}
.perk__idx{font-size:1.6rem;font-weight:600;color:var(--base-300)}
.perk__title{margin-top:auto;font-size:2.2rem;line-height:1.05;letter-spacing:-.02em;font-weight:600}
.perk__text{font-size:1.6rem;line-height:1.4;color:var(--base-500)}
.perk--accent{grid-column:1;grid-row:1/3;gap:1.6rem;background:var(--accent-500);color:#fff}
.perk__big{font-size:6.4rem;line-height:.95;font-weight:600;letter-spacing:-.04em}
.perk__biglabel{max-width:28rem;font-size:1.8rem;line-height:1.3;color:var(--accent-100)}
.perk__checks{display:grid;gap:1.2rem;margin-top:auto}
.perk__checks li{display:flex;align-items:center;gap:1.2rem;font-size:1.8rem;font-weight:500;line-height:1.2}
.perk__checks .icon{flex:none;width:3.2rem;height:3.2rem;padding:.8rem;border-radius:50%;background:var(--opacity-white-20)}
.perk--obj{grid-column:4;grid-row:1/3}
.perk--obj .perk__title{margin-top:0}
.perk--obj .perk__title,.perk--obj .perk__text{position:relative;z-index:1;max-width:32rem}
.perk__img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
@media (min-width:1280px){ .perks .hslider__nav{display:none} }
@media (max-width:1279.98px){
  .perks__grid{display:flex}
  .perk{flex:0 0 calc((100% - .8rem) / 2);min-height:34rem}
  .perk--accent,.perk--obj{grid-column:auto;grid-row:auto}
}
@media (max-width:767.98px){
  .perk{flex-basis:100%;padding:2.4rem 2rem}
  .perk__big{font-size:5.2rem}
}

/* ---------- Текстовый блок: боковая карточка с фото и «Коротко» ---------- */
.aside-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);background:#e6e6e8}
.aside-facts ul{display:grid;gap:1rem}
.aside-facts li{display:flex;align-items:flex-start;gap:1rem;font-size:1.6rem;line-height:1.35;font-weight:500;color:var(--base-700)}
.aside-facts .icon{flex:none;width:2.4rem;height:2.4rem;padding:.5rem;border-radius:50%;background:var(--accent-500);color:#fff}
@media (max-width:1279.98px){
  .aside-card--page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.6rem}
  .aside-card--page .aside-photo{grid-row:1/3}
}
@media (max-width:767.98px){ .aside-card--page{grid-template-columns:minmax(0,1fr)} .aside-card--page .aside-photo{grid-row:auto} }

/* ---------- Таблица «Сколько дают» ---------- */
.prices{margin-bottom:var(--section-gap)}
.prices__wrap{display:grid;grid-template-columns:minmax(0,93.2fr) minmax(0,46fr);gap:.8rem;align-items:stretch}
.prices .article__table{margin:0;background-color:#fff;box-shadow:var(--shadow-row)}
.prices .article__table td,.prices .article__table th{font-variant-numeric:tabular-nums}
.prices tr.is-current th,.prices tr.is-current td{background:#fff6f6;color:var(--accent-600)}
.prices__side{display:flex;flex-direction:column;gap:1.2rem;padding:2.8rem;border-radius:var(--r-xl);background:var(--base-700);color:#fff}
.prices__side b{font-size:4rem;line-height:1;font-weight:600;letter-spacing:-.03em}
.prices__side p{font-size:1.6rem;line-height:1.4;color:var(--base-300)}
.prices__side .btn{margin-top:auto;align-self:flex-start}
@media (max-width:1279.98px){ .prices__wrap{grid-template-columns:minmax(0,1fr)} }
/* телефон: три колонки влезают в 390px — название модели переносится, отступы компактнее */
@media (max-width:767.98px){
  .prices .article__table th,.prices .article__table td{padding:1.1rem 1rem}
  .prices .article__table th:first-child{white-space:normal;padding-left:1.4rem}
  .prices .article__table th,.prices .article__table td{white-space:normal}
  .prices .is-opt{display:none}
  .prices .article__table caption{padding:1.2rem 1.4rem}
  .prices__side{padding:2.4rem 2rem}
}

/* ---------- Два списка: «От чего зависит сумма» и «Что взять с собой» ---------- */
.lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;margin-bottom:var(--section-gap)}
.lists__card{padding:3.2rem;border-radius:var(--r-xl);background:var(--base-50)}
.lists__card--white{background:#fff;border:.1rem solid var(--base-50);box-shadow:var(--shadow-row)}
.lists__title{margin-bottom:2rem;font-size:2.4rem;line-height:1.1;letter-spacing:-.02em;font-weight:600}
.lists__card ul{display:grid;gap:1.4rem}
.lists__card li{display:flex;align-items:flex-start;gap:1.2rem;font-size:1.6rem;line-height:1.45;color:var(--base-700)}
.lists__card li .icon{flex:none;width:2.4rem;height:2.4rem;padding:.5rem;border-radius:50%;background:var(--accent-500);color:#fff}
.lists__card--white li .icon{background:var(--base-50);color:var(--accent-500)}
@media (max-width:767.98px){ .lists{grid-template-columns:minmax(0,1fr)} .lists__card{padding:2.4rem 2rem} .lists__title{font-size:2rem} }

/* ---------- Хабы: крупные карточки разделов ---------- */
.hub{margin-bottom:var(--section-gap)}
.hubgrid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:.8rem}
.hubcard{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-height:32rem;padding:2.4rem;border-radius:var(--r-xl);background:var(--base-50);transition:transform var(--ease),box-shadow var(--ease)}
.hubcard:hover{transform:translateY(-.4rem);box-shadow:0 1.6rem 3.2rem #272a2f14}
.hubcard img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.hubcard__title,.hubcard__sub,.hubcard__price{position:relative;z-index:1}
.hubcard__title{font-size:2.4rem;line-height:1.05;letter-spacing:-.02em;font-weight:600}
.hubcard__sub{max-width:26rem;font-size:1.6rem;line-height:1.35;color:var(--base-500)}
.hubcard__price{display:inline-flex;align-items:center;height:3.2rem;padding-inline:1.2rem;border-radius:var(--r-md);background:#fff;font-size:1.6rem;font-weight:600}
.hubcard .svc__go{z-index:2}
.hubcard:hover .svc__go{background:var(--accent-600)}
@media (max-width:1279.98px){ .hubgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767.98px){ .hubgrid{grid-template-columns:minmax(0,1fr)} .hubcard{min-height:28rem} }

/* ---------- Центрированный первый экран служебных страниц ---------- */
.phero{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:6.4rem;text-align:center}
.phero__title{font-size:5.2rem;line-height:1;letter-spacing:-.0225em;font-weight:600;max-width:110rem}
.phero__lead{max-width:80rem;font-size:1.8rem;line-height:1.45;color:var(--base-500)}
.phero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.8rem}
@media (max-width:1279.98px){ .phero__title{font-size:4rem} }
@media (max-width:767.98px){ .phero{margin-bottom:4rem} .phero__title{font-size:2.8rem;line-height:1.05} .phero__lead{font-size:1.6rem} .phero__actions{width:100%;flex-direction:column} .phero__actions .btn{width:100%} }   /* кнопки друг под другом: в один ряд «Рассчитать сумму» обрезалась */

/* ---------- «О компании»: цифры и история ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:var(--section-gap)}
.stat{display:flex;flex-direction:column;gap:.8rem;padding:2.8rem;border-radius:var(--r-xl);background:#fff;border:.1rem solid var(--base-100)}
.stat b{font-size:5.6rem;line-height:1;font-weight:600;letter-spacing:-.04em}
.stat b span{color:var(--accent-500)}
.stat p{font-size:1.6rem;line-height:1.35;color:var(--base-500)}
.stat--accent{background:var(--accent-500);border-color:var(--accent-500);color:#fff}
.stat--accent b span{color:#fff}
.stat--accent p{color:var(--accent-100)}
@media (max-width:1279.98px){ .stats{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* 28.09: на телефоне цифры — строками «число | пояснение»: в сетке 2×2 пояснение шло столбиком по 1–2 слова в 5 строк */
@media (max-width:767.98px){
  .stats{grid-template-columns:minmax(0,1fr)}
  .stat{flex-direction:row;align-items:center;gap:1.6rem;padding:1.6rem 2rem}
  .stat b{flex:none;min-width:10rem;font-size:4rem}
}

.timeline{margin-bottom:var(--section-gap)}
.timeline__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;counter-reset:tl}
.tl{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:2.8rem 2.4rem;border-radius:var(--r-xl);background:var(--base-50)}
.tl__year{align-self:flex-start;display:inline-flex;align-items:center;height:3.2rem;padding-inline:1.2rem;border-radius:var(--r-md);background:var(--accent-500);color:#fff;font-size:1.6rem;font-weight:600}
.tl:last-child{background:var(--base-700);color:#fff}
.tl:last-child .tl__text{color:var(--base-300)}
.tl__title{font-size:2rem;line-height:1.1;letter-spacing:-.02em;font-weight:600}
.tl__text{font-size:1.6rem;line-height:1.4;color:var(--base-500)}
@media (max-width:1279.98px){ .timeline__list{grid-template-columns:repeat(2,minmax(0,1fr))} .tl:last-child{grid-column:1/-1} }
@media (max-width:767.98px){ .timeline__list{grid-template-columns:minmax(0,1fr)} }

/* карточки-документы (О компании, Документы) */
.docs{margin-bottom:var(--section-gap)}
.docs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.doc{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;padding:2.8rem;border-radius:var(--r-xl);background:var(--base-50)}
.doc__icon{display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:var(--r-md);background:#fff;color:var(--accent-500)}
.doc__title{font-size:2rem;line-height:1.1;letter-spacing:-.02em;font-weight:600}
.doc__text{font-size:1.6rem;line-height:1.4;color:var(--base-500)}
.doc .btn{margin-top:auto}
@media (max-width:1279.98px){ .docs__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767.98px){ .docs__grid{grid-template-columns:minmax(0,1fr)} }

/* подписи карточек-ярлыков: длинные слова переносятся по слогам, а не вылезают за край */
.maincard__label{hyphens:auto;-webkit-hyphens:auto}

/* ---------- Отделения ---------- */
.branches{margin-bottom:var(--section-gap)}
.branches__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.branch{display:flex;flex-direction:column;gap:1.2rem;min-width:0;padding:2.8rem;border-radius:var(--r-xl);background:#fff;border:.1rem solid var(--base-100);box-shadow:var(--shadow-row)}
.branch[hidden]{display:none}
.branch__head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}
.branch__badge{display:inline-flex;align-items:center;height:3.2rem;padding-inline:1.2rem;border-radius:var(--r-md);background:var(--base-50);font-size:1.6rem;font-weight:600}
.branch--main .branch__badge{background:var(--accent-500);color:#fff}
.branch__district{font-size:1.6rem;color:var(--base-500);text-align:right}
.branch__title{font-size:2.4rem;line-height:1.1;letter-spacing:-.02em;font-weight:600}
.branch__note{font-size:1.6rem;line-height:1.35;color:var(--base-500)}
.branch__tags{display:flex;flex-wrap:wrap;gap:.6rem}
.branch__tags li{display:inline-flex;align-items:center;height:3.2rem;padding-inline:1.2rem;border-radius:var(--r-md);background:var(--base-50);font-size:1.6rem;font-weight:500;color:var(--base-700)}
.branch__meta{display:grid;gap:.8rem;margin-top:auto;padding-top:1.6rem;border-top:.1rem solid var(--base-100)}
.branch__meta li{display:flex;align-items:center;gap:.8rem;font-size:1.6rem;color:var(--base-700)}
.branch__meta .icon{color:var(--accent-500)}
.branch__meta a:hover{color:var(--accent-500)}
.branch__actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.branch__actions .btn{padding-inline:1.2rem}
.branch--map{position:relative;overflow:hidden;justify-content:flex-end;min-height:36rem;background:var(--base-700);border-color:var(--base-700);color:#fff}
.branch--map img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.branch--map>*:not(img){position:relative;z-index:1}
.branch__maptitle{margin-bottom:auto;font-size:2.8rem;line-height:1.05;letter-spacing:-.02em;font-weight:600}
.branch--map .btn{align-self:flex-start}
.branches__all{display:flex;width:max-content;margin:2.4rem auto 0}
@media (max-width:1279.98px){ .branches__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767.98px){
  .branches__grid{grid-template-columns:minmax(0,1fr)}
  .branch{padding:2.4rem 2rem}
  .branch--map{min-height:28rem}
}

/* ---------- Контакты и реквизиты ---------- */
.contacts{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:var(--section-gap)}
.contact{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;min-width:0;padding:2.8rem;border-radius:var(--r-xl);background:var(--base-50)}
.contact .btn{margin-top:auto}
.contact--dark{background:var(--base-700);color:#fff}
.contact__label{font-size:1.6rem;color:var(--base-500)}
.contact--dark .contact__label,.contact--dark .contact__note{color:var(--base-300)}
.contact__big{font-size:3.4rem;line-height:1;font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.contact__title{font-size:2.4rem;line-height:1.1;letter-spacing:-.02em;font-weight:600;overflow-wrap:anywhere}
.contact__text,.contact__note{font-size:1.6rem;line-height:1.4;color:var(--base-500)}
.contact__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:auto}
.contact__actions .btn{margin-top:0}
.contact__socials{display:flex;gap:.8rem;margin-top:auto}
.contact .social{background:#fff}
@media (max-width:1279.98px){ .contacts{grid-template-columns:repeat(2,minmax(0,1fr))} .contact--dark{grid-column:1/-1} }
@media (max-width:767.98px){ .contacts{grid-template-columns:minmax(0,1fr)} .contact{padding:2.4rem 2rem} .contact__big{font-size:min(3rem,8.4vw)} .contact__actions .btn{flex:1} }

.reqs{margin-bottom:var(--section-gap)}
.reqs__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}
.reqs__title{font-size:3.2rem;line-height:1;letter-spacing:-.02em;font-weight:600}
.reqs .article__table{margin:0;background-color:#fff}
.reqs .article__table td{text-align:left;white-space:normal}
.reqs .article__table th{width:32%;white-space:normal}

/* ---------- Отзывы: сводка ---------- */
.rsum{display:grid;grid-template-columns:minmax(0,30rem) minmax(0,1fr) minmax(0,34rem);gap:.8rem;margin-bottom:4.8rem}
.rsum__score,.rsum__rows,.rsum__cta{padding:2.8rem;border-radius:var(--r-xl);background:var(--base-50)}
.rsum__score{display:flex;flex-direction:column;justify-content:center;gap:1rem;background:var(--accent-500);color:#fff}
.rsum__score b{font-size:8rem;line-height:.9;font-weight:600;letter-spacing:-.04em}
.rsum__score .stars{color:#fff}
.rsum__score p{font-size:1.6rem;color:var(--accent-100)}
.rsum__rows{display:grid;align-content:center;gap:1.4rem}
.rsum__row{display:grid;grid-template-columns:10rem minmax(0,1fr) 4rem 5rem;align-items:center;gap:1.2rem;font-size:1.6rem}
.rsum__src{font-weight:500}
.rsum__bar{height:.8rem;border-radius:1rem;background:#fff;overflow:hidden}
.rsum__bar i{display:block;height:100%;max-width:100%;border-radius:1rem;background:var(--accent-500)}
.rsum__cnt{color:var(--base-500);text-align:right}
.rsum__cta{display:flex;flex-direction:column;gap:1rem;background:#fff;border:.1rem solid var(--base-100)}
.rsum__ctatitle{font-size:2.4rem;font-weight:600;letter-spacing:-.02em}
.rsum__cta p{font-size:1.6rem;line-height:1.4;color:var(--base-500)}
.rsum__cta .btn{margin-top:auto}
.reviews--page .reviews__head{margin-bottom:2.4rem}
@media (max-width:1279.98px){ .rsum{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .rsum__cta{grid-column:1/-1} }
@media (max-width:767.98px){ .rsum{grid-template-columns:minmax(0,1fr)} .rsum__score b{font-size:6.4rem} .rsum__row{grid-template-columns:8rem minmax(0,1fr) 3.6rem 4.4rem;gap:.8rem} }

/* ---------- Вакансии ---------- */
.jobs{margin-bottom:var(--section-gap)}
.job__name{display:flex;flex-direction:column;gap:.6rem}
.job__meta{font-size:1.6rem;line-height:1.3;letter-spacing:0;font-weight:400;color:var(--base-500)}
.job__meta b{color:var(--accent-500);font-weight:600}
.job__body{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding:0 2.8rem 2.8rem}
.job__text{font-size:1.6rem;line-height:1.5;color:var(--base-700)}
.job .qa__inner p{padding:0;max-width:none}   /* общий стиль ответов FAQ (.qa__inner p) добавлял тексту вакансии лишние отступы */
.job__cols{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;width:100%}
.job__sub{margin-bottom:1rem;font-size:1.6rem;font-weight:600}
.job__list{display:grid;gap:.8rem}
.job__list li{display:flex;align-items:flex-start;gap:1rem;font-size:1.6rem;line-height:1.4;color:var(--base-700)}
.job__list .icon{flex:none;width:2rem;height:2rem;padding:.4rem;border-radius:50%;background:var(--base-50);color:var(--accent-500)}
@media (max-width:767.98px){ .job__body{padding:0 2rem 2rem} .job__cols{grid-template-columns:1fr} }

/* ---------- Документы, политика ---------- */
.doc__meta{font-size:1.6rem;color:var(--base-300)}
.legal{max-width:100rem;margin:0 auto var(--section-gap)}
.legal__date{margin-top:1.2rem;font-size:1.6rem;color:var(--base-500)}

/* ---------- Блог ---------- */
.posts{margin-bottom:var(--section-gap)}
.posts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.post{min-width:0}
.post__link{display:flex;flex-direction:column;height:100%;border-radius:var(--r-xl);overflow:hidden;background:var(--base-50);transition:transform var(--ease),box-shadow var(--ease)}
.post__link:hover{transform:translateY(-.4rem);box-shadow:0 1.6rem 3.2rem #272a2f14}
.post__img{display:block;aspect-ratio:4/3;overflow:hidden;background:#e6e6e8}
.post__img img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.post__body{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;flex:1;padding:2.4rem}
.post__tag{display:inline-flex;align-items:center;height:3.2rem;padding-inline:1.2rem;border-radius:var(--r-md);background:#fff;font-size:1.6rem;font-weight:500}
.post__title{font-size:2.2rem;line-height:1.1;letter-spacing:-.02em;font-weight:600}
.post__text{font-size:1.6rem;line-height:1.4;color:var(--base-500)}
.post__more{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;font-size:1.6rem;font-weight:500;color:var(--accent-500)}
.post__meta{display:flex;align-items:center;gap:.8rem;font-size:1.6rem;line-height:1.3;color:var(--base-500)}
.post__meta .icon{flex:none;color:var(--base-300)}
/* правка 22.09: «Гид» — одна колонка без фото на всю высоту двух рядов, остальные 6 статей — ровная сетка 3×2 */
.posts__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.post--featured{grid-row:span 2}
.post--featured .post__link{background:var(--base-700);color:#fff}
.post--featured .post__body{padding:3.2rem 2.8rem}
.post--featured .post__tag{background:var(--accent-500);color:#fff}
.post--featured .post__title{font-size:3.2rem;line-height:1.05}
.post--featured .post__text{color:var(--base-300)}
.post--featured .post__meta,.post--featured .post__meta .icon{color:var(--base-300)}
.post--featured .post__more{color:#fff}
.posts__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1279.98px){
  .posts__grid,.posts__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post--featured{grid-column:1/-1;grid-row:auto}
  .posts__grid--3 .post:nth-child(3){display:none}
}
@media (max-width:767.98px){
  .posts__grid,.posts__grid--3{grid-template-columns:minmax(0,1fr)}
  .posts__grid--3 .post:nth-child(3){display:block}
  .post--featured .post__title{font-size:2.4rem}
}

/* ---------- 22.09 р.3: «Скупка техники» — компактная сетка категорий по группам (карточки как на первом экране) ---------- */
.buyhub{margin-bottom:var(--section-gap)}
.buygroup+.buygroup{margin-top:3.2rem}
.buygroup__title{margin-bottom:1.2rem;font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--base-900)}
.buygrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
/* компактный вариант в одну строку на широких экранах — 8 брендов телефонов не помещаются в обычные 6 колонок */
.buygrid--wide{grid-template-columns:repeat(8,minmax(0,1fr))}
.buygrid--wide .buycard{height:17rem;padding:1.2rem;gap:.4rem}
/* правило сайта — не мельче 16px нигде; компактнее делаем только отступы, не сам текст */
.buygrid--wide .buycard__price{padding:.3rem .8rem}
.buycard{position:relative;display:flex;flex-direction:column;gap:.6rem;height:22rem;padding:1.6rem;border-radius:var(--r-xl);overflow:hidden;
  background:#fff;border:.1rem solid var(--base-100);transition:transform var(--ease),box-shadow var(--ease)}
.buycard:hover{transform:translateY(-.4rem);box-shadow:0 1.6rem 3.2rem #272a2f14}
.buycard__title{position:relative;z-index:1;font-size:1.8rem;font-weight:600;line-height:1.15;letter-spacing:-.02em}
.buycard__price{position:relative;z-index:1;align-self:flex-start;padding:.4rem 1rem;border-radius:var(--r-md);background:var(--ok-50);
  color:var(--ok-700);font-size:1.6rem;font-weight:600}
.buycard__img{position:absolute;left:0;right:0;bottom:0;width:100%;height:62%;object-fit:cover;object-position:center bottom}
.buyalt{display:flex;gap:1rem;align-items:flex-start;margin:-4rem 0 var(--section-gap);padding:1.6rem 2rem;border-radius:var(--r-lg);
  background:var(--base-50);font-size:1.6rem;line-height:1.45;color:var(--base-700)}
.buyalt .icon{flex:none;margin-top:.2rem;color:var(--accent-500)}
.buyalt a{color:var(--accent-500);font-weight:600;text-decoration:underline;text-underline-offset:.3rem}
@media (max-width:1279.98px){ .buygrid{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:767.98px){
  .buygrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .buycard{height:19rem;padding:1.2rem;border-radius:var(--r-lg)}
  .buycard__title{font-size:1.6rem}
  .buyalt{margin-top:-2.4rem}
}

/* ---------- Мобильный аудит (27.09) ---------- */
/* «Посудомоечные машины» на 320px обрезались краем карточки — длинное слово переносится */
.buycard__title,.hubcard__title{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
@media (min-width:360px) and (max-width:767.98px){
  /* цена «до 1 650 000 ₸» переносилась на вторую строку у одних карточек и не у других — ряд «прыгал».
     Только русская версия: «1 650 000 ₸ дейін» и «up to 1 650 000 ₸» длиннее и в одну строку не помещаются */
  .buycard__price:lang(ru){white-space:nowrap;padding-inline:.8rem;letter-spacing:-.01em}
}
@media (max-width:767.98px){
  /* текст #a7a7ac на тёмной карточке — 3,5:1, на светлой — 2,1:1 */
  .prices__side p,.post--featured .post__text,.post--featured .post__meta,.post--featured .post__meta .icon,
  .contact--dark .contact__label,.contact--dark .contact__note,.tl:last-child .tl__text{color:#c9c9ce}
  .doc__meta{color:var(--base-500)}
  /* крошки: ссылки высотой 21px с зазором 1px — зона нажатия больше, раскладка та же */
  .crumbs a{display:inline-block;padding-block:1.2rem;margin-block:-1.2rem}
  .branch__meta a,.contact a.contact__big,.contact a.contact__title{display:inline-block;padding-block:1.2rem;margin-block:-1.2rem}
  .branches__all{width:auto;max-width:100%}
}
@media (hover:none){
  .buycard:hover,.hubcard:hover,.post__link:hover{transform:none;box-shadow:none}
}

/* ============================================================
   28.09 — вычитка внутренних страниц. Всё под .inner (класс <body> внутренних страниц):
   главная одобрена лидом и этими правилами не затрагивается.
   ============================================================ */

/* Заголовки блоков строкой, а не флекс-рядом: при переносе красное слово больше не остаётся одно на строке
   («Что / покупаем из бытовой техники»), перенос ровный (balance) */
@media (max-width:1279.98px){
  .inner .block-heading__title{display:block;text-wrap:balance}
  .inner .hero__title,.inner .phero__title,.inner .article__title{text-wrap:balance}
}

/* Красный промо-блок на телефоне: «переписка» в потоке над заголовком, а не абсолютом поверх него —
   пузырь «•••» больше не наезжает на заголовок, сверху нет пустых 110–130px */
@media (max-width:767.98px){
  .inner .promo{justify-content:flex-start;min-height:0;gap:2rem;padding-top:2.4rem}
  .inner .promo .chat{position:relative;left:auto;top:auto;transform:none;flex:none;width:100%;max-width:30rem;height:13rem;margin-inline:auto}
  .inner .promo__text{margin-top:0}
}

/* Таблица цен и тёмная карточка под ней на телефоне стояли в 8px друг от друга — «прилипали» */
@media (max-width:1279.98px){ .inner .prices__wrap{row-gap:1.6rem} }

/* Сетка «Что покупаем»: нечётная последняя карточка — во всю ширину (подпись слева, объект справа),
   подписи в две строки не сдвигают плашки с ценой */
@media (max-width:767.98px){
  .inner .buycard__title{min-height:2.3em}
  .inner .buygrid>li:last-child:nth-child(odd){grid-column:1/-1}
  .inner .buygrid>li:last-child:nth-child(odd) .buycard{height:15rem}
  .inner .buygrid>li:last-child:nth-child(odd) .buycard__img{left:auto;width:50%;height:100%;object-fit:contain;object-position:right bottom}
  .inner .buygrid>li:last-child:nth-child(odd) .buycard__title{min-height:0;max-width:55%}
}

/* «Реквизиты компании» — заголовок как у всех блоков; кнопка «Документы и лицензия» — под таблицей */
.reqs__more{display:flex;width:max-content;max-width:100%;margin:2rem auto 0}
/* 29.09: таблицы-карточки, порядок в отзывах, ряд карточек на планшете и подвал-гармошка перенесены в style-v3.css (общие для главной) */

/* ---------- 29.09: 6 отделений и их сотрудники ---------- */
/* карта — на всю ширину сетки: 6 карточек под ней встают ровными рядами (3+3 на десктопе, 2+2+2 на планшете) */
.branches__grid .branch--map{grid-column:1/-1;min-height:24rem}
/* метка целиком справа (фон картинки = фон карточки, шва нет), а не растянутый кусок булавки */
.branches__grid .branch--map img{object-fit:contain;object-position:right center}
/* кто работает в отделении: аватар, имя, должность — между тегами и контактами */
.branch__team{display:grid;gap:1rem;padding-top:1.6rem;border-top:.1rem solid var(--base-100)}
.branch__team li{display:flex;align-items:center;gap:1.2rem;min-width:0}
.branch__team img{flex:none;width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover;object-position:center 18%;background:var(--base-50)}
.branch__team p{display:flex;flex-direction:column;gap:.2rem;min-width:0;font-size:1.6rem;line-height:1.25}
.branch__team b{font-weight:600}
.branch__team span{color:var(--base-500)}

/* 02.10: «Контакты» — линия скупки в тёмной карточке */
.contact__alt{margin-top:1.2rem;padding-top:1.2rem;border-top:.1rem solid var(--opacity-white-20);font-size:1.6rem;line-height:1.4;color:#c9c9ce}
.contact__alt a{font-weight:600;color:#fff;white-space:nowrap}
.contact__alt a:hover{color:var(--accent-200)}