

.header {
    background: #7a01fb;
    padding: 12px 0;
    position: relative;
}
@media (min-width: 1024px) {
    .header {
        padding: 10px 0 16px;
    }
}    
.header {
    flex: none;
}

.reg-ws {
    margin-top: 20px;
}

.header__container {
    flex-direction: column;
    display: flex
;
}

.header__container, .main__container, .footer__container {
    max-width: 1504px;
    margin: 0 auto;
    padding: 0 32px;
}


.header__top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    display: flex
;
}

.simple-menu {
    max-width: 100%;
    min-height: 20px;
}

.simple-menu {
    flex-grow: 1;
    justify-content: flex-start;
    align-items: center;
    font-size: 0;
    display: flex
;
}

.simple-menu__item--geo {
    width: 291px;
    min-height: 20px;
    position: relative;
}

.simple-menu__item {
    margin-right: 12px;
    position: relative;
}

.simple-menu__item--switch {
    margin-right: auto;
}

.simple-menu__item {
    margin-right: 12px;
    position: relative;
}

.simple-menu__switch-item--fs:after {
    content: "";
    vertical-align: middle;
    background-image: url('../assets/img/wibes.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 31px;
    height: 14px;
    margin: -1px 0 0 4px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
}

.simple-menu__wibes-logo {
    vertical-align: middle;
    background-image: url('../assets/img/tour.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 12px;
    margin: -1px 0 1px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
}

.simple-menu__item {
    margin-right: 12px;
    position: relative;
}

.simple-menu__link--address {
    vertical-align: baseline;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 275px;
    padding-left: 20px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.simple-menu__link {
    color: #fff9;
    cursor: pointer;
    border-color: initial;
    background-color: #0000;
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
}

.simple-menu__link--address:before {
    content: "";
    width: 16px;
    height: 16px;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    opacity: .6;
    background-color: #fff;
    transition: opacity .3s;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
}

.simple-menu__link--address:before {
    --icon: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%206.656C2%203.344%204.714.666%208.017.666%2011.302.667%2014%203.33%2014%206.623c0%201.451-.53%202.852-1.49%203.94l-3.93%204.456-.003.002c-.009.01-.038.044-.07.074a.734.734%200%200%201-.749.165.734.734%200%200%201-.263-.162c-.032-.03-.061-.063-.07-.074l-.003-.002-3.903-4.379A5.99%205.99%200%200%201%202%206.656Zm6%202.01a2%202%200%201%200%200-4%202%202%200%200%200%200%204Z%22%20fill%3D%22%23fff%22%20opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E%0A);
}

.simple-menu__switch {
    mix-blend-mode: screen;
    background-color: #fff3;
    border-radius: 8px;
    max-height: 20px;
    display: flex
;
    overflow: hidden;
}

.simple-menu__switch-item.active {
    color: #000;
    background-color: #fff;
}

@media (hover: hover) and (pointer: fine) {
    .simple-menu__switch-item {
        transition: background-color .3s;
    }
}

@media (hover: hover) and (pointer: fine) {
    .simple-menu__switch-item {
        transition: background-color .3s;
    }
}

.simple-menu__switch-item {
    font-variation-settings: "wght" 550;
    color: #fff;
    border-radius: 8px;
    padding: 2px 10px 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
}

.business-block.hide {
    display: none;
}

.business-block {
    z-index: 30;
    background-color: #fff;
    border-radius: 12px;
    min-width: 244px;
    padding: 12px 16px;
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 2px 16px #00000014;
}

.business-block__wrap {
    flex-direction: column;
    gap: 12px;
    display: flex
;
}

.business-block__link {
    color: #242429;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
}

.header__business-block {
    cursor: pointer;
    padding-right: 10px;
    position: relative;
}

.simple-menu__link {
    color: #fff9;
    cursor: pointer;
    border-color: initial;
    background-color: #0000;
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
}

.header__business-block:after {
    content: "";
    opacity: .6;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 6px;
    height: 6px;
    transition: all .3s;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
}

.business-block__wrap {
    flex-direction: column;
    gap: 12px;
    display: flex
;
}

.business-block__link {
    color: #242429;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
}

.simple-menu__link {
    color: #fff9;
    cursor: pointer;
    border-color: initial;
    background-color: #0000;
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
}



.simple-menu__link .simple-menu__text-full {
    display: none;
}

@media (min-width: 1200px) {
    .simple-menu__link .simple-menu__text-full {
        display: block;
    }
}



.simple-menu__link .simple-menu__text-short {
    display: block;
}

@media (min-width: 1200px) {
    .simple-menu__link .simple-menu__text-short {
        display: none;
    }
}

.header__bottom {
    align-items: center;
    display: flex
;
}

.nav-element {
    align-items: center;
    display: flex
;
}

.nav-element__logo {
    --logo-color: #fff;
    justify-content: center;
    align-items: center;
    width: 217px;
    height: 58px;
    margin-right: 16px;
    display: flex
;
}

.nav-element__burger {
    background: 0 0;
    border: 1px solid #fff6;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    transition: border-color .3s;
    display: flex
;
}

.nav-element__burger-line {
    transform-origin: 0;
    background: #fff;
    border-radius: 3px;
    width: 26px;
    height: 3px;
    transition: background .3s;
    display: block;
    position: relative;
}

.nav-element__burger-line:before, .nav-element__burger-line:after {
    content: "";
    transform-origin: 0;
    background: #fff;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    transition: transform .3s;
    display: block;
    position: absolute;
    left: 0;
    transform: rotate(0);
}

.nav-element__burger-line:before {
    top: -9px;
}

.nav-element__burger-line:after {
    bottom: -9px;
}

.search-catalog {
    position: relative;
}



.header__search-catalog {
    flex-grow: 1;
    margin-right: 6px;
}

@media (min-width: 1024px) {
    .header__search-catalog {
        margin-left: 12px;
        margin-right: 20px;
    }
}

.search-catalog__block {
    position: relative;
}

.search-catalog__input {
    color: #242424;
    -webkit-appearance: none;
    appearance: none;
    caret-color: #a73afd;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    margin: 0;
    padding: 8px 40px 10px 12px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 20px; /* може редачити */
}

@media (min-width: 1024px) {
    .search-catalog__input {
        border-radius: 16px;
        padding: 17px 100px 17px 20px;
        font-size: 18px;
        line-height: 24px;
    }
}


input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.search-catalog__loading {
    background-color: #f1f1f5;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    width: 200px;
    height: calc(100% - 8px);
    padding-left: 8px;
    display: none;
    position: absolute;
    top: 4px;
    left: 4px;
}

@media (min-width: 1024px) {
    .search-catalog__loading {
        border-radius: 8px;
        width: 204px;
        height: calc(100% - 16px);
        padding-left: 8px;
        top: 8px;
        left: 8px;
    }
}


.search-catalog__btn-wrap {
    z-index: 0;
    display: flex
;
    position: absolute;
    top: 0;
    right: 4px;
}

@media (min-width: 1024px) {
    .search-catalog__btn-wrap {
        top: 9px;
        right: 8px;
    }
}

.search-catalog__btn-bg {
    background-color: #f4e7ff;
    border-radius: 12px;
    margin-left: 4px;
    transition: all .3s;
    display: none;
}

.search-catalog__btn--search {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23A9A8B0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.333%201.334a6%206%200%201%200%203.745%2010.688l2.784%202.783a.667.667%200%200%200%20.943-.942l-2.784-2.784a6%206%200%200%200-4.688-9.745Zm-4.666%206a4.667%204.667%200%201%201%209.333%200%204.667%204.667%200%200%201-9.333%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

/* треба фото */

.search-catalog__btn--clear {
    cursor: pointer;
    background-color: #0000;
    border: none;
    order: -1;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 1;
    display: none;
    position: relative;
}
@media (min-width: 1024px) {
    .search-catalog__btn--clear {
        cursor: pointer;
        background-color: #0000;
        border: none;
        width: 40px;
        height: 40px;
        font-size: 0;
        line-height: 1;
        display: none;
        position: relative;
    }
}

.search-catalog__btn {
    cursor: pointer;
    background-color: #0000;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 1;
    transition: background-image .3s;
    display: block;
    position: relative;
}

.search-catalog__photo {
    margin-left: 4px;
    position: relative;
}

:root .search-catalog__btn--photo {
    --icon: url(data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8117%202.66668L12.6988%202.66636C12.2905%202.66466%2011.778%202.66252%2011.3089%202.84102C10.9041%202.99504%2010.543%203.24532%2010.2566%203.57022C9.9248%203.94676%209.74684%204.4274%209.60507%204.8103L9.56573%204.91611L8.41554%207.98329C8.35033%208.15719%208.31733%208.24417%208.29056%208.30627L8.2885%208.31104L8.28378%208.3132C8.22228%208.34131%208.13603%208.37619%207.96359%208.44517L3.63608%2010.1762L3.52427%2010.2205C3.12178%2010.3795%202.61704%2010.5788%202.23519%2010.9436C1.90601%2011.258%201.66282%2011.6515%201.52877%2012.0866C1.37327%2012.5913%201.42071%2013.1319%201.45854%2013.5629L1.46888%2013.6828L2.18652%2022.2945C2.26906%2023.2851%202.33741%2024.1055%202.44635%2024.7731C2.55984%2025.4686%202.73186%2026.1032%203.07732%2026.6936C3.61558%2027.6134%204.41708%2028.3509%205.37845%2028.811C5.99546%2029.1062%206.6422%2029.2249%207.34471%2029.2802C8.01905%2029.3334%208.84225%2029.3334%209.83636%2029.3333L22.1635%2029.3333C23.1576%2029.3334%2023.9808%2029.3334%2024.6552%2029.2802C25.3577%2029.2249%2026.0044%2029.1062%2026.6214%2028.811C27.5828%2028.3509%2028.3843%2027.6134%2028.9226%2026.6936C29.268%2026.1032%2029.44%2025.4686%2029.5535%2024.7731C29.6625%2024.1055%2029.7308%2023.2851%2029.8134%2022.2944L30.531%2013.6828L30.5413%2013.5629C30.5792%2013.1319%2030.6266%2012.5913%2030.4711%2012.0866C30.3371%2011.6515%2030.0939%2011.258%2029.7647%2010.9436C29.3828%2010.5788%2028.8781%2010.3795%2028.4756%2010.2205L28.3638%2010.1762L24.0363%208.44517C23.8638%208.37619%2023.7776%208.34131%2023.7161%208.3132L23.7114%208.31104L23.7093%208.30627C23.6825%208.24417%2023.6495%208.15719%2023.5843%207.98329L22.4341%204.91611L22.3948%204.8103C22.253%204.42741%2022.0751%203.94677%2021.7432%203.57022C21.4569%203.24532%2021.0958%202.99504%2020.691%202.84102C20.2219%202.66252%2019.7094%202.66466%2019.3011%202.66636L19.1882%202.66668L12.8117%202.66668ZM15.9999%2012.6667C13.0544%2012.6667%2010.6666%2015.0545%2010.6666%2018C10.6666%2020.9455%2013.0544%2023.3333%2015.9999%2023.3333C18.9454%2023.3333%2021.3333%2020.9455%2021.3333%2018C21.3333%2015.0545%2018.9454%2012.6667%2015.9999%2012.6667Z%22%20fill%3D%22%23C4C4D4%22%2F%3E%0A%3C%2Fsvg%3E);
}
/* треба фото */


.search-catalog__btn--photo {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #c8c8d1;
    margin-right: 4px;
    transition: background-color .3s;
    -webkit-mask-size: 28px;
    mask-size: 28px;
}

.search-catalog__photo--active:hover .search-catalog__photo-tooltip, .search-catalog__photo--active .search-catalog__photo-tooltip, .search-catalog__photo-tooltip {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .tooltip-search-photo {
        z-index: 101;
        width: auto;
        left: 50%;
        transform: translate(-50%);
    }
}

.tooltip-simple {
    z-index: 50;
    cursor: default;
    width: auto;
    padding-top: 12px;
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
}

@media (hover: hover) and (pointer: fine) {
    .tooltip-search-photo .tooltip__content {
        white-space: nowrap;
        padding: 12px 16px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .tooltip-search-photo .tooltip__content {
        padding: 12px;
    }
}

.tooltip-simple .tooltip__content {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px #0000001a;
}

.tooltip-simple .tooltip__content {
    padding: 12px;
}

.tooltip-simple .tooltip__content {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}

@media (min-width: 1024px) {
    .hide-desktop {
        display: none !important;
    }
}

.nav-icon {
    margin-right: -10px;
    display: flex
;
}

.nav-icon__geo {
    color: #0000;
    cursor: pointer;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2223%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.85%209c0%201.914-.878%204.137-2.299%206.344-1.406%202.186-3.269%204.237-5.055%205.779a.668.668%200%200%201-.901-.032c-1.672-1.569-3.56-3.626-5.022-5.81C2.094%2013.07%201.15%2010.876%201.15%209a7.85%207.85%200%201%201%2015.7%200Z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.3%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222.85%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.3%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    display: block;
}

/* треба фото */

.navbar-pc {
    display: flex
;
}

.navbar-pc__item {
    position: relative;
}

.navbar-pc__link {
    color: #fff9;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
    display: block;
}

.navbar-pc__icon--address {

    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2222%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.623%207.68c0%203.395-4.904%2010.991-6.865%2013.893a.954.954%200%200%201-1.593%200C5.205%2018.67.3%2011.075.3%207.68.3%203.439%203.73%200%207.962%200c4.23%200%207.661%203.439%207.661%207.68ZM11.5%207.597a3.5%203.5%200%201%201-7%200%203.5%203.5%200%200%201%207%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}


/* треба фото*/

.navbar-pc__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 auto 6px;
    display: block;
    position: relative;
}

.navbar-pc__icon--mask:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.navbar-pc__icon--basket.navbar-pc__icon--mask:before {
    -webkit-mask-image: url('../assets/img/busket.svg');
    mask-image: url('../assets/img/busket.svg');
}

.navbar-pc__icon--profile.navbar-pc__icon--mask:before {
    -webkit-mask-image: url('../assets/img/account.svg');
    mask-image: url('../assets/img/account.svg');
}

.navbar-pc__item~.navbar-pc__item {
    margin-left: 24px;
}

.navbar-pc__icon--profile:not(.navbar-pc__icon--premium-profile) {
    position: relative;
}

.header.is-b2b-mode .navbar-pc__icon--profile:not(.navbar-pc__icon--premium-profile):before {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #fff
}

.simple-menu__item--diamonds {
    flex-grow: 1;
    max-width: calc(100% + 32px);
    margin: 0 -16px;
}

@media (min-width: 1024px) {
    .simple-menu__item--diamonds {
        padding-left: 12px;
    }
}

.simple-menu__diamonds.measurement-container-diamonds {
    visibility: hidden;
    position: absolute;
    top: -10000px;
    left: -10000px;
}

.simple-menu__diamonds {
    height: 100%;
    display: flex
;
}

.diamondsItem--bKv2p {
    cursor: pointer;
    white-space: nowrap;
    height: 44px;
    margin-top: -12px;
    margin-bottom: -12px;
    padding: 2px 10px 3px;
    position: relative;
}

.diamondsItemDropdown--PhqKg {
    padding-right: 10px;
    position: relative;
}   

.diamondsItemLink--lMiWS, .diamondsItemDropdown--PhqKg {
    font-variation-settings: "wght" 550;
    color: #fff;
    align-items: center;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    display: flex
;
}

:root .header .simple-menu__diamonds [data-menu-id="10"] .diamondsItemLink:after {
    background-image: url('../assets/img/tour.svg');
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231%22%20height%3D%2214%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cmask%20id%3D%22b%22%20width%3D%2231%22%20height%3D%2214%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30.657%200H0v14h30.657V0Z%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23fff%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.515%2010.89v2.573c0%20.24-.129.376-.379.376h-.53c-.25%200-.379-.135-.379-.376V7.82c0-.248.129-.384.379-.384h.401c.197%200%20.349.083.447.264l1.47%202.746c.069.12.122.165.22.165.099%200%20.167-.06.167-.21V7.82c0-.25.129-.385.379-.385h.53c.25%200%20.379.136.379.384v5.643c0%20.24-.129.376-.379.376h-.447c-.152%200-.303-.083-.402-.263l-1.47-2.746c-.068-.12-.136-.166-.22-.166-.113%200-.166.083-.166.226ZM.233%2011.8l.682-.12c.235-.03.394.053.447.3.083.445.318.67.78.67.432%200%20.644-.225.644-.571%200-.414-.212-.595-.727-.76l-.583-.18c-.993-.31-1.47-.971-1.47-1.904%200-1.076.757-1.881%202-1.881%201.28%200%202.023.677%202.205%201.595.053.248-.068.398-.334.444l-.628.105c-.243.03-.38-.068-.448-.301-.113-.429-.393-.572-.727-.572-.348%200-.614.226-.614.587%200%20.346.182.564.697.73l.728.226c1.06.33%201.379%201.053%201.379%201.798%200%20.903-.584%201.956-2.175%201.956-1.174%200-1.955-.662-2.152-1.678-.05-.246.048-.394.296-.444Zm7.009-5.74v-.286c0-.113.038-.196.166-.196.235%200%20.546.083.796.233l.545-.526c.053-.053.069-.068.137-.068.083%200%20.129.053.129.165v.392c0%20.105-.03.203-.114.263l-.197.18c.212.249.364.58.364.956%200%20.625-.432%201.106-.993%201.106-.417%200-.735-.248-.947-.564l-.083.083c-.25.233-.516.428-.864.428-.56%200-.94-.443-.94-1.038%200-.587.38-1.046.894-1.046.394%200%20.728.211%201.046.67l.492-.474a1.772%201.772%200%200%200-.265-.053c-.098-.015-.166-.098-.166-.225ZM6.234%207.504c.197%200%20.492-.15.492-.316%200-.128-.265-.323-.477-.323-.197%200-.333.112-.333.323%200%20.203.151.316.318.316Zm1.41-.21c0%20.112.143.18.295.18.25%200%20.447-.135.447-.429%200-.195-.03-.33-.152-.33-.03%200-.076.03-.113.067l-.394.361c-.084.083-.084.098-.084.15Zm.25%204.506V9.347c0-.248.128-.376.378-.376h.599c.242%200%20.379.128.379.376v2.513c0%201.34-.864%202.077-2.122%202.077S5.006%2013.2%205.006%2011.86V9.347c0-.248.137-.376.38-.376h.598c.25%200%20.379.128.379.376V11.8c0%20.504.265.82.765.82s.765-.316.765-.82Zm0-8.788V.56c0-.249.128-.377.378-.377h.599c.242%200%20.379.128.379.377v2.52c0%201.332-.864%202.07-2.122%202.07s-2.122-.738-2.122-2.07V.56c0-.249.137-.377.38-.377h.598c.25%200%20.379.128.379.377v2.452c0%20.512.265.82.765.82s.765-.308.765-.82Zm3.621.625v2.566c0%20.248-.129.383-.379.383h-.53c-.25%200-.379-.135-.379-.383V.56c0-.249.129-.377.379-.377h.401c.197%200%20.349.083.447.264l1.47%202.746c.069.113.122.166.22.166.099%200%20.167-.068.167-.211V.56c0-.249.129-.377.379-.377h.53c.25%200%20.379.128.379.377v5.643c0%20.248-.129.383-.379.383h-.447c-.152%200-.303-.083-.402-.263l-1.47-2.754c-.068-.113-.136-.158-.22-.158-.113%200-.166.075-.166.226ZM3.749%201.53H2.423c-.25%200-.38.136-.38.384v.82c0%20.248.13.376.38.376h1.06c.25%200%20.38.136.38.376v.595c0%20.248-.13.376-.38.376h-1.06c-.25%200-.38.135-.38.384v1.362c0%20.248-.136.383-.386.383h-.629c-.242%200-.378-.135-.378-.383V.56c0-.249.136-.377.378-.377h2.72c.25%200%20.38.128.38.377v.594c0%20.248-.13.376-.38.376ZM23.26%2012.65l6.402-1.189c.477-.082.81.136.81.632v1.069c0%20.466-.28.715-.75.715h-6.35c-.249%200-.4-.136-.416-.4l-.03-.383c-.015-.24.083-.391.333-.444Zm-.804-2.144%206.107-3.454c.417-.233.811-.15.978.316l.386%201.091c.152.444-.053.76-.485.903l-6.448%202.25c-.235.083-.401.015-.523-.218l-.159-.346c-.121-.231-.073-.412.144-.542Zm.97-8.276-3.432%205.8c-.13.226-.311.264-.546.144l-.379-.181c-.235-.113-.318-.263-.235-.497l2.243-6.14c.152-.428.47-.624.917-.48l1.099.383c.462.166.583.542.333.97Zm-4.493-1.174-1.167%206.147c-.045.263-.197.346-.447.331l-.379-.038c-.273-.015-.401-.165-.401-.406V.89c0-.458.265-.722.727-.707l1.038.053c.493.015.712.346.629.82Zm1.81%2012.82h-3.538c-.432%200-.666-.233-.666-.662v-3.52c0-.43.25-.693.681-.625a4.87%204.87%200%200%201%204.16%204.13c.06.43-.204.678-.636.678Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m25.472%203.306-4.546%205.38c-.167.202-.13.383.053.563l.265.264c.182.18.364.203.568.037l5.501-4.529c.364-.293.417-.692.068-1.023l-.879-.805c-.348-.316-.735-.234-1.03.113Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h31v14H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E);
}

.header .simple-menu__diamonds [data-menu-id="10"] .diamondsItemLink:after {
    -webkit-mask-position: center/contain;
    -webkit-mask-position: center/contain;
    mask-position: center/contain;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    content: "";
    background-color: #fff;
    width: 31px;
    height: 14px;
    margin-left: 4px;
    display: block;
}

.diamondTop .header__wrap {
    min-width: 170px;
}

.header__wrap {
    justify-content: end;
    gap: 8px;
    display: flex
;
}

.header__balance-block {
    justify-content: space-between;
    align-items: center;
    column-gap: 8px;
    display: flex
;
}

.header__cashback {
    text-transform: uppercase;
    padding: 0 4px 0 20px;
    border-radius: 8px;
}

.header__balance, .header__cashback {
    color: #fff;
    cursor: pointer;
    --header-balance-color: #fff;
    background-color: #fff3;
    border-radius: 4px 10px;
    flex-shrink: 0;
    height: 20px;
    padding: 0 4px 0 24px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}

.header__cashback:before {
    background-image: url('../assets/img/cashback.svg');
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.991%209.898A5%205%200%201%200%206.011.104a5%205%200%200%200-2.02%209.794Zm.102-8.008c.317-.317.855-.292%201.202.055l.069.068a.855.855%200%200%200%201.209%200c.35-.35.891-.377%201.208-.06.317.317.29.857-.06%201.208l-.058.057a.774.774%200%200%200%200%201.095c.347.347.371.885.054%201.202-.316.317-.854.292-1.201-.055a.774.774%200%200%200-1.095%200l-.093.093c-.35.35-.89.377-1.208.06-.317-.317-.29-.857.06-1.208l.028-.027a.866.866%200%200%200%200-1.225l-.06-.061c-.348-.347-.372-.885-.055-1.202Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.header__currency {
    color: #fff;
    background-color: #fff3;
    border-radius: 8px;
    padding: 0 4px;
}

.simple-menu__currency {
    color: #fff;
}

/* Адаптация для header и main */

/* Планшеты и маленькие десктопы */
@media (max-width: 1024px) {
    .header__container, .main__container, .footer__container {
        padding: 0 16px;
    }

    .simple-menu__item--geo, .header__wrap {
        display: none;
    }

    .hide-desktop {
        display: flex !important;
    }

    .nav-element__logo {
        width: 180px;
    }

    .header__search-catalog {
        margin-left: 0;
    }

    .hero-inner {
        flex-direction: column-reverse;
        text-align: center;
    }

    .hero-text {
        max-width: 100%;
        margin-top: 20px;
    }

    .hero-art img {
        width: 100%;
        height: 300px; /* Адаптивная высота для мобильных */
        object-fit: cover;
        border-radius: var(--radius);
    }

    .steps {
        flex-direction: column;
        gap: 20px;
    }
}

/* Мобильные устройства */
@media (max-width: 768px) {
    .header__container {
        padding: 0 10px;
    }

    .nav-element__logo {
        width: 150px;
        margin-right: 10px;
    }

    .nav-element__burger {
        width: 48px;
        height: 48px;
    }

    .search-catalog__input {
        padding: 12px 15px;
        font-size: 16px;
    }

    .simple-menu__item--diamonds {
        display: none;
    }

    .hero-text h1 {
        font-size: 28px;
    }

    .hero-cta {
        flex-direction: column;
        gap: 10px;
    }

    .section {
        padding: 40px 0;
    }

    .steps .step-card {
        padding: 15px;
    }

    .rules li {
        font-size: 14px;
    }
}



