/* header.php */
/* ===== Prefix all with mv- to avoid CSS collisions ===== */
:root {
--mv-mint: #A8E6CF;
--mv-blue: #56CCF2;
--mv-dark: #2F2F2F;
--mv-white: #FFFFFF;
--mv-bg: #F7FBFD;
--mv-text: #2A2A2A;
--mv-muted: #7A7A7A;
--mv-border: #E6EEF4;
--mv-focus: #95DBFF;
}


.mv-body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--mv-text); background: var(--mv-bg); }


/* ======= Header (top bar) ======= */
.mv-header { position: sticky; top: 0; z-index: 999; background: var(--mv-dark); color: var(--mv-white); box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.mv-header .mv-head { padding: .5rem 0; border-bottom: 1px solid rgba(255,255,255,.08); }


.mv-container { max-width: 1320px; margin-inline: auto; padding-inline: 16px; }
.mv-flex-row { display: flex; gap: .75rem; align-items:center; justify-content:space-between; }
.mv-flex-item { display: inline-flex; align-items: center; }


.mv-system-branding .mv-logo img { height: 44px; display: block; }
.mv-system-branding .mv-slogan a { color: rgba(255,255,255,.75); text-decoration: none; font-size: .95rem; }
.mv-system-branding .mv-slogan a:hover { color: var(--mv-white); }


/* ===== Mobile menu (renamed classes to avoid conflicts) ===== */
.mv-menu-button { background: transparent; border: 1px solid rgba(255,255,255,.25); color: #fff; border-radius: 10px; padding: .4rem .6rem; display: inline-flex; align-items: center; gap: .4rem; }
.mv-menu-button .mv-hamburger { position: relative; width: 20px; height: 2px; background: #fff; display: inline-block; }
.mv-menu-button .mv-hamburger::before, .mv-menu-button .mv-hamburger::after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: #fff; }
.mv-menu-button .mv-hamburger::before { top: -6px; }
.mv-menu-button .mv-hamburger::after { top: 6px; }


.mv-mobile-menu-outer { position: fixed; inset: 0; background: rgba(0,0,0,.35); display: none; z-index: 1000; }
.mv-mobile-menu-outer.mv-open { display: block; }
.mv-mobile-menu { position: absolute; right: 0; top: 0; bottom: 0; width: min(360px, 90vw); background: var(--mv-white); box-shadow: -12px 0 24px rgba(0,0,0,.18); transform: translateX(102%); transition: transform .3s ease; overflow:auto; }
.mv-mobile-menu-outer.mv-open .mv-mobile-menu { transform: translateX(0); }


.mv-mobile-menu .mv-menu { list-style: none; padding-left: 0; margin: 0; }
.mv-mobile-menu .mv-menu > li { border-bottom: 1px solid var(--mv-border); }
.mv-mobile-menu a { display: block; padding: .9rem .75rem; text-decoration: none; color: var(--mv-dark); font-weight: 600; }
.mv-mobile-menu .mv-submenu .mv-menu-item a { font-weight: 500; }


/* ===== Top utility ===== */
.mv-header-phones a { color: #fff; text-decoration: none; font-weight: 700; }
.mv-header-phones a:hover { color: var(--mv-blue); }


.mv-header-btns .mv-btn { border-radius: 10px; font-weight: 600; display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .8rem; text-decoration:none; }
.mv-btn-outline { border:1px solid rgba(255,255,255,.6); color:#fff; }
.mv-btn-outline:hover { border-color: #fff; }
.mv-btn-primary { background: var(--mv-blue); color: #fff; }
.mv-btn-primary:hover { filter: brightness(.95); color:#fff; }


.mv-messengers { list-style: none; display: flex; gap: .5rem; margin: 0; padding: 0; }
.mv-messengers a { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.1); color: #fff; }
.mv-messengers a:hover { background: var(--mv-blue); }
.mv-whatsapp::before { content: "\F618"; font-family: bootstrap-icons; }
.mv-telegram::before { content: "\F5B3"; font-family: bootstrap-icons; }


.mv-counters a { color: #fff; text-decoration: none; }
.mv-pill { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: rgba(255,255,255,.1); }
.mv-pill.mv-cart::before { content: "\F23D"; font-family: bootstrap-icons; }
.mv-pill.mv-fav::before { content: "\F417"; font-family: bootstrap-icons; }
.mv-pill.mv-comp::before { content: "\F5E1"; font-family: bootstrap-icons; }
.mv-pill:hover { background: var(--mv-blue); }


/* ======= Main menu below header ======= */
.mv-mainmenu { background: var(--mv-white); }
.mv-row { display:flex; gap:1rem; align-items:center; }


.mv-main-menu { list-style: none; padding: 0; margin: 0; display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.mv-main-menu > .mv-menu-item { position: relative; }
.mv-main-menu > .mv-menu-item > a, .mv-main-menu > .mv-menu-item > span { display: inline-flex; align-items: center; gap: .5rem; padding: .9rem 1rem; text-decoration: none; color: var(--mv-dark); font-weight: 700; border-radius: 12px; }
.mv-main-menu > .mv-menu-item > a:hover, .mv-main-menu > .mv-menu-item > span:hover { background: #ECF9FF; color: #0e5a72; }


.mv-catalog-button > span::before { content: "\F1C3"; font-family: bootstrap-icons; color: var(--mv-blue); }
.mv-serv-button > span::before { content: "\F4D5"; font-family: bootstrap-icons; color: var(--mv-blue); }


.mv-submenu-wrapper-1 { position: absolute; left: 0; top: calc(100% + 8px); width: min(1110px, 92vw); background: var(--mv-white); border: 1px solid var(--mv-border); border-radius: 16px; padding: 16px; box-shadow: 0 24px 60px rgba(14, 92, 114, .15); display: none; }
.mv-menu-item.mv-has-children:hover > .mv-submenu-wrapper-1 { display: block; }


.mv-level-1 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mv-level-1 > .mv-menu-item > a, .mv-level-1 > .mv-menu-item > span { display: block; padding: .7rem .8rem; font-weight: 700; color: var(--mv-dark); border-radius: 10px; text-decoration: none; }
.mv-level-1 > .mv-menu-item > a:hover { background: #F5FFFA; color: #0b5446; }


.mv-level-2, .mv-level-3, .mv-level-4 { list-style: none; margin: 6px 0 0; padding: 0; }
.mv-level-2 > .mv-menu-item > a,
.mv-level-3 > .mv-menu-item > a,
.mv-level-4 > .mv-menu-item > a { display: block; padding: .45rem .6rem; color: #334155; text-decoration: none; border-radius: 8px; font-weight: 500; }
.mv-level-2 > .mv-menu-item > a:hover,
.mv-level-3 > .mv-menu-item > a:hover,

/* header.php */
/* ===== Prefix all with mv- to avoid CSS collisions ===== */
    :root {
      --mv-mint: #A8E6CF;
      --mv-blue: #56CCF2;
      --mv-dark: #2F2F2F;
      --mv-white: #FFFFFF;
      --mv-bg: #F7FBFD;
      --mv-text: #2A2A2A;
      --mv-muted: #7A7A7A;
      --mv-border: #E6EEF4;
      --mv-focus: #95DBFF;
    }

    .mv-body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--mv-text); background: var(--mv-bg); }

    /* ======= Header (top bar) ======= */
    .mv-header { position: sticky; top: 0; z-index: 999; background: var(--mv-dark); color: var(--mv-white); box-shadow: 0 2px 10px rgba(0,0,0,.08); }
    .mv-header .mv-head { padding: .5rem 0; border-bottom: 1px solid rgba(255,255,255,.08); }

    .mv-container { max-width: 1320px; margin-inline: auto; padding-inline: 16px; }
    .mv-flex-row { display: flex; gap: .75rem; align-items:center; justify-content:space-between; }
    .mv-flex-item { display: inline-flex; align-items: center; }

    .mv-system-branding .mv-logo img { height: 44px; display: block; }
    .mv-system-branding .mv-slogan a { color: rgba(255,255,255,.75); text-decoration: none; font-size: .95rem; }
    .mv-system-branding .mv-slogan a:hover { color: var(--mv-white); }

    /* ===== Mobile menu (renamed classes to avoid conflicts) ===== */
    .mv-menu-button { background: transparent; border: 1px solid rgba(255,255,255,.25); color: #fff; border-radius: 10px; padding: .4rem .6rem; display: inline-flex; align-items: center; gap: .4rem; }
    .mv-menu-button .mv-hamburger { position: relative; width: 20px; height: 2px; background: #fff; display: inline-block; }
    .mv-menu-button .mv-hamburger::before, .mv-menu-button .mv-hamburger::after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: #fff; }
    .mv-menu-button .mv-hamburger::before { top: -6px; }
    .mv-menu-button .mv-hamburger::after { top: 6px; }

    .mv-mobile-menu-outer { position: fixed; inset: 0; background: rgba(0,0,0,.35); display: none; z-index: 1000; }
    .mv-mobile-menu-outer.mv-open { display: block; }
    .mv-mobile-menu { position: absolute; right: 0; top: 0; bottom: 0; width: min(360px, 90vw); background: var(--mv-white); box-shadow: -12px 0 24px rgba(0,0,0,.18); transform: translateX(102%); transition: transform .3s ease; overflow:auto; }
    .mv-mobile-menu-outer.mv-open .mv-mobile-menu { transform: translateX(0); }

    .mv-mobile-menu .mv-menu { list-style: none; padding-left: 0; margin: 0; }
    .mv-mobile-menu .mv-menu > li { border-bottom: 1px solid var(--mv-border); }
    .mv-mobile-menu a { display: block; padding: .9rem .75rem; text-decoration: none; color: var(--mv-dark); font-weight: 600; }
    .mv-mobile-menu .mv-submenu .mv-menu-item a { font-weight: 500; }

    /* ===== Top utility ===== */
    .mv-header-phones a { color: #fff; text-decoration: none; font-weight: 700; }
    .mv-header-phones a:hover { color: var(--mv-blue); }

    .mv-header-btns .mv-btn { border-radius: 10px; font-weight: 600; display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .8rem; text-decoration:none; }
    .mv-btn-outline { border:1px solid rgba(255,255,255,.6); color:#fff; }
    .mv-btn-outline:hover { border-color: #fff; }
    .mv-btn-primary { background: var(--mv-blue); color: #fff; }
    .mv-btn-primary:hover { filter: brightness(.95); color:#fff; }

    .mv-messengers { list-style: none; display: flex; gap: .5rem; margin: 0; padding: 0; }
    .mv-messengers a { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.1); color: #fff; }
    .mv-messengers a:hover { background: var(--mv-blue); }
    .mv-whatsapp::before { content: "\F618"; font-family: bootstrap-icons; }
    .mv-telegram::before { content: "\F5B3"; font-family: bootstrap-icons; }

    .mv-counters a { color: #fff; text-decoration: none; }
    .mv-pill { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: rgba(255,255,255,.1); }
    .mv-pill.mv-cart::before { content: "\F23D"; font-family: bootstrap-icons; }
    .mv-pill.mv-fav::before { content: "\F417"; font-family: bootstrap-icons; }
    .mv-pill.mv-comp::before { content: "\F5E1"; font-family: bootstrap-icons; }
    .mv-pill:hover { background: var(--mv-blue); }

    /* ======= Main menu below header ======= */
    .mv-mainmenu { background: var(--mv-white); }
    .mv-row { display:flex; gap:1rem; align-items:center; }

    .mv-main-menu { list-style: none; padding: 0; margin: 0; display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
    .mv-main-menu > .mv-menu-item { position: relative; }
    .mv-main-menu > .mv-menu-item > a, .mv-main-menu > .mv-menu-item > span { display: inline-flex; align-items: center; gap: .5rem; padding: .9rem 1rem; text-decoration: none; color: var(--mv-dark); font-weight: 700; border-radius: 12px; }
    .mv-main-menu > .mv-menu-item > a:hover, .mv-main-menu > .mv-menu-item > span:hover { background: #ECF9FF; color: #0e5a72; }

    .mv-catalog-button > span::before { content: "\F1C3"; font-family: bootstrap-icons; color: var(--mv-blue); }
    .mv-serv-button > span::before { content: "\F4D5"; font-family: bootstrap-icons; color: var(--mv-blue); }

    .mv-submenu-wrapper-1 { position: absolute; left: 0; top: calc(100% + 8px); width: min(1110px, 92vw); background: var(--mv-white); border: 1px solid var(--mv-border); border-radius: 16px; padding: 16px; box-shadow: 0 24px 60px rgba(14, 92, 114, .15); display: none; }
    .mv-menu-item.mv-has-children:hover > .mv-submenu-wrapper-1 { display: block; }

    .mv-level-1 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .mv-level-1 > .mv-menu-item > a, .mv-level-1 > .mv-menu-item > span { display: block; padding: .7rem .8rem; font-weight: 700; color: var(--mv-dark); border-radius: 10px; text-decoration: none; }
    .mv-level-1 > .mv-menu-item > a:hover { background: #F5FFFA; color: #0b5446; }

    .mv-level-2, .mv-level-3, .mv-level-4 { list-style: none; margin: 6px 0 0; padding: 0; }
    .mv-level-2 > .mv-menu-item > a,
    .mv-level-3 > .mv-menu-item > a,
    .mv-level-4 > .mv-menu-item > a { display: block; padding: .45rem .6rem; color: #334155; text-decoration: none; border-radius: 8px; font-weight: 500; }
    .mv-level-2 > .mv-menu-item > a:hover,
    .mv-level-3 > .mv-menu-item > a:hover,
    .mv-level-4 > .mv-menu-item > a:hover { background: #ECF9FF; color: #0e5a72; }

    .mv-special > span { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .6rem; background: var(--mv-mint); color: #0A2F25; border-radius: 999px; font-size: .85rem; font-weight: 700; }

    .mv-region-search { margin-left:auto; }
    .mv-region-search form { display: flex; gap: .5rem; align-items: center; justify-content: flex-end; }
    .mv-region-search input[type="text"] { padding: .55rem .75rem; border: 1px solid var(--mv-border); background: #ffffff; border-radius: 12px; min-width: 280px; outline: none; }
    .mv-region-search input[type="text"]:focus { border-color: var(--mv-blue); box-shadow: 0 0 0 3px var(--mv-focus); }
    .mv-region-search input[type="submit"] { padding: .55rem .9rem; border: 1px solid var(--mv-blue); background: var(--mv-blue); color: #fff; border-radius: 12px; font-weight: 700; }
    .mv-region-search input[type="submit"]:hover { filter: brightness(.95); }

    @media (max-width: 1199px) { .mv-region-search { display: none; } }
    @media (max-width: 992px) { .mv-mainmenu { display: none; } }
    .slogan-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 2rem;
align-items: center;
}


.slogan-menu a {
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
position: relative;
transition: color 0.2s ease;
}


.slogan-menu a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 2px;
background-color: #56CCF2;
transition: width 0.3s ease;
}


.slogan-menu a:hover {
color: #56CCF2;
}


.slogan-menu a:hover::after {
width: 100%;
}

/* header.php */
.mv-topbar { border-bottom: 1px solid rgba(255,255,255,.1); }
.mv-header-email { color: #0d6efd; } /* при желании другой бренд-цвет */
.mv-header-email:hover { text-decoration: underline; }
.mv-header-phones a { color: inherit; }
/* ===== TOP BAR (light) ===== */
.mv-topbar{
  background:#f8f9fa;
  border-bottom:1px solid #e6e6e6;
  color:#2b2b2b;
}
.mv-topbar .container{min-height:38px}
.mv-topbar-nav a{
  color:#2b2b2b;
  transition:color .2s ease;
}
.mv-topbar-nav a:hover{color:#0d6efd}

/* Ваш город */
.mv-city{color:#2b2b2b}
.mv-city .text-muted{color:#6c757d !important}
.mv-city-selector select,
.mv-city-selector .dropdown,
.mv-city-selector .current-city{
  font-weight:600;
  color:#212529;
}
.mv-topbar i{font-size:16px; line-height:1}

/* Соц/мессенджеры в топ-баре */
.mv-topbar-social a{
  color:#2b2b2b;
  display:flex; align-items:center;
  transition:color .2s ease, transform .2s ease;
}
.mv-topbar-social a:hover{color:#0d6efd; transform:translateY(-1px)}

/* ===== HEADER ===== */
.mv-header{background:#fff; border-bottom:1px solid #eaeaea}
.mv-logo img{max-height:62px; width:auto}

.mv-header-email{
  font-size:15px; font-weight:600; color:#0d6efd;
  transition:color .2s ease;
  white-space:nowrap;
}
.mv-header-email:hover{color:#084298; text-decoration:underline}

.mv-header-phones a{
  color:#2b2b2b; font-weight:600; font-size:16px; transition:color .2s ease;
}
.mv-header-phones a:hover{color:#0d6efd}

/* Адрес офиса */
.mv-header-address{color:#2b2b2b}
.mv-header-address i{font-size:18px; margin-top:2px}
.mv-header-address .mv-address-text{line-height:1.1}
.mv-header-address .fw-semibold{font-size:12px; text-transform:uppercase; letter-spacing:.02em; color:#6c757d}

/* CTA */
.mv-header-btns .mv-btn-primary{
  font-size:14px; padding:8px 14px; border-radius:6px; display:inline-flex; align-items:center;
}

/* ===== ADAPTIVE ===== */
/* Мобильный топ-бар: столбиком и по центру */
@media (max-width: 576px){
  .mv-topbar .container{justify-content:center !important; text-align:center}
  .mv-topbar-nav{width:100%}
  .mv-topbar-nav ul{justify-content:center}
  .mv-topbar-social{display:none !important}
  .mv-city{width:100%; justify-content:center}
}

/* Планшет: скрываем адрес офиса в хедере для экономии места */
@media (max-width: 992px){
  .mv-header-address{display:none !important}
  .mv-logo img{max-height:56px}
}

/* Очень маленькие экраны: телефон крупнее */
@media (max-width: 420px){
  .mv-header-phones a{font-size:17px}
}

/* Лёгкая анимация иконок */
.mv-topbar i,
.mv-header-email i,
.mv-header-phones a i{
  transition:transform .2s ease;
}
.mv-header-email:hover i,
.mv-header-phones a:hover i{transform:scale(1.08)}
/* ===== DARK HEADER ===== */
.mv-header {
    background: #1b1b1d; /* глубокий тёмный фон */
    border-bottom: 1px solid #2a2a2c;
    color: #fff;
}

/* Логотип не трогаем — он на прозрачном фоне ок */

/* Email */
.mv-header-email {
    color: #ffffff;
    font-weight: 600;
}
.mv-header-email:hover {
    color: #0d6efd;
    text-decoration: none;
}

/* Телефоны */
.mv-header-phones a {
    color: #ffffff;
    transition: .2s ease;
}
.mv-header-phones a:hover {
    color: #0d6efd;
}

/* Адрес офиса */
.mv-header-address {
    color: #ffffff;
}
.mv-header-address .mv-address-text .fw-semibold {
    color: #d0d0d0; /* более мягкий серый */
}

/* Кнопка */
.mv-header-btns .mv-btn-primary {
    background:#0d6efd;
    color:#fff;
    border:none;
}
.mv-header-btns .mv-btn-primary:hover {
    background:#084298;
}

/* Иконки */
.mv-header i {
    color:#ffffff;
}
.mv-topbar-social a i {
    color: #2b2b2b; /* тёмно-серый для светлого фона topbar */
    transition: .2s ease;
}
.mv-topbar-social a:hover i {
    color: #0d6efd; /* фирменный синий при наведении */
}

/* Extracted inline style replacements */
.mv-flex-row--narrow { max-width: 1200px; margin: 0 auto; }
.mv-mainmenu-nav { flex: 1; }

/* Header menu stability and typography */
.mv-header,
.mv-mainmenu,
.mv-topbar {
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mv-mainmenu {
  position: relative;
  z-index: 1002;
  border-bottom: 1px solid rgba(14, 92, 114, .16);
}

.mv-main-menu {
  align-items: stretch;
}

.mv-main-menu > .mv-menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: -12px;
}

.mv-main-menu > .mv-menu-item > a,
.mv-main-menu > .mv-menu-item > span {
  min-height: 58px;
  border-radius: 14px;
  font-weight: 800;
  letter-spacing: 0;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.mv-main-menu > .mv-menu-item:hover > a,
.mv-main-menu > .mv-menu-item:hover > span,
.mv-main-menu > .mv-menu-item:focus-within > a,
.mv-main-menu > .mv-menu-item:focus-within > span {
  background: #ecf9ff;
  color: #0e5a72;
  box-shadow: inset 0 0 0 1px rgba(86, 204, 242, .22);
}

.mv-submenu-wrapper-1 {
  top: 100%;
  z-index: 1006;
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.mv-submenu-wrapper-1::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}

.mv-menu-item.mv-has-children:hover > .mv-submenu-wrapper-1,
.mv-menu-item.mv-has-children:focus-within > .mv-submenu-wrapper-1 {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.mv-submenu-wrapper-1--compact {
  width: min(320px, 90vw);
}

@media (min-width: 992px) {
  .mv-serv-button > .mv-submenu-wrapper-1 {
    max-width: calc(100vw - 220px);
  }
}

.mv-submenu-wrapper-1--compact .mv-level-1 {
  grid-template-columns: 1fr;
}

.mv-level-1 > .mv-menu-item > a,
.mv-level-1 > .mv-menu-item > span,
.mv-level-2 > .mv-menu-item > a,
.mv-level-3 > .mv-menu-item > a,
.mv-level-4 > .mv-menu-item > a {
  letter-spacing: 0;
}

.mv-main-menu i,
.mv-level-1 i,
.mv-level-2 i,
.mv-level-3 i,
.mv-level-4 i {
  flex: 0 0 auto;
  width: 1.15em;
  color: #35bce8;
  line-height: 1;
  text-align: center;
}

.mv-level-1 > .mv-menu-item > a,
.mv-level-1 > .mv-menu-item > span,
.mv-level-2 > .mv-menu-item > a,
.mv-level-3 > .mv-menu-item > a,
.mv-level-4 > .mv-menu-item > a {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mv-special > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media (min-width: 992px) {
  .mv-head {
    display: none;
  }
}

@media (max-width: 991px) {
  .mv-head {
    display: block;
  }
}

/* Topbar navigation */
.mv-topbar-nav {
  flex: 0 0 auto;
}

.mv-topbar-links {
  align-items: center;
}

.mv-topbar-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(14, 92, 114, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #24313a;
  font-size: 14px;
  line-height: 1;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mv-topbar-link i {
  color: #35bce8;
  font-size: 15px;
  line-height: 1;
}

.mv-topbar-link:hover,
.mv-topbar-link:focus-visible {
  color: #0e5a72;
  background: #ecf9ff;
  border-color: rgba(86, 204, 242, .42);
  box-shadow: 0 12px 28px rgba(86, 204, 242, .18);
  transform: translateY(-1px);
  outline: none;
}

.mv-topbar-link:hover i,
.mv-topbar-link:focus-visible i {
  color: #0e5a72;
}

@media (max-width: 576px) {
  .mv-topbar-links {
    justify-content: center;
    gap: 8px;
  }

  .mv-topbar-link {
    padding: 7px 10px;
    font-size: 13px;
  }
}

/* Mobile drawer polish */
.mv-mobile-menu {
  max-width: 100vw;
}

.mv-mobile-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

.mv-mobile-menu a i {
  flex: 0 0 auto;
  width: 1.25em;
  margin-right: 0 !important;
  color: #35bce8;
  text-align: center;
}

.mv-mobile-menu .mv-submenu a {
  padding-left: 22px;
}