:root {
  --nav-focus-ring: #e11d48;
  --nav-text: #1a1a1a;
  --nav-text-muted: #4a4a4a;
  --nav-font-size: 14px;
  --nav-line-height: 1.45;
}

.store-header__main-menu.main-menu > ul > li > a,
.main-menu > ul > li > a {
  font-size: var(--nav-font-size);
  line-height: var(--nav-line-height);
  color: var(--nav-text);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.store-header__main-menu.main-menu > ul > li > .submenu a,
.main-menu > ul > li > .submenu a {
  font-size: var(--nav-font-size);
  line-height: var(--nav-line-height);
  color: var(--nav-text-muted);
  min-height: 44px;
  display: flex;
  align-items: center;
}

.store-header__main-menu.main-menu > ul > li:hover > .submenu,
.store-header__main-menu.main-menu > ul > li:focus-within > .submenu,
.store-header__main-menu.main-menu > ul > li.is-open > .submenu,
.main-menu > ul > li:hover > .submenu,
.main-menu > ul > li:focus-within > .submenu,
.main-menu > ul > li.is-open > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.store-header__action,
.tp-menu-toggle,
.tp-search-sidebar-toggle,
.tp-cart-toggle,
.tpsideinfo__close,
.tpcart__close,
.mobile-menu-expand,
.mobile-menu-exapand,
.navigation-bar__list a,
.navigation-bar__list button {
  min-width: 44px;
  min-height: 44px;
}

.store-header__action,
.tp-menu-toggle,
.tp-search-sidebar-toggle,
.tp-cart-toggle,
.tpsideinfo__close,
.tpcart__close,
.mobile-menu-expand,
.store-header__search-btn {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.store-header__action:hover:not(:disabled),
.tp-menu-toggle:hover:not(:disabled),
.tp-search-sidebar-toggle:hover:not(:disabled),
.tp-cart-toggle:hover:not(:disabled),
.tpsideinfo__close:hover:not(:disabled),
.tpcart__close:hover:not(:disabled),
.mobile-menu-expand:hover:not(:disabled),
.store-header__search-btn:hover:not(:disabled) {
  color: var(--store-accent, var(--primary-color, #c2185b));
}
.store-header__action:active:not(:disabled),
.tp-menu-toggle:active:not(:disabled),
.tp-search-sidebar-toggle:active:not(:disabled),
.tp-cart-toggle:active:not(:disabled),
.tpsideinfo__close:active:not(:disabled),
.tpcart__close:active:not(:disabled),
.mobile-menu-expand:active:not(:disabled),
.store-header__search-btn:active:not(:disabled) {
  transform: translateY(1px);
  opacity: 0.9;
}
.store-header__action:disabled, .store-header__action[aria-disabled=true], .store-header__action.disabled,
.tp-menu-toggle:disabled,
.tp-menu-toggle[aria-disabled=true],
.tp-menu-toggle.disabled,
.tp-search-sidebar-toggle:disabled,
.tp-search-sidebar-toggle[aria-disabled=true],
.tp-search-sidebar-toggle.disabled,
.tp-cart-toggle:disabled,
.tp-cart-toggle[aria-disabled=true],
.tp-cart-toggle.disabled,
.tpsideinfo__close:disabled,
.tpsideinfo__close[aria-disabled=true],
.tpsideinfo__close.disabled,
.tpcart__close:disabled,
.tpcart__close[aria-disabled=true],
.tpcart__close.disabled,
.mobile-menu-expand:disabled,
.mobile-menu-expand[aria-disabled=true],
.mobile-menu-expand.disabled,
.store-header__search-btn:disabled,
.store-header__search-btn[aria-disabled=true],
.store-header__search-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.store-header__action.loading,
.tp-menu-toggle.loading,
.tp-search-sidebar-toggle.loading,
.tp-cart-toggle.loading,
.tpsideinfo__close.loading,
.tpcart__close.loading,
.mobile-menu-expand.loading,
.store-header__search-btn.loading {
  opacity: 0.7;
  pointer-events: none;
}

.store-header__main-menu a:focus-visible,
.main-menu a:focus-visible,
.store-header__action:focus-visible,
.tp-menu-toggle:focus-visible,
.tp-search-sidebar-toggle:focus-visible,
.tp-cart-toggle:focus-visible,
.tpsideinfo__close:focus-visible,
.tpcart__close:focus-visible,
.mobile-menu-expand:focus-visible,
.mobile-menu-exapand:focus-visible,
.navigation-bar__list a:focus-visible,
.navigation-bar__list button:focus-visible,
.tpsideinfo a:focus-visible,
.tpsideinfo button:focus-visible,
.store-header__search-input:focus-visible,
.store-header__search-btn:focus-visible {
  outline: 2px solid var(--nav-focus-ring);
  outline-offset: 3px;
}

.mobile-menu-container .mobile-menu-nav ul li a {
  font-size: 16px;
  line-height: var(--nav-line-height);
  min-height: 44px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.mobile-menu-container .mobile-menu-nav ul li.has-dropdown > a:first-child {
  padding-inline-end: 52px;
}

.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-expand,
.mobile-menu-container .mobile-menu-nav ul li button.mobile-menu-expand,
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-exapand {
  margin-top: 8px;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  height: 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  text-align: center;
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  z-index: 2;
  background: transparent;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: none;
}
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-expand:hover, .mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-expand:focus-visible,
.mobile-menu-container .mobile-menu-nav ul li button.mobile-menu-expand:hover,
.mobile-menu-container .mobile-menu-nav ul li button.mobile-menu-expand:focus-visible,
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-exapand:hover,
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-exapand:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.45) !important;
}
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-expand.mobile-menu-clicked, .mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-expand.is-expanded,
.mobile-menu-container .mobile-menu-nav ul li button.mobile-menu-expand.mobile-menu-clicked,
.mobile-menu-container .mobile-menu-nav ul li button.mobile-menu-expand.is-expanded,
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-exapand.mobile-menu-clicked,
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-exapand.is-expanded {
  color: #fff;
}
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-expand i,
.mobile-menu-container .mobile-menu-nav ul li button.mobile-menu-expand i,
.mobile-menu-container .mobile-menu-nav ul li a.mobile-menu-exapand i {
  display: inline-block;
  font-size: 14px;
}

.mobile-menu-container .mobile-menu-nav ul.submenu {
  padding-inline-start: 12px;
}

.navigation-bar__list a,
.navigation-bar__list button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 8px 4px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--nav-text);
  width: 100%;
  border: 0;
  background: transparent;
}
.navigation-bar__list a i,
.navigation-bar__list button i {
  display: block;
  font-size: 20px;
}
.navigation-bar__list a span,
.navigation-bar__list button span {
  color: var(--nav-text);
  font-size: 12px;
  line-height: 1.35;
}

.tpsideinfo__close,
.tpcart__close {
  min-height: 44px;
}

.tpsideinfo__search-title {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: var(--nav-line-height);
  letter-spacing: 0.04em;
}

.tpcart__title {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--nav-text);
}

@media (max-width: 768px) {
  body {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }
  .navigation-bar {
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
    background: #fff;
  }
}
@media (prefers-reduced-motion: reduce) {
  .store-header__action,
  .tp-menu-toggle,
  .tp-search-sidebar-toggle,
  .tp-cart-toggle,
  .tpsideinfo__close,
  .tpcart__close,
  .mobile-menu-expand,
  .store-header__search-btn {
    transition: none;
  }
  .store-header__action:active:not(:disabled),
  .tp-menu-toggle:active:not(:disabled),
  .tp-search-sidebar-toggle:active:not(:disabled),
  .tp-cart-toggle:active:not(:disabled),
  .tpsideinfo__close:active:not(:disabled),
  .tpcart__close:active:not(:disabled),
  .mobile-menu-expand:active:not(:disabled),
  .store-header__search-btn:active:not(:disabled) {
    transform: none;
  }
}