/* ===========================================================
   m-lotos · premium.css
   Премиальное оформление поверх текущей темы UMI.CMS.
   Подключать ПОСЛЕДНИМ, после всех остальных стилей темы.
   Ничего не удаляет из вёрстки — только цвет, форма и типографика.
   Откат: убрать строку подключения этого файла.
   Проверено на живом сайте 23.08.2026: главная, карточка товара, корзина, мобильный вид.
   Шрифты подключаются локально из папки fonts/ — обращений к Google Fonts нет.
   =========================================================== */

/* ---------- 0. Шрифты (локальные, без обращения к Google) ----------
   Файлы лежат рядом с этим файлом, в подпапке fonts/.
   Оба шрифта вариативные: один файл покрывает весь диапазон насыщенности. */

@font-face{
  font-family:'Golos Text';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('fonts/golos-text-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family:'Golos Text';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('fonts/golos-text-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Playfair Display';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('fonts/playfair-display-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family:'Playfair Display';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('fonts/playfair-display-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --ml-blue:#1A6EA8;        /* фирменный синий */
  --ml-blue-h:#1B79B8;      /* наведение */
  --ml-dark:#0F2A44;        /* шапка, подвал, тёмная плашка */
  --ml-light:#8FD0E4;       /* подсветка на тёмном */
  --ml-soft:#E8F1F8;        /* мягкий фон кнопок и плашек */
  --ml-line:#E1E9F0;        /* рамки */
  --ml-bg:#F4F7FA;          /* фон страницы */
  --ml-ink:#122334;         /* основной текст */
  --ml-muted:#5B6C7C;       /* второстепенный текст */
  --ml-gold:#C79A3E;        /* звёзды отзывов */
  --ml-r:20px;              /* радиус карточек */
  --ml-r-sm:14px;           /* радиус изображений */
  --ml-r-btn:999px;         /* радиус кнопок и полей */
}

/* ---------- 1. Типографика ---------- */
body{
  background:var(--ml-bg);
  color:var(--ml-ink);
  font-family:"Golos Text","Roboto",Arial,sans-serif;
  font-size:16.5px;
  line-height:1.6;
}
h1,h2,h3,h4,
.ml-hero__title,.ml-reviews__head{
  font-family:"Playfair Display",Georgia,serif;
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--ml-dark);
}

/* ---------- 2. Шапка ---------- */
#header{ background:var(--ml-dark); color:#EAF2F8; border-bottom:none; }
#header a{ color:#EAF2F8; }
#header a:hover{ color:var(--ml-light); }
#header .ml-logo-name{ font-family:"Playfair Display",Georgia,serif; color:#fff; }
#header .ml-logo-descr{ color:#9FBDD4; }
#header .phone, #header .phone a{ color:#fff !important; }
#header .phone a:hover{ color:var(--ml-light) !important; }

#header .search-form input#search-field,
#header .search-form input[type="text"]{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--ml-r-btn) 0 0 var(--ml-r-btn) !important;
  padding:11px 20px;
  color:#EAF2F8;
  box-shadow:none;
}
#header .search-form input::placeholder{ color:#A8C3D8; }
#header .search-form button,
#header .search-form input[type="submit"]{
  border-radius:var(--ml-r-btn);
  background:var(--ml-blue);
  border-color:transparent;
}
.ml-header-cart{ color:#EAF2F8; }
.ml-header-cart .checkout{
  border-radius:var(--ml-r-btn) !important;
  border:1px solid rgba(255,255,255,.22);
}

/* ---------- 3. Меню ---------- */
#megamenu, #megamenu > .container{ background:var(--ml-dark) !important; }
#megamenu{ border:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
#megamenu ul.sf-menu > li > a{
  color:#C3D8E7 !important;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#megamenu ul.sf-menu > li:hover > a,
#megamenu ul.sf-menu > li.active > a{ color:var(--ml-light) !important; }
#megamenu ul.sf-menu ul{
  border-radius:var(--ml-r-sm);
  border:1px solid var(--ml-line);
  box-shadow:0 20px 44px -26px rgba(15,42,68,.6);
  overflow:hidden;
}

/* ---------- 4. Кнопки ---------- */
.btn, .btn-primary, .btn-cart, button.btn,
input[type="submit"], .ml-hero__btn, #add-to-cart.btn{
  border-radius:var(--ml-r-btn) !important;
  font-weight:600;
  border:1px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn-primary, .ml-hero__btn{
  background:var(--ml-blue);
  color:#fff;
  padding:13px 26px;
  font-size:14.5px;
  box-shadow:0 10px 24px -14px rgba(26,110,168,.95);
}
.btn-primary:hover, .btn-primary:focus, .ml-hero__btn:hover{
  background:var(--ml-blue-h);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 30px -14px rgba(26,110,168,.9);
}
.btn:focus-visible{ outline:2px solid var(--ml-light); outline-offset:2px; }

/* главная кнопка на карточке товара */
#add-to-cart.btn{
  background:var(--ml-blue) !important;
  padding:14px 30px !important;
  box-shadow:0 10px 24px -14px rgba(26,110,168,.95);
}

/* «В корзину» в списке товаров — второстепенная.
   Селектор усилен: тема задаёт .btn-cart с высоким приоритетом. */
html body button.btn.btn-cart,
html body .product button.btn.btn-cart{
  background:var(--ml-soft) !important;
  color:var(--ml-blue) !important;
  border:1px solid #CFE2F0 !important;
  box-shadow:none !important;
  border-radius:var(--ml-r-btn) !important;
  padding:11px 22px !important;
  font-size:13.5px !important;
}
html body button.btn.btn-cart:hover{ background:#DCEBF6 !important; }

/* ---------- 5. Первый экран ---------- */
.ml-hero__in{
  border-radius:var(--ml-r);
  box-shadow:0 1px 2px rgba(15,42,68,.05), 0 30px 60px -36px rgba(15,42,68,.55);
  padding:34px 38px;
}
.ml-hero__title{ font-size:34px; line-height:1.16; }
.ml-hero__sub{ color:var(--ml-muted); font-size:16px; }
.ml-hero__pts{ color:#3D5164; font-size:14px; }
.ml-hero__btn{ padding:16px 34px; font-size:16px; }

/* ---------- 6. Карточки товара ---------- */
.product .prod_inside{
  background:#fff;
  border:1px solid var(--ml-line);
  border-radius:var(--ml-r);
  padding:14px;
  box-shadow:0 1px 2px rgba(15,42,68,.04), 0 20px 40px -32px rgba(15,42,68,.55);
  transition:transform .2s ease, box-shadow .2s ease;
}
.product .prod_inside:hover{
  transform:translateY(-4px);
  box-shadow:0 1px 2px rgba(15,42,68,.05), 0 30px 52px -28px rgba(15,42,68,.5);
}
.product_img{ border-radius:var(--ml-r-sm); overflow:hidden; background:#fff; }
.product_img img{ border-radius:var(--ml-r-sm); }
.product h3, .product .name a{
  font-family:"Golos Text",Arial,sans-serif;
  font-size:14.5px;
  font-weight:600;
  line-height:1.4;
  color:var(--ml-ink);
}
.product_price{ margin-top:6px; }
.product_price span.money{
  font-family:"Playfair Display",Georgia,serif;
  font-size:19px !important;
  font-weight:600;
  color:var(--ml-dark);
  font-variant-numeric:tabular-nums;
}

/* табы «Популярные товары / Покупателям / Статьи» */
.nav-tabs{ border-bottom:1px solid var(--ml-line); }
.nav-tabs > li > a{
  border-radius:var(--ml-r-btn) !important;
  border:none !important;
  color:var(--ml-muted);
  font-weight:600;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  background:var(--ml-soft) !important;
  color:var(--ml-blue) !important;
  border:none !important;
}

/* боковое меню каталога */
.submenu h3 > a{ border-radius:10px; }

/* ---------- 7. Бренды ---------- */
.partners.container{
  background:#fff !important;
  border:1px solid var(--ml-line) !important;
  border-radius:var(--ml-r) !important;
  padding:26px 32px !important;
}
.partners .column_center > div,
.partners.container > div > div{ background:#fff !important; }
.partners img{ max-width:100%; height:auto; }

/* ---------- 8. Отзывы ---------- */
.ml-reviews__head{ font-size:27px; }
.ml-reviews__sub{ color:var(--ml-muted); font-size:14px; }
.ml-review{
  background:#fff;
  border:1px solid var(--ml-line);
  border-top:3px solid var(--ml-blue) !important;
  border-radius:var(--ml-r);
  padding:20px;
  box-shadow:0 1px 2px rgba(15,42,68,.04), 0 20px 40px -34px rgba(15,42,68,.5);
}
.ml-review__stars{ color:var(--ml-gold); letter-spacing:3px; font-size:13px; }
.ml-review__text{ color:#3D5164; font-size:13.6px; line-height:1.6; }
.ml-review__meta{ color:var(--ml-muted); font-size:12.5px; }
.ml-review__meta a{ color:var(--ml-blue); font-weight:600; }

/* ---------- 9. Плашки «Доставка» и «Низкие цены» ---------- */
.custom_bottom a.maxheight{
  border-radius:24px;
  padding:30px 34px;
  border:none;
  box-shadow:0 1px 2px rgba(15,42,68,.05), 0 24px 46px -32px rgba(15,42,68,.55);
  transition:transform .2s ease, box-shadow .2s ease;
}
.custom_bottom a.maxheight:hover{
  transform:translateY(-3px);
  box-shadow:0 1px 2px rgba(15,42,68,.06), 0 32px 56px -30px rgba(15,42,68,.5);
}
.custom_bottom__1 a.maxheight.clearfix{ background:var(--ml-dark) !important; }
.custom_bottom__2 a.maxheight.clearfix{ background:var(--ml-blue) !important; }
.custom_bottom a.maxheight h3{
  font-family:"Playfair Display",Georgia,serif;
  color:#fff;
  font-size:25px;
  text-transform:none;
}
.custom_bottom a.maxheight p,
.custom_bottom a.maxheight span{ color:rgba(255,255,255,.85); font-size:14px; }

/* ---------- 10. Подвал ---------- */
footer{ background:var(--ml-dark) !important; }
footer .footer_top, footer .ml-foot,
footer .container, footer .ml-foot__legal{ background:transparent !important; }
footer, footer p, footer li, footer span, footer div{ color:#C3D8E7; }
footer a{ color:#C3D8E7 !important; }
footer a:hover{ color:var(--ml-light) !important; }
footer h2, footer h3, footer h4,
.ml-foot__h, .ml-foot__label{
  color:var(--ml-light) !important;
  font-size:11.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
footer .ml-foot__brand span,
footer .ml-foot__brand .ml-logo-name{ color:#fff !important; }
footer .ml-foot__val, footer .ml-foot__val a{ color:#EAF2F8 !important; }
footer .ml-foot__desc{ color:#9FBDD4 !important; }
footer .ml-foot__legal, footer .ml-foot__legal a{ color:#93AFC6 !important; }
.ml-foot__vk{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:var(--ml-r-btn) !important;
  color:#EAF2F8 !important;
}
.ml-foot__logo img{ border-radius:12px; }

/* ---------- 11. Поля форм ---------- */
input[type="text"], input[type="email"], input[type="tel"],
select, textarea{
  border-radius:var(--ml-r-btn);
  border:1px solid var(--ml-line);
  padding:12px 20px;
  background:#fff;
  box-shadow:none;
}
textarea{ border-radius:var(--ml-r-sm); }
input:focus, select:focus, textarea:focus{
  outline:2px solid #CFE2F0;
  outline-offset:1px;
  border-color:#CFE2F0;
}


/* ---------- 13. Корзина и оформление заказа ---------- */
.breadcrumb{
  background:var(--ml-soft) !important;
  border-radius:var(--ml-r-sm);
  padding:12px 20px;
}
.breadcrumb, .breadcrumb li, .breadcrumb span{ color:var(--ml-muted) !important; }
.breadcrumb a{ color:var(--ml-blue) !important; font-weight:500; }

.cart-item{
  background:#fff;
  border:1px solid var(--ml-line);
  border-radius:var(--ml-r);
  padding:16px;
  margin-bottom:14px;
  box-shadow:0 1px 2px rgba(15,42,68,.04), 0 20px 40px -34px rgba(15,42,68,.5);
}
.cart-item .item_image{ border-radius:var(--ml-r-sm); overflow:hidden; }
.cart-item .item_image img{ border-radius:var(--ml-r-sm); }
.cart-item .item_price, .cart-item .total{
  font-family:"Playfair Display",Georgia,serif;
  font-size:18px;
  color:var(--ml-dark);
  font-variant-numeric:tabular-nums;
}
.item_remove{ color:#B9C6D2; transition:color .18s ease; }
.item_remove:hover{ color:#C0554F; }

.quantity_box{
  border:1px solid var(--ml-line);
  border-radius:var(--ml-r-btn);
  background:#fff;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
}
.quantity_input{
  border:none !important;
  background:transparent;
  text-align:center;
  padding:8px 4px;
  box-shadow:none;
}
.quantity_modifier{
  background:var(--ml-soft) !important;
  color:var(--ml-blue) !important;
  border:none !important;
  border-radius:var(--ml-r-btn);
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
}
.quantity_modifier:hover{ background:#DCEBF6 !important; }

.cart_subtotal{
  background:#fff;
  border:1px solid var(--ml-line);
  border-radius:var(--ml-r);
  padding:20px 24px;
  margin-top:8px;
}
.cart_subtotal h3, .cart_subtotal .total{
  font-family:"Playfair Display",Georgia,serif;
  color:var(--ml-dark);
  font-variant-numeric:tabular-nums;
}
.delivery, .payment{ margin-top:26px; }

/* ---------- 14. Отступы в карточке товара ----------
   Тема задаёт .product_links отступ сверху 52px и снизу 28px —
   между ценой и кнопкой получается пустая полоса. */
.product .prod_inside{ display:flex; flex-direction:column; padding:16px; }
.product .product_img{ height:auto; margin-bottom:14px; background:#fff; }
.product .product_img img{ width:100%; height:200px; object-fit:contain; }

/* название сверху, цена слева, кнопка справа — как в макете */
.product .product_info{
  display:grid !important;
  grid-template-columns:1fr auto;
  grid-template-areas:"name name" "price btn";
  align-items:center;
  gap:12px;
  flex:1 1 auto;
  align-content:space-between;
}
.product .product_name{ grid-area:name; }
.product .product_name, .product .product_name a{
  text-align:left !important;
  font-size:15px;
  line-height:1.4;
}
.product .product_price{
  grid-area:price;
  text-align:left !important;
  margin:0 !important;
  min-height:0 !important;
}
.product .product_links{
  grid-area:btn;
  margin:0 !important;
  padding:0 !important;
  text-align:right;
}

/* ---------- 15. Узкие экраны ---------- */
@media (max-width:767px){
  /* на узком экране карточки идут в одну колонку —
     выравнивание высот от скрипта темы только добавляет пустоту */
  .product .prod_inside,
  .product [class*="maxheight"]{ height:auto !important; min-height:0 !important; }

  .nav-tabs{ border:none; }
  .nav-tabs > li{ border:none !important; margin-bottom:6px; }
  .nav-tabs > li > a{
    border:1px solid var(--ml-line) !important;
    border-radius:var(--ml-r-sm) !important;
    background:#fff;
  }
  .product .prod_inside{ padding:12px; }
  .product .product_links{ margin-top:10px !important; padding-bottom:0 !important; }
  .ml-hero__in{ padding:22px 20px; }
  .ml-hero__title{ font-size:26px; }
  .cart-item{ padding:14px; }
  .cart_subtotal{ padding:16px 18px; }
  .breadcrumb{ padding:10px 16px; font-size:13px; }
}


/* ---------- 16. Первый экран: текст слева, фото справа ----------
   Блок .slider_parallax_wr содержит слайдер (.slider_wrap) и текстовую
   карточку (.ml-hero). На широком экране раскладываем их в две колонки,
   как в утверждённом макете. Слайдер в теме позиционирован абсолютно —
   сбрасываем это. На узких экранах всё остаётся как было. */
@media (min-width:992px){
  .slider_parallax_wr{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:38px;
    align-items:center;
    align-content:start !important;
    height:auto !important;
    min-height:0 !important;
    max-width:1170px;
    margin:0 auto;
    padding:44px 15px 18px;
    background:transparent;
  }
  .slider_parallax_wr .slider_wrap{
    order:2;
    position:relative !important;
    width:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    height:380px !important;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 1px 2px rgba(15,42,68,.06), 0 30px 60px -34px rgba(15,42,68,.6);
  }
  .slider_parallax_wr .slider_wrap .nivoSlider{
    width:100% !important;
    height:380px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  .slider_parallax_wr .slider_wrap .nivoSlider img,
  .slider_parallax_wr .slider_wrap .nivo-main-image{
    width:100% !important;
    height:380px !important;
    object-fit:cover !important;
    border-radius:22px !important;
  }
  .slider_parallax_wr .ml-hero{ order:1; position:static !important; top:auto !important; }
  .slider_parallax_wr .ml-hero__in{
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    max-width:none !important;
  }
  .slider_parallax_wr .ml-hero__in::before{
    content:"Подбор · доставка · сопровождение";
    display:block;
    font-size:12px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--ml-blue);
    font-weight:700;
    margin-bottom:16px;
  }
  .ml-hero__title{ font-size:40px !important; line-height:1.12 !important; }
  .ml-hero__sub{ font-size:17px !important; }
  .ml-hero__pts{ margin-top:16px; }
  .ml-hero__btn{ margin-top:26px; }

  /* Стрелки слайдера — круглые, появляются при наведении */
  .slider_parallax_wr .nivo-directionNav a{
    width:44px !important;
    height:44px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 6px 18px rgba(15,42,68,.22) !important;
    color:var(--ml-blue) !important;
    line-height:44px !important;
    text-align:center !important;
    opacity:0;
    transition:opacity .25s;
  }
  .slider_parallax_wr:hover .nivo-directionNav a{ opacity:1; }
  .slider_parallax_wr .nivo-directionNav a.nivo-prevNav{ left:16px !important; }
  .slider_parallax_wr .nivo-directionNav a.nivo-nextNav{ right:16px !important; }
}


/* ---------- 17. Заголовок «Популярные товары» и цены в карточках ----------
   Табы темы оформлены как в макете: активная вкладка — серифный заголовок
   раздела, остальные уходят вправо ссылками. */
.tabs_wr .tabs1 ul.tabs{
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:wrap;
  gap:26px !important;
  border:0 !important;
  margin:0 0 22px !important;
  padding:0 !important;
  float:none !important;
}
.tabs_wr .tabs1 ul.tabs li{
  float:none !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  font-size:15px !important;
  font-weight:600 !important;
  color:var(--ml-blue) !important;
  cursor:pointer;
}
.tabs_wr .tabs1 ul.tabs li::before,
.tabs_wr .tabs1 ul.tabs li::after{ display:none !important; content:none !important; }
.tabs_wr .tabs1 ul.tabs li.current{
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:28px !important;
  font-weight:600 !important;
  color:var(--ml-dark) !important;
  margin-right:auto !important;
}
.tabs_wr .tabs1 ul.tabs li:not(.current):hover{ color:var(--ml-dark) !important; }
.tabs_wr .tabs1 .tab_container{
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
}

/* Цена в карточке — сериф, в одну строку */
.product .product_price,
.product .product_price .money{
  white-space:nowrap !important;
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:20px !important;
  font-weight:600 !important;
  color:var(--ml-dark) !important;
  font-variant-numeric:tabular-nums;
}
.product .product_links{ white-space:nowrap; }
.product .product_info{ gap:10px 8px !important; }
.product .prod_inside{ height:auto !important; min-height:0 !important; }
html body button.btn.btn-cart{ border:1px solid #CFE2F0 !important; }


/* ---------- 18. Плашки под первым экраном и вторая кнопка ---------- */
.ml-chips{
  display:flex;
  gap:14px;
  margin:0 auto 34px;
}
.ml-chip{
  flex:1;
  padding:18px 20px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--ml-line);
  font-size:13.5px;
  box-shadow:0 1px 2px rgba(15,42,68,.04);
}
.ml-chip b{
  display:block;
  font-size:14.5px;
  margin-bottom:4px;
  font-weight:600;
  color:var(--ml-ink);
}
.ml-chip span{ color:var(--ml-muted); }
@media (max-width:767px){
  .ml-chips{ flex-direction:column; gap:10px; }
}

a.ml-hero__btn.ml-hero__btn--ghost{
  background:#fff !important;
  color:var(--ml-blue) !important;
  border:1px solid #CFE2F0 !important;
  box-shadow:none !important;
  margin-left:12px;
}
a.ml-hero__btn.ml-hero__btn--ghost:hover,
a.ml-hero__btn.ml-hero__btn--ghost:focus{
  background:#fff !important;
  color:var(--ml-blue) !important;
  border-color:var(--ml-blue) !important;
}


/* ---------- 19. Точная сверка с утверждённым макетом ----------
   Размеры, отступы и цвета приведены к значениям из макета
   (первый экран, плашки, заголовок раздела, карточка товара). */
@media (min-width:992px){
  .slider_parallax_wr .slider_wrap,
  .slider_parallax_wr .slider_wrap .nivoSlider{ height:325px !important; }
  .slider_parallax_wr .slider_wrap .nivoSlider img,
  .slider_parallax_wr .slider_wrap .nivo-main-image{ height:325px !important; }

  .slider_parallax_wr .ml-hero__in::before{ font-size:11.5px; margin-bottom:16px; }
  .slider_parallax_wr .ml-hero__title{
    font-size:38px !important;
    line-height:1.14 !important;
    letter-spacing:-.01em;
    font-weight:600 !important;
    color:var(--ml-dark) !important;
    margin-bottom:0 !important;
  }
  .slider_parallax_wr .ml-hero__sub{
    margin:16px 0 0 !important;
    font-size:16px !important;
    line-height:1.6 !important;
    color:var(--ml-muted) !important;
    max-width:44ch;
  }
  .slider_parallax_wr .ml-hero__pts{
    margin:18px 0 0 !important;
    display:flex;
    flex-wrap:wrap;
    gap:8px 22px;
    font-size:14px !important;
    color:#3D5164 !important;
  }
  .slider_parallax_wr .ml-hero__btn{
    margin-top:26px !important;
    padding:16px 34px !important;
    font-size:16px !important;
  }
}
.ml-hero__pts span{ margin:0 !important; }
.ml-hero__pts span::before{ color:var(--ml-blue) !important; }
a.ml-hero__btn.ml-hero__btn--ghost:hover,
a.ml-hero__btn.ml-hero__btn--ghost:focus{
  background:#F2F8FC !important;
  border-color:#CFE2F0 !important;
}

/* Плашки под первым экраном */
.ml-chips{ margin-bottom:40px; }

/* Заголовок раздела */
.tabs_wr .tabs1 ul.tabs{ margin-bottom:20px !important; }
.tabs_wr .tabs1 ul.tabs li{ font-size:14px !important; }
.tabs_wr .tabs1 ul.tabs li.current{ font-size:27px !important; }

/* Карточка товара */
.product .prod_inside{ padding:14px; }
.product .product_img{
  border-radius:14px;
  overflow:hidden;
  background:#F4F7FA;
  margin-bottom:14px;
}
.product .product_img img{ height:200px; object-fit:contain; background:#fff; }
.product .product_info{ align-content:start !important; gap:14px 8px !important; }
.product .product_name{
  align-self:start !important;
  min-height:40px !important;
  margin:2px 0 0 !important;
}
.product .product_name,
.product .product_name a{
  font-size:14.5px !important;
  line-height:1.4 !important;
  font-weight:600;
  color:var(--ml-ink) !important;
}
.product .product_price,
.product .product_price .money{ font-size:18px !important; }
html body button.btn.btn-cart{ padding:9px 16px !important; font-size:13px !important; }


/* ---------- 12. Мелочи ---------- */
.ml-cookie__btn{ border-radius:var(--ml-r-btn); }
.ml-cookie__btn--main{ background:var(--ml-blue); border-color:transparent; }
img{ max-width:100%; }
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; }
}


/* ---------- 20. Витрина «Протезирование / Ортопедия / Реабилитация» ----------
   Блок удалён из шаблона (content.xsl, 23.08.2026) — в утверждённом макете
   его нет. Здесь осталась только компенсация отступа: без витрины между
   плашками и «Популярными товарами» оставался лишний зазор. */
body.template-index .tabs_wr{ margin-top:0 !important; }


/* ---------- 21. Шапка по макету ----------
   Верхняя строка: слоган слева, вход/регистрация справа.
   Основная строка: логотип, поиск-пилюля, затем телефон, кнопка и корзина.
   Меню — на том же тёмном фоне, вплотную, без зазора и без отступа слева.
   Правила только для широких экранов: мобильная шапка темы не трогается. */
@media (min-width:992px){
  #header{ margin-bottom:0 !important; }

  /* верхняя строка */
  #header .header_top{ background:var(--ml-blue) !important; }
  #header .header_top > .container{ max-width:none !important; width:auto !important; padding:9px 34px !important; }
  #header .header_top .row{ display:flex !important; align-items:center !important; margin:0 !important; }
  #header .header_top .row > div{ width:auto !important; float:none !important; padding:0 !important; }
  #header .header_top .row > div:nth-child(1){ order:2 !important; margin-left:auto !important; flex:0 0 auto !important; }
  #header .header_top .row > div:nth-child(2){ order:1 !important; flex:1 1 auto !important; }
  #header .topslogan{ text-align:left !important; font-size:13px !important; opacity:.85; }
  #header .header_top ul.header_user{ margin:0 !important; padding:0 !important; }
  #header .header_top ul.header_user li{ font-size:13px !important; }

  /* основная строка */
  #header > .container{
    max-width:none !important;
    width:auto !important;
    padding:20px 34px !important;
    display:flex !important;
    align-items:center !important;
    gap:26px !important;
  }
  #header > .container > #logo{ order:1; float:none !important; margin:0 !important; width:auto !important; }
  #header #logo > a{ display:flex !important; align-items:center !important; gap:12px !important; width:auto !important; height:auto !important; }
  #header #logo img{ width:52px !important; height:52px !important; object-fit:contain; }
  #header .ml-logo-text{ width:auto !important; height:auto !important; }
  #header .ml-logo-name{ font-size:25px !important; line-height:1.1 !important; }
  #header .ml-logo-descr{ font-size:11px !important; color:#9FBDD4 !important; letter-spacing:.02em; }

  /* поиск */
  #header > .container > .header_search{
    order:2;
    float:none !important;
    margin:0 !important;
    flex:1 1 auto !important;
    max-width:340px !important;
    width:auto !important;
    height:auto !important;
  }
  #header .header_search form.header_search_form{
    width:100% !important;
    height:auto !important;
    border:0 !important;
    padding:0 !important;
    background:none !important;
    box-shadow:none !important;
  }
  #header .header_search fieldset{ position:relative !important; width:100% !important; height:auto !important; }
  #header input#search-field{
    width:100% !important;
    height:auto !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#EAF2F8 !important;
    padding:11px 18px 11px 44px !important;
    font-size:14px !important;
    box-shadow:none !important;
  }
  #header button#search-submit{
    left:14px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    background:none !important;
    border:0 !important;
    color:#A8C3D8 !important;
    width:auto !important;
    height:auto !important;
    font-size:15px !important;
    padding:0 !important;
    box-shadow:none !important;
  }

  /* телефон, кнопка, корзина */
  #header > .container > .custom_header1{
    order:3;
    float:none !important;
    margin:0 0 0 auto !important;
    width:auto !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:26px !important;
  }
  #header .custom_header1 > *{ flex:0 0 auto !important; }
  #header .custom_header1 .phone{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    text-align:right !important;
    line-height:1.25 !important;
  }
  #header .custom_header1 .phone i{ display:none !important; }
  #header .custom_header1 .phone a{
    font-family:'Playfair Display',Georgia,serif !important;
    font-size:19px !important;
    font-weight:600 !important;
    color:#fff !important;
    display:block !important;
  }
  #header .custom_header1 .phone::after{
    content:"ежедневно 9:00–20:00";
    display:block;
    font-size:11.5px;
    color:#9FBDD4;
    font-weight:400;
  }
  #header .custom_header1 > span{ width:auto !important; height:auto !important; }
  #header .custom_header1 button.btn{ padding:13px 26px !important; font-size:14.5px !important; }
  #header .ml-header-cart{ width:auto !important; height:auto !important; }
  #header .ml-header-cart .header_cart > a{
    width:44px !important;
    height:44px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.2) !important;
    background:transparent !important;
    color:#EAF2F8 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #header .ml-header-cart .cart-total-items .count{
    background:var(--ml-light) !important;
    color:var(--ml-dark) !important;
    width:19px;
    height:19px;
    border-radius:50%;
    font-size:11px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* меню */
  #megamenu, #megamenu > .container{ background:var(--ml-dark) !important; }
  #megamenu > .container{ max-width:none !important; width:auto !important; padding:0 34px 18px !important; }
  #megamenu ul.sf-menu{ display:flex !important; gap:30px !important; float:none !important; }
  #megamenu ul.sf-menu > li{ float:none !important; }
  #megamenu ul.sf-menu > li > a{
    padding:0 !important;
    background:none !important;
    font-size:13px !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#C3D8E7 !important;
  }
  #megamenu ul.sf-menu > li > a:hover{ color:#fff !important; }
  #megamenu .sf-arrows .sf-with-ul::after{ display:none !important; }
  body.template-index #megamenu li.megamenu__1 > a,
  #megamenu li.active > a,
  #megamenu li.current > a{ color:var(--ml-light) !important; font-weight:600 !important; }
}


/* ---------- 22. Бренды и отзывы по макету ----------
   Бренды: серифный заголовок слева, описание справа, логотипы в белой
   карточке, примечание мелким шрифтом под ней.
   Отзывы: серифный заголовок слева и четыре карточки в ряд вместо карусели. */
.partners.container{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:46px 0 0 !important;
}
@media (min-width:992px){
  .partners.container .column_center{
    display:grid !important;
    grid-template-columns:.85fr 1.15fr;
    gap:0 34px;
    align-items:start;
  }
  .partners.container .column_center > h2.page_heading{
    grid-column:1;
    grid-row:1;
    font-family:'Playfair Display',Georgia,serif !important;
    font-size:27px !important;
    font-weight:600 !important;
    color:var(--ml-dark) !important;
    text-align:left !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
    margin:0 !important;
  }
  .partners.container .column_center > p:nth-of-type(1){
    grid-column:2;
    grid-row:1;
    margin:0 !important;
    font-size:14.5px !important;
    color:var(--ml-muted) !important;
    line-height:1.65 !important;
    text-align:left !important;
  }
  .partners.container .column_center > div:not(.ml-reviews){
    grid-column:1 / -1;
    grid-row:2;
    margin-top:26px !important;
    background:#fff;
    border:1px solid var(--ml-line);
    border-radius:20px;
    padding:26px 32px;
  }
  .partners.container .column_center > div:not(.ml-reviews) img{ width:100% !important; height:auto !important; display:block; }
  .partners.container .column_center > p:nth-of-type(2){
    grid-column:1 / -1;
    grid-row:3;
    margin:16px 0 0 !important;
    font-size:13.5px !important;
    color:var(--ml-muted) !important;
    line-height:1.6 !important;
    max-width:92ch;
    text-align:left !important;
  }
  .partners.container .column_center > .ml-reviews{ grid-column:1 / -1; grid-row:4; margin-top:46px !important; }
}
.partners .column_center > .ml-reviews{ background:transparent !important; }

.ml-reviews__head{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  text-align:left !important;
  margin-bottom:20px !important;
}
.ml-reviews__head h2{
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:27px !important;
  font-weight:600 !important;
  color:var(--ml-dark) !important;
  text-align:left !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin:0 !important;
}
.ml-reviews__sub{ display:none !important; }
.ml-review{
  min-height:0 !important;
  background:#fff !important;
  border:1px solid var(--ml-line) !important;
  border-radius:20px !important;
  padding:20px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  box-shadow:0 1px 2px rgba(15,42,68,.04), 0 20px 40px -34px rgba(15,42,68,.5) !important;
  text-align:left !important;
  opacity:1 !important;
}
.ml-review__stars{ color:var(--ml-gold) !important; font-size:13px !important; letter-spacing:3px !important; }
.ml-review__text{ font-size:13.6px !important; line-height:1.6 !important; color:#3D5164 !important; margin:0 !important; }
.ml-review__text::before{ content:"«"; }
.ml-review__text::after{ content:"»"; }
.ml-review__meta{ border-top:0 !important; padding-top:0 !important; margin-top:auto !important; font-size:12.5px !important; color:var(--ml-muted) !important; line-height:1.5 !important; }
.ml-review__meta strong{ display:block; color:var(--ml-ink) !important; font-weight:600 !important; font-size:13px !important; }
.ml-review__meta a{ font-size:12.5px !important; color:var(--ml-blue) !important; font-weight:600 !important; }


/* ---------- 23. Ссылка «Весь каталог» вместо вкладок ----------
   В макете рядом с заголовком раздела стоит одна ссылка на каталог.
   Вкладки «Покупателям» и «Статьи» скрыты — чтобы вернуть их,
   удалите правило li:not(.current). Сама ссылка добавлена в content.xsl. */
.tabs_wr .tabs1{ position:relative; }
.tabs_wr .tabs1 ul.tabs li:not(.current){ display:none !important; }
.tabs_wr .tabs1 > a.ml-catalog-link{
  position:absolute;
  right:0;
  top:6px;
  font-size:14px;
  font-weight:600;
  color:var(--ml-blue);
}
.tabs_wr .tabs1 > a.ml-catalog-link:hover{ color:var(--ml-dark); }