/* =====================================================================
   m-lotos.ru — «Жидкое стекло», вариант 1 «Матовое стекло»
   Подключается ПОСЛЕ premium/ml-body.css в index.xsl:
   <link rel="stylesheet" href="/premium/ml-glass.css?v=20260915"/>
   <script src="/premium/ml-glass.js?v=20260915" defer></script>
   Ничего в вёрстке не меняет — только перекрашивает и добавляет эффекты.
   ===================================================================== */

:root{
  --mlg-bg:#eef3fa;          /* фон, как на картинке */
  --mlg-bg2:#dde3ed;
  --mlg-navy:#0f2a44;        /* тёмно-синий логотипа */
  --mlg-navy2:#1a3a5c;
  --mlg-blue:#1a6ea8;        /* фирменный синий кнопок */
  --mlg-blue-h:#155d8f;
  --mlg-ice:#8fd0e4;
  --mlg-muted:#5b6b80;
  --mlg-border:rgba(255,255,255,.9);
  --mlg-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -1px 0 rgba(15,42,68,.05) inset,0 10px 30px rgba(15,42,68,.08);
}

/* ---------- фон сайта ---------- */
html body{background:#e6ecf4 linear-gradient(180deg,#fafcff 0,#eef3fa 480px,#e6ecf4 1200px) no-repeat !important}
html,html body{height:auto !important;min-height:100% !important}
html body #wrapper,html body #wrapper2{background:transparent !important}

/* =====================================================================
   1. ШАПКА — стеклянная, прилипающая, с линзой (Chrome/Edge)
   ===================================================================== */
html body #header#header{
  position:sticky !important;top:0 !important;z-index:1000 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(238,243,250,.58)) !important;
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  border-bottom:1px solid rgba(255,255,255,.9) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 8px 30px rgba(15,42,68,.08) !important;
  color:var(--mlg-navy) !important;
}
@supports (backdrop-filter:url(#ml-lens)){
  html body #header#header.ml-lens{backdrop-filter:blur(22px) saturate(170%) url(#ml-lens)}
}
html body #header#header::after{content:"";position:absolute;left:0;right:0;top:0;height:50%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0))}
html body #header#header > .container{position:relative;z-index:1}

/* верхняя полоска (вход/регистрация/слоган), если показана */
html body #header#header .header_top{background:transparent !important;border-bottom:1px solid rgba(15,42,68,.06)}
html body #header#header .header_top,html body #header#header .header_top a,html body #header#header .topslogan span{color:var(--mlg-navy2) !important}

/* тексты и ссылки в шапке — тёмно-синие */
html body #header#header a,html body #header#header .ml-logo-name,html body #header#header .phone,html body #header#header .phone a,
html body #header#header .checkout a,html body #header#header .ml-user-link,html body #header#header .ml-user-link span{color:var(--mlg-navy) !important}
html body #header#header a:hover,html body #header#header .phone a:hover{color:var(--mlg-blue) !important}
html body #header#header .ml-logo-descr,html body #header#header .phone::after,html body #header#header .phone::before{color:var(--mlg-muted) !important}
html body #header#header .ml-logo-wrap svg,html body #header#header .ml-logo-svg{color:var(--mlg-navy) !important;fill:var(--mlg-navy)}
html body #header#header .ml-user-link svg,html body #header#header .ml-cart-ic svg,html body #header#header .ml-mbar__btn svg{stroke:var(--mlg-navy) !important;color:var(--mlg-navy) !important}
html body #header#header .ml-mbar__btn{color:var(--mlg-navy) !important;background:transparent !important}
html body #header#header .fa{color:var(--mlg-navy) !important}
html body #header#header .cart-total-items,html body #header#header .cart-total-items .count{background:var(--mlg-blue) !important;color:#fff !important;box-shadow:0 0 0 2px rgba(255,255,255,.85)}

/* поиск — стеклянная капсула */
html body #header#header .search-form input#search-field,html body #header#header .search-form input[type="text"]{
  background:rgba(255,255,255,.55) !important;border:1px solid var(--mlg-border) !important;color:var(--mlg-navy) !important;
  border-radius:999px !important;box-shadow:0 1px 0 #fff inset,0 2px 10px rgba(15,42,68,.06) !important;
}
html body #header#header .search-form input::placeholder{color:#7e8ca0 !important}
html body #header#header .search-form button,html body #header#header .search-form input[type="submit"]{background:transparent !important;border:0 !important;color:var(--mlg-navy) !important;box-shadow:none !important}
html body #header#header .search-form button svg{stroke:var(--mlg-navy);fill:none}

/* мобильная шапка (если шапка тёмная на мобильных — тоже становится светлой) */
html body #header#header .ml-mbar,html body #header#header #logo{background:transparent !important}

/* =====================================================================
   1а. МЕНЮ — тоже стекло, пункты-таблетки
   ===================================================================== */
html body #megamenu#megamenu,html body #megamenu#megamenu > .container{
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(238,243,250,.52)) !important;
  -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 20px rgba(15,42,68,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.85) !important;
}
html body #megamenu#megamenu > .container{box-shadow:none !important;border:0 !important;background:transparent !important}
html body #megamenu#megamenu ul.sf-menu > li > a{
  color:var(--mlg-navy) !important;text-transform:none !important;letter-spacing:0 !important;font-size:14px !important;font-weight:500 !important;
  padding:7px 13px !important;border-radius:999px !important;transition:background .2s,color .2s;
}
html body #megamenu#megamenu ul.sf-menu > li > a:hover,html body #megamenu#megamenu ul.sf-menu > li:hover > a{background:rgba(255,255,255,.6) !important;color:var(--mlg-blue) !important}
html body #megamenu#megamenu ul.sf-menu > li > a.ml-active{
  background:rgba(255,255,255,.72) !important;color:var(--mlg-blue) !important;font-weight:600 !important;
  box-shadow:0 1px 0 #fff inset,0 2px 8px rgba(15,42,68,.08);
}
/* выпадающие подменю — стеклянная плита с бликом, пункты-капсулы с «жидким» наведением.
   ВАЖНО: у самой плиты фон сплошной и без backdrop-filter — при полупрозрачном фоне/градиенте
   Chrome рисует сквозь плиту призрак контента страницы (артефакт компоновки внутри стеклянного меню). */
html body #megamenu#megamenu .sf-menu.megamenu_desktop > li > ul{
  background:#f3f7fb !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border:1px solid rgba(255,255,255,.95) !important;border-radius:26px !important;padding:18px 20px 20px !important;
  box-shadow:0 1px 0 #fff inset,0 -1px 0 rgba(15,42,68,.05) inset,0 30px 70px rgba(15,42,68,.20),0 6px 18px rgba(15,42,68,.08) !important;
  overflow:hidden;
}
html body #megamenu#megamenu .sf-menu.megamenu_desktop > li > ul::before{content:"";position:absolute;right:-10%;top:-60%;width:45%;height:160%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(143,208,228,.38),rgba(143,208,228,0))}
html body #megamenu#megamenu .sf-menu.megamenu_desktop > li > ul::after{content:"";position:absolute;left:0;right:0;top:0;height:45%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))}
html body #megamenu#megamenu .sf-menu.megamenu_desktop > li > ul > li{position:relative;z-index:1}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu .col-sm-3{padding:5px !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3{margin:0 !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a{
  --mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;
  display:flex !important;align-items:center !important;gap:10px;min-height:46px !important;padding:8px 14px 8px 12px !important;
  color:var(--mlg-navy) !important;font-size:13.5px !important;font-weight:500 !important;line-height:1.25 !important;
  background:rgba(255,255,255,.62) !important;border:1px solid rgba(255,255,255,.95) !important;border-radius:14px !important;
  box-shadow:0 1px 0 #fff inset,0 3px 10px rgba(15,42,68,.05);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .2s,color .2s,border-color .2s !important;
}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--mlg-blue);opacity:.55;box-shadow:0 0 0 3px rgba(26,110,168,.12);transition:.2s}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:-1;transition:opacity .3s;
  background:radial-gradient(120px 70px at var(--mx) var(--my),rgba(255,255,255,.95),rgba(255,255,255,.25) 45%,rgba(255,255,255,0) 72%)}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a:hover,html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a:focus{
  background:rgba(26,110,168,.10) !important;color:var(--mlg-blue) !important;border-color:rgba(26,110,168,.28) !important;
  transform:translateY(-2px);box-shadow:0 1px 0 #fff inset,0 12px 26px rgba(15,42,68,.14) !important;
}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a:hover::before{opacity:1;box-shadow:0 0 0 4px rgba(26,110,168,.18);transform:scale(1.15)}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a:hover::after{opacity:1}
/* мобильное меню */
html body #megamenu#megamenu .megamenu_mobile h2{color:var(--mlg-navy) !important}
html body #megamenu#megamenu .megamenu_mobile > .submenu__1{
  background:rgba(245,248,252,.94) !important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border-radius:0 0 20px 20px !important;box-shadow:0 20px 50px rgba(15,42,68,.18) !important;
}
html body #megamenu#megamenu .megamenu_mobile a{color:var(--mlg-navy) !important}

/* =====================================================================
   2. ЖИДКИЕ КНОПКИ — блик следует за курсором (ml-glass.js пишет --mx/--my)
   ===================================================================== */
html body .ml-hero__btn,html body .product .btn-cart,html body #header#header .btn.showpopup,html body #add-to-cart,html body .btn-primary{
  --mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .2s !important;
}
html body .ml-hero__btn:not(.ml-hero__btn--ghost),html body #header#header .btn.showpopup,html body #add-to-cart,html body .btn-primary{
  background:linear-gradient(180deg,#2a7fbd,var(--mlg-blue)) !important;border-color:transparent !important;color:#fff !important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -2px 6px rgba(0,0,0,.12) inset,0 8px 20px rgba(26,110,168,.30) !important;
}
html body .ml-hero__btn:not(.ml-hero__btn--ghost):hover,html body #header#header .btn.showpopup:hover,html body #add-to-cart:hover,html body .btn-primary:hover{
  background:linear-gradient(180deg,#2f88c8,var(--mlg-blue-h)) !important;transform:translateY(-1px) scale(1.02);
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -2px 6px rgba(0,0,0,.12) inset,0 14px 28px rgba(26,110,168,.36) !important;
}
html body .ml-hero__btn::before,html body .product .btn-cart::before,html body #header#header .btn.showpopup::before,html body #add-to-cart::before,html body .btn-primary::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;z-index:-1;
  background:radial-gradient(140px 90px at var(--mx) var(--my),rgba(255,255,255,.55),rgba(255,255,255,.12) 40%,rgba(255,255,255,0) 70%);
}
html body .ml-hero__btn:not(.ml-hero__btn--ghost)::after,html body #header#header .btn.showpopup::after,html body #add-to-cart::after,html body .btn-primary::after{
  content:"";position:absolute;left:8%;right:8%;top:2px;height:45%;border-radius:999px;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0));
}
html body .ml-hero__btn:hover::before,html body .product .btn-cart:hover::before,html body #header#header .btn.showpopup:hover::before,html body #add-to-cart:hover::before,html body .btn-primary:hover::before{opacity:1}
html body .ml-hero__btn:active,html body .product .btn-cart:active{transform:scale(.98)}
/* стеклянная «призрачная» кнопка */
html body .ml-hero__btn--ghost,html body .product .btn-cart{
  background:rgba(255,255,255,.55) !important;color:var(--mlg-blue) !important;border:1px solid var(--mlg-border) !important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 1px 0 #fff inset,0 6px 16px rgba(15,42,68,.08) !important;
}
html body .ml-hero__btn--ghost::before,html body .product .btn-cart::before{
  background:radial-gradient(140px 90px at var(--mx) var(--my),rgba(255,255,255,.95),rgba(255,255,255,.3) 45%,rgba(255,255,255,0) 72%);
}
html body .ml-hero__btn--ghost:hover,html body .product .btn-cart:hover{
  background:rgba(255,255,255,.7) !important;color:var(--mlg-blue-h) !important;border-color:rgba(26,110,168,.35) !important;transform:translateY(-1px);
  box-shadow:0 1px 0 #fff inset,0 12px 26px rgba(15,42,68,.12) !important;
}
html body .ml-hero__btn > *,html body .product .btn-cart > *{position:relative;z-index:1}

/* =====================================================================
   3. ПЛАШКИ-ТАБЛЕТКИ — статусы наличия, «Доставка», чипсы преимуществ
   ===================================================================== */
html body .ml-stock .ml-stock__badge.ml-stock__badge,html body .ml-stock__badge.ml-stock__badge{
  display:inline-flex !important;align-items:center;gap:7px;height:28px;padding:0 12px 0 9px !important;border-radius:999px !important;
  font-size:13px !important;font-weight:500 !important;color:var(--mlg-navy) !important;
  background:rgba(255,255,255,.62) !important;border:1px solid var(--mlg-border) !important;
  box-shadow:0 1px 0 #fff inset,0 3px 10px rgba(15,42,68,.07);
}
html body .ml-stock__badge.ml-stock__badge::before{content:"";width:8px;height:8px;border-radius:50%;margin:0 !important;background:#1f9d5a;box-shadow:0 0 0 3px rgba(31,157,90,.16)}
html body .ml-stock__badge--order::before{background:#e39b1c;box-shadow:0 0 0 3px rgba(227,155,28,.16)}
html body .ml-stock__badge--out::before{background:#9aa6b5;box-shadow:0 0 0 3px rgba(154,166,181,.18)}

/* чипсы «Подбор по размерам / Наличие и заказ / Оплата» */
html body .ml-chips .ml-chip{
  background:rgba(255,255,255,.62) !important;border:1px solid var(--mlg-border) !important;border-radius:20px !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--mlg-shadow) !important;
}
html body .ml-chips .ml-chip b{color:var(--mlg-navy) !important}
html body .ml-chips .ml-chip__ic{background:rgba(26,110,168,.10) !important;border-radius:12px !important}

/* большие плашки «Доставка» / «Проверка совместимости» */
html body .custom_bottom > a,html body .custom_bottom .maxheight{
  background:rgba(255,255,255,.62) !important;border:1px solid var(--mlg-border) !important;border-radius:22px !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--mlg-shadow) !important;
}
html body .custom_bottom h3{color:var(--mlg-navy) !important}
html body .custom_bottom__ic{background:rgba(26,110,168,.10) !important;border-radius:12px !important}

/* =====================================================================
   4. КАРТОЧКИ ТОВАРОВ — мягкое стекло
   ===================================================================== */
html body .product .prod_inside{
  background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.55)) !important;
  border:1px solid var(--mlg-border) !important;border-radius:22px !important;
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:var(--mlg-shadow) !important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s !important;
}
html body .product .prod_inside:hover{
  transform:translateY(-4px);
  box-shadow:0 1px 0 #fff inset,0 -1px 0 rgba(15,42,68,.05) inset,0 24px 50px rgba(15,42,68,.14) !important;
}
html body .product .product_img{border-radius:16px !important;overflow:hidden;background:linear-gradient(160deg,#ffffff,#eef2f7) !important}
html body .product .product_name a{color:var(--mlg-navy) !important}
html body .product .product_price .money{color:var(--mlg-navy) !important;font-weight:600}
/* на слабых телефонах размытие карточек отключаем — остаётся полупрозрачность */
@media (max-width:767px){
  html body .product .prod_inside{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.86) !important}
}

/* =====================================================================
   5. ЧАТ — плавающая стеклянная панель + стеклянная кнопка
   ===================================================================== */
html body #ml-chat-btn#ml-chat-btn{
  background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(238,243,250,.70)) !important;
  border:1px solid var(--mlg-border) !important;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  box-shadow:0 1px 0 #fff inset,0 14px 34px rgba(15,42,68,.22) !important;
}
html body #ml-chat-btn#ml-chat-btn .bubble{background:var(--mlg-blue) !important;border-color:#fff !important}
html body #ml-chat-btn#ml-chat-btn .bubble svg{fill:#fff !important}
html body #ml-chat-btn#ml-chat-btn .tip{background:rgba(255,255,255,.9) !important;color:var(--mlg-navy) !important;border:1px solid var(--mlg-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(15,42,68,.14) !important}
html body #ml-chat-btn#ml-chat-btn .tip::after{border-left-color:rgba(255,255,255,.95) !important}

html body #ml-chat#ml-chat{
  background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(238,243,250,.66)) !important;
  border:1px solid var(--mlg-border) !important;border-radius:22px !important;
  -webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
  box-shadow:0 1px 0 #fff inset,0 24px 60px rgba(15,42,68,.22) !important;
}
@supports (backdrop-filter:url(#ml-lens)){html body #ml-chat.ml-lens{backdrop-filter:blur(24px) saturate(170%) url(#ml-lens)}}
html body #ml-chat#ml-chat .ml-head{background:transparent !important;color:var(--mlg-navy) !important;border-bottom:1px solid rgba(15,42,68,.07) !important}
html body #ml-chat#ml-chat .ml-head b,html body #ml-chat#ml-chat .ml-head span{color:var(--mlg-navy) !important}
html body #ml-chat#ml-chat .ml-head span{color:#1f9d5a !important}
html body #ml-chat#ml-chat .ml-head .status{background:#1f9d5a !important}
html body #ml-chat#ml-chat .ml-head .close{background:rgba(255,255,255,.55) !important;color:var(--mlg-muted) !important;border:1px solid var(--mlg-border) !important;border-radius:9px !important}
html body #ml-chat#ml-chat .ml-body{background:transparent !important}
html body #ml-chat#ml-chat .ml-msg{border-radius:14px !important;font-size:13.5px !important;line-height:1.4 !important}
html body #ml-chat#ml-chat .ml-msg.op{background:rgba(255,255,255,.78) !important;border:1px solid var(--mlg-border) !important;color:#14243a !important;border-bottom-left-radius:6px !important}
html body #ml-chat#ml-chat .ml-msg.me,html body #ml-chat#ml-chat .ml-msg.user,html body #ml-chat#ml-chat .ml-msg.out{background:var(--mlg-navy) !important;color:#fff !important;border-bottom-right-radius:6px !important}
html body #ml-chat#ml-chat .ml-date span{background:rgba(255,255,255,.6) !important;color:var(--mlg-muted) !important;border-radius:999px;padding:2px 10px}
html body #ml-chat#ml-chat .ml-quick button{
  background:rgba(255,255,255,.62) !important;border:1px solid var(--mlg-border) !important;color:var(--mlg-navy) !important;border-radius:999px !important;
  box-shadow:0 1px 0 #fff inset,0 3px 10px rgba(15,42,68,.07) !important;
}
html body #ml-chat#ml-chat .ml-quick button:hover{background:rgba(26,110,168,.12) !important;color:var(--mlg-blue) !important;border-color:rgba(26,110,168,.22) !important}
html body #ml-chat#ml-chat .ml-form{background:transparent !important;border-top:1px solid rgba(15,42,68,.07) !important}
html body #ml-chat#ml-chat .ml-contact input,html body #ml-chat#ml-chat .ml-input textarea{
  background:rgba(255,255,255,.62) !important;border:1px solid var(--mlg-border) !important;border-radius:14px !important;color:var(--mlg-navy) !important;
}
html body #ml-chat#ml-chat .ml-input{background:transparent !important}
html body #ml-chat#ml-chat .ml-input textarea{min-width:0 !important;width:auto !important;flex:1 1 auto !important}
html body #ml-chat#ml-chat #ml-send{flex:0 0 38px !important;width:38px !important;height:38px !important;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2a7fbd,var(--mlg-blue)) !important;border-radius:50% !important;box-shadow:0 6px 14px rgba(26,110,168,.3) !important}
html body #ml-chat#ml-chat #ml-send svg{fill:#fff !important;stroke:#fff}
html body #ml-chat#ml-chat .ml-note,html body #ml-chat#ml-chat .ml-note a{color:var(--mlg-muted) !important}
@media (max-width:640px){html body #ml-chat#ml-chat{border-radius:0 !important}}

/* =====================================================================
   6. ПОДВАЛ — матовое стекло со свечением
   ===================================================================== */
html body footer,html body footer .footer_top,html body footer .ml-foot{
  background:transparent !important;color:var(--mlg-navy) !important;
}
html body footer{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(221,227,237,.65)) !important;
  -webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);
  border-top:1px solid rgba(255,255,255,.95) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset !important;
}
html body footer::before{content:"";position:absolute;right:-8%;top:-40%;width:44%;height:160%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(143,208,228,.45),rgba(143,208,228,0))}
html body footer::after{content:"";position:absolute;left:-10%;bottom:-60%;width:40%;height:150%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(26,110,168,.16),rgba(26,110,168,0))}
html body footer > *{position:relative;z-index:1}
html body footer a,html body footer .ml-foot__h,html body footer .ml-foot__val,html body footer .ml-foot__val a,html body footer p,html body footer .copyright,html body footer .copyright p{color:var(--mlg-navy) !important}
html body footer a:hover{color:var(--mlg-blue) !important}
html body footer .ml-foot__desc,html body footer .ml-foot__label,html body footer .ml-foot__seller{color:var(--mlg-muted) !important}
html body footer .ml-foot__label a{color:var(--mlg-navy) !important}
html body footer .ml-logo-wrap svg,html body footer .ml-logo-svg{color:var(--mlg-navy) !important;fill:var(--mlg-navy)}
html body footer .ml-foot__vk{
  background:rgba(255,255,255,.6) !important;border:1px solid var(--mlg-border) !important;color:var(--mlg-navy) !important;border-radius:999px !important;
  box-shadow:0 1px 0 #fff inset,0 4px 14px rgba(15,42,68,.08) !important;
}
html body footer .ml-foot__vk span{color:var(--mlg-navy) !important}
html body footer .ml-foot__vk-ic{background:rgba(26,110,168,.12) !important;color:#1a6ea8 !important;border:1px solid rgba(26,110,168,.22) !important;border-radius:7px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.02em;box-shadow:none !important}
html body footer .copyright{border-top:1px solid rgba(15,42,68,.10) !important;background:transparent !important}
html body footer .ml-foot__legal a{color:var(--mlg-navy) !important;opacity:.85}

/* =====================================================================
   Экономия ресурсов: если пользователь просит меньше анимаций
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  html body .ml-hero__btn,html body .product .prod_inside,html body .product .btn-cart{transition:none !important;transform:none !important}
}
html body #megamenu#megamenu ul.sf-menu > li.sfHover > a{background:rgba(255,255,255,.72) !important;color:var(--mlg-blue) !important;box-shadow:0 1px 0 #fff inset,0 2px 8px rgba(15,42,68,.08)}
/* высота панели меню: пункты-капсулы больше не обрезаются, полоса ~58 px */
html body #megamenu#megamenu{height:auto !important;min-height:0 !important}
html body #megamenu#megamenu > .container{width:100%;height:auto !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important}
html body #megamenu#megamenu ul.sf-menu.megamenu_desktop{display:flex !important;align-items:center !important;flex-wrap:wrap;gap:4px;height:auto !important;min-height:58px !important;line-height:normal !important;padding:0 !important;margin:0 !important;float:none !important}
html body #megamenu#megamenu ul.sf-menu.megamenu_desktop > li{height:auto !important;line-height:normal !important;float:none !important;display:block !important;margin:0 !important;padding:0 !important;position:static}
html body #megamenu#megamenu ul.sf-menu.megamenu_desktop > li > a{display:inline-flex !important;align-items:center !important;height:38px !important;line-height:1 !important;padding:0 15px !important;margin:0 !important}
html body #megamenu#megamenu ul.sf-menu.megamenu_desktop > li > a::before,html body #megamenu#megamenu ul.sf-menu.megamenu_desktop > li > a::after,html body #megamenu#megamenu ul.sf-menu.megamenu_desktop > li::after,html body #megamenu#megamenu ul.sf-menu.megamenu_desktop > li::before{display:none !important}
/* кнопка чата: сплошной синий круг с крупной иконкой диалога (по образцу), стрелка «наверх» поднята выше */
html body #ml-chat-btn#ml-chat-btn{width:68px !important;height:68px !important;right:24px !important;bottom:24px !important;border-radius:50% !important;padding:0 !important;
  background:linear-gradient(160deg,#2a7fbd,#1a6ea8) !important;border:3px solid #fff !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 30px rgba(15,42,68,.30) !important;transition:transform .2s,box-shadow .2s}
html body #ml-chat-btn#ml-chat-btn:hover{transform:scale(1.06);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 16px 36px rgba(15,42,68,.36) !important}
html body #ml-chat-btn#ml-chat-btn img,html body #ml-chat-btn#ml-chat-btn .bubble{display:none !important}
html body #ml-chat-btn#ml-chat-btn::before{content:"";display:block;width:34px;height:34px;background-repeat:no-repeat;background-size:contain;background-position:center;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23ffffff' d='M6 4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H14l-6 5v-5H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4z'/><rect x='9' y='10' width='14' height='2.6' rx='1.3' fill='%231a6ea8'/><rect x='9' y='15.4' width='9' height='2.6' rx='1.3' fill='%231a6ea8'/></svg>")}
html body #ml-chat-btn#ml-chat-btn .badge{display:block !important;top:-2px !important;right:-2px !important;background:#e53935 !important;border:2px solid #fff !important;font-size:12px !important;min-width:22px;height:22px;line-height:18px;padding:0 5px !important;border-radius:11px !important;text-align:center}
html body #ml-chat-btn#ml-chat-btn .tip{right:82px !important}
html body a#toTop{bottom:108px !important;right:37px !important}
@media (max-width:640px){html body #ml-chat-btn#ml-chat-btn{width:60px !important;height:60px !important;right:16px !important;bottom:16px !important}html body #ml-chat-btn#ml-chat-btn::before{width:30px;height:30px}html body a#toTop{bottom:90px !important;right:25px !important}}
/* знак m-lotos в шапке чата */
html body #ml-chat#ml-chat .ml-head .ml-glass-logo{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#ffffff,#eef3fa);border:1px solid rgba(255,255,255,.95);box-shadow:0 1px 0 #fff inset,0 4px 12px rgba(15,42,68,.12)}
html body #ml-chat#ml-chat .ml-head .ml-glass-logo svg{width:26px;height:30px;display:block;color:#0f2a44;fill:#0f2a44}
/* компактнее: меньше воздуха на главной и в выпадающем меню */
html body .tabs_wr{padding-top:36px !important}
html body .ml-chips.container{margin-top:10px !important;margin-bottom:14px !important}
html body .tabs_wr ul.tabs{margin-bottom:12px !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop > li > ul{padding:12px 14px 14px !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu{padding:6px 8px !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu .row{row-gap:4px !important;column-gap:10px !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu .col-sm-3{padding:3px !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3{padding:0 !important;margin:0 !important;display:block !important}
html body #megamenu#megamenu .sf-menu.megamenu_desktop .submenu h3 > a{min-height:40px !important;padding:6px 12px 6px 11px !important;font-size:13px !important}
/* меню, выезжающее при наведении на шапку (после прокрутки) */
html body #megamenu#megamenu.ml-mm-away{position:fixed !important;left:0;right:0;z-index:999 !important;
  transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 34px rgba(15,42,68,.14) !important}
html body #megamenu#megamenu.ml-mm-away.ml-mm-show{transform:none;opacity:1;pointer-events:auto}
@media (max-width:991px){html body #megamenu#megamenu.ml-mm-away{position:relative !important;transform:none;opacity:1;pointer-events:auto}}
html body .row > .product{margin-bottom:24px !important}