/* Секции НОВОГО дизайна главной — попиксельно по «Сайт МК - Веб-версия.pdf» (TAW-984).
   Самодостаточные стили с префиксом mkd-*: эталонный CSS не трогается.
   Токены из макета: бренд-красный #db1a31, тёмный #141414, серый контейнер #f6f4f2,
   полоса «почему мы» #efede8, границы #ececea, скругления 20/24px. */

body.mkd-home{ background:#fff; }

/* Автонаведение прокрутки (просьба заказчика): каждая секция главной доводится
   к верху окна (scroll-snap mandatory + snap-align на корневых блоках секций);
   scroll-padding компенсирует фиксированную панель шапки (~72px). Секции выше
   окна прокручиваются внутри свободно (по спеке CSS Scroll Snap). Файл грузится
   только на главной — на другие страницы снап не распространяется. */
html{ scroll-snap-type:y mandatory; scroll-padding-top:80px; }
main > .mkd-section, main > .mkd-band{ scroll-snap-align:start; }
/* низ футера — тоже снап-позиция, иначе mandatory не даёт докрутить страницу до конца */
footer.mkd-footer{ scroll-snap-align:end; }

/* margin auto по горизонтали ОБЯЗАТЕЛЕН: класс вешается на legacy .wrap,
   у которого центрирование живёт в margin:0 auto — иначе контент прижат влево. */
.mkd-section{ margin:72px auto; }
.mkd-kicker{ display:inline-flex; align-items:center; gap:8px; color:#db1a31; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:12px; }
.mkd-kicker--dot::before{ content:""; width:6px; height:6px; border-radius:50%; background:#db1a31; }
.mkd-title{ font-size:38px; line-height:1.12; font-weight:800; color:#141414; margin:0; }
.mkd-title .mkd-red{ color:#db1a31; }
.mkd-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:28px; }
.mkd-link{ display:inline-flex; align-items:center; gap:8px; color:#141414; font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap; }
.mkd-link::after{ content:"→"; font-size:15px; }
.mkd-link:hover{ color:#db1a31; }
.mkd-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; background:#db1a31; color:#fff; font-size:14px; font-weight:600; border:none; border-radius:12px; padding:15px 26px; cursor:pointer; text-decoration:none; transition:background .15s ease; }
.mkd-btn:hover{ background:#b81225; color:#fff; }
.mkd-btn--light{ background:#fff; color:#141414; }
.mkd-btn--light:hover{ background:#efede8; color:#141414; }
.mkd-btn--dark{ background:#141414; }
.mkd-btn--dark:hover{ background:#000; }
.mkd-btn .mkd-btn__arr{ font-size:15px; }

/* стрелки слайдеров: круглая пара (prev светлая, next чёрная) */
.mkd-nav{ display:flex; gap:10px; }
.mkd-nav button{ width:44px; height:44px; border-radius:50%; border:1px solid #e2e0dc; background:#fff; color:#141414; font-size:16px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:opacity .15s; }
.mkd-nav button:last-child{ background:#141414; color:#fff; border-color:#141414; }
.mkd-nav button:disabled{ opacity:.35; cursor:default; }

/* ===== HERO: слайдер акций + карточка «Лучшее предложение» + красная лид-полоса ===== */
.mkd-hero{ display:grid; grid-template-columns:1.82fr 1fr; gap:20px; align-items:stretch; }
.mkd-hero__slider{ position:relative; border-radius:20px; overflow:hidden; background:#f6f4f2; }
.mkd-hero__slider{ min-height:480px; }
.mkd-hero__slider .discounts-revert, .mkd-hero__slider .discounts, .mkd-hero__slider .swiper,
.mkd-hero__slider .swiper-container, .mkd-hero__slider .swiper-wrapper, .mkd-hero__slider .swiper-slide,
.mkd-hero__slider .no-swiper, .mkd-hero__slider .card{ height:100% !important; }
.mkd-hero__slider .card{ width:100%; }
.mkd-hslide{ position:relative; display:block; height:100%; overflow:hidden; }
.mkd-hslide__bg{ position:absolute; inset:-40px; background-position:center; background-size:cover; filter:blur(36px) saturate(1.05); opacity:.85; }
/* width:auto !important — перебивает main>.wrap img{width:100%} из инлайна home.blade */
.mkd-hslide__img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; max-width:100%; max-height:100%; z-index:1; }
.mkd-hero__slider .swiper-button-prev, .mkd-hero__slider .swiper-button-next{
  width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.85); color:#141414; }
.mkd-hero__slider .swiper-pagination-bullet-active{ background:#db1a31; }
.mkd-hero__aside{ background:#fff; border:1px solid #ececea; border-radius:20px; padding:20px 22px; position:relative; display:flex; flex-direction:column; }
.mkd-hero__aside-title{ font-size:16px; font-weight:700; color:#141414; margin-bottom:8px; }
.mkd-hp{ display:none; flex:1; flex-direction:column; text-decoration:none; }
.mkd-hp.active{ display:flex; }
.mkd-hp__img{ flex:1; min-height:170px; position:relative; }
.mkd-hp__img img{ position:absolute; inset:0; margin:auto; max-width:78%; max-height:96%; }
.mkd-hp__badges{ display:flex; gap:6px; margin:8px 0; }
.mkd-hp__badge{ font-size:10px; font-weight:700; text-transform:uppercase; border-radius:6px; padding:3px 7px; border:1px solid #db1a31; color:#db1a31; }
.mkd-hp__name{ font-size:13px; line-height:1.35; color:#454440; min-height:36px; }
.mkd-hp__price{ display:flex; align-items:baseline; gap:10px; margin-top:8px; }
.mkd-hp__new{ font-size:18px; font-weight:800; color:#db1a31; }
.mkd-hp__old{ font-size:13px; color:#a5a3a0; text-decoration:line-through; }
.mkd-hero__aside .mkd-anav{ position:absolute; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:50%; border:1px solid #e2e0dc; background:#fff; color:#141414; cursor:pointer; z-index:2; display:flex; align-items:center; justify-content:center; }
.mkd-hero__aside .mkd-anav--prev{ left:-2px; }
.mkd-hero__aside .mkd-anav--next{ right:-2px; }
.mkd-hero-lead{ display:flex; align-items:center; gap:18px; background:#db1a31; border-radius:18px; padding:13px 16px 13px 24px; width:54%; min-width:560px; margin:20px auto 0; }
.mkd-hero-lead__text{ flex:1 1 auto; color:#fff; font-size:14.5px; font-weight:600; line-height:1.35; max-width:300px; }
.mkd-hero-lead__form{ display:flex; gap:8px; align-items:center; flex:0 0 auto; }
.mkd-hero-lead__form input[type="tel"]{ width:210px; height:44px; border:none; border-radius:12px; padding:0 14px; font-size:14px; outline:none; background:#fff; color:#141414; }
.mkd-hero-lead__form .mkd-btn{ width:44px; height:44px; padding:0; border-radius:50%; background:#141414; font-size:16px; }
.mkd-hero-lead__form .mkd-btn:hover{ background:#000; }

/* ===== грид категорий: белые карточки, фото сверху, подпись + стрелка ===== */
.mkd-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.mkd-cat{ display:flex; flex-direction:column; border-radius:20px; overflow:hidden; background:#fff; border:1px solid #ececea; text-decoration:none; }
.mkd-cat__img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; transition:transform .25s ease; }
.mkd-cat:hover .mkd-cat__img{ transform:scale(1.03); }
.mkd-cat__body{ display:flex; align-items:center; gap:14px; padding:18px 20px; background:#fff; position:relative; z-index:1; }
.mkd-cat__names{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.mkd-cat__name{ color:#141414; font-size:17px; font-weight:700; line-height:1.2; }
.mkd-cat__sub{ color:#8b8b88; font-size:12.5px; line-height:1.3; }
.mkd-cat__arr{ margin-left:auto; flex:none; width:38px; height:38px; border-radius:50%; border:1px solid #e5e4e1; color:#141414; display:flex; align-items:center; justify-content:center; font-size:15px; transition:all .15s; }
.mkd-cat:hover .mkd-cat__arr{ background:#db1a31; border-color:#db1a31; color:#fff; }
.mkd-cat--help{ background:#141414; border-color:#141414; padding:28px; justify-content:flex-start; }
.mkd-cat--help .mkd-kicker{ color:#f08d9b; }
.mkd-cat--help .mkd-cat__name{ color:#fff; font-size:21px; margin:6px 0 10px; }
.mkd-cat--help .mkd-cat__sub{ color:#b5b3af; font-size:14px; line-height:1.5; margin-bottom:22px; }
.mkd-cat--help .mkd-btn{ align-self:flex-start; margin-top:auto; }

/* ===== AI-блок: светлый контейнер, шаги-иконки, визуал с планировкой ===== */
.mkd-ai{ background:#f6f4f2; border-radius:24px; padding:48px; display:grid; grid-template-columns:1fr 1.06fr; gap:44px; align-items:center; }
.mkd-ai__kickrow{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.mkd-ai__kickrow .mkd-kicker{ margin-bottom:0; }
.mkd-ai__pill{ display:inline-block; background:#fbe7ea; color:#db1a31; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border-radius:999px; padding:6px 14px; }
.mkd-ai .mkd-title{ font-size:42px; max-width:430px; }
.mkd-ai__text{ color:#77756f; font-size:15px; line-height:1.55; margin:16px 0 26px; max-width:440px; }
.mkd-ai__steps{ display:flex; align-items:flex-start; margin-bottom:28px; }
.mkd-ai__step{ display:flex; flex-direction:column; align-items:center; gap:10px; width:104px; text-align:center; font-size:13px; font-weight:600; color:#141414; line-height:1.25; }
.mkd-ai__step-ico{ width:56px; height:56px; border-radius:14px; background:#fff; color:#db1a31; display:flex; align-items:center; justify-content:center; }
.mkd-ai__step-ico svg{ width:24px; height:24px; }
/* специфичнее глобального main>.wrap img{width:100%} — иначе иконка растягивается */
.mkd-ai .mkd-ai__step-ico img{ width:24px; height:24px; }
.mkd-ai__dash{ flex:0 0 34px; border-top:2px dashed #d4d1c9; margin-top:27px; }
.mkd-ai__btn{ display:inline-flex; flex-direction:column; align-items:center; gap:1px; background:#db1a31; color:#fff; border-radius:14px; padding:12px 30px; text-decoration:none; transition:background .15s; }
.mkd-ai__btn:hover{ background:#b81225; color:#fff; }
.mkd-ai__btn-main{ font-size:15px; font-weight:700; }
.mkd-ai__btn-main::before{ content:"✦ "; }
.mkd-ai__btn-sub{ font-size:11px; opacity:.85; }
.mkd-ai__note{ color:#8b8b88; font-size:12px; margin-top:14px; }
.mkd-ai__visual img{ width:100%; height:auto; aspect-ratio:1238/803; object-fit:cover; border-radius:20px; display:block; background:#eceae6; }

/* ===== товарные ленты (Лучшее предложение / Сантехника / Премиум-формат) ===== */
.mkd-plist{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; }
.mkd-plist::-webkit-scrollbar{ display:none; }
.mkd-pcard{ flex:0 0 224px; scroll-snap-align:start; background:#fff; border:1px solid #ececea; border-radius:18px; padding:14px; position:relative; display:flex; flex-direction:column; text-decoration:none; }
.mkd-pcard__badge{ position:absolute; top:14px; left:14px; z-index:1; background:#db1a31; color:#fff; font-size:12px; font-weight:700; border-radius:8px; padding:4px 8px; }
.mkd-pcard__img{ height:168px; position:relative; margin-bottom:12px; }
.mkd-pcard__img img{ position:absolute; inset:0; margin:auto; max-width:100%; max-height:100%; }
.mkd-pcard__name{ font-size:13px; line-height:1.35; color:#6b6965; height:36px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:12px; }
.mkd-pcard__foot{ display:flex; align-items:center; gap:8px; margin-top:auto; }
.mkd-pcard__prices{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.mkd-pcard__new{ font-size:15px; font-weight:800; color:#db1a31; white-space:nowrap; }
.mkd-pcard__new small{ font-size:11px; font-weight:600; }
.mkd-pcard__old{ font-size:12px; color:#a5a3a0; text-decoration:line-through; white-space:nowrap; }
.mkd-pcard__cart{ margin-left:auto; flex:none; width:38px; height:38px; border-radius:50%; border:1px solid #e5e4e1; color:#141414; display:flex; align-items:center; justify-content:center; transition:all .15s; }
.mkd-pcard:hover .mkd-pcard__cart{ background:#db1a31; border-color:#db1a31; color:#fff; }
.mkd-pcard__cart svg{ width:17px; height:17px; }
.mkd-pcard__nostock{ font-size:12px; color:#a5a3a0; }

/* ===== B2B: фото-баннер «Для дизайнеров и архитекторов» ===== */
.mkd-b2b{ border-radius:24px; padding:64px 56px; color:#fff; min-height:440px; display:flex; flex-direction:column; justify-content:center;
  background:linear-gradient(90deg, rgba(18,15,12,.82) 0%, rgba(18,15,12,.55) 55%, rgba(18,15,12,.28) 100%), url('/assets/images/home-design/b2b-bg.jpg') center/cover no-repeat; }
.mkd-b2b .mkd-title{ color:#fff; max-width:430px; }
.mkd-b2b__text{ color:rgba(255,255,255,.72); font-size:15px; line-height:1.55; max-width:440px; margin:14px 0 26px; }
.mkd-b2b__points{ display:grid; grid-template-columns:repeat(2, minmax(0,230px)); gap:12px; margin-bottom:30px; }
.mkd-b2b__point{ display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.09); border-radius:12px; padding:13px 16px; font-size:13px; font-weight:600; color:#fff; }
.mkd-b2b__point svg{ width:18px; height:18px; color:#f08d9b; flex:none; }
.mkd-b2b .mkd-b2b__point img{ width:18px; height:18px; flex:none; }
.mkd-b2b .mkd-btn--light{ align-self:flex-start; }

/* ===== магазины: «Мы в 13+ городах» + красная карта РК ===== */
/* Секция «Мы в 13+ городах»: карта 2ГИС на весь блок, инфо-панель ПОВЕРХ карты (как в 2ГИС). */
.mkd-shops{ position:relative; border-radius:24px; overflow:hidden; border:1px solid #ececea; height:700px; background:#f4f2ee; }
#mkdShopsMap{ position:absolute; inset:0; width:100%; height:100%; }
.mkd-shops__panel{ position:absolute; top:20px; left:20px; bottom:20px; z-index:1000; width:400px; max-width:calc(100% - 40px); background:#fff; border-radius:18px; box-shadow:0 10px 32px rgba(0,0,0,.14); padding:18px; display:flex; flex-direction:column; align-items:flex-start; overflow-y:auto; }
.mkd-shops__panel .mkd-kicker{ margin-bottom:6px; }
.mkd-shops__title{ font-size:19px; line-height:1.25; margin-bottom:0; }
.mkd-shops__text{ color:#77756f; font-size:12.5px; line-height:1.45; margin:7px 0 12px; }
/* города — все чипы видны сразу (перенос строк, без прокрутки) */
.mkd-shops__cities{ flex:none; display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; width:100%; }
.mkd-shops__cities .mkd-city{ flex:none; white-space:nowrap; }
.mkd-city{ display:inline-block; background:#fff; border:1px solid #e7e5e1; border-radius:9px; padding:6px 10px; font:inherit; font-size:12px; font-weight:600; color:#141414; text-decoration:none; cursor:pointer; }
.mkd-city:hover{ border-color:#141414; color:#141414; }
.mkd-city--active{ background:#141414; border-color:#141414; color:#fff; }
.mkd-city--active:hover{ color:#fff; }
.mkd-branches{ width:100%; margin-bottom:12px; }
.mkd-branches__title{ font-size:12.5px; font-weight:700; color:#141414; margin-bottom:7px; }
.mkd-branches__list{ display:flex; flex-direction:column; gap:6px; }
.mkd-branch{ display:flex; align-items:center; justify-content:space-between; gap:10px; background:#fff; border:1px solid #e7e5e1; border-radius:10px; padding:6px 10px; }
.mkd-branch--active{ border-color:#141414; }
.mkd-branch__addr{ font-size:12px; line-height:1.35; color:#141414; cursor:pointer; flex:1; }
.mkd-branch__addr:hover{ color:#db1a31; }
.mkd-branch__route{ flex:none; display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; color:#fff; background:#db1a31; border-radius:7px; padding:5px 9px; text-decoration:none; white-space:nowrap; }
.mkd-branch__route:hover{ background:#b81225; color:#fff; }
.mkd-shops__all{ margin-top:auto; padding:11px 16px; font-size:13px; }

/* ===== почему мы: полоса на всю ширину + белые карточки с иконками ===== */
.mkd-band{ background:#efede8; padding:64px 0; margin:72px 0; }
.mkd-band .mkd-title{ max-width:640px; }
.mkd-why{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-top:36px; }
.mkd-why__card{ background:#fff; border-radius:18px; padding:24px; }
.mkd-why__ico{ width:46px; height:46px; border-radius:12px; background:#f4f2ee; color:#141414; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.mkd-why__ico svg{ width:22px; height:22px; }
.mkd-why__title{ font-size:16px; font-weight:700; color:#141414; margin-bottom:8px; line-height:1.3; }
.mkd-why__text{ font-size:13px; line-height:1.5; color:#8b8b88; }
.mkd-why__cta{ margin-top:28px; }

/* ===== отзывы 2ГИС: рейтинг-карточка + слайдер реальных отзывов ===== */
.mkd-rev-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.mkd-rev-score{ background:#fff; border:1px solid #ececea; border-radius:16px; padding:16px 22px; display:flex; align-items:center; gap:18px; }
.mkd-rev-score__num{ font-size:38px; font-weight:800; color:#141414; line-height:1; }
.mkd-rev-score__stars{ color:#f5a623; font-size:13px; letter-spacing:2px; display:block; margin-top:4px; }
.mkd-rev-score__brand{ font-size:14px; font-weight:800; color:#141414; display:flex; align-items:center; gap:6px; }
.mkd-rev-score__brand::before{ content:""; width:8px; height:8px; border-radius:50%; background:#2e9e44; }
.mkd-rev-score__based{ color:#8b8b88; font-size:12px; margin:3px 0 5px; }
.mkd-rev-score__link{ color:#db1a31; font-size:13px; font-weight:600; text-decoration:none; }
.mkd-rev-score__link::after{ content:" ↗"; }
.mkd-rev-score__link:hover{ text-decoration:underline; }
.mkd-rev-list{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.mkd-rev-list::-webkit-scrollbar{ display:none; }
.mkd-rev-list a{ flex:0 0 268px; scroll-snap-align:start; border-radius:18px; overflow:hidden; display:block; aspect-ratio:1170/2532; background:#17191d; }
.mkd-rev-list img{ width:100%; height:auto; display:block; }
.mkd-rev-foot{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
.mkd-rev-foot__note{ color:#8b8b88; font-size:13px; }

/* ===== лид-форма: фото-панель + белая форма с комментарием ===== */
.mkd-lead{ display:grid; grid-template-columns:1fr 1.08fr; background:#fff; border:1px solid #ececea; border-radius:24px; overflow:hidden; }
.mkd-lead__photo{ position:relative; padding:48px; display:flex; flex-direction:column; justify-content:center; color:#fff; min-height:480px;
  background:linear-gradient(rgba(12,10,8,.58), rgba(12,10,8,.58)), url('/assets/images/home-design/lead-photo.jpg') center/cover no-repeat; }
.mkd-lead__photo .mkd-kicker{ color:#f08d9b; }
.mkd-lead__photo .mkd-title{ color:#fff; font-size:32px; max-width:420px; }
.mkd-lead__text{ color:#cfccc7; font-size:15px; line-height:1.55; max-width:400px; margin:16px 0 26px; }
.mkd-lead__call{ color:#a5a29d; font-size:13px; margin-bottom:4px; }
.mkd-lead__phone{ color:#fff; font-size:22px; font-weight:800; text-decoration:none; }
.mkd-lead__phone:hover{ color:#fff; }
.mkd-lead__form{ padding:44px 48px; display:flex; flex-direction:column; }
.mkd-lead__form label{ font-size:13px; font-weight:700; color:#141414; margin-bottom:7px; }
.mkd-lead__form label small{ font-weight:400; color:#a5a3a0; font-size:12px; }
.mkd-lead__form input, .mkd-lead__form textarea{ width:100%; background:#fff; border:1px solid #e2e0dc; border-radius:12px; padding:14px 16px; font-size:14px; color:#141414; outline:none; margin-bottom:16px; font-family:inherit; }
.mkd-lead__form input:focus, .mkd-lead__form textarea:focus{ border-color:#db1a31; }
.mkd-lead__form textarea{ height:92px; resize:none; }
.mkd-lead__form .mkd-btn{ width:100%; }
.mkd-lead__agree{ font-size:12px; color:#a5a3a0; line-height:1.4; text-align:center; margin-top:14px; }
.mkd-lead__thanks{ color:#2e7d32; font-size:15px; font-weight:600; margin:auto; text-align:center; }

/* ===== хедер главной (рескин под макет: чёрный топбар, пилюля-поиск, меню-строка) ===== */
body.mkd-home .header-top{ background:#141414; }
body.mkd-home .header-top .nav-link, body.mkd-home .header-top .places,
body.mkd-home .header-top .lang, body.mkd-home .header-top .cabinet{ color:rgba(255,255,255,.85); }
body.mkd-home .header-top .nav-link:hover, body.mkd-home .header-top .places:hover,
body.mkd-home .header-top .cabinet:hover{ color:#fff; }
body.mkd-home .header-top .lang.current{ color:#fff; font-weight:700; }
body.mkd-home .header-top .ico{ color:rgba(255,255,255,.85); }
body.mkd-home .nav-search input[type="text"]{ background:#f4f3f1; border:none; border-radius:12px; }
/* макет: в главном ряду только лого + поиск + иконки + «Консультация»;
   вход в каталог — «Все товары» в меню-строке (то же выпадающее меню) */
@media (min-width: 681px){
  body.mkd-home .header-main .nav-catalog{ position:absolute; visibility:hidden; }
  body.mkd-home .nav-favorites > a > span.cut_m, body.mkd-home .nav-cart > a > span.cut_m{ display:none; }
  body.mkd-home .nav-favorites .nav-count, body.mkd-home .nav-cart .nav-count{
    background:#db1a31; color:#fff; border-radius:999px; min-width:17px; height:17px; padding:0 4px;
    display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:700;
    position:relative; top:-8px; left:-6px; }
}
.mkd-consult-btn{ display:inline-flex; align-items:center; background:#141414; color:#fff !important; font-size:13px; font-weight:600; border-radius:12px; padding:11px 20px; text-decoration:none; white-space:nowrap; margin-left:14px; }
.mkd-consult-btn:hover{ background:#000; }
.mkd-menubar{ background:#fff; border-bottom:1px solid #efedeb; }
.mkd-menubar .wrap{ display:flex; align-items:center; gap:26px; height:48px; overflow-x:auto; scrollbar-width:none; }
.mkd-menubar .wrap::-webkit-scrollbar{ display:none; }
.mkd-menubar a{ font-size:14px; font-weight:600; color:#141414; text-decoration:none; white-space:nowrap; }
.mkd-menubar a:hover{ color:#db1a31; }
.mkd-menubar a.mkd-menubar__all{ color:#db1a31; display:inline-flex; align-items:center; gap:8px; }
/* «Все товары»: hover-мега-меню живёт только с 1366px (general.min.css) — ниже этой
   ширины десктопный чип был бы мёртв (ревью: на 768-1365 клик не открывал ничего),
   поэтому drawer-чип работает до 1365px включительно. */
.mkd-menubar a.mkd-menubar__all.mkd-mobile-only{ display:none; }
@media (max-width: 1365px){
  .mkd-menubar a.mkd-menubar__all.mkd-desktop-only{ display:none; }
  .mkd-menubar a.mkd-menubar__all.mkd-mobile-only{ display:inline-flex; }
}
@media (max-width: 767px){
  /* на мобильной главной чёрная полоса «Каталог товаров» дублирует чип и таб — скрываем */
  body.mkd-home .header-hidden{ display:none !important; }
}

/* ===== футер главной (макет PDF) ===== */
.mkd-footer{ background:#141414; color:#fff; margin-top:72px; }
.mkd-footer .wrap{ padding-top:56px; padding-bottom:28px; }
.mkd-footer__top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; }
.mkd-footer__logo img{ height:30px; width:auto; }
.mkd-footer__text{ color:rgba(255,255,255,.65); font-size:13px; line-height:1.55; max-width:300px; margin:18px 0 20px; }
.mkd-footer__phone{ color:#fff; font-size:19px; font-weight:800; text-decoration:none; }
.mkd-footer__phone:hover{ color:#fff; }
.mkd-footer__socials{ display:flex; gap:14px; margin-top:18px; }
.mkd-footer__socials a{ color:rgba(255,255,255,.75); font-size:16px; }
.mkd-footer__socials a:hover{ color:#fff; }
.mkd-footer__col{ display:flex; flex-direction:column; gap:12px; }
.mkd-footer__head{ font-size:13px; font-weight:700; color:#fff; margin-bottom:6px; }
.mkd-footer__col a{ color:rgba(255,255,255,.65); font-size:13.5px; text-decoration:none; }
.mkd-footer__col a:hover{ color:#fff; }
.mkd-footer__bottom{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.12); padding-top:22px; color:rgba(255,255,255,.5); font-size:12.5px; }
.mkd-footer__legal{ display:flex; gap:22px; flex-wrap:wrap; }
.mkd-footer__legal a{ color:rgba(255,255,255,.5); text-decoration:none; }
.mkd-footer__legal a:hover{ color:#fff; }

/* карточка «Лучшее предложение»: на десктопе тело — сквозной контейнер, кикер скрыт */
.mkd-hp__body{ display:contents; }
.mkd-hp__kicker{ display:none; }

/* ===== мобильная адаптация (Сайт МК - Моб-версия.pdf) ===== */
@media (max-width: 1023px){
  .mkd-grid{ grid-template-columns:repeat(2, 1fr); }
  .mkd-why{ grid-template-columns:repeat(2, 1fr); }
  .mkd-title{ font-size:30px; }
  .mkd-ai{ grid-template-columns:1fr; }
  .mkd-hero{ grid-template-columns:1fr; }
  .mkd-hero__aside{ display:none; }
  .mkd-hero-lead{ width:100%; }
  .mkd-lead{ grid-template-columns:1fr; }
}
@media (max-width: 680px){
  .mkd-section{ margin:36px auto; }
  .mkd-band{ padding:36px 0; margin:36px 0; }
  .mkd-title{ font-size:23px; }

  /* AI: кикер — розовая пилюля (моб-макет), отдельная пилюля «впервые» скрыта */
  .mkd-ai{ padding:24px 20px; gap:24px; }
  .mkd-ai .mkd-title{ font-size:24px; }
  .mkd-ai__pill{ display:none; }
  .mkd-ai .mkd-kicker{ background:#fbe7ea; border-radius:999px; padding:7px 14px; margin-bottom:4px; }
  .mkd-ai__steps{ flex-wrap:wrap; gap:10px; justify-content:space-between; }
  .mkd-ai__dash{ display:none; }
  .mkd-ai__btn{ width:100%; }
  /* дизайнеры: мобильный портретный фон (официальный ассет 004 mobile) */
  .mkd-b2b{ padding:28px 22px; min-height:420px;
    background:linear-gradient(180deg, rgba(18,15,12,.35) 0%, rgba(18,15,12,.5) 55%, rgba(18,15,12,.85) 100%), url('/assets/images/home-design/b2b-bg-m.jpg') center/cover no-repeat; }
  .mkd-b2b__points{ grid-template-columns:1fr; }

  /* hero: вертикальный мобильный баннер как есть, без блюр-полей */
  .mkd-hero__slider{ min-height:0; }
  .mkd-hero__slider .discounts-revert, .mkd-hero__slider .discounts, .mkd-hero__slider .swiper,
  .mkd-hero__slider .swiper-container, .mkd-hero__slider .swiper-wrapper, .mkd-hero__slider .swiper-slide,
  .mkd-hero__slider .no-swiper, .mkd-hero__slider .card, .mkd-hslide{ height:auto !important; }
  .mkd-hslide__bg{ display:none; }
  .mkd-hslide__img{ position:static; transform:none; width:100% !important; max-height:none; display:block; }

  /* hero: карточка «Лучшее предложение» — горизонтальная (моб-макет) */
  .mkd-hero__aside{ display:flex; margin-top:12px; padding:14px 16px; }
  .mkd-hero__aside-title{ display:none; }
  .mkd-hp{ flex-direction:row; align-items:center; gap:14px; }
  .mkd-hp.active{ flex-direction:row; }
  .mkd-hp__img{ flex:0 0 92px; height:92px; min-height:0; }
  .mkd-hp__img img{ max-width:100%; max-height:100%; }
  .mkd-hp__body{ display:flex; flex-direction:column; min-width:0; }
  .mkd-hp__kicker{ display:block; color:#db1a31; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; }
  .mkd-hp__badges{ display:none; }
  .mkd-hp__name{ min-height:0; }
  .mkd-hero__aside .mkd-anav{ display:none; }

  .mkd-hero-lead{ flex-direction:column; align-items:stretch; gap:12px; padding:18px 16px; border-radius:16px; min-width:0; }
  .mkd-hero-lead__text{ max-width:none; }
  .mkd-hero-lead__form{ width:100%; }
  .mkd-hero-lead__form input[type="tel"]{ width:100%; flex:1; }

  /* грид категорий — 2 колонки, компактные подписи; карточка-консультация КРАСНАЯ (моб-макет) */
  .mkd-grid{ gap:10px; }
  .mkd-cat{ border-radius:14px; }
  .mkd-cat__body{ padding:10px 12px; gap:8px; }
  .mkd-cat__name{ font-size:13px; }
  .mkd-cat__sub{ font-size:10px; }
  .mkd-cat__arr{ display:none; }
  .mkd-cat--help{ background:#db1a31; border-color:#db1a31; padding:16px; }
  .mkd-cat--help .mkd-kicker{ display:none; }
  .mkd-cat--help .mkd-cat__name{ font-size:15px; margin:4px 0 6px; }
  .mkd-cat--help .mkd-cat__sub{ color:rgba(255,255,255,.85); font-size:11px; margin-bottom:12px; }
  .mkd-cat--help .mkd-btn{ background:none; padding:0; font-size:13px; font-weight:700; }

  /* товарные карточки: бейдж справа, без кнопки-корзины (моб-макет) */
  .mkd-pcard{ flex-basis:172px; padding:10px; }
  .mkd-pcard__img{ height:128px; }
  .mkd-pcard__badge{ left:auto; right:10px; top:10px; }
  .mkd-pcard__cart{ display:none; }

  /* магазины: заголовок → текст → карта → чипы-пилюли → кнопка (моб-макет) */
  /* карта на весь блок, панель — шторка снизу поверх карты (как в приложении 2ГИС) */
  .mkd-shops{ height:720px; }
  .mkd-shops__panel{ top:auto; left:10px; right:10px; bottom:10px; width:auto; max-width:none; max-height:56%; padding:16px; border-radius:14px; }
  .mkd-shops__title{ font-size:20px; }
  .mkd-shops__text{ display:none; }
  .mkd-city{ border-radius:999px; }
  .mkd-shops .mkd-btn--dark{ width:100%; }

  /* почему мы: карточка — иконка слева, красная; CTA красная на всю ширину (моб-макет) */
  .mkd-why{ grid-template-columns:1fr; gap:10px; }
  .mkd-why__card{ display:flex; gap:14px; padding:18px; }
  .mkd-why__ico{ flex:none; color:#db1a31; background:#fff; border:1px solid #f0eee9; margin-bottom:0; }
  .mkd-why__cta .mkd-btn{ background:#db1a31; width:100%; }
  .mkd-why__cta .mkd-btn:hover{ background:#b81225; }

  .mkd-rev-list a{ flex-basis:216px; }
  .mkd-rev-head{ flex-direction:column; align-items:flex-start; }
  .mkd-rev-score{ width:100%; }
  .mkd-nav button{ width:38px; height:38px; }

  /* лид-форма: фото-фон на весь блок, белая карточка формы, телефон под ней (моб-макет) */
  .mkd-lead{ display:flex; flex-direction:column; border:none;
    background:linear-gradient(rgba(14,10,9,.72), rgba(46,14,16,.78)), url('/assets/images/home-design/lead-photo.jpg') center/cover no-repeat; }
  .mkd-lead__photo{ display:contents; }
  .mkd-lead__photo > .mkd-kicker{ order:1; margin:26px 22px 0; }
  .mkd-lead__photo .mkd-title{ order:2; font-size:24px; margin:10px 22px 0; }
  .mkd-lead__text{ order:3; margin:12px 22px 0; }
  .mkd-lead__form{ order:4; background:#fff; border-radius:16px; margin:20px 14px 0; padding:20px 16px; }
  .mkd-lead__call{ order:5; margin:18px 0 2px; text-align:center; }
  .mkd-lead__phone{ order:6; text-align:center; margin-bottom:26px; }

  /* меню-строка хедера — чипы-пилюли (моб-макет) */
  .mkd-menubar .wrap{ gap:8px; height:56px; }
  .mkd-menubar a{ background:#f1efec; border-radius:999px; padding:9px 16px; font-size:13px; }
  .mkd-menubar a.mkd-menubar__all{ background:#db1a31; color:#fff; }
  .mkd-menubar a.mkd-menubar__all .ico{ display:none; }

  /* футер */
  .mkd-footer{ margin-top:40px; }
  .mkd-footer .wrap{ padding-top:36px; }
  .mkd-footer__top{ grid-template-columns:1fr; gap:28px; padding-bottom:28px; }
  .mkd-footer__bottom{ flex-direction:column; align-items:flex-start; gap:10px; }
}