/*-----------FONTS--------------------*/
@font-face {
    font-display: swap;
    font-family: 'Favorit';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/ABCFavoritPro-Book.woff2') format('woff2'),
            url('../../fonts/ABCFavoritPro-Book.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Favorit';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/ABCFavoritPro-Book.woff2') format('woff2'),
            url('../../fonts/ABCFavoritPro-Book.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Oceanic';
    font-style: normal;
    font-weight: 450;
    src: url('../../fonts/Oceanic.woff2') format('woff2'),
            url('../../fonts/Oceanic.woff') format('woff');
}

:root {
    --primary-font: 'Favorit', 'Helvetica Neue', sans-serif;
    --secondary-font: 'Oceanic', 'Helvetica Neue', sans-serif;
}

/*-----------RESET--------------------*/
* {
    padding: 0;
    margin: 0;
    border: 0;
}
  
*,
*::before,
*::after {
    box-sizing: border-box;
}
  
:focus,
:active {
    outline: none;
}
  
a:focus,
a:active {
    outline: none;
}
  
label {
    margin: 0;
    cursor: pointer;
}
  
aside,
nav,
footer,
header,
section {
    display: block;
}
  
html,
body {
    min-width: 300px;
    height: 100%;
}
  
body {
    background-color: var(--white);
    color: var(--black);
    font-family: var(--primary-font);
    font-feature-settings: "ss04" on;
    font-size: 1.6rem;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
}
  
input,
button,
textarea {
    font-family: inherit;
    font-weight: inherit;
}
  
input::-ms-clear {
    display: none;
}
  
button {
    cursor: pointer;
}
  
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
  
a,
a:visited {
    text-decoration: none;
}
  
a:hover {
    text-decoration: none;
}
  
ul li {
    list-style: none;
}
  
ol li {
    list-style: none;
}
  
img {
    display: block;
    max-width: 100%;
}
  
button {
    padding: 0;
    border: none;
    background-color: transparent;
}

.grecaptcha-badge {
    display: none!important;
}
  
/** BASIC **/
html.new-design {
    scroll-behavior: smooth;
}

html.new-design.new-design--scroll-locked,
html.new-design body.new-design--scroll-locked {
    overflow: hidden;
}
  
@media (max-width: 1079px) {
body, html.new-design {
      -webkit-font-smoothing: auto;
      font-size: 10px!important;
    }
}
  
@media (max-width: 767px) {
html.new-design {
        font-size:4.2666666667vw
    }
}
  
body,
html.new-design {
    font-size: .6944444444vw
}


@media (max-width: 1200px) {
    main {
        font-size: calc(100vw / 1440 * 10);
        -webkit-font-smoothing: auto;
    }
}
  
@media (max-width: 767px) {
    main {
        font-size: calc(100vw / 23.4375);
    }
}
  
@media (max-width: 320px) {
    main {
        font-size: 1rem;
    }
}

.woocommerce .content-area, .woocommerce-page .content-area {
    max-width: none;
}

html.new-design #JLPromoBtn {
    bottom: 210px;
}

html.new-design #topNubex {
    bottom: 130px;
}

html.new-design .new-header {
    position: relative;
    z-index: 100;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0;
    width: 100%;
    min-height: 6rem;
    padding: 0 4rem;
    background: #ffffff;
    overflow: visible;
}

html.new-design .new-header__left,
html.new-design .new-header__right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.2rem;
    min-height: 6rem;
}

html.new-design .new-header__left {
    justify-content: flex-start;
}

html.new-design .new-header__center {
    display: flex;
    justify-content: center;
}

html.new-design .new-header__right {
    justify-content: flex-end;
}

html.new-design .new-header__logo {
    display: flex;
    flex-shrink: 0;
    width: 6rem;
    height: 6rem;
}

html.new-design .new-header__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

html.new-design .new-header__icon-button {
    position: relative;
    padding: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    color: #222222;
}

html.new-design .new-header__icon-button svg {
    opacity: 1;
    transition: opacity 250ms ease;
}

html.new-design .new-header__icon-button:hover svg {
    opacity: 0.6;
}

html.new-design .new-header__menu-button {
    padding: 0;
}

html.new-design .new-header__menu-button svg path {
    position: relative;
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 250ms ease, top 250ms ease;
}

html.new-design .new-header__menu-button:hover svg path:first-child {
    transform: translateY(-0.1rem);
}

html.new-design .new-header__menu-button:hover svg path:last-child {
    transform: translateY(0.1rem);
}

html.new-design .new-header__menu-button--active svg path:first-child,
html.new-design .new-header__menu-button.new-header__menu-button--active:hover svg path:first-child {
    transform: translateY(0.1rem) rotate(45deg);
}

html.new-design .new-header__menu-button--active svg path:last-child,
html.new-design .new-header__menu-button.new-header__menu-button--active:hover svg path:last-child {
    transform: translateY(-0.2rem) rotate(-45deg);
}

html.new-design .new-header__icon-button span {
    padding: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

html.new-design .new-header__icon-button svg {
    width: 100%;
    height: 100%;
}

html.new-design .new-header__shop-link {
    background: #80CED7;
    padding: 1.6rem 2.4rem 1.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 5.2rem;
    overflow: hidden;
    transition: background-color 250ms ease;
}

html.new-design .new-header__shop-link:hover {
    background-color: #B3E2E7;
}

html.new-design .new-header__shop-link-text {
    color: #222222;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    font-weight: 400;
}

html.new-design .new-header__location {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    color: #222222;
    transition: opacity 250ms ease;
}

html.new-design .new-header__location:hover {
    opacity: 0.6;
}

html.new-design .new-header__location-icon {
    padding: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
}

html.new-design .new-header__location-icon svg {
    width: 3.2rem;
    height: 3.2rem;
}

html.new-design .new-header__location-text {
    color: #222222;
    font-family: var(--primary-font);
    font-size: 1.4rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    font-weight: 400;
}

html.new-design .new-header__wishlist,
html.new-design .new-header__cart,
html.new-design .new-header__account {
    position: relative;
}

html.new-design .new-header__wishlist svg,
html.new-design .new-header__cart svg,
html.new-design .new-header__account svg {
    transition: opacity 250ms ease;
}

html.new-design .new-header__wishlist:hover svg
html.new-design .new-header__cart:hover svg,
html.new-design .new-header__account:hover svg {
    opacity: 0.6;
}

html.new-design .new-header .has-new-items::before {
    content: "";
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: #ba0c2f;
    border: 0.2rem solid #ffffff;
    box-sizing: content-box;
    z-index: 5;
}

html.new-design .new-header__cart--delivery-free .has-new-items::before,
html.new-design .new-header__cart--min-order-met .has-new-items::before,
html.new-design .new-header__cart--no-conditions .has-new-items::before {
    background: #46bb44;
}

html.new-design .new-header__cart-panel,
html.new-design .new-header__account-menu {
    position: absolute;
    top: calc(100% + 1.6rem);
    right: -1.8rem;
    z-index: 30;
    width: max-content;
    min-width: 28rem;
    padding: 2rem;
    background: #ffffff;
    box-shadow: 0 1.2rem 4rem rgba(34, 34, 34, 0.12);
}

html.new-design .new-header__account-menu[hidden] {
    display: none;
}

html.new-design .new-header__cart-panel::before,
html.new-design .new-header__account-menu::before {
    content: "";
    position: absolute;
    top: -0.8rem;
    right: 2.4rem;
    width: 1.6rem;
    height: 1.6rem;
    background: #ffffff;
    transform: rotate(45deg);
}

html.new-design .new-header__cart-shipping {
    padding-bottom: 1.8rem;
    margin-bottom: 1.8rem;
    border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
}

html.new-design .new-header__cart-shipping-info {
    margin-bottom: 1.2rem;
    font-family: var(--primary-font);
    font-size: 1.4rem;
    line-height: 120%;
    color: #222222;
}

html.new-design .new-header__cart-progress {
    position: relative;
    height: 0.6rem;
    background: rgba(186, 12, 47, 0.2);
    border-radius: 0;
    overflow: hidden;
}

html.new-design .new-header__cart-progress span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 0;
    background: #ba0c2f;
}

html.new-design .new-header__cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.8rem;
    padding: 1.2rem 2rem;
    background: #222222;
    color: #ffffff;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
}

html.new-design .new-header__account-trigger img,
html.new-design .new-header__account-trigger .avatar {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
}

html.new-design .new-header__account-menu {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 1.2rem 2rem;
    list-style: none;
}

html.new-design .new-header__account-menu-item {
    padding: 1.2rem 2rem;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    color: #222222;
}

html.new-design .new-header__account-menu-item:not(:last-child) {
    border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
}

html.new-design .new-header__account-menu-item--auth {
    display: flex;
    gap: 0.8rem;
}

html.new-design .new-header__account-menu-item--auth button {
    padding: 1rem 1.2rem;
    min-height: 4.8rem;
    border: 1px solid #222222 !important;
    font-family: var(--primary-font);
    background-color: #222222 !important;
    color: #ffffff !important;
    font-size: 1.4rem;
    line-height: 130%;
    border-radius: 0;
    transition: opacity 250ms ease;
}

html.new-design .new-header__account-menu-item--auth button:hover {
    opacity: 0.6;
}

html.new-design .new-header__counter {
    margin-left: 0.4rem;
    color: #ba0c2f;
}

html.new-design .new-header-menu[hidden] {
    display: none;
}

@keyframes new-header-menu-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes new-header-menu-content-fade-in {
    from {
        opacity: 0;
        transform: translateY(0.6rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html.new-design .new-header-menu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 25;
    width: 100%;
    background: #ffffff;
    border-top: 0.1rem solid rgba(34, 34, 34, 0.1);
    color: #222222;
    animation: new-header-menu-fade-in 180ms ease both;
}

html.new-design .new-header-menu__panel {
    display: grid;
    grid-template-columns: 27rem minmax(0, 1fr);
    width: 100%;
    min-height: 70rem;
    overflow: hidden;
}

html.new-design .new-header-menu__panel--catalog {
    grid-template-columns: 30rem minmax(0, 1fr);
    padding: 4rem;
    min-height: calc(100vh - 6rem);
}

html.new-design .new-header-menu__sidebar,
html.new-design .new-header-menu__catalog-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 0.1rem solid rgba(34, 34, 34, 0.1);
    background: #ffffff;
}

html.new-design .new-header-menu__sidebar {
    max-height: calc(100vh - 6rem);
    height: 100%;
}

html.new-design .new-header-menu__catalog-sidebar {
    padding: 0 4rem;
}

html.new-design .new-header-menu__nav {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 4rem;
}

html.new-design .new-header-menu__nav--catalog {
    padding: 0;
}

html.new-design .new-header-menu__nav-item,
html.new-design .new-header-menu__text-link,
html.new-design .new-header-menu__category-title,
html.new-design .new-header-menu__all-products-link {
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
    align-items: center;
    justify-content: flex-start;
    color: #222222;
    text-decoration: none;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__nav-item:hover,
html.new-design .new-header-menu__text-link:hover,
html.new-design .new-header-menu__category-title:hover,
html.new-design .new-header-menu__all-products-link:hover {
    opacity: 0.6;
}

html.new-design .new-header-menu__nav-item {
    padding: 0.8rem 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

html.new-design .new-header-menu__nav-text {
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    font-weight: 400;
}

html.new-design .new-header-menu__nav--catalog .new-header-menu__nav-text,
html.new-design .new-header-menu__category-title,
html.new-design .new-header-menu__eyebrow {
    font-family: var(--secondary-font)!important;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -0.01em;
    font-weight: 450;
}

html.new-design .new-header-menu__nav-icon,
html.new-design .new-header-menu__category-icon,
html.new-design .new-header-menu__text-link-icon,
html.new-design .new-header-menu__all-products-icon {
    width: 2rem;
    height: 2rem;
    color: #222222;
    opacity: 0;
    transition: opacity 250ms ease, transform 250ms ease;
}

html.new-design .new-header-menu__all-products-icon,
html.new-design .new-header-menu__sidebar-bottom .new-header-menu__text-link-icon,
html.new-design .new-header-menu__nav-item.new-header-menu__nav-item--home .new-header-menu__nav-icon {
    opacity: 1;
}

html.new-design .new-header-menu__text-links {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 4rem;
}

html.new-design .new-header-menu__nav-item:hover .new-header-menu__nav-icon,
html.new-design .new-header-menu__nav-item--active .new-header-menu__nav-icon,
html.new-design .new-header-menu__category-title:hover .new-header-menu__category-icon,
html.new-design .new-header-menu__text-link:hover .new-header-menu__text-link-icon,
html.new-design .new-header-menu__all-products-link:hover .new-header-menu__all-products-icon {
    opacity: 1;
}

html.new-design .new-header-menu__nav-item--active {
    opacity: 0.3;
}

html.new-design .new-header-menu__nav-item--active .new-header-menu__nav-icon {
    color: rgba(34, 34, 34, 0.3);
}

html.new-design .new-header-menu__sidebar-bottom {
    display: flex;
    flex-direction: column;
    padding: 0;
}

html.new-design .new-header-menu__text-link {
    padding: 1.6rem 0;
    min-height: 5.3rem;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
}

html.new-design .new-header-menu__socials {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    border-top: 0.1rem solid rgba(34, 34, 34, 0.1);
}

html.new-design .new-header-menu__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.7rem;
    color: #222222;
}

html.new-design .new-header-menu__social-link:not(:last-child) {
    border-right: 0.1rem solid rgba(34, 34, 34, 0.1);
}

html.new-design .new-header-menu__social-link svg {
    height: 4rem;
    width: 4rem;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__social-link:hover svg {
    opacity: 0.6;
}

html.new-design .new-header-menu__account-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: calc(100vh - 6rem);
    height: 100%;
    margin-left: auto;
    width: 42rem;
    background: #f8f8f8;
    overflow: hidden;
}

html.new-design .new-header-menu__account-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    align-items: flex-start;
    padding: 4rem;
}

html.new-design .new-header-menu__eyebrow {
    margin: 0;
    font-size: 3.6rem;
    line-height: 120%;
    letter-spacing: -0.02em;
}

html.new-design .new-header-menu__account-text {
    margin: 0;
    color: rgba(34, 34, 34, 0.3);
    font-family: var(--primary-font)!important;
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
}

html.new-design .new-header-menu__account-button {
    padding: 1.6rem 2.4rem;
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #222222!important;
    min-height: 5.3rem;
    background: #222222!important;
    color: #ffffff!important;
    font-family: var(--primary-font)!important;
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    text-decoration: none;
    width: fit-content;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__account-button:hover {
    opacity: 0.6;
}

html.new-design .new-header-menu__account-button:last-child {
    margin-top: 0;
}

html.new-design .new-header-menu__register-text {
    position: relative;
    z-index: 2;
    margin: auto 4rem 14.4rem;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
}

html.new-design .new-header-menu__register-button {
    display: inline;
    text-decoration: underline;
}

html.new-design .new-header-menu__catalog-cta {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 11.6rem;
    color: #222222;
    text-decoration: none;
    background: #80ced7;
    overflow: hidden;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__catalog-cta:hover {
    opacity: 0.6;
}

html.new-design .new-header-menu__catalog-cta-blob {
    position: absolute;
    width: 74rem;
    height: 74rem;
    border-radius: 50%;
    filter: blur(1.5rem);
    transform: rotate(90deg);
}

html.new-design .new-header-menu__catalog-cta-blob--green {
    left: 4rem;
    top: -36rem;
    background: #99d16e;
}

html.new-design .new-header-menu__catalog-cta-blob--yellow {
    left: 10rem;
    top: -35rem;
    background: #f2dd6b;
}

html.new-design .new-header-menu__catalog-cta-blob--pink {
    left: 16rem;
    top: -34rem;
    background: #ffa3af;
}

html.new-design .new-header-menu__catalog-cta-blob--blue {
    left: 22rem;
    top: -33rem;
    background: #80ced7;
}

html.new-design .new-header-menu__catalog-cta-text {
    position: relative;
    z-index: 1;
    font-family: var(--secondary-font);
    font-size: 2.4rem;
    line-height: 120%;
    letter-spacing: -0.02em;
}

html.new-design .new-header-menu__catalog-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    max-height: calc(100vh - 10rem);
    height: 100%;
    overflow-y: auto;
    animation: new-header-menu-content-fade-in 300ms ease both;
}

html.new-design .new-header-menu__catalog-content::-webkit-scrollbar {
    display: none;
}

html.new-design .new-header-menu__catalog-panels {
    flex: 1;
    min-width: 0;
}

html.new-design .new-header-menu__catalog-content[hidden],
html.new-design [data-catalog-panel][hidden],
html.new-design [data-brand-panel][hidden] {
    display: none;
}

html.new-design .new-header-menu__catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

html.new-design .new-header-menu__category-column {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 4rem;
}

html.new-design .new-header-menu__category-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.new-design .new-header-menu__category-title,
html.new-design .new-header-menu__category-link {
    padding: 0.8rem 0;
}

html.new-design .new-header-menu__category-link {
    display: block;
    color: #222222;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    text-decoration: none;
    opacity: 0.9;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__category-link:hover {
    opacity: 0.6;
}

html.new-design .new-header-menu__category-group {
    margin-top: 4rem;
}

html.new-design .new-header-menu__catalog-footer {
    padding: 3.2rem 4rem 0;
}

html.new-design .new-header-menu__all-products-link {
    min-height: 5.3rem;
    padding: 1.6rem 0;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
}

html.new-design .new-header-menu__brand-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48rem;
    gap: 0;
    align-items: stretch;
    width: 100%;
    height: 100%;
}

html.new-design .new-header-menu__brand-list-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 48rem;
}

html.new-design .new-header-menu__brand-list,
html.new-design .new-header-menu__customer-links {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0 4rem;
    list-style: none;
}

html.new-design .new-header-menu__brand-link,
html.new-design .new-header-menu__customer-link {
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 3.7rem;
    padding: 0.8rem 0;
    background: transparent;
    border: 0;
    color: #222222;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__brand-link:hover,
html.new-design .new-header-menu__brand-link--active,
html.new-design .new-header-menu__customer-link:hover {
    opacity: 0.6;
}

html.new-design .new-header-menu__brand-icon,
html.new-design .new-header-menu__customer-icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__brand-link:hover .new-header-menu__brand-icon,
html.new-design .new-header-menu__brand-link--active .new-header-menu__brand-icon,
html.new-design .new-header-menu__customer-link:hover .new-header-menu__customer-icon {
    opacity: 1;
}

html.new-design .new-header-menu__brand-banner-area {
    width: 48rem;
}

html.new-design .new-header-menu__brand-banner {
    position: relative;
    display: block;
    width: 48rem;
    height: 100%;
    color: #222222;
    text-decoration: none;
    overflow: hidden;
}

html.new-design .new-header-menu__brand-banner-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.new-design .new-header-menu__brand-banner-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40rem;
    padding: 2.2rem 4rem 2.8rem 2rem;
    background: #b3e2e7;
}

html.new-design .new-header-menu__brand-banner--yellow .new-header-menu__brand-banner-content {
    background: #f7eba6;
}

html.new-design .new-header-menu__brand-banner--gray .new-header-menu__brand-banner-content {
    background: #ededed;
}

html.new-design .new-header-menu__brand-banner--green .new-header-menu__brand-banner-content {
    background: #dff0d3;
}

html.new-design .new-header-menu__brand-banner--pink .new-header-menu__brand-banner-content {
    background: #ffc8cf;
}

html.new-design .new-header-menu__brand-banner-title {
    display: block;
    color: #0e363c;
    font-family: var(--primary-font);
    font-size: 2.4rem;
    line-height: 120%;
    letter-spacing: -0.03em;
}

html.new-design .new-header-menu__promo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 48rem));
    gap: 2rem;
    align-items: start;
    padding: 0 4rem;
}

html.new-design .new-header-menu__promo-card,
html.new-design .new-header-menu__sale-card {
    position: relative;
    display: flex;
    color: #222222;
    text-decoration: none;
    overflow: hidden;
    background: #ededed;
}

html.new-design .new-header-menu__media-placeholder {
    background: #ededed;
}

html.new-design .new-header-menu__brand-banner.new-header-menu__media-placeholder::before,
html.new-design .new-header-menu__promo-card.new-header-menu__media-placeholder::before,
html.new-design .new-header-menu__sale-card.new-header-menu__media-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ededed;
}

html.new-design .new-header-menu__media-placeholder .new-header-menu__brand-banner-content,
html.new-design .new-header-menu__media-placeholder .new-header-menu__promo-content,
html.new-design .new-header-menu__media-placeholder .new-header-menu__sale-content {
    z-index: 1;
}

html.new-design .new-header-menu__promo-card {
    width: 48rem;
    height: 48rem;
}

html.new-design .new-header-menu__promo-card--wide {
    grid-column: 1 / -1;
    flex-direction: row;
    width: 98rem;
}

html.new-design .new-header-menu__promo-content,
html.new-design .new-header-menu__sale-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    width: 36rem;
    min-height: 48rem;
    padding: 4rem 4rem 2rem;
}

html.new-design .new-header-menu__promo-card:not(.new-header-menu__promo-card--wide) .new-header-menu__promo-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40rem;
    min-height: 0;
    padding: 2.2rem 4rem 1.6rem 2rem;
}

html.new-design .new-header-menu__promo-card--yellow .new-header-menu__promo-content,
html.new-design .new-header-menu__sale-card--yellow .new-header-menu__sale-content {
    background: #f7eba6;
    color: #383105;
}

html.new-design .new-header-menu__promo-card--blue .new-header-menu__promo-content,
html.new-design .new-header-menu__sale-card--blue .new-header-menu__sale-content {
    background: #b3e2e7;
    color: #0e363c;
}

html.new-design .new-header-menu__promo-card--gray .new-header-menu__promo-content,
html.new-design .new-header-menu__sale-card--gray .new-header-menu__sale-content {
    background: #ededed;
}

html.new-design .new-header-menu__sale-card--pink .new-header-menu__sale-content {
    background: #ffc8cf;
    color: #3d0008;
}

html.new-design .new-header-menu__promo-text,
html.new-design .new-header-menu__sale-text {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

html.new-design .new-header-menu__promo-title,
html.new-design .new-header-menu__sale-title {
    font-family: var(--secondary-font);
    font-size: 3.6rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: 450;
}

html.new-design .new-header-menu__promo-card:not(.new-header-menu__promo-card--wide) .new-header-menu__promo-title {
    font-family: var(--primary-font);
    font-size: 2.4rem;
    line-height: 120%;
    letter-spacing: -0.03em;
}

html.new-design .new-header-menu__promo-description,
html.new-design .new-header-menu__sale-date,
html.new-design .new-header-menu__sale-description {
    font-family: var(--primary-font);
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -0.02em;
}

html.new-design .new-header-menu__sale-date {
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
}

html.new-design .new-header-menu__promo-button {
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
    align-items: center;
    min-height: 5.3rem;
    padding: 1.6rem 0;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    transition: opacity 250ms ease;
}

html.new-design .new-header-menu__promo-button:hover {
    opacity: 0.6;
}

html.new-design .new-header-menu__promo-card--wide .new-header-menu__promo-button {
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -0.02em;
}

html.new-design .new-header-menu__promo-icon {
    width: 2rem;
    height: 2rem;
}

html.new-design .new-header-menu__promo-card--wide .new-header-menu__promo-icon,
html.new-design .new-header-menu__sale-card .new-header-menu__promo-icon {
    width: 2.4rem;
    height: 2.4rem;
}

html.new-design .new-header-menu__promo-image,
html.new-design .new-header-menu__sale-image {
    min-width: 0;
    flex: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.new-design .new-header-menu__promo-card:not(.new-header-menu__promo-card--wide) .new-header-menu__promo-image {
    position: absolute;
    inset: 0;
}

html.new-design .new-header-menu__promo-footer {
    grid-column: 1 / -1;
    padding-top: 1.2rem;
}

html.new-design .new-header-menu__sale-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 4rem;
}

html.new-design .new-header-menu__sale-card {
    align-self: stretch;
    height: 48rem;
}

html.new-design .new-header-menu__customer-links {
    flex: 1;
}

html.new-design .search-popup__demonstrate-wrapper,
html.new-design .search-drop__menu-wrapper {
    width: 100%;
}

html.new-design .search-popup__demonstrate-wrapper {
    top: 6rem;
}

html.new-design .search-drop__menu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 26;
    display: none;
    width: 100%;
    padding: 0!important;
    background: #ffffff;
    border-top: 0.1rem solid rgba(34, 34, 34, 0.1);
    color: #222222;
    overflow: hidden;
}

html.new-design .search-drop__overlay {
    position: fixed;
    left: 0;
    top: 6rem;
    z-index: 24;
    display: none;
    width: 100%;
    height: calc(100vh - 6rem);
    background: rgba(34, 34, 34, 0.45);
}

html.new-design .search-drop__menu-active {
    display: block;
}

html.new-design .search-drop__form {
    padding: 16rem 0 8rem!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

html.new-design .search-drop__hero {
    display: flex;
    flex-direction: row;
    gap: 21rem;
    align-items: center;
    justify-content: center;
    width: 100%;
}

html.new-design .search-drop__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    width: 90rem;
    max-width: calc(100vw - 28rem);
    padding: 0 0 1.6rem;
    background: transparent!important;
    border: 0!important;
    border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1)!important;
    border-radius: 0!important;
    overflow: visible;
}

html.new-design .search-drop__inp {
    flex: 1;
    width: 100%;
    min-width: 0;
    padding: 1rem 2rem 1rem 0!important;
    background: transparent!important;
    border: 0!important;
    border-radius: 0!important;
    color: #222222;
    font-family: var(--secondary-font)!important;
    font-size: 5.4rem;
    line-height: 110%;
    letter-spacing: -0.02em;
    font-weight: 450;
}

html.new-design .search-drop__inp::placeholder {
    color: rgba(34, 34, 34, 0.3);
    opacity: 1;
}

html.new-design .search-drop__inp:focus {
    background: transparent!important;
    outline: none!important;
}

html.new-design .search-drop__img,
html.new-design .search-drop__btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0!important;
    padding: 0!important;
    width: 6rem;
    height: 6rem;
    background: transparent!important;
    color: #222222;
}

html.new-design .search-drop__img svg,
html.new-design .search-drop__btn-close svg {
    width: 6rem;
    height: 6rem;
}

html.new-design .search-drop__btn-close {
    position: absolute;
    right: 0;
    top: 0;
}

html.new-design .search-drop__wrapper {
    width: 90rem;
    max-width: calc(100vw - 28rem);
    margin: 2.4rem 0 0;
    padding: 0;
}

html.new-design .search-drop__wrapper.text-caption {
    color: rgba(34, 34, 34, 0.3);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
}

html.new-design .search-drop__list {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.new-design .search-drop__item {
    margin: 0!important;
    padding: 1.6rem 0!important;
    border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
}

html.new-design .search-drop__item a {
    color: #222222;
    font-family: var(--primary-font)!important;
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    text-decoration: none!important;
}

html.new-design .search-drop__highlights {
    color: #ba0c2f;
}

html.new-design .search-drop__href {
    margin-left: 1.6rem;
    color: rgba(34, 34, 34, 0.3);
    font-family: var(--primary-font);
}

html.new-design .search-drop__notfound-block {
    margin-top: 2.4rem;
    padding: 0;
}

html.new-design .search-drop__notfound-title,
html.new-design .search-drop__notfound-text {
    font-family: var(--primary-font)!important;
    letter-spacing: -0.03em;
    color: #222222;
}

html.new-design .search-drop__notfound-title {
    margin: 0 0 0.8rem;
    font-size: 2rem;
    line-height: 130%;
    font-weight: 400;
}

html.new-design .search-drop__notfound-text {
    margin: 0;
    font-size: 1.6rem;
    line-height: 130%;
    font-weight: 400;
    opacity: 0.6;
}

html.new-design .breadcrumbs {
    padding-bottom: 0!important;
    font-family: var(--primary-font)!important;
    overflow-x: visible;
    flex-wrap: nowrap;
    white-space: nowrap;
}

html.new-design .breadcrumbs a,
html.new-design .breadcrumbs span {
    color: #222222;
    font-family: var(--primary-font)!important;
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    text-decoration: none!important;
    transition: opacity 250ms ease;
}

html.new-design .breadcrumbs a:hover,
html.new-design .breadcrumbs span:last-child {
    opacity: 1;
}

html.new-design .footer {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
    justify-content: flex-start;    
    font-size: 1.4rem;
    line-height: 1.2;
    width: 100%;
    max-width: 100%;
    position: relative;
    background: #ffffff;
    color: #222222;
    overflow: hidden;
}

html.new-design .footer a {
    text-decoration: none;
}

html.new-design .footer__cta {
    background: #f8f8f8;
    padding: 4.8rem 4rem 4rem;
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 25.4rem;
    position: relative;
    overflow: hidden;
}

html.new-design .footer__cta-bg {
    background: #f2dd6b;
    width: 100%;
    height: 25.4rem;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

html.new-design .footer__cta-gradient {
    width: 217.4rem;
    height: 240.7rem;
    position: absolute;
    left: 50%;
    top: 18.1rem;
    transform: translateX(-50%);
}

html.new-design .footer__cta-blob {
    border-radius: 50%;
    width: 217.4rem;
    height: 216.8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    filter: blur(2.948rem);
}

html.new-design .footer__cta-blob--green {
    background: #99d16e;
}

html.new-design .footer__cta-blob--yellow {
    background: #f2dd6b;
}

html.new-design .footer__cta-blob--pink {
    background: #ffa3af;
}

html.new-design .footer__cta-blob--blue {
    background: #80ced7;
}

html.new-design .footer__cta-title {
    margin: 0;
    color: #222222;
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 3.6rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: 450;
    position: relative;
    width: 100%;
    max-width: 90rem;
}

html.new-design .footer__cta-actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    position: relative;
}

html.new-design .footer__link,
html.new-design .footer__newsletter-link,
html.new-design .footer__shop-card-link {
    padding: 1.6rem 0;
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
    align-items: center;
    justify-content: center;
    min-height: 5.2rem;
    position: relative;
    transition: opacity 250ms ease;
}

html.new-design .footer__link:hover,
html.new-design .footer__newsletter-link:hover,
html.new-design .footer__shop-card-link:hover {
    opacity: 0.6;
}

html.new-design .footer__link-text,
html.new-design .footer__shop-card-link-text {
    color: #222222;
    text-align: left;
    font-family: var(--primary-font);
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    font-weight: 400;
}

html.new-design .footer__link svg,
html.new-design .footer__newsletter-link svg,
html.new-design .footer__shop-card-link svg {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
}

html.new-design .footer__menu {
    background: #ffffff;
    padding: 0 4rem 4rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

html.new-design .footer__logo-area {
    display: flex;
    justify-content: center;
    align-self: stretch;
}

html.new-design .footer__logo {
    display: flex;
    width: 6.8rem;
    height: 6.8rem;
}

html.new-design .footer__logo-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

html.new-design .footer__menu-layout {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem;
    width: 100%;
}

html.new-design .footer__nav-columns {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: flex-start;
}

html.new-design .footer__nav-column {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    align-items: flex-start;
    width: 21rem;
}

html.new-design .footer__nav-trigger {
    display: flex;
    flex-direction: row;
    gap: 0.8rem;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    width: 100%;
    color: rgba(34, 34, 34, 0.3);
    cursor: default;
}

html.new-design .footer__nav-title {
    color: rgba(34, 34, 34, 0.3);
    text-align: left;
    font-family: var(--primary-font);
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    font-weight: 400;
}

html.new-design .footer__nav-icon {
    display: none;
}

html.new-design .footer__nav-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    align-self: stretch;
}

html.new-design .footer__nav-link,
html.new-design .footer__nav-extra {
    padding: 1.2rem 0;
    display: flex;
    flex-direction: row;
    gap: 1.2rem;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    overflow: hidden;
    transition: opacity 250ms ease;
}

html.new-design .footer__nav-link:hover,
html.new-design .footer__nav-extra:hover {
    opacity: 0.6;
}

html.new-design .footer__nav-link-text {
    color: #222222;
    text-align: left;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    font-weight: 400;
}

html.new-design .footer__shop-card {
    background: #99d16e;
    padding: 1.6rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44rem;
    height: 52.4rem;
    position: relative;
    color: #1c2f0f;
}

html.new-design .footer__shop-card-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex: 1;
}

html.new-design .footer__shop-card-content {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    align-items: center;
    justify-content: center;
    flex: 1;
}

html.new-design .footer__shop-card-icon {
    display: flex;
    width: 9.6rem;
    height: 9.6rem;
    color: #1c2f0f;
}

html.new-design .footer__shop-card-text-area {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    align-items: center;
    justify-content: center;
}

html.new-design .footer__shop-card-text {
    color: #1c2f0f;
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 2.4rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: 450;
    max-width: 34rem;
}

html.new-design .footer__shop-card-link,
html.new-design .footer__shop-card-link-text {
    color: #1c2f0f;
}

html.new-design .footer__media {
    background: #ededed;
    border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    overflow: hidden;
}

html.new-design .footer__newsletter {
    border-right: 0.1rem solid rgba(34, 34, 34, 0.1);
    padding: 1rem 4rem 1rem 0;
    margin-left: 4rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    width: 46rem;
    min-height: 22.5rem;
}

html.new-design .footer__newsletter-title {
    margin: 0;
    color: #222222;
    text-align: left;
    font-family: var(--secondary-font);
    font-size: 3.6rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: 450;
}

html.new-design .footer__socials {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    flex: 1;
}

html.new-design .footer__social-link {
    background: #ededed;
    border-right: 0.1rem solid rgba(34, 34, 34, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22.5rem;
    color: #222222;
}

html.new-design .footer__social-link--last {
    border-right: 0;
}

html.new-design .footer__social-link svg {
    width: 10rem;
    height: 10rem;
}

html.new-design .footer__legal {
    border-top: 0.1rem solid rgba(34, 34, 34, 0.1);
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

html.new-design .footer__contacts {
    background: #ededed;
    border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
    padding: 3rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

html.new-design .footer__contacts-inner {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    align-items: center;
}

html.new-design .footer__muted-text,
html.new-design .footer__copyright-text,
html.new-design .footer__legal-link {
    color: rgba(34, 34, 34, 0.3);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    font-weight: 400;
    transition: color 0.3s ease;
}

html.new-design .footer__legal-link {
    white-space: nowrap;
}

.footer__copyright {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    font-weight: 400;
    transition: color 0.3s ease;
}

html.new-design .footer__muted-text:hover,
html.new-design .footer__legal-link:hover {
    color: #222222;
}

html.new-design .footer__contacts-row {
    display: flex;
    flex-direction: row;
    gap: 1.6rem;
    align-items: flex-start;
}

html.new-design .footer__bottom {
    background: #ededed;
    padding: 2rem 4rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3.2rem;
}

html.new-design .footer__legal-links {
    display: flex;
    flex-direction: row;
    gap: 3.2rem;
    align-items: flex-start;
    justify-content: flex-end;
}

@media (max-width: 1079px) {
    html.new-design .new-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        min-height: 6rem;
        padding: 0 2.4rem;
    }

    html.new-design .new-header__left,
    html.new-design .new-header__right {
        min-height: 6rem;
        gap: 1.2rem;
    }

    html.new-design .new-header__shop-link,
    html.new-design .new-header__wishlist,
    html.new-design .new-header__cart,
    html.new-design .new-header__account {
        display: none;
    }

    html.new-design .new-header__location {
        position: absolute;
        right: 2.4rem;
        top: 50%;
        transform: translateY(-50%);
    }

    html.new-design .new-header__logo {
        width: 6rem;
        height: 6rem;
    }

    html.new-design .new-header-menu {
        max-height: calc(100vh - 6rem);
        overflow-y: auto;
    }

    html.new-design .new-header-menu__panel,
    html.new-design .new-header-menu__panel--catalog {
        grid-template-columns: 24rem minmax(0, 1fr);
        padding: 0;
        min-height: auto;
    }

    html.new-design .new-header-menu__sidebar,
    html.new-design .new-header-menu__account-card {
        max-height: calc(100vh - 6rem);
    }

    html.new-design .new-header-menu__sidebar,
    html.new-design .new-header-menu__catalog-sidebar {
        width: 24rem;
    }

    html.new-design .new-header-menu__catalog-sidebar,
    html.new-design .new-header-menu__nav,
    html.new-design .new-header-menu__category-column {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    html.new-design .new-header-menu__account-card {
        width: 36rem;
    }

    html.new-design .new-header-menu__account-content {
        padding: 3.2rem 2.4rem;
    }

    html.new-design .new-header-menu__register-text {
        margin-left: 2.4rem;
        margin-right: 2.4rem;
    }

    html.new-design .new-header-menu__catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 3.2rem 0 0;
    }

    html.new-design .new-header-menu__brand-layout {
        grid-template-columns: minmax(0, 1fr) 36rem;
    }

    html.new-design .new-header-menu__brand-list,
    html.new-design .new-header-menu__customer-links,
    html.new-design .new-header-menu__promo-grid,
    html.new-design .new-header-menu__sale-list {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    html.new-design .new-header-menu__brand-banner-area,
    html.new-design .new-header-menu__brand-banner {
        width: 36rem;
    }

    html.new-design .new-header-menu__brand-banner {
        height: 36rem;
    }

    html.new-design .new-header-menu__brand-banner-content {
        width: 32rem;
    }

    html.new-design .new-header-menu__promo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html.new-design .new-header-menu__promo-card,
    html.new-design .new-header-menu__promo-card--wide {
        width: 100%;
    }

    html.new-design .new-header-menu__promo-card,
    html.new-design .new-header-menu__sale-card {
        height: 40rem;
    }

    html.new-design .new-header-menu__promo-content,
    html.new-design .new-header-menu__sale-content {
        width: 32rem;
        min-height: 40rem;
        padding: 3.2rem 2.4rem 1.6rem;
    }

    html.new-design .new-header-menu__promo-title,
    html.new-design .new-header-menu__sale-title {
        font-size: 2.8rem;
    }

    html.new-design .new-header-menu__catalog-footer {
        padding: 2.4rem;
    }

    html.new-design .search-drop__form {
        padding: 10rem 2.4rem 5.6rem!important;
    }

    html.new-design .search-drop__hero {
        gap: 0;
    }

    html.new-design .search-drop__container,
    html.new-design .search-drop__wrapper {
        width: 100%;
        max-width: calc(100vw - 4.8rem);
    }

    html.new-design .search-drop__inp {
        font-size: 4.2rem;
    }

    html.new-design .footer__cta {
        padding: 4rem;
        gap: 2.4rem;
        min-height: 24.6rem;
    }

    html.new-design .footer__cta-bg {
        width: 144rem;
        left: 50%;
        transform: translateX(-50%);
        height: 24.6rem;
    }

    html.new-design .footer__cta-title {
        font-size: 2.8rem;
        max-width: 68.8rem;
    }

    html.new-design .footer__link,
    html.new-design .footer__newsletter-link,
    html.new-design .footer__shop-card-link {
        padding: 1.2rem 0;
        gap: 0.4rem;
        min-height: 4.9rem;
    }

    html.new-design .footer__link-text,
    html.new-design .footer__shop-card-link-text {
        font-size: 1.8rem;
        letter-spacing: -0.03em;
    }

    html.new-design .footer__menu {
        padding: 0 2.4rem 2.4rem;
        gap: 3.2rem;
    }

    html.new-design .footer__logo {
        width: 5.6rem;
        height: 5.6rem;
    }

    html.new-design .footer__menu-layout {
        flex-direction: column;
        gap: 4rem;
    }

    html.new-design .footer__nav-columns {
        gap: 1.6rem;
        width: 100%;
    }

    html.new-design .footer__nav-column {
        flex: 1;
        width: auto;
    }

    html.new-design .footer__nav-title {
        font-size: 1.8rem;
        letter-spacing: -0.03em;
    }

    html.new-design .footer__nav-link-text {
        font-size: 1.4rem;
    }

    html.new-design .footer__shop-card {
        width: 100%;
        height: 32rem;
        padding: 1.6rem 2.4rem;
    }

    html.new-design .footer__shop-card-icon {
        width: 6rem;
        height: 6rem;
    }

    html.new-design .footer__shop-card-text {
        color: #222222;
        font-size: 2rem;
        max-width: 40rem;
    }

    html.new-design .footer__shop-card-link,
    html.new-design .footer__shop-card-link-text {
        color: #222222;
    }

    html.new-design .footer__media {
        flex-direction: column;
    }

    html.new-design .footer__newsletter {
        border-right: 0;
        border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
        margin-left: 0;
        padding: 4rem 0;
        align-items: center;
        width: 100%;
        min-height: auto;
    }

    html.new-design .footer__newsletter-title {
        font-size: 2.8rem;
        text-align: center;
    }

    html.new-design .footer__social-link {
        min-height: 12.8rem;
    }

    html.new-design .footer__social-link svg {
        width: 8rem;
        height: 8rem;
    }

    html.new-design .footer__muted-text,
    html.new-design .footer__copyright-text,
    html.new-design .footer__legal-link {
        font-size: 1.4rem;
    }

    html.new-design .footer__contact {
        padding: 2.8rem 1rem;
    }

    html.new-design .footer__bottom {
        padding: 1.6rem 4rem;
    }
}

@media (max-width: 767px) {
    html.new-design .new-header {
        min-height: 4.8rem;
        padding: 0 1.6rem;
    }

    html.new-design .new-header__left,
    html.new-design .new-header__right {
        min-height: 4.8rem;
        gap: 0.8rem;
    }

    html.new-design .new-header__location {
        right: 1.6rem;
        max-width: calc(50% - 4rem);
    }

    html.new-design .new-header__location-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.4rem;
    }

    html.new-design .new-header__logo {
        width: 4.8rem;
        height: 4.8rem;
    }

    html.new-design .new-header__icon-button,
    html.new-design .new-header__location-icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    html.new-design .new-header-menu {
        max-height: calc(100vh - 4.8rem);
    }

    html.new-design .new-header-menu__panel,
    html.new-design .new-header-menu__panel--catalog {
        display: flex;
        flex-direction: column;
    }

    html.new-design .new-header-menu__sidebar,
    html.new-design .new-header-menu__catalog-sidebar,
    html.new-design .new-header-menu__account-card {
        width: 100%;
        min-height: auto;
        border-right: 0;
    }

    html.new-design .new-header-menu__nav,
    html.new-design .new-header-menu__catalog-sidebar,
    html.new-design .new-header-menu__category-column {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    html.new-design .new-header-menu__nav {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }

    html.new-design .new-header-menu__sidebar-bottom {
        padding: 0 1.6rem;
    }

    html.new-design .new-header-menu__account-card {
        padding-bottom: 11.6rem;
    }

    html.new-design .new-header-menu__account-content {
        padding: 2.4rem 1.6rem;
    }

    html.new-design .new-header-menu__eyebrow {
        font-size: 2.4rem;
    }

    html.new-design .new-header-menu__register-text {
        margin: 0 1.6rem 2.4rem;
    }

    html.new-design .new-header-menu__catalog-grid {
        display: flex;
        flex-direction: column;
        padding-top: 1.6rem;
    }

    html.new-design .new-header-menu__brand-layout {
        display: flex;
        flex-direction: column;
    }

    html.new-design .new-header-menu__brand-list,
    html.new-design .new-header-menu__customer-links,
    html.new-design .new-header-menu__promo-grid,
    html.new-design .new-header-menu__sale-list {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    html.new-design .new-header-menu__brand-list-area {
        min-height: auto;
    }

    html.new-design .new-header-menu__brand-banner-area,
    html.new-design .new-header-menu__brand-banner {
        width: 100%;
    }

    html.new-design .new-header-menu__brand-banner {
        height: 32rem;
    }

    html.new-design .new-header-menu__brand-banner-content {
        width: calc(100% - 3.2rem);
        padding: 2rem 2.4rem;
    }

    html.new-design .new-header-menu__promo-grid {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
    }

    html.new-design .new-header-menu__promo-card,
    html.new-design .new-header-menu__promo-card--wide,
    html.new-design .new-header-menu__sale-card {
        width: 100%;
        height: auto;
        min-height: 32rem;
    }

    html.new-design .new-header-menu__promo-card,
    html.new-design .new-header-menu__promo-card--wide,
    html.new-design .new-header-menu__sale-card {
        flex-direction: column;
    }

    html.new-design .new-header-menu__promo-card:not(.new-header-menu__promo-card--wide) .new-header-menu__promo-content,
    html.new-design .new-header-menu__promo-content,
    html.new-design .new-header-menu__sale-content {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        min-height: auto;
        padding: 2.4rem 2rem 1.6rem;
    }

    html.new-design .new-header-menu__promo-image,
    html.new-design .new-header-menu__sale-image,
    html.new-design .new-header-menu__promo-card:not(.new-header-menu__promo-card--wide) .new-header-menu__promo-image {
        position: relative;
        inset: auto;
        height: 24rem;
        flex: none;
    }

    html.new-design .new-header-menu__promo-title,
    html.new-design .new-header-menu__sale-title,
    html.new-design .new-header-menu__promo-card:not(.new-header-menu__promo-card--wide) .new-header-menu__promo-title {
        font-size: 2.4rem;
    }

    html.new-design .new-header-menu__promo-description,
    html.new-design .new-header-menu__sale-description {
        font-size: 1.6rem;
        line-height: 130%;
    }

    html.new-design .new-header-menu__category-column {
        border-top: 0.1rem solid rgba(34, 34, 34, 0.1);
    }

    html.new-design .new-header-menu__category-group {
        margin-top: 1.6rem;
    }

    html.new-design .new-header-menu__catalog-footer {
        padding: 1.6rem;
    }

    html.new-design .search-drop__form {
        padding: 7.2rem 1.6rem 4rem!important;
    }

    html.new-design .search-drop__overlay {
        top: 4.8rem;
        height: calc(100vh - 4.8rem);
    }

    html.new-design .search-drop__container,
    html.new-design .search-drop__wrapper {
        max-width: calc(100vw - 3.2rem);
    }

    html.new-design .search-drop__inp {
        padding-right: 1.2rem!important;
        font-size: 3.2rem;
        line-height: 115%;
    }

    html.new-design .search-drop__img,
    html.new-design .search-drop__btn-close,
    html.new-design .search-drop__img svg,
    html.new-design .search-drop__btn-close svg {
        width: 4.8rem;
        height: 4.8rem;
    }

    html.new-design .search-drop__notfound-title {
        font-size: 1.8rem;
    }

    html.new-design .footer__cta {
        padding: 4rem 2.4rem;
        gap: 2rem;
        min-height: 26.2rem;
    }

    html.new-design .footer__cta-bg {
        height: 26.2rem;
    }

    html.new-design .footer__cta-title {
        font-size: 2.4rem;
        max-width: 100%;
    }

    html.new-design .footer__link,
    html.new-design .footer__newsletter-link,
    html.new-design .footer__shop-card-link {
        min-height: 4.6rem;
    }

    html.new-design .footer__link-text,
    html.new-design .footer__shop-card-link-text {
        font-size: 1.6rem;
    }

    html.new-design .footer__link svg,
    html.new-design .footer__newsletter-link svg,
    html.new-design .footer__shop-card-link svg {
        width: 2rem;
        height: 2rem;
    }

    html.new-design .footer__menu {
        padding: 0 1.6rem 1.6rem;
        gap: 0.8rem;
    }

    html.new-design .footer__logo {
        width: 4.8rem;
        height: 4.8rem;
    }

    html.new-design .footer__menu-layout {
        gap: 2.4rem;
    }

    html.new-design .footer__nav-columns {
        flex-direction: column;
        gap: 0;
    }

    html.new-design .footer__nav-column {
        border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
        gap: 0;
        width: 100%;
    }

    html.new-design .footer__nav-trigger {
        padding: 1.6rem 0 2rem;
        align-items: center;
        cursor: pointer;
    }

    html.new-design .footer__nav-title {
        flex: 1;
        font-size: 1.6rem;
    }

    html.new-design .footer__nav-icon {
        display: flex;
        width: 2rem;
        height: 2rem;
        align-items: center;
        justify-content: center;
        color: #222222;
        transition: transform 250ms ease;
    }

    html.new-design .footer__nav-trigger[aria-expanded="true"] .footer__nav-icon {
        transform: rotate(180deg);
    }

    html.new-design .footer__nav-list {
        padding-bottom: 1.6rem;
    }

    html.new-design .footer__nav-link,
    html.new-design .footer__nav-extra {
        padding: 1.2rem 0;
        gap: 0.4rem;
    }

    html.new-design .footer__nav-extra {
        border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
        justify-content: space-between;
    }

    html.new-design .footer__shop-card {
        width: 100%;
        height: 28.8rem;
        padding: 1.6rem 2rem;
    }

    html.new-design .footer__shop-card-content {
        gap: 2rem;
    }

    html.new-design .footer__shop-card-text {
        font-size: 1.8rem;
        letter-spacing: -0.01em;
        max-width: 24.8rem;
    }

    html.new-design .footer__newsletter {
        padding: 3.2rem 0 4rem;
        gap: 0.4rem;
    }

    html.new-design .footer__newsletter-title {
        font-size: 2.4rem;
        max-width: 28.8rem;
    }

    html.new-design .footer__socials {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        height: auto;
    }

    html.new-design .footer__social-link {
        min-height: 10.4rem;
        border-right: 0.1rem solid rgba(34, 34, 34, 0.1);
        border-bottom: 0.1rem solid rgba(34, 34, 34, 0.1);
    }

    html.new-design .footer__social-link:nth-child(2n) {
        border-right: 0;
    }

    html.new-design .footer__social-link:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    html.new-design .footer__social-link svg {
        width: 5.6rem;
        height: 5.6rem;
    }

    html.new-design .footer__contact {
        padding: 2.4rem 1.6rem;
        align-items: flex-start;
    }

    html.new-design .footer__contacts-inner {
        gap: 1.2rem;
        width: 100%;
    }

    html.new-design .footer__muted-text {
        text-align: center;
    }

    html.new-design .footer__contacts-row {
        justify-content: center;
        width: 100%;
    }

    html.new-design .footer__bottom {
        padding: 1.6rem;
        flex-direction: column;
        gap: 3.2rem;
    }

    html.new-design .footer__legal-links {
        flex-direction: column;
        gap: 1.2rem;
    }
}