 :root {
  --c-bg:            #ffffff;
  --c-topbar-bg: #1d3475;
  --c-topbar-text:    #c3d0ec;
  --c-topbar-text-hi: #ffffff;
  --c-text:           #10182b;
  --c-text-soft:      #5c6478;
  --c-border: #b7c5e1;
  --c-border-soft:    #eef1f7;
  --c-accent:         #0060d4;
  --c-accent-dark: #002f73;
  --c-accent-tint:    #e9f2ff;
  --c-cyan:           #17a6f0;
  --c-gradient-brand: linear-gradient(135deg, #17a6f0 0%, #0060d4 55%, #0b1f57 100%);
  --c-promo:          #ffb020;
  --c-promo-dark:     #e8951a;
  --c-panel-shadow:   0 18px 44px rgba(11,31,87,.16), 0 2px 10px rgba(11,31,87,.07);
  --radius: 4px;
  --radius-sm:        6px;
  --transition:       .18s ease;
  --header-z:         900;
}

 
.header, .header *, .header *::before, .header *::after {
  box-sizing: border-box;
}

 .header {
  position: sticky;
  top: 0;
  z-index: var(--header-z);
  background: #ffffff;
  box-shadow: 0 1px 10px #bebebe57, 0 4px 16px rgba(15, 23, 42, .05);
}

 
body.kdc-catalog-open {
  overflow: hidden;
}

 .header .header_top {
  background: #001451;
  background: linear-gradient(135deg, #1764f0 0%, #00295b 55%, #0b1f57 100%);
}
.header .header_top_center {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 1.5%;
  padding-right: 1.5%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;               /* firefox */
  -webkit-overflow-scrolling: touch;
}
.header .header_top_center::-webkit-scrollbar { display: none; }

 
.header .lozung {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 7px 14px 7px 0;
  font-size: 12px;
  color: var(--c-topbar-text);
}
.header .lozung img { width: 14px; height: 14px; flex: 0 0 auto; filter: brightness(0) invert(1) opacity(.75); }

 
.header .sale_point {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 2px;
  border-left: 1px solid rgba(255,255,255,.12);
  padding-left: 14px;
}
.header .sale_point .menu_link_top {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 8px;
  font-size: 12.5px;
  color: var(--c-topbar-text);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition);
}
.header .sale_point .menu_link_top img { width: 15px; height: 15px; flex: 0 0 auto; opacity: .85; }
.header .sale_point .menu_link_top:hover { color: var(--c-topbar-text-hi); }
.header .sale_point .menu_link_top.spec_mol {color: #ffbb40;}
.header .sale_point .menu_link_top.spec_mol:hover { color: #ffc158; }

 
.header .wehen_scrol {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}
.header .head_pofile.tel_poch { position: relative; flex: 0 0 auto; }
.header .tel_poch_big { position: relative; }
.header .tel_poch_bot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0 7px 14px;
  cursor: pointer;
  border-radius: var(--radius-sm);
}
.header .tel_poch_bot:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}
.header .obr_icons_web.scrol_down { display: flex; align-items: center; }
.header .obr_icons_web.scrol_down img { width: 13px; height: 13px; filter: brightness(0) invert(1) opacity(.7); }
.header .tel_poch_bot .house_category_title {
  padding: 0;
  color: var(--c-topbar-text);
  font-size: 12.5px;
}
.header .tel_poch_bot .house_category_title em {font-style: normal;white-space: nowrap;gap: 7px;display: flex;}
.header .tel_poch_bot .house_category_title em i {font-style: normal;}

 .header .navbar-pc__tooltip.tooltip-simple {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  left: auto !important;
  right: 0 !important;
  bottom: auto !important;
  z-index: 50;
  width: 280px !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .header .tel_poch_big:hover .navbar-pc__tooltip, .header .head_pofile:hover .navbar-pc__tooltip {
    opacity: 1; visibility: visible; transform: none; pointer-events: auto;
  }
}
.header .tel_poch_big:focus-within .navbar-pc__tooltip, .header .head_pofile:focus-within .navbar-pc__tooltip {
  opacity: 1; visibility: visible; transform: none; pointer-events: auto;
}
.header .tooltip-arrow { display: none; }            
.header .tooltip__content {
  width: auto !important;
  background: #fff !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--c-panel-shadow) !important;
  border: none !important;
  overflow: hidden;
}
.header .house_category_content { padding: 16px; }
.header .zakaz_title_pop_up { margin: 0 0 4px; font-size: 13.5px; font-weight: 600; color: var(--c-text); }
.header .head_zak_ob_text { margin: 0 0 12px; font-size: 12.5px; color: var(--c-text-soft); line-height: 1.4; }
.header .guestForm_numbers_ph { display: flex; flex-direction: column; gap: 2px; margin-bottom: 12px; }
.header .guestForm_numbers_ph b { font-size: 15px; font-weight: 500; color: var(--c-text); }
.header .obr_icons { display: flex; flex-direction: column; gap: 2px; border-top: 1px solid var(--c-border-soft); padding-top: 10px; }
.header .social_obr {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 6px; border-radius: var(--radius-sm);
  font-size: 13px; color: var(--c-text); text-decoration: none;
  transition: background var(--transition), color var(--transition);
}
.header .social_obr img { width: 20px; height: 20px; flex: 0 0 auto; }
.header .social_obr:hover { background: var(--c-accent-tint); color: var(--c-accent-dark); }

 
.header .profile-menu { list-style: none; margin: 0; padding: 6px 0; }
.header .profile-menu > li { border-bottom: 1px solid var(--c-border-soft); }
.header .profile-menu > li:last-child { border-bottom: none; }
.header .profile-menu__user { padding: 10px 14px 12px; }
.header .profile-menu__details { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.header .profile-menu__avatar img { width: 36px; height: 36px; border-radius: 50%; display: block; }
.header .profile-menu__info { display: flex; flex-direction: column; min-width: 0; }
.header .profile-menu__name { font-size: 13.5px; font-weight: 600; color: var(--c-text); }
.header .profile-menu__phone { font-size: 12px; color: var(--c-text-soft); }
.header .account_menu_profile { list-style: none; margin: 0; padding: 4px 0; }
.header .account_menu_profile .lk-menu-main__title, .header .profile-menu_login, .header .profile-menu__link {
  /* display: block; */
  /* padding: 10px 14px; */
  /* font-size: 13.5px; */
  /* color: var(--c-text); */
  /* text-decoration: none; */
  /* transition: background var(--transition), color var(--transition); */
}
.header .account_menu_profile .lk-menu-main__title:hover, .header .profile-menu_login:hover, .header .profile-menu__link:hover {/* background: var(--c-accent-tint); *//* color: var(--c-accent-dark); */}
.header .profile-menu__link--gray { color: var(--c-text-soft); }
.header .profile-menu__item_val { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; font-size: 13px; color: var(--c-text-soft); }
.header .fl_rate_right { display: flex; align-items: center; gap: 6px; }
.header .profile-menu__user_text {padding: 12px 14px;font-size: 14px;/* color: var(--c-text-soft); *//* line-height: 1.45; */}
.header .profile-menu__user_login_reg { padding: 0 14px 10px; }
.header .profile-menu_login {
  /* display: inline-flex; */
  /* padding: 9px 16px; */
  /* border-radius: var(--radius-sm); */
  background: var(--c-accent);
  /* color: #fff !important; */
  /* font-weight: 600; */
}
.header .profile-menu_login:hover {/* background: var(--c-accent-dark); */}

 .header .container {max-width: 1400px;margin: 0 auto;padding-left: 1.5%;padding-right: 1.5%;}
.header .wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 14px 0;
}

 
.header .header_left {display: flex;align-items: center;gap: 15px;flex: 0 0 auto;justify-content: space-between;}
.header .header-item-left {display: flex;align-items: center;margin-right: 26px;}
.header .brand { display: inline-flex; text-decoration: none; }
.header .brand .log_top img {display: block;height: 60px;width: auto;}

 
.header .menu_icon.dropbtn22 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 16px 23px 16px 21px !important;
  border: none !important;
  border-radius: var(--radius) !important;
  background: var(--c-gradient-brand) !important;
  color: #fff !important;
  font-size: 14px;
  line-height: 1 !important;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,96,212,.28);
  transition: filter var(--transition), box-shadow var(--transition);
}
.header .menu_icon.dropbtn22 .catalog-label {color: #fff;text-decoration: none;font-family: Montserrat-Bold, "Helvetica Neue", Arial, sans-serif;}
 
.header .menu_icon__bars {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 18px;
  height: 13px;
}
.header .menu_icon__bars i {
  position: absolute;
  left: 0; right: 0;
  display: block;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  margin: 0;
}
.header .menu_icon__bars i:nth-child(1) { top: 0; }
.header .menu_icon__bars i:nth-child(2) { top: 5.5px; }
.header .menu_icon__bars i:nth-child(3) { top: 11px; }
.header .menu_icon.dropbtn22:hover { filter: brightness(1.08); box-shadow: 0 6px 18px rgba(0,96,212,.36); }

 
.header .menu_icon.dropbtn22.show22 {
  background: #001451 !important;
  color: var(--c-text) !important;
  box-shadow: var(--c-panel-shadow);
}
.header .menu_icon.dropbtn22.show22 .catalog-label {color: #ffffff;}
.header .menu_icon.dropbtn22.show22 .menu_icon__bars i {background: #ffffff;}
.header .menu_icon.dropbtn22.show22 .menu_icon__bars i:nth-child(1) { top: 5.5px; transform: rotate(45deg); }
.header .menu_icon.dropbtn22.show22 .menu_icon__bars i:nth-child(2) { opacity: 0; }
.header .menu_icon.dropbtn22.show22 .menu_icon__bars i:nth-child(3) { top: 5.5px; transform: rotate(-45deg); }
.header .menu_icon__bars i { transition: top .18s ease, transform .18s ease, opacity .18s ease, background .18s ease; }

 
.header .house_category_title--phone {
  display: flex;
  flex: 0 0 auto;
  margin-left: 0px;
  flex-direction: column;
}
.header .house_category_title--phone > p {
  margin: 0;
  font-size: 20px;
  white-space: nowrap;
  color: var(--c-text);
  font-family: Montserrat-Bold, "Helvetica Neue", Arial, sans-serif;
}
.header .head_call_header {text-decoration: underline;}
.header .head_call_header:hover { background: var(--c-accent-dark); }
.header .head_call_header:active { transform: scale(.98); }

 
.header .header-item-left_mix {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1 1 320px;
  min-width: 0;
}
.header .header-search.search-catalog__block {
  position: relative;
  display: flex !important;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  border: 1.5px solid #d9d9d9;
  border-radius: var(--radius);
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color var(--transition);
}
.header .header-search.search-catalog__block:focus-within { border-color: var(--c-accent) !important; }
.header .search-icn { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; padding-left: 14px; }
.header .search-icn img { width: 18px; height: 18px; opacity: .55; }
.header .search_input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100% !important;
  width: auto !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 10px !important;
  margin: 0 !important;
  font-size: 14px;
  color: var(--c-text);
}
.header .search_input::placeholder { color: #a3a9b3; }
.header .search-catalog__btn, .header .header-search__search-submit-btn {
  flex: 0 0 auto;
  height: 100%;
  padding: 0 18px !important;
  margin: 0 !important;
  border-radius: 0px 3px 3px 0px;
  color: #545454;
  font-size: 13px !important;
  cursor: pointer;
  transition: color var(--transition);
}
.header .header-search__search-submit-btn {/* color: #fff; */display: block !important;border-left: 1px solid #d3d3d3;/* background: #036ad8; */}
.header .header-search__search-submit-btn:hover {/* color: var(--c-accent-dark) !important; */}
.header .search-catalog__btn--clear {padding: 0 12px !important;font-size: 18px !important;line-height: 1;color: #b7bcc4 !important;background: none;}
.header .search-catalog__btn--clear:hover { color: var(--c-text) !important; }

 
.header .search_five_res {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  z-index: 60;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--c-panel-shadow);
  max-height: 80vh;
}
.header .search_five_res:empty { display: none; }
 
.header .head_right { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.header .head_pofile { position: relative; }
.header .head_pofile .account, .header .head_email .account, .header .favorit a, .header .cart a {
  display: flex;
  align-items: center;
  gap: 0px;
  padding: 9px 10px;
  border-radius: var(--radius-sm);
  color: var(--c-text);
  text-decoration: none;
  transition: background var(--transition), color var(--transition);
}
.header .head_pofile .account:hover, .header .head_email .account:hover, .header .favorit a:hover, .header .cart a:hover { background: var(--c-accent-tint); color: var(--c-accent-dark); }
.header .account_block {display: flex;align-items: center;gap: 1px;flex-direction: column;}
.header .account_block img, .header .account_block .profile-menu__avatar img { width: 22px; height: 22px; flex: 0 0 auto; }
.header .account_block .profile-menu__avatar img { border-radius: 50%; }
.header .cart_mod .bas, .header .favorit span, .header .cart .bas {font-size: 12px;white-space: nowrap;}
.header .head_email { display: flex; }

.header .favorit, .header .cart { position: relative; }
.header .favorit .com_count, .header .cart .cart_count {
  position: absolute;
  top: 5px;
  right: 17px;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  border-radius: 999px;
  /* background: var(--c-accent); */
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}
.header .favorit .com_count:empty, .header .cart .cart_count:empty { display: none; }
.header .basket.shopping-cart > a { position: relative; }

 .header .sub_cat.catalog_menu {position: static;}
.header #myDropdown.dropdown-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 950;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: var(--c-panel-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  pointer-events: none;
  max-height: 80vh;
}
.header #myDropdown.dropdown-content.show {
  opacity: 1; visibility: visible; transform: none; pointer-events: auto;
}
.header .dropdown-content .overlay {
  display: none;
 
}
.header .dropdown-content .menu {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  overflow-y: auto;
}

 
.header .mcat-bar { display: none; }

.header .menu-section { list-style: none; margin: 0; padding: 12px 0; }
.header .menu-item-has-children {position: relative;border-bottom: 1px solid var(--c-border-soft);}
.header .menu-item-has-children:last-child { border-bottom: none; }

.header .menu_icon_a { display: flex; align-items: center; gap: 12px; }
.header .men_ic_img { display: flex; flex: 0 0 auto; }
.header .men_ic_img img { width: 26px; height: 26px; }
.header .web_sty {
  flex: 1 1 auto;
  min-width: 0;
  padding: 13px 4px;
  font-size: 14.5px;
  color: var(--c-text);
  text-decoration: none;
  transition: color var(--transition);
}
.header .web_sty:hover { color: var(--c-accent-dark); }
.header .menu_icon_a__toggle,
.header .menu-subs2__toggle {
  flex: 0 0 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: #a6a6a7;
  cursor: pointer;
  transition: color var(--transition), transform .18s ease;
}
.header .menu_icon_a__toggle:hover,
.header .menu-subs2__toggle:hover { color: var(--c-accent); }

 
.header .menu-subs2__list { list-style: none; margin: 0; padding: 0; }
.header .menu-subs2__row {
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--c-border-soft);
}
.header .menu-subs2__row:last-child { border-bottom: none; }
.header .menu-subs2__link {
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 16px 10px 54px;
  font-size: 13.5px;
  color: var(--c-text);
  text-decoration: none;
  transition: color var(--transition);
}
.header .menu-subs2__link:hover {color: #005add;}
.header .menu-subs3__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .menu-subs3__list a {
  display: block;
  padding: 8px 16px 8px 70px;
  font-size: 13px;
  color: var(--c-text-soft);
  text-decoration: none;
}
.header .menu-subs3__list a:hover { color: var(--c-accent-dark); }

 
@media (min-width: 993px) {
  .header .dropdown-content .menu { padding: 0 24px; max-height: 78vh; }
  .header .menu-section {
    padding: 16px 10px;
    column-width: 300px;
    column-gap: 28px;
  }
  .header .menu-item-has-children {
    break-inside: avoid;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: none;
  }
  .header .web_sty {padding: 4px 0px;font-size: 14px;font-family: Montserrat-Bold, "Helvetica Neue", Arial, sans-serif;}
  .header .men_ic_img img { width: 24px; height: 24px; }

 
  .header .menu_icon_a__toggle,
  .header .menu-subs2__toggle { display: none; }

 
  .header .menu-subs2 {
    display: block !important;
    background: none;
    border-radius: 0;
    margin: 2px 0 0;
  }
  .header .menu-subs2__row { border-bottom: none; align-items: flex-start; }
  .header .menu-subs2__link {padding: 3px 4px 3px 38px;font-size: 13.5px;}
  .header .menu-subs3 { display: block !important; }
  .header .menu-subs3__list { margin: 0 0 4px; }
  .header .menu-subs3__list a { padding: 3px 4px 3px 52px; font-size: 12.5px; }
}

 .header .mob-top-actions, .header .mob-drawer, .header .mob-search, .header .mob-bottom-nav, .header .mob-overlay {
  display: none;
}
body.mob-nav-open { overflow: hidden; }

 
@media (max-width: 1199px) {
  .header .container {padding: 0px 16px 0px 16px;}
  .header .header_top_center { padding: 0 16px; }
  .header .wrapper { padding: 12px 0; gap: 10px 14px; }
  .header .menu_icon.dropbtn22 { padding: 10px 14px; font-size: 13.5px; }
  .header .house_category_title--phone > p { font-size: 15.5px; }
}

 
@media (max-width: 1100px) {
	span#mobCartBadge {
    background: #0a9e41;
}

.mob-icon-btn--call svg {
    fill: currentColor;
}

.header .sub_cat.catalog_menu {
    position: absolute;
}
  .header .header_top, .header .house_category_title--phone, .header .header-item-left_mix {
    display: none !important;
  }
  .header .menu_icon.dropbtn22 {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .header .wrapper {padding: 6px 0;gap: 0;width: 100%;flex-wrap: nowrap;justify-content: space-between;}
  .header .header_left {flex: 0 0 auto;width: 100%;}
  .header .brand .log_top img {height: 35px;}

  body { padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)); }

 
  .header .mob-top-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    /* margin-right: -100px; */
  }
  .header .mob-icon-btn, .header .mob-burger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; height: 40px;
    border: none;
    border-radius: 50%;
    background: var(--c-accent-tint);
    color: var(--c-accent-dark);
    cursor: pointer;
    text-decoration: none;
    transition: background var(--transition);
  }
  .header .mob-icon-btn svg { width: 20px; height: 20px; }
  .header .mob-icon-btn--call { color: #2c9a4a; background: #e8f7ec; }
  .header #mobSearchBtn[aria-expanded="true"], .header #mobBurger[aria-expanded="true"] { color: var(--c-accent-dark); background: var(--c-accent-tint); }

  .header .mob-burger {
    flex-direction: column;
    gap: 4px;
    /* background: #f1f2f4; */
    color: var(--c-text);
  }
  .header .mob-burger span {
    display: block;
    width: 18px; height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform .22s ease, opacity .22s ease;
  }
  .header #mobBurger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .header #mobBurger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .header #mobBurger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

 
  .header .mob-drawer {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: var(--mob-header-h, 60px); right: 0;
    width: min(320px, 86vw);
    height: calc(100dvh - var(--mob-header-h, 60px));
    background: #fff;
    z-index: 1200;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: -16px 0 40px rgba(15,23,42,.18);
    transform: translateX(100%);
    transition: transform .3s cubic-bezier(.25,.46,.45,.94);
  }
  .header .mob-drawer.is-open { transform: none; }

  .header .mob-overlay {
    display: block;
    position: fixed;
    top: var(--mob-header-h, 60px); left: 0; right: 0; bottom: 0;
    z-index: 1100;
    background: rgba(15,23,42,.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s;
  }
  .header .mob-overlay.is-open { opacity: 1; visibility: visible; }

  .header .mob-drawer__contacts {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 20px 16px;
    background: #014fae;
  }
  .header .mob-drawer__phone {
    font-size: 19px;
    color: #fff;
    text-decoration: none;
  }
  .header .mob-drawer__address {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--c-topbar-text);
    text-decoration: none;
  }
  .header .mob-drawer__address svg { flex: 0 0 auto; margin-top: 1px; }
  .header .mob-drawer__cta {
    margin-top: 6px;
    padding: 10px;
    border: none;
    border-radius: var(--radius);
    background: #ffffff;
    color: #00387c;
    font-family: Montserrat-Bold, "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    cursor: pointer;
    transition: background var(--transition);
  }
  .header .mob-drawer__cta:hover {/* background: var(--c-accent-dark); */}

  .header .mob-drawer__nav {display: flex;flex-direction: column;padding: 0px 0;}
  .header .mob-drawer__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 20px;
    border: none;
    background: none;
    font-size: 15px;
    color: var(--c-text);
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid var(--c-border-soft);
    transition: color var(--transition), background var(--transition);
  }
  .header .mob-drawer__link:hover { color: var(--c-accent-dark); background: var(--c-accent-tint); }
  .header .mob-drawer__link--catalog {background: var(--c-accent-tint);color: var(--c-accent-dark);font-family: Montserrat-Bold, "Helvetica Neue", Arial, sans-serif;}
  .header .mob-drawer__link--catalog svg { flex: 0 0 auto; }
  .header .mob-drawer__link--account {color: var(--c-accent-dark);}

 
  .header .mob-search {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: 0;
    z-index: 1300;
    background: #fff;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: transform .28s cubic-bezier(.25,.46,.45,.94), opacity .28s ease;
  }
  .header .mob-search.is-open { transform: none; opacity: 1; pointer-events: auto; }
  .header .mob-search__bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px;
    background: #f6f6f6;
    flex: 0 0 auto;
    border-bottom: 1px solid #ebebeb;
  }
  .header .mob-search__back {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 4px;
    background: rgb(3 106 216);
    color: #fff;
    cursor: pointer;
  }
  .header .mob-search__slot { flex: 1 1 auto; min-width: 0; }
  .header .mob-search__slot .header-search.search-catalog__block {
    width: 100%;
    height: 42px;
    border: 1px solid #cacaca;
    background: #fff;
    border-radius: var(--radius);
  }
  .header .mob-search__slot .search_five_res {
    position: fixed;
    top: 66px; left: 0; right: 0; bottom: 0;
    z-index: 1;
    border-radius: 0;
    box-shadow: none;
    max-height: none;
  }

 
  .header .mob-bottom-nav {
    display: flex;
    align-items: stretch;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    height: 62px;
    background: #fff;
    border-top: 1px solid var(--c-border);
    box-shadow: 0 -6px 24px rgba(15,23,42,.1);
    z-index: 1000;
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .header .mob-bottom-nav__item {
    position: relative;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px 4px 0;
    border: none;
    background: none;
    color: #636d7e;
    font-size: 10.5px;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: color var(--transition);
  }
  .header .mob-bottom-nav__item svg { flex: 0 0 auto; transition: transform .15s ease; }
  .header .mob-bottom-nav__item:hover, .header .mob-bottom-nav__item:active { color: var(--c-accent-dark); }
  .header .mob-bottom-nav__item:active svg { transform: scale(.9); }

 
  .header .mob-bottom-nav__item.is-active { color: var(--c-accent-dark); }
  .header .mob-bottom-nav__item.is-active::before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    width: 18px; height: 3px;
    transform: translateX(-50%);
    border-radius: 0 0 3px 3px;
    background: var(--c-accent);
  }

 
  .header .mob-bottom-nav__badge {
    position: absolute;
    top: 10px;
    right: calc(50% - 22px);
    min-width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border-radius: 999px;
    background: var(--c-accent);
    color: #fff;
    font-size: 9.5px;
    font-weight: 500;
    box-shadow: 0 0 0 2px #fff;
  }
  .header .mob-bottom-nav__badge:empty { display: none; }
 
  .header .mob-bottom-nav__item--cart { color: var(--c-accent-dark); font-weight: 500; justify-content: flex-start; }
  .header .mob-bottom-nav__cart-circle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-top: -22px;
    border-radius: 50%;
    background: var(--c-gradient-brand);
    box-shadow: 0 8px 18px rgba(0,96,212,.38), 0 0 0 4px #fff;
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .header .mob-bottom-nav__item--cart:hover .mob-bottom-nav__cart-circle { box-shadow: 0 10px 22px rgba(0,96,212,.48), 0 0 0 4px #fff; }
  .header .mob-bottom-nav__item--cart:active .mob-bottom-nav__cart-circle { transform: scale(.93); }
  .header .mob-bottom-nav__cart-circle .mob-bottom-nav__badge { top: -3px; right: -3px; }

 
  .header #myDropdown.dropdown-content {
    position: fixed;
    inset: 0;
    top: 0 !important;
    height: 100dvh;
    max-height: none;
    z-index: 1250;
  }
  .header .dropdown-content .menu { max-height: none; flex: 1 1 auto; padding: 0 0 24px; }
 
  .header .mcat-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--c-accent-tint);
    border-bottom: 1px solid var(--c-border-soft);
  }
  .header .mcat-bar__back {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 16px 16px;
    border: none;
    background: none;
    color: var(--c-text);
    font-size: 15px;
    text-align: left;
    cursor: pointer;
  }
  .header .mcat-bar__back svg { flex: 0 0 auto; color: var(--c-text-soft); }
  .header .mcat-bar__back span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .header .mcat-bar--root .mcat-bar__back { flex: 0 0 auto; }
  .header .mcat-bar__close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    height: 52px;
    border: none;
    border-left: 1px solid var(--c-border-soft);
    background: none;
    color: var(--c-text-soft);
    cursor: pointer;
  }
  .header .mcat-bar__close:hover { color: var(--c-accent-dark); }

 
  .header .menu-section { padding: 0; }
  .header .menu-item-has-children { border-bottom: 1px solid var(--c-border-soft); }
  .header .menu_icon_a {padding: 0px 4px 0px 16px;}
  .header .men_ic_img img { width: 24px; height: 24px; }
  .header .web_sty { padding: 15px 4px; font-size: 15px; }
  .header .menu_icon_a__toggle {flex: 0 0 57px;height: 52px;border-left: 1px solid #eee;}
  .header .menu-item-has-children.is-open > .menu_icon_a {
    background: var(--c-accent-tint);
  }
  .header .menu-item-has-children.is-open > .menu_icon_a .web_sty,
  .header .menu-item-has-children.is-open > .menu_icon_a .menu_icon_a__toggle { color: var(--c-accent-dark); }

 
  .header .menu-subs2 {
    position: fixed;
    inset: 0;
    z-index: 1160;
    display: flex;
    flex-direction: column;
    background: #fff;
    transform: translateX(100%);
    transition: transform .28s cubic-bezier(.25,.46,.45,.94);
  }
  .header .menu-item-has-children.is-open > .menu-subs2 { transform: translateX(0); }
  .header .menu-subs2__list { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .header .menu-subs2__row { border-bottom: 1px solid var(--c-border-soft); }
  .header .menu-subs2__link { padding: 15px 4px 15px 16px; font-size: 15px; }
  .header .menu-subs2__toggle { flex: 0 0 52px; height: 52px; }
  .header .menu-subs2__row.is-open {
    background: var(--c-accent-tint);
  }
  .header .menu-subs2__row.is-open .menu-subs2__link,
  .header .menu-subs2__row.is-open .menu-subs2__toggle { color: var(--c-accent-dark); }

 
  .header .menu-subs3 {
    position: fixed;
    inset: 0;
    z-index: 1170;
    display: flex;
    flex-direction: column;
    background: #fff;
    transform: translateX(100%);
    transition: transform .28s cubic-bezier(.25,.46,.45,.94);
  }
  .header .menu-subs2__row.is-open > .menu-subs3 { transform: translateX(0); }
  .header .menu-subs3__list { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .header .menu-subs3__list li { border-bottom: 1px solid var(--c-border-soft); }
  .header .menu-subs3__list a { padding: 14px 16px; font-size: 14.5px; }
}

 
@media (max-width: 480px) {
  .header .mob-drawer {width: 80vw;}
  .header .mob-icon-btn, .header .mob-burger { width: 38px; height: 38px; }
}
 .header a:focus-visible, .header button:focus-visible, .header input:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .header, .header * {
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
  }
}