/* HerCode / Raed 1.377.0 — paste into Salla Custom CSS */
:root { --hc-header-height: 86.28955px; --hc-header-side: clamp(20px, 5.56vw, 84px); }

body.index .store-header { position: fixed; inset: 0 0 auto; }
body:not(.index) .store-header { position: sticky; top: 0; }
.store-header { z-index: 1000; width: 100%; }
.store-header > .top-navbar,
.store-header > .lg\:hidden { display: none !important; }

.store-header #mainnav,
.store-header #mainnav .inner {
  height: var(--hc-header-height) !important;
  min-height: var(--hc-header-height) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.store-header #mainnav .inner {
  position: relative !important;
  align-self: flex-start !important;
  top: auto !important;
  transform: none !important;
  opacity: 1 !important;
  transition: background-color .22s ease, box-shadow .22s ease !important;
}
.store-header #mainnav .inner > .container {
  position: absolute; inset: 0; display: flex; align-items: flex-start;
  max-width: none;
  height: 100%; padding: 0 var(--hc-header-side);
}
.store-header #mainnav .inner > .container > .flex {
  display: block !important;
  width: 100%;
  height: var(--hc-header-height);
  position: relative;
}
.store-header #mainnav .inner > .container > .flex > .flex:first-child,
.store-header #mainnav .inner > .container > .flex > .flex:last-child {
  display: contents !important;
}
.store-header #mainnav .inner > .container > .flex > .flex:last-child { margin: 0 !important; }
.store-header #mainnav { border-bottom: 1px solid rgba(0,0,0,.1); }
.store-header.hc-scrolled #mainnav,
body:not(.index) .store-header #mainnav { background: #fff !important; }
.store-header.hc-scrolled #mainnav .inner,
body:not(.index) .store-header #mainnav .inner {
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
}
body.modal-is-open .store-header #mainnav { visibility: hidden; }

.store-header [data-testid="store-header-logo"] {
  position: absolute; left: 50%; top: 16px;
  transform: translateX(-50%);
  width: 150px; height: 54.29px;
  margin: 0 !important; display: block;
  overflow: hidden; z-index: 2;
}
.store-header [data-testid="store-header-logo"] img {
  position: absolute; width: 201px !important; height: 201px !important;
  max-width: none !important; max-height: none !important;
  left: 50%; top: 50%; transform: translate(-50%,-50%);
  object-fit: contain;
}
.store-header custom-main-menu,
.store-header [data-testid="store-header-mobile-toggle"] {
  position: absolute !important; width: 1px !important; height: 1px !important;
  overflow: hidden !important; opacity: 0 !important; pointer-events: none !important;
}

.store-header .hc-left,
.store-header .hc-right {
  position: absolute; top: 50%; transform: translateY(-50%);
  display: flex; align-items: center; gap: 16px;
  height: 44px; z-index: 3; direction: ltr;
}
.store-header .hc-left { left: 0; }
.store-header .hc-right { right: 0; }
.store-header .hc-action,
.store-header .hc-account,
.store-header [data-testid="store-header-cart"] {
  position: relative; flex: 0 0 24px; width: 24px !important; height: 24px !important;
  min-width: 24px !important; min-height: 24px !important;
  padding: 0 !important; margin: 0 !important;
  border: 0; background: none; color: #000;
}
.store-header .hc-action { display: grid; place-items: center; cursor: pointer; }
.store-header .hc-action img,
.store-header .hc-account img,
.store-header [data-testid="store-header-cart"] [slot="icon"] {
  display: block; width: 24px; height: 24px; max-width: none;
}
.store-header .hc-account { display: block; }
.store-header .hc-account salla-user-menu {
  display: block; width: 24px !important; height: 24px !important;
  min-width: 24px !important; flex: none !important;
}
.store-header .hc-account [slot="trigger"] { display: none !important; }
.store-header .hc-account .s-user-menu-wrapper,
.store-header .hc-account .s-user-menu-trigger-slot,
.store-header .hc-account .s-user-menu-login-btn {
  display: grid !important; place-items: center;
  width: 24px !important; min-width: 24px !important;
  height: 24px !important; min-height: 24px !important;
  padding: 0 !important; margin: 0 !important;
  border: 0 !important; background: transparent !important;
  cursor: pointer;
}
.store-header .hc-account .s-user-menu-trigger-slot img {
  width: 16.4769px; height: 18.418px; max-width: none;
}
.store-header .hc-account .s-user-menu-login-btn { position: relative; }
.store-header .hc-account .s-user-menu-login-btn svg { display: none !important; }
.store-header .hc-account .s-user-menu-login-btn::after {
  content: ''; width: 16.4769px; height: 18.418px;
  display: block; background: var(--hc-account-icon) center / contain no-repeat;
  pointer-events: none;
}
.store-header [data-testid="store-header-cart"] { display: block; }
.store-header [data-testid="store-header-cart"] #nav-cart {
  margin: 0 !important; min-width: 24px !important; width: 24px !important;
}
.store-header [data-testid="store-header-cart"] .s-cart-summary-total { display: none !important; }
.store-header [data-testid="store-header-cart"] .header-btn__icon {
  border: 0 !important; margin: 0 !important; padding: 0 !important;
  background: none !important;
}
.store-header .hc-action:focus-visible,
.store-header .hc-account:focus-within,
.store-header [data-testid="store-header-logo"]:focus-visible {
  outline: 2px solid #000; outline-offset: 4px;
}

.store-header .hc-search-source {
  position: absolute; top: 0; left: 0; width: 0; height: 0;
}
.store-header .hc-search-source .s-search-input-wrapper { display: none !important; }

.hc-menu-scrim {
  position: fixed; inset: 0; z-index: 1998; background: rgba(0,0,0,.35);
}
.hc-menu-scrim[hidden], .hc-menu-drawer[hidden] { display: none !important; }
.hc-menu-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 1999;
  width: min(390px, 90vw); overflow-y: auto;
  padding: 24px; background: #fff; color: #000;
  box-shadow: -8px 0 28px rgba(0,0,0,.15);
}
.hc-menu-drawer .hc-drawer-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
.hc-menu-drawer .hc-drawer-title { font-size: 18px; font-weight: 600; }
.hc-menu-drawer .hc-drawer-close { border: 0; background: none; color: inherit; font-size: 30px; line-height: 1; cursor: pointer; }
.hc-menu-drawer ul { list-style: none; margin: 0; padding: 0; }
.hc-menu-drawer li { display: block !important; border-bottom: 1px solid #eee; }
.hc-menu-drawer li a,
.hc-menu-drawer li > span { display: block; padding: 15px 0; color: #111; text-decoration: none; }
.hc-menu-drawer li > span { cursor: pointer; }
.hc-menu-drawer li > ul { padding-inline-start: 16px; }
.hc-menu-drawer li > ul[hidden] { display: none !important; }
.hc-menu-drawer .hc-localization { padding-top: 24px; }
body.hc-menu-open { overflow: hidden; }

@media (max-width: 767px) {
  :root { --hc-header-height: 79.05094px; --hc-header-side: 16px; }
  .store-header [data-testid="store-header-logo"] {
    top: 16px; width: 130px; height: 47.05094px;
  }
  .store-header [data-testid="store-header-logo"] img { width: 174.265px !important; height: 174.265px !important; }
}
@media (max-width: 360px) {
  .store-header [data-testid="store-header-logo"] { width: 108px; }
  .store-header [data-testid="store-header-logo"] img { width: 157px !important; height: 157px !important; }
  .store-header .hc-left, .store-header .hc-right { gap: 7px; }
}