@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../blog-v2/fonts/Onest-400.woff2") format("woff2");
}

@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../../blog-v2/fonts/Onest-600.woff2") format("woff2");
}

@font-face {
  font-family: ALSStory;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/ALSStory.woff2") format("woff2");
}

@font-face {
  font-family: ALSStory-Bold;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/ALSStory-Bold.woff2") format("woff2");
}

.site-header-shell,
.site-header-shell *,
.site-header-shell *::before,
.site-header-shell *::after {
  box-sizing: border-box;
}

.site-header-shell {
  position: relative;
  z-index: 100;
  pointer-events: auto;
  font-family: Onest, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
  color: #000;
}

.site-header-shell a {
  text-decoration: none;
}

.site-header-shell ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header-shell__backdrop,
.site-header__blur {
  display: none;
}

.site-header-shell .site-header {
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

.site-header .header-link,
.site-header .header__menu-btn-chevron,
.site-header .header-how {
  color: #000;
}

.site-header .header-link:hover,
.site-header .header-link:hover .header__menu-btn-chevron,
.site-header .header-how:hover {
  color: #fb0953;
}

.site-header .header-btn--outline {
  border-color: rgba(0, 0, 0, .35);
  color: #000;
  font-weight: 400;
  background: transparent;
}

.site-header .header-btn--outline:hover {
  border-color: #fb0953;
  color: #fff;
  background: #fb0953;
}

.site-header .header-btn--solid {
  background: #bd995b;
  font-weight: 400;
  color: #fff;
}

.site-header .header-btn--solid:hover {
  background: #fb0953;
}

.site-header .header-cart img {
  filter: brightness(0) saturate(100%) invert(34%);
}

.site-header .header-gift {
  background-color: #575757;
}

.site-header .header-logo img {
  filter: brightness(0);
}

.site-header .header-burger .hamburger-inner,
.site-header .header-burger .hamburger-inner::before,
.site-header .header-burger .hamburger-inner::after {
  background-color: #000;
}

.site-nav-open .blog-navigation,
.site-nav-open .blog-navigation:has(.header-search.is-open) {
  z-index: 1;
  pointer-events: none;
}

.blog-home-link {
  flex-shrink: 0;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 1159px) {
  .site-header .header-account__img--default {
    display: none;
  }

  .site-header .header-account__img--open {
    display: block;
  }
}
