@font-face {
    font-family: 'Coolvetica';
    src: url('../fonts/CoolveticaBk-Regular.woff') format("woff"), url('../fonts/CoolveticaBk-Regular-2.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'RFDewi';
    src: url('../fonts/RFDewi-Semibold.woff') format("woff"), url('../fonts/RFDewi-Semibold.woff2') format("woff2");
    font-weight: 600;
    font-style: normal;
}

.user_profile.js-hint {
    overflow: visible;
}

.main_panel.mobile_icons .menu-icon .hint a {
    display: inline;
}

.user_profile.js-hint .hint {
    position: absolute;
    display: none;
    right: 0;
    top: 135%;
    bottom: auto;
    left: 0;
    white-space: normal;
    z-index: 10;
    border-radius: 3px;
    border: 1px solid #e6e6e7;
    text-align: left;
    width: 260px;
    padding: 8px 15px 8px 8px;
    cursor: default;
}

.user_profile.js-hint .hint:after,
.user_profile.js-hint .hint:before {
    width: 0;
    height: 0;
    top: -10px;
    position: absolute;
    bottom: auto;
    left: 12px;
    right: auto;
    z-index: 106;
    border: none;
    transform: none;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 10px solid #ffdd07;
    content: '';
    clear: both;
}

.user_profile.js-hint .hint:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ffdd07;
    z-index: 107;
    top: -9px;
    left: 14px;
}

.user_profile.js-hint .hint.active {
    display: -ms-Flexbox;
    -ms-box-orient: horizontal;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}

.user_profile.js-hint .hint span {
    display: block;
}

.user_profile.js-hint .hint span,
.user_profile.js-hint .hint a {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 120%;
    letter-spacing: normal;
    color: #333333;
}

.user_profile.js-hint .hint a {
    font-weight: 500;
    text-decoration: underline;
}

.user_profile.js-hint .hint a:hover {
    text-decoration: none;
}

#userProfileBlocksGuest,
#userProfileBlocksAuth {
    display: none;
}

.user_profile.order-page {
    display: none;
}

.header-guest-user {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #131413;
    height: 36px;
    width: 100%;
}

.header-guest-user__text {
    font-family: 'RFDewi';
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100vw - 222px);
}

.header-loyalty {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
}

.header-loyalty__item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #131413;
    font-family: 'RFDewi';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
}

.header__item--user__with__loyalty .header-user {
    height: 36px;
    border-radius: 100px;
    background: #EDE8EA;
}

.header__item--user__with__loyalty:hover .header-user {
    background: none;
}

.header__item--user__with__loyalty:hover .header-user__menu {
    box-shadow: none;
}

.header__tapbar.header__tapbar__loyalty {
    background: #FFFFFF;
}

.header__tapbar:hover.header__tapbar__authorized,
.header--below-top .header__tapbar:hover.header__tapbar__authorized,
.header--active .header__tapbar:hover.header__tapbar__authorized {
    background: #F5F2F3;
}

.header__tapbar__authorized .header__item--user__with__loyalty .header-user__menu {
    top: 118%;
    right: -50%;
    width: 314px;
    height: 324px;
}

.header__tapbar__authorized .header__item--user__with__loyalty .header-user__icon:not(:last-child) {
    margin-right: 6px;
}

.header__tapbar__authorized .header__item--user__with__loyalty .header-user {
    min-width: 152px;
    margin: 2px 8px 2px 0;
    box-sizing: border-box;
    justify-content: center;
    padding-inline: 12px;
}

.header__tapbar__authorized .header__item--user__with__loyalty .header-loyalty {
    justify-content: center;
    flex-wrap: nowrap;
}

.header__tapbar__authorized .header__item--user__with__loyalty:before {
    height: 153px;
    width: 244px;
    left: 50%;
    right: unset;
    transform: translateX(-50%) translateY(-36px);
    background: transparent center 0;
    background-size: 244px 153px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22244%22%20height%3D%22155%22%20viewBox%3D%220%200%20244%20155%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url(%23filter0_d_27960_22750)%22%3E%3Cpath%20d%3D%22M179%2036C190.598%2036%20200%2045.402%20200%2057C200%2068.598%20190.598%2078%20179%2078H168.5C167.119%2078%20166%2079.1193%20166%2080.5C166%2081.8807%20167.119%2083%20168.5%2083H196C200.418%2083%20204%2086.5817%20204%2091V103C204%20107.418%20200.418%20111%20196%20111H48C43.5817%20111%2040%20107.418%2040%20103V91C40%2086.5817%2043.5817%2083%2048%2083H75.5C76.8807%2083%2078%2081.8807%2078%2080.5C78%2079.1193%2076.8807%2078%2075.5%2078H61C49.402%2078%2040%2068.598%2040%2057C40%2045.402%2049.402%2036%2061%2036H179Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_27960_22750%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22244%22%20height%3D%22155%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%224%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2220%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.10555%200%200%200%200%200%200%200%200%200%200.074506%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_27960_22750%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_27960_22750%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.header__tapbar__authorized.header__tapbar__loyalty .btn-icon__amount {
    top: -3px;
    right: -2px;
    padding: 2px 4px 2px 4px;
}

.header__tapbar__authorized.header__tapbar__loyalty .small-cart .icon-svg.btn-icon__icon {
    height: 20px;
    width: 20px;
}

.header__tapbar:hover.header__tapbar__guest,
.header--below-top .header__tapbar:hover.header__tapbar__guest,
.header--active .header__tapbar:hover.header__tapbar__guest {
    background: #FFFFFF;
}

.header__tapbar__guest .header__item--user__with__loyalty .header-user__menu {
    top: 112%;
    right: -90px;
    width: initial;
}

@media screen and (min-width: 1366px) {
    .header__tapbar__guest .header__item--user__with__loyalty .header-user__menu  {
        right: -127px;
    }
}

@media screen and (min-width: 1680px) {
    .header__tapbar__guest .header__item--user__with__loyalty .header-user__menu  {
        right: -105px;
    }
}

@media screen and (min-width: 1740px) {
    .header__tapbar__guest .header__item--user__with__loyalty .header-user__menu  {
        right: -127px;
    }
}

@media screen and (min-width: 1830px) {
    .header__tapbar__guest .header__item--user__with__loyalty .header-user__menu  {
        right: -170px;
    }
}

.header--below-top .header__tapbar__guest .header__item--user__with__loyalty .header-user__menu {
    right: -170%;
}

.header__tapbar__guest .header__item--user__with__loyalty .header-user {
    width: 84px;
    margin: 2px 8px;
    padding: 9px 11px;
}

.header__tapbar__guest .header__item--user__with__loyalty:before {
    height: 153px;
    width: 244px;
    left: 43%;
    top: -4%;
    right: unset;
    transform: translateX(-47%) translateY(-23%);
    background: transparent center 0;
    background-size: 244px 153px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22244%22%20height%3D%22155%22%20viewBox%3D%220%200%20244%20155%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url(%23filter0_d_27960_13219)%22%3E%3Cpath%20d%3D%22M147%2036C158.598%2036%20168%2045.402%20168%2057C168%2068.598%20158.598%2078%20147%2078C145.895%2078%20145%2078.8954%20145%2080V80.5C145%2081.8807%20146.119%2083%20147.5%2083H196C200.418%2083%20204%2086.5817%20204%2091V103C204%20107.418%20200.418%20111%20196%20111H48C43.5817%20111%2040%20107.418%2040%20103V91C40%2086.5817%2043.5817%2083%2048%2083H96.5C97.8807%2083%2099%2081.8807%2099%2080.5V80C99%2078.8954%2098.1046%2078%2097%2078C85.402%2078%2076%2068.598%2076%2057C76%2045.402%2085.402%2036%2097%2036H147Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_27960_13219%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22244%22%20height%3D%22155%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%224%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2220%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.10555%200%200%200%200%200%200%200%200%200%200.074506%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_27960_13219%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_27960_13219%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.header__tapbar__guest .header__item--user__with__loyalty .header-user__icon:not(:last-child) {
    margin-right: 4px;
}

.header__tapbar__loyalty .btn-icon:not(.header-user__btn):hover .btn-icon__icon {
    color: #000000;
}

.header__item--user__with__loyalty .header-user__menu--auth {
    position: absolute;
    right: -85px;
    visibility: hidden;
    transition: all .25s ease-in-out;
    width: 424px;
    height: 220px;
    padding: 8px;
    background: #FFFFFF;
}

@media screen and (min-width: 1921px) {
    .header--below-top .header__item--user__with__loyalty .header-user__menu--auth {
        right: -170px;
    }
}

.header__item--user__with__loyalty .header-auth__info {
    background: #E6DFF0;
    border-radius: 20px;
    padding: 20px;
    width: 408px;
}

.header__item--user__with__loyalty .header-auth__info__container {
    display: inline-flex;
    width: 100%;
    margin-bottom: 16px;
}

.header__item--user__with__loyalty .header-auth__info__icon {
    width: 100px;
    height: 100px;
    display: block;
}

.header__item--user__with__loyalty .header-auth__info__text {
    margin-left: 24px;
}

.header__item--user__with__loyalty .header-auth__info__title {
    font-family: 'Coolvetica';
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 20px;
    letter-spacing: .002em;
    color: #131413;
    margin-bottom: 8px;
}

.header__item--user__with__loyalty .header-auth__info__description {
    font-family: 'RFDewi';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0;
    color: #131413A3;
}

.header__item--user__with__loyalty .header-auth__info__button {
    width: 100%;
    font-family: 'Coolvetica';
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: .002em;
}

.header__item--user__with__loyalty .header-user__menu--loyalty {
    padding: 8px;
    border-radius: 28px;
    background: #FFFFFF;
}

.header__item--user__with__loyalty .header-loyalty__info {
    background: #E6DFF0;
    border-radius: 20px;
    padding: 12px 16px;
    margin-bottom: 16px;
    height: 100px;
}

.header__item--user__with__loyalty .header-loyalty__info__container {
    display: inline-flex;
    width: 100%;
}

.header__item--user__with__loyalty .header-loyalty__info-item--balance {
    border-right: 1px solid #0000001F;
    width: 50%;
    padding-right: 24px;
}

.header__item--user__with__loyalty .header-loyalty__info-item--discount {
    padding-left: 24px;
}

.header__item--user__with__loyalty .header-loyalty__info__text {
    display: flex;
    align-items: center;
    font-family: 'RFDewi';
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    position: relative;
    color: #131413;
    border-radius: 16px;
}

.header__item--user__with__loyalty .header-loyalty__info__value {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-radius: 6px;
    padding: 3px 6px;
    margin-top: 12px;
}

.header__item--user__with__loyalty .header-loyalty__info__value .header-loyalty__text {
    font-family: 'RFDewi';
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    color: #FFFFFF;
}

.header__item--user__with__loyalty .header-loyalty__info-item--balance .header-loyalty__info__value {
    background: #4EB2F5;
}

.header__item--user__with__loyalty .header-loyalty__info-item--balance .header-loyalty__icon {
    width: 16px;
    height: 16px;
    display: block;
}

.header__item--user__with__loyalty .header-loyalty__info-item--discount .header-loyalty__info__value {
    background: #EB448C;
}

.header__item--user__with__loyalty .header-loyalty__info-item--discount .header-loyalty__icon {
    width: 11px;
    height: 11px;
    display: block;
}

.header__item--user__with__loyalty .header-loyalty__info__history {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}

.header__item--user__with__loyalty .header-loyalty__info__history__date {
    font-family: 'RFDewi';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
    color: #131413A3;
}

.header__item--user__with__loyalty .header-loyalty__info__history__text {
    font-family: 'RFDewi';
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
    color: #D10046;
}