/* ============================================================
   TOP BAR
   ============================================================ */
.gs_topbar {
  display: flex; flex-wrap: wrap; align-items: center;
  justify-content: space-between; padding: 6px 0;
  font-size: 13px; font-family: inherit; color: #222; line-height: 1.4;
}
.gs_topbar_left {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px;
}
.gs_topbar_item {
  display: inline-flex; align-items: center; gap: 4px;
  white-space: nowrap; font-size: 13px;
}
.gs_topbar_item a { color: #222; text-decoration: none; font-size: 13px; }
.gs_topbar_item a:hover { color: #f45052; }
.gs_topbar_item svg { width: 16px; height: 16px; flex-shrink: 0; }

/* ============================================================
   CONTACT BUTTONS
   ============================================================ */
.gs_contact_btns { display: inline-flex; align-items: stretch; gap: 8px; }
.gs_contact_btn {
  display: inline-flex; flex-direction: column; align-items: center;
  justify-content: center; padding: 4px 12px; border: 1.5px solid #222;
  border-radius: 6px; text-decoration: none !important; color: #222;
  font-size: 12px; font-weight: 600; line-height: 1.3; transition: all .2s;
  white-space: nowrap;
}
.gs_contact_btn:hover { background: #222; color: #fff; }
.gs_cb_label { font-size: 12px; font-weight: 400; }
.gs_cb_sub { font-size: 11px; font-weight: 400; opacity: .6; margin-top: 1px; }
.gs_contact_btn:hover .gs_cb_sub { opacity: .85; color: #fff; }
.gs_contact_btn.gs_wa { border-color: #25d366; color: #25d366; }
.gs_contact_btn.gs_wa:hover { background: #25d366; color: #fff; }
.gs_contact_btn.gs_tg { border-color: #0088cc; color: #0088cc; }
.gs_contact_btn.gs_tg:hover { background: #0088cc; color: #fff; }

/* ============================================================
   _hm7_ HAMBURGER — FLYOUT RIGHT (companion-panel approach)
   ============================================================ */
._hm7_wrap {
  position: relative; display: inline-flex; align-items: center;
  margin-left: 100px; z-index: 1050;
}
._hm7_trigger {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 2px solid #222; border-radius: 4px;
  padding: 6px 14px; cursor: pointer; font-size: 14px; font-weight: 600;
  color: #222; text-transform: uppercase; transition: all .2s;
  white-space: nowrap; font-family: inherit; line-height: 1;
}
._hm7_trigger:hover { background: #222; color: #fff; }
._hm7_trigger ._hm7_icon {
  display: inline-flex; align-items: center; line-height: 0;
  color: #7a7a7a;
}
._hm7_trigger ._hm7_icon svg {
  width: 23px; height: 16px; flex-shrink: 0;
}
._hm7_trigger:hover ._hm7_icon svg { fill: #fff; }

/* --- Main panel (scrollable) --- */
._hm7_panel {
  display: none; position: absolute; top: calc(100% + 2px); left: 0;
  z-index: 1100; background: #fff; border: 1px solid #ddd;
  border-radius: 0 0 6px 6px; box-shadow: 0 10px 30px rgba(0,0,0,.18);
  width: 320px; padding: 6px 0; max-height: 85vh;
  overflow-y: auto; overflow-x: hidden;
}
._hm7_wrap._hm7_open ._hm7_panel { display: block; }

/* --- Companion flyout panels (siblings, outside scroll) --- */
._hm7_fly {
  display: none; position: absolute; top: calc(100% + 2px);
  left: 321px; /* right edge of main panel */
  min-width: 280px; max-width: 320px;
  background: #fff; border: 1px solid #ddd;
  border-radius: 0 6px 6px 0;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  max-height: 85vh; overflow-y: auto; z-index: 1101; padding: 6px 0;
}
._hm7_fly._hm7_fly3 { left: 602px; }
._hm7_fly._hm7_fly3 ._hm7_arrow { display: none !important; }
._hm7_fly._hm7_fly3 ._hm7_has > a, ._hm7_fly._hm7_fly3 ._hm7_has > .menu_link { padding-right: 8px !important; }
._hm7_fly._hm7_active { display: block; }

/* --- Reset ALL child elements --- */
._hm7_panel *, ._hm7_panel *::before, ._hm7_panel *::after,
._hm7_fly *, ._hm7_fly *::before, ._hm7_fly *::after {
  box-sizing: border-box; margin: 0; padding: 0;
}
._hm7_panel ul, ._hm7_fly ul {
  list-style: none !important; padding: 0 !important; margin: 0 !important;
}
._hm7_panel li, ._hm7_fly li {
  display: block !important; position: relative !important;
  float: none !important; list-style: none !important;
  margin: 0 !important; padding: 0 !important;
  max-height: none !important; overflow: visible !important;
  opacity: 1 !important; visibility: visible !important;
  transform: none !important; transition: none !important;
}

/* --- Link styles (main + flyout) --- */
._hm7_panel a, ._hm7_panel .menu_link, ._hm7_panel .category_link,
._hm7_fly a, ._hm7_fly .menu_link, ._hm7_fly .category_link {
  display: flex !important; align-items: center !important;
  justify-content: flex-start !important; gap: 0 !important;
  padding: 9px 16px 9px 20px !important; height: auto !important;
  min-height: 0 !important; max-height: none !important;
  color: #222 !important; font-size: 12px !important; font-weight: 700 !important;
  text-decoration: none !important; text-transform: uppercase !important;
  letter-spacing: 0 !important; line-height: 1.3 !important;
  transition: background .12s, color .12s !important;
  position: static !important; float: none !important;
  white-space: nowrap !important; overflow: hidden !important;
  text-overflow: ellipsis !important; background: transparent !important;
  border: none !important; box-shadow: none !important;
  margin: 0 !important; width: auto !important;
}
._hm7_panel a:hover, ._hm7_panel .menu_link:hover,
._hm7_fly a:hover, ._hm7_fly .menu_link:hover {
  background: #f5f5f5 !important; color: #f45052 !important;
}
/* Kill ALL ::before / ::after from style.css */
._hm7_panel a::before, ._hm7_panel a::after,
._hm7_panel .menu_link::before, ._hm7_panel .menu_link::after,
._hm7_panel li::before, ._hm7_panel li::after,
._hm7_fly a::before, ._hm7_fly a::after,
._hm7_fly li::before, ._hm7_fly li::after {
  display: none !important; content: none !important;
}

/* --- Count badge --- */
._hm7_cnt {
  font-size: 12px !important; font-weight: 400 !important;
  color: #333333 !important; margin-left: 4px !important; flex-shrink: 0 !important;
}

/* --- Arrow indicator (chevron ›) for items with children --- */
._hm7_has > a, ._hm7_has > .menu_link {
  padding-right: 36px !important;
}
._hm7_noarrow > a, ._hm7_noarrow > .menu_link {
  padding-right: 8px !important;
}
._hm7_arrow {
  position: absolute !important; right: 0 !important; top: 0 !important;
  width: 36px !important; height: 100% !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; cursor: pointer !important;
  font-size: 16px !important; font-weight: 400 !important;
  color: #bbb !important; border: none !important;
  border-left: 1px solid #f0f0f0 !important;
  transition: color .15s, background .15s !important;
  z-index: 2 !important; background: transparent !important;
  padding: 0 !important; margin: 0 !important; line-height: 1 !important;
  border-radius: 0 !important; box-shadow: none !important;
  text-decoration: none !important;
}
._hm7_arrow:hover { color: #f45052 !important; background: #f5f5f5 !important; }

/* Highlight active parent */
li._hm7_hl > a, li._hm7_hl > .menu_link {
  background: #f5f5f5 !important; color: #f45052 !important;
}
li._hm7_hl > ._hm7_arrow { color: #f45052 !important; }

/* --- HIDE nested <ul> inside main panel (shown in flyout instead) --- */
._hm7_panel ul ul,
._hm7_panel .subpages,
._hm7_panel .submenu {
  display: none !important;
}

/* --- Separator --- */
._hm7_sep {
  border: none !important; border-top: 1px solid #eee !important;
  margin: 4px 0 !important; padding: 0 !important;
  display: block !important; height: 0 !important;
}

/* --- Kill mobile toggles --- */
._hm7_panel .fn_switch, ._hm7_panel .cat_switch, ._hm7_panel i.fn_switch,
._hm7_fly .fn_switch, ._hm7_fly .cat_switch { display: none !important; }


/* --- Fix manual menu items (Премиум, Женщинам, Мужчинам) in flyout --- */
._hm7_fly .subpages,
._hm7_fly .submenu,
._hm7_fly .menu_list_1 {
  display: block !important;
  position: static !important;
  max-height: none !important;
  overflow: visible !important;
  transform: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: auto !important;
  left: auto !important;
  top: auto !important;
}
._hm7_fly .menu_item,
._hm7_fly .menu_item_1,
._hm7_fly .menu_item_2 {
  display: block !important;
  position: relative !important;
  float: none !important;
}
/* Sub-items in flyout: force same style as parent (level 1) */
._hm7_fly .menu_item_1 > a, ._hm7_fly .menu_item_1 > .menu_link,
._hm7_fly .menu_item_2 > a, ._hm7_fly .menu_item_2 > .menu_link,
._hm7_fly .subpages a, ._hm7_fly .submenu a {
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  padding: 9px 16px 9px 20px !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  min-width: 0 !important;
}
/* Override custom.css: .menu_item_2 > a > span {font-size:14px; font-weight:500} */
._hm7_panel .menu_item_2 > a > span,
._hm7_panel .menu_item_2 > .menu_link > span,
._hm7_fly .menu_item_2 > a > span,
._hm7_fly .menu_item_2 > .menu_link > span,
._hm7_fly .subpages a > span, ._hm7_fly .submenu a > span {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}
._hm7_fly .parent > .menu_link::before {
  display: none !important;
  content: none !important;
}

/* ============================================================
   MAIN NAV
   ============================================================ */
.gs_main_nav {
  display: flex; align-items: center; gap: 0;
  flex-shrink: 0; margin-left: 16px; margin-right: auto;
}
.gs_main_nav a {
  display: inline-flex; align-items: center; padding: 8px 12px;
  color: #222; font-size: 14px; font-weight: 600; text-decoration: none;
  text-transform: uppercase; white-space: nowrap; transition: color .2s;
}
.gs_main_nav a:hover { color: #f45052; }
.gs_main_nav a.red { color: #f45052; }
.gs_main_nav a.red:hover { color: #222; }

/* Sticky fix */
.header.fixed .gs_topbar { display: none !important; }

/* ============================================================
   MODERN SLICK CAROUSEL ARROWS (v8)
   ============================================================ */
._gs8_arr {
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
  border: 1px solid #eee !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; padding: 0 !important;
  cursor: pointer !important; z-index: 10 !important;
  transition: all .2s !important; color: #333 !important;
  line-height: 1 !important;
}
._gs8_arr:hover {
  background: #f45052 !important; color: #fff !important;
  border-color: #f45052 !important;
  box-shadow: 0 4px 12px rgba(244,80,82,.3) !important;
}
._gs8_arr:before { display: none !important; }
._gs8_arr svg { width: 20px; height: 20px; flex-shrink: 0; }
.slick-prev._gs8_arr { left: -20px !important; }
.slick-next._gs8_arr { right: -20px !important; }
.main_products { position: relative; overflow: visible; }
.main_products .product_slider { margin: 0 28px; }
@media (max-width: 768px) {
  ._gs8_arr { width: 32px !important; height: 32px !important; }
  ._gs8_arr svg { width: 16px; height: 16px; }
  .slick-prev._gs8_arr { left: -6px !important; }
  .slick-next._gs8_arr { right: -6px !important; }
  .main_products .product_slider { margin: 0 14px; }
}

/* ============================================================
   MOBILE OVERLAY BUTTONS FIX (v8)
   ============================================================ */
@media (max-width: 576px) {
  ._ov7_bar {
    gap: 3px !important; padding: 0 4px 5px !important;
  }
  ._ov7_cart, ._ov7_quick {
    font-size: 10px !important; padding: 5px 5px !important;
    letter-spacing: 0 !important;
  }
}

/* Fix: keep wishlist visible in sticky header */
.fixed #wishlist.header_informer {
    display: block !important;
    top: 15px;
}