/* line 1, header.scss */
.header {
  display: flex;
  align-items: flex-end; }
  @media screen and (max-width: 1090px) {
    /* line 1, header.scss */
    .header {
      justify-content: space-between;
      gap: 19px; } }
  @media screen and (max-width: 560px) {
    /* line 1, header.scss */
    .header {
      align-items: flex-start;
      justify-content: left; } }
  /* line 15, header.scss */
  .header--container {
    max-width: 1580px;
    margin-inline: auto;
    padding-inline: 16px;
    height: 100%; }
  @media screen and (max-width: 560px) {
    /* line 22, header.scss */
    .header__logo {
      max-width: 114px; } }
  /* line 28, header.scss */
  .header__wrapper {
    padding-top: 51px;
    padding-bottom: 45px;
    border-bottom: 1px solid #505050; }
    @media screen and (max-width: 560px) {
      /* line 28, header.scss */
      .header__wrapper {
        padding-top: 26px;
        padding-bottom: 19px; } }
  /* line 39, header.scss */
  .header__nav {
    display: flex;
    align-items: center;
    gap: 77px; }
    @media screen and (max-width: 1090px) {
      /* line 39, header.scss */
      .header__nav {
        gap: 38px; } }
    /* line 48, header.scss */
    .header__nav-wrapper {
      margin-left: 94px; }
      @media screen and (max-width: 850px) {
        /* line 48, header.scss */
        .header__nav-wrapper {
          display: none; } }
      @media screen and (max-width: 1090px) {
        /* line 48, header.scss */
        .header__nav-wrapper {
          margin-left: 0px; } }
    /* line 60, header.scss */
    .header__nav-item {
      font-size: 20px;
      letter-spacing: 6%;
      font-weight: 500;
      text-transform: uppercase; }
      /* line 66, header.scss */
      .header__nav-item > a {
        color: #505050;
        border-bottom: 1px solid transparent;
        transition: .2s ease; }
        /* line 71, header.scss */
        .header__nav-item > a:hover {
          border-bottom: 1px solid #505050; }
      /* line 76, header.scss */
      .header__nav-item.hovered a {
        border-bottom: 1px solid #505050; }
  /* line 82, header.scss */
  .header__search {
    margin-left: auto; }
    @media screen and (max-width: 1090px) {
      /* line 82, header.scss */
      .header__search {
        margin-left: 0px; } }
    @media screen and (max-width: 560px) {
      /* line 82, header.scss */
      .header__search {
        margin-left: auto; } }
  /* line 94, header.scss */
  .header__burger {
    display: none; }
    @media screen and (max-width: 850px) {
      /* line 94, header.scss */
      .header__burger {
        display: block; } }
  /* line 104, header.scss */
  .header__dropdown {
    width: 100%;
    background-color: #F1F1F1;
    padding-top: 24px;
    padding-bottom: 54px;
    overflow: hidden; }
    /* line 110, header.scss */
    .header__dropdown.full {
      height: calc(100svh - 64px); }
    /* line 114, header.scss */
    .header__dropdown.head {
      height: calc(100svh - 64px + 68px);
      margin-top: -68px; }
    /* line 119, header.scss */
    .header__dropdown.search {
      background-color: #FFF; }
    @media screen and (max-width: 560px) {
      /* line 104, header.scss */
      .header__dropdown {
        padding-top: 16px;
        padding-bottom: 33px; } }
    /* line 130, header.scss */
    .header__dropdown-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000;
      background-color: rgba(0, 0, 0, 0.15);
      width: 100%;
      opacity: 0;
      pointer-events: none;
      transition: .2s ease; }
      /* line 144, header.scss */
      .header__dropdown-wrapper.active {
        opacity: 1;
        pointer-events: all; }

/* line 152, header.scss */
.header-collection {
  display: flex;
  gap: clamp(44px, 4vw, 96px); }
  /* line 156, header.scss */
  .header-collection.hideable {
    display: none; }
  /* line 160, header.scss */
  .header-collection.active {
    display: flex; }
  /* line 164, header.scss */
  .header-collection-nav {
    display: flex;
    flex-direction: column;
    gap: clamp(13px, 4vw, 15px); }
    /* line 169, header.scss */
    .header-collection-nav h1 {
      color: #505050;
      font-size: 20px;
      font-weight: 400;
      text-transform: uppercase; }
      /* line 175, header.scss */
      .header-collection-nav h1 a, .header-collection-nav h1 button {
        color: #505050;
        text-transform: uppercase;
        border-bottom: 1px solid transparent;
        transition: .2s ease; }
        /* line 183, header.scss */
        .header-collection-nav h1 a:hover, .header-collection-nav h1 button:hover {
          border-bottom: 1px solid #505050; }
    /* line 189, header.scss */
    .header-collection-nav ul {
      display: flex;
      flex-direction: column;
      gap: clamp(4px, 4vw, 7px); }
    /* line 195, header.scss */
    .header-collection-nav li a {
      color: #505050;
      font-size: 15px;
      font-weight: 400;
      border-bottom: 1px solid transparent;
      transition: .2s ease; }
      /* line 203, header.scss */
      .header-collection-nav li a:hover {
        border-bottom: 1px solid #505050; }
      /* line 207, header.scss */
      .header-collection-nav li a.active {
        text-decoration: underline; }
  /* line 213, header.scss */
  .header-collection-imgs {
    display: flex;
    gap: 21px; }
    /* line 217, header.scss */
    .header-collection-imgs:has(.visible) div > img {
      opacity: 1; }
    /* line 221, header.scss */
    .header-collection-imgs div {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 206px;
      height: 209px; }
      /* line 228, header.scss */
      .header-collection-imgs div img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

/* line 237, header.scss */
.search-form {
  border-bottom: 1px solid #505050;
  display: flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 7px; }
  /* line 244, header.scss */
  .search-form > input {
    width: 100%;
    color: #505050; }
    /* line 248, header.scss */
    .search-form > input::placeholder {
      color: #C1C1C1; }

/* line 254, header.scss */
.search-results {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 28px;
  height: 396px;
  overflow-y: auto; }
  /* line 264, header.scss */
  .search-results a {
    color: #505050; }
    /* line 267, header.scss */
    .search-results a:hover {
      color: #000; }

/* line 275, header.scss */
.header-main {
  display: none; }
  /* line 278, header.scss */
  .header-main.show {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    /* line 284, header.scss */
    .header-main.show > div {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
  /* line 292, header.scss */
  .header-main header {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 19px;
    border-bottom: 1px solid #505050;
    margin-top: 10px;
    margin-bottom: 33px; }
  /* line 302, header.scss */
  .header-main__nav {
    display: flex;
    flex-direction: column;
    gap: 15px; }
    /* line 307, header.scss */
    .header-main__nav li {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    /* line 313, header.scss */
    .header-main__nav li a, .header-main__nav li button {
      color: #505050;
      font-size: 20px;
      font-weight: 400;
      text-transform: uppercase; }
  /* line 322, header.scss */
  .header-main__footer {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    /* line 327, header.scss */
    .header-main__footer li a {
      color: #505050;
      font-size: 13px; }

/* line 334, header.scss */
.header-catalog {
  display: none; }
  /* line 338, header.scss */
  .header-catalog.show {
    display: block; }
  /* line 343, header.scss */
  .header-catalog > .row {
    display: flex;
    flex-direction: row;
    gap: 15px; }
  /* line 349, header.scss */
  .header-catalog__banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding-bottom: 26px;
    border-bottom: 1px solid #505050;
    margin-top: -16px;
    margin-bottom: 22px; }
    /* line 364, header.scss */
    .header-catalog__banner > img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    /* line 370, header.scss */
    .header-catalog__banner > svg {
      position: absolute;
      bottom: 38px; }
  /* line 376, header.scss */
  .header-catalog h1 {
    color: #505050;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 13px; }
  /* line 384, header.scss */
  .header-catalog > .row > div > ul, .header-catalog > .lone > ul {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    /* line 390, header.scss */
    .header-catalog > .row > div > ul li a, .header-catalog > .row > div > ul li button, .header-catalog > .lone > ul li a, .header-catalog > .lone > ul li button {
      color: #505050;
      font-size: 17px;
      font-weight: 500;
      text-transform: uppercase; }
      /* line 397, header.scss */
      .header-catalog > .row > div > ul li a.hide, .header-catalog > .row > div > ul li button.hide, .header-catalog > .lone > ul li a.hide, .header-catalog > .lone > ul li button.hide {
        opacity: 0;
        pointer-events: none; }
  /* line 404, header.scss */
  .header-catalog__right {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding-left: 18px;
    border-left: 1px solid #505050; }
    /* line 412, header.scss */
    .header-catalog__right li a {
      color: #505050;
      font-size: 17px;
      font-weight: 500; }