/* Start:/local/components/prmedia/unode.basket.new/templates/.default/style.css?176104787729713*/
.suggestions-constraints {
    display: none;
}
.suggestions-input {
    padding-left: 10px !important;
}
.layout__address {
    z-index: auto !important;
}
.points-layout {
    width: 100%;
}
.basket-body .basket-row.excluded {
    border: solid 1px #c82f37;
}

.gift-wrapping {
    padding: 17px 0 30px;
    display: grid;
    font-family: 'GothamPro', Arial, sans-serif;
}

.gift-wrapping.collapsed {
    padding-bottom: 0;
}

.gift-wrapping + .layout-section {
    margin-top: 43px;
}

.gift-wrapping__header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 15px;
}

.gift-wrapping__title {
    font-size: 16px;
    line-height: 1.19;
    font-weight: 700;
}

.gift-wrapping__toggler-btn {
    padding: 15px;

    cursor: pointer;

    transition: transform 0.3s;
}

.gift-wrapping__toggler-btn.active {
    transform: rotate(180deg);
}

.gift-wrapping__list {
    max-width: 880px;
    overflow: hidden;
    width: 100%;
}

.gift-wrapping__list-row {
    display: flex;
    align-items: flex-start;

    margin-bottom: 20px;
}

.gift-wrapping__item {
    padding-bottom: 5px;
    margin-bottom: 27px;

    @media (max-width: 767px) {
        margin-bottom: 20px;
    }
}

.gift-wrapping__item-wrapper {
    max-width: 230px;
}

.gift-wrapping__item-img-wrapper {
    display: flex;
    align-items: center;
    width: 40px;
    height: 60px;

    margin-right: 20px;
}

.gift-wrapping__item-img {
    max-width: 100%;
    height: auto;
}

.gift-wrapping__item-info {
    width: 170px;
    font-weight: 700;
}

.gift-wrapping__item-title {
    margin-bottom: 5px;

    font-size: 14px;
    line-height: 1.36;
    font-weight: 400;

    @media (max-width: 767px) {
        min-height: 57px;
    }
}

.gift-wrapping__item-price {
    font-family: 'gothampro-bold', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
}

.gift-wrapping__item-add-btn {
    width: 180px;
    height: 40px;

    background: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;

    font-family: 'GothamPro', Arial, sans-serif;
    font-weight: 400;

    cursor: pointer;
}

.basket-page__tooltip-trigger {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/local/templates/unode/images/icon-tooltip.svg");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    flex-shrink: 0;
}

.basket-page__tooltip-wrapper {
    position: absolute;
    transform: translateX(5px);
    z-index: 3;
}

.basket-page__tooltip-trigger_small {
    width: 18px;
    height: 18px;
}

.basket-page__label-text {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #000;
    line-height: 18px;
}

.basket-page__tooltip-name-list {
    padding: 13px 21px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-sizing: border-box;
    width: 310px;
    font-size: 14px;
    line-height: 20px;
}

.basket-page__tooltip-name-link {
    color: #868686;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .gift-wrapping {
        padding-top: 0;
    }

    .gift-wrapping__header {
        margin-bottom: 22px;
    }

    .gift-wrapping.collapsed .gift-wrapping__header {
        margin-bottom: 16px;
    }

    .gift-wrapping__item-wrapper {
        max-width: 182px;
    }
}

.cart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding-top: 120px;
    padding-bottom: 60px;

    font-family: 'GothamPro', Arial, sans-serif;
    text-align: center;
}

.cart-empty__icon {
    margin-bottom: 36px;
}

.cart-empty__title {
    margin-bottom: 16px;
}

.cart-empty__description {
    max-width: 200px;
    margin-bottom: 24px;

    font-size: 16px;
    line-height: 22px;
}

.basket-page .cart-empty__btn {
    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 264px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;

    color: #FFFFFF;
    background-color: #E6431C;
}

.basket-page .cart-empty__btn--mobile {
    display: none;
}

.basket-page .cart-empty__btn:hover {
    color: #FFF;
    background-color: #C93A16;
}

.dn {
    display: none !important;
}

.basket-page__auth-form {
    display: flex;
    gap: 20px;
    margin-top: 34px;
    align-items: center;
}

.basket-page__auth-btn {
    padding: 10px 16px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
}

.basket-page__check-label,
.not-me-label {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    padding-left: 28px;
}

.basket-page__check-label {
    display: inline-block;
    position: relative;
}

.basket-page__check-label::before,
.not-me-label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #DFDBDB;
    box-sizing: border-box;
}

.not-me-label {
    display: inline-block;
}

.not-me-checkbox:checked + .not-me-label::after,
.basket-page__checkbox:checked + .basket-page__check-label::after {
    position: absolute;
    content: '';
    top: 4px;
    left: 3px;
    width: 15px;
    height: 12px;
    background-image: url('/local/components/prmedia/unode.basket.new/templates/.default/../../../../../templates/unode/images/check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    box-sizing: border-box;
}

.basket-page__checkbox:disabled + .basket-page__check-label::before {
    background-color: #eee;
}

.basket-page__input {
    padding: 10px 12px;
    border: 1px solid #DFDBDB;
    font-size: 14px;
    line-height: 20px;
}

.basket-page__input:disabled {
    color: #868686;
    background-color: #F5F5F6;
}

.basket-page__input_with-error {
    border-color: #E6431C;
}

.basket-page__auth-phone-wrapper {
    position: relative;
}

.basket-page__input_phone {
    background-color: transparent;
    width: 280px;
    box-sizing: border-box;
    padding: 8px 12px;
}

.basket-page__auth-phone-label {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 0;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
}


.basket-page__auth-checkbox-wrapper {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.basket-page__auth-error {
    margin-top: 6px;
    color: #E6431C;
    font-size: 14px;
    line-height: 20px;
}

.basket-page__auth-code-wrapper {
    display: flex;
    gap: 12px;
}

.basket-page__auth-code-input {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    border: 1px solid #D7D7D7;
    text-align: center;
    font-size: 28px;
    -moz-appearance: textfield;
}

.basket-page__auth-code-input::-webkit-outer-spin-button,
.basket-page__auth-code-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.basket-page__auth-code-input:focus {
    border-color: #A4A2A2;
}

.basket-page__auth-code-input_error,
.basket-page__auth-code-input_error:hover,
.basket-page__auth-code-input_error:focus {
    border-color: #E6431C;
}

.basket-page__button-link {
    box-sizing: border-box;
    border: none;
    background: none;
    font-size: 14px;
    line-height: 20px;
    color: #E6431C;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    font-family: inherit;
}

.basket-page__bonuses-count {
    font-family: "GothamProMedium", Arial, sans-serif;
}

.basket-page__button-link:hover {
    color: #C93A16;
    text-decoration: none;
}

.basket-page__button-link:disabled {
    color: #B0B0B0;;
}

.basket-page__auth-code-title-text {
    font-size: 14px;
    line-height: 20px;
}

.basket-page__auth-form-request {
    font-size: 14px;
    line-height: 20px;
    color: #868686;
    margin-top: 8px;
}

.basket-page__auth-user-data-list {
    padding: 22px 0;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    margin-top: 22px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.basket-page__auth-user-data-item {
    font-size: 14px;
    line-height: 20px;
}

.basket-page__auth-user-data-item:first-child {
    min-width: max-content;
}

.basket-page__tooltip {
    padding: 13px 11px;
    width: 310px;
    box-sizing: border-box;
}

.basket-page__tooltip-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.basket-page__tooltip-list {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.basket-page__tooltip-item {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding-left: 36px;
}

.basket-page__tooltip-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.basket-page__tooltip-item_percent::before {
    background-image: url('/local/components/prmedia/unode.basket.new/templates/.default/../../../../../templates/unode/images/percent.svg');
}
.basket-page__tooltip-item_bonus::before {
    background-image: url('/local/components/prmedia/unode.basket.new/templates/.default/../../../../../templates/unode/images/bonus.svg');
}
.basket-page__tooltip-item_gift::before {
    background-image: url('/local/components/prmedia/unode.basket.new/templates/.default/../../../../../templates/unode/images/small-gift.svg');
}

.basket-page sup {
    font-size: 16px;
    display: contents;
}

.basket-page__auth-code-title_mobile {
    display: none;
}

.basket-page__auth-code-title-phone {
    white-space: nowrap;
}

.basket-page__not-me-checkbox-wrapper {
    position: relative;
    margin: -26px 0 0 0;
}

.basket-page__eps-block {
    margin-top: 12px;
}

.basket-page__eps-label {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding-left: 28px;
    cursor: pointer;
}

.basket-page__eps-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #DFDBDB;
    box-sizing: border-box;
}

.basket-page__eps-checkbox-wrapper {
    display: inline-block;
}

.basket-page__eps-checkbox:checked + .basket-page__eps-label::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    background-image: url('/local/components/prmedia/unode.basket.new/templates/.default/../../../../../templates/unode/images/check.svg');
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    border-radius: 50%;
}

.basket-page__eps-label-description {
    margin-top: 2px;
    padding-left: 28px;
    color: #868686;
    font-size: 12px;
    line-height: 16px;
}

.basket-page__eps-actions {
    margin-top: 24px;
}

.basket-page__eps-data-inputs-form {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: flex-end;
}

.basket-page__eps-data-inputs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.basket-page__eps-data-inputs-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.basket-page__eps-data-inputs-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.basket-page__eps-data-inputs-item:first-child {
    width: 280px;
    flex-shrink: 0;
}

.basket-page__eps-data-inputs-item:nth-child(2) .basket-page__eps-data-input {
    display: block;
    max-width: 180px;
    width: 100%;
}

.basket-page__eps-submit-btn {
    font-family: "GothamProBold", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px;
    margin: 0;
    box-sizing: border-box;
    text-transform: uppercase;
}

.basket-page__eps-data-label {
    font-size: 13px;
    line-height: 18px;
}

.basket-page__eps-data-input {
    -moz-appearance: textfield;
    padding: 8px 12px;
    border: 1px solid #DFDBDB;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
}

.basket-page__eps-data-input::placeholder {
    text-align: start;
}

.basket-page__eps-data-inputs-form.with-error .basket-page__eps-data-input {
    border: 1px solid #E6431C;
}

.basket-page__eps-data-input::-webkit-outer-spin-button,
.basket-page__eps-data-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.basket-page__eps-data-error {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
}

.basket-page__eps-data-inputs-form.with-error .basket-page__eps-data-error {
    display: block;
    color: #E6431C;
    font-size: 14px;
    line-height: 20px;
}

.basket-page__eps-table-wrapper {
    margin-top: 56px;
}

.basket-page__eps-table {
    max-width: 677px;
    width: 100%;
    border-collapse: collapse;
}

.basket-page__eps-table tbody::before {
    content: '';
    display: block;
    height: 24px;
}

.basket-page__eps-table-header {
    border-bottom: 1px solid #DFDBDB;
}

.basket-page__eps-table-header-row {
    padding-bottom: 12px;
    color: #868686;
    font-size: 13px;
    line-height: 18px;
}

.basket-page__eps-table-header-row_price {
    width: 154px;
}

.basket-page__eps-table-row:not(:last-child) .basket-page__eps-table-data {
    padding-bottom: 16px;
}

.basket-page__eps-table-data {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.basket-page__eps-price-input {
    width: 126px;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 12px;
    border: 1px solid #DFDBDB;
    background-color: #F5F5F6;

}

.basket-page__eps-price-input {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
}

.basket-page__eps-price-input::-webkit-outer-spin-button,
.basket-page__eps-price-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.basket-page__eps-card-button {
    padding: 10px 16px;
    box-sizing: border-box;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    background-color: #454343;
}

.basket-page__eps-card-button[data-action="setAmountEps"] {
    background: #E6431C;
}

.basket-page__eps-table-data_button {
    text-align: right;
}

.basket-page__eps-mobile-list {
    display: none;
}

.basket-page__error-message {
    margin-top: 6px;
    color: #E6431C;
    font-size: 14px;
    line-height: 20px;
}

.basket-page__title-wrapper {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
}

.basket-page__header-button-wrapper {
    position: relative;
}

.basket-page__header-buttons {
    display: flex;
    gap: 16px;
}

.basket-page__header-button {
    position: relative;
    padding: 9px 12px;
    min-height: 36px;
    min-width: 36px;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    transition: all 0.25s ease-in-out;
    outline: none;
    background-color: #fff;
}

.basket-page__header-button::before {
    content: '';
    position: absolute;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #000;
    transition: background-color 0.25s ease-in-out;
}

.basket-page__header-button_share {
    padding-left: 36px;
}

.basket-page__header-button_share::before {
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    mask-image: url("/local/templates/unode/images/basket/icons/share-icon.svg");

}

.basket-page__header-button_remove::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 16px;
    mask-image: url("/local/templates/unode/images/basket/icons/trash-cart-icon.svg");
}

.basket-page__share-modal {
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 12px;
    z-index: 1;
    transition: all 0.25s ease-in-out;
}

.basket-page__share-modal.visible {
    opacity: 1;
}

.basket-page__share-modal-wrapper {
    position: relative;
}

.basket-page__share-modal-wrapper::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 16px;
    height: 16px;
    background: #fff;
    z-index: 1;
}

.basket-page__share-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    overflow-x: hidden;
}

.basket-page__share-modal-header {
    display: none;
}

.basket-page__share-link-list {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-width: 209px;
    z-index: 1;
}

.basket-page__share-link-item {
    width: 100%;
    border-bottom: 1px solid #DCDCDC;
}

.basket-page__share-link-btn {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 12px 12px 12px 46px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    border: none;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.25s ease-in-out;
    text-align: start;
}

.basket-page__share-link-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.basket-page__share-link-btn[data-type="copy"]::before {
    background-image: url('/local/templates/unode/images/basket/icons/copy-icon.svg');
}

.basket-page__share-link-btn[data-type="tg"]::before {
    background-image: url('/local/templates/unode/images/basket/icons/tg-icon.svg');
}

.basket-page__share-link-btn[data-type="vk"]::before {
    background-image: url('/local/templates/unode/images/basket/icons/vk-icon.svg');
}

.basket-page__info-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 999999999999;
}

.basket-page__info-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
}

.basket-page__info-popup-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.basket-page__info-popup-content {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: #fff;
    border-radius: 2px;
    padding: 16px 40px;
}

.basket-page__info-popup-icon {
    width: 25px;
    height: 25px;
    mask-image: url("/local/templates/unode/images/check.svg");
    mask-repeat: no-repeat;
    mask-size: 21px;
    mask-position: center;
    background-color: #00B14E;
}

.basket-page__info-popup-icon.with-error {
    background-color: red;
    mask-image: url("/local/templates/unode/images/close.svg");
}

.basket-page__info-popup-text {
    font-size: 18px;
    line-height: 25px;
}

.basket-page__remove-basket-modal {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    width: 100dvw;
    z-index: 1000;
    transition: opacity 0.25s ease-in-out;
}

.basket-page__remove-basket-modal.visible {
    opacity: 1;
}

.basket-page__remove-basket-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 40%);
}

.basket-page__remove-basket-modal-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 420px;
    max-height: 100%;
    overflow: auto;
}

.basket-page__remove-basket-modal-content {
    position: relative;
    padding: 36px 40px;
    box-sizing: border-box;
    background: #fff;
}

.basket-page__remove-basket-modal-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.basket-page__remove-basket-modal-close-btn {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
}

.basket-page__remove-basket-modal-close-btn::after,
.basket-page__remove-basket-modal-close-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 1px;
    background-color: #A4A2A2;
}

.basket-page__remove-basket-modal-close-btn::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.basket-page__remove-basket-modal-close-btn::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.basket-page__remove-basket-modal-text {
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px;
}

.basket-page__remove-basket-modal-buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.basket-page__remove-basket-modal-button-favorite {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    border: 1px solid #000;
    color: #000;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.basket-page__modal-button-favorite-icon {
    width: 18px;
    height: 18px;
    background-color: #000;
    mask-image: url("/local/templates/unode/images/heart.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    transition: background-color 0.25s ease-in-out;
}

@media (max-width: 767px) {
    .basket-page {
        padding-bottom: 16px;
    }
    .cart-empty {
        padding-top: 44px;
    }

    .cart-empty__icon {
        margin-bottom: 31px;
    }

    .cart-empty__title.text-bold-xl {
        font-size: 28px;
    }

    .cart-empty__description {
        margin-bottom: 0;
    }

    .basket-page .cart-empty__btn--desktop {
        display: none;
    }

    .basket-page .cart-empty__btn--mobile {
        display: flex;

        position: fixed;
        left: 16px;
        right: 16px;
        bottom: 20px;
    }

    .basket-page__footer {
        padding-bottom: 10px;
    }

    .basket-page__auth-form {
        flex-direction: column;
        align-items: flex-start;
    }

    .basket-page__input_phone {
        box-sizing: border-box;
    }

    .basket-page__auth-form,
    .basket-page__input_phone,
    .basket-page__auth-phone-info,
    .basket-page__auth-phone-wrapper,
    .basket-page__auth-btn {
        width: 100%;
    }

    .basket-page__auth-code-title {
        display: none;
    }

    .basket-page__auth-code-title_mobile {
        display: block;
    }

    .basket-page__auth-code-title_mobile {
        margin-top: -8px;
    }

    .basket-page__auth-user-data-list {
        border: none;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
        gap: 16px;
        padding: 0;
    }

    .basket-page__eps-data-inputs-form {
        flex-wrap: wrap;
        gap: 16px;
    }

    .basket-page__eps-data-inputs-list {
        flex-wrap: wrap;
        gap: 16px;
    }

    .basket-page__eps-submit-btn {
        width: 100%;
    }

    .basket-page__eps-data-inputs-item:first-child {
        width: 247px;
    }

    .basket-page__eps-data-inputs-item:nth-child(2) {
        width: 72px;
    }

    .basket-page__eps-data-error {
        position: static;
        top: auto;
    }

    .basket-page__share-modal {
        position: fixed;
        top: 0;
        left: 0;
        height: 100dvh;
        width: 100dvw;
        transition: opacity 0.25s;
        transform: none;
        padding: 0;
        z-index: 1000;
    }

    .basket-page__share-modal-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 40%);
    }

    .basket-page__share-modal-wrapper {
        position: absolute;
        max-height: 100%;
        overflow: auto;
        left: 0;
        width: 100vw;
        max-width: none;
        bottom: 0;
        transform: translate(0, 100%);
        transition: transform 0.25s;
    }

    .basket-page__share-modal.visible .basket-page__share-modal-wrapper {
        transform: translate(0, 0);
    }

    .basket-page__share-modal-content {
        gap: 12px;
        padding: 16px;
        border-radius: 12px 12px 0 0;
        box-shadow: none;
    }

    .basket-page__share-modal-header {
        display: flex;
        gap: 12px;
        justify-content: space-between;
    }

    .basket-page__share-modal-title {
        font-size: 18px;
        line-height: 26px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .basket-page__share-modal-wrapper::before {
        content: none;
    }

    .basket-page__share-modal-close-btn {
        position: relative;
        width: 26px;
        height: 26px;
        border: none;
        cursor: pointer;
    }

    .basket-page__share-modal-close-btn::after,
    .basket-page__share-modal-close-btn::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 17px;
        height: 1px;
        background-color: #A4A2A2;
    }

    .basket-page__share-modal-close-btn::after {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .basket-page__share-modal-close-btn::before {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .basket-page__info-popup-wrapper {
        transform: none;
        left: 28px;
        right: 28px;
        top: 64px;
    }

    .basket-page__remove-basket-modal-wrapper {
        top: auto;
        left: 0;
        width: 100vw;
        max-width: none;
        bottom: 0;
        transform: translate(0, 100%);
        transition: transform 0.25s ease-in-out;
    }

    .basket-page__remove-basket-modal.visible .basket-page__remove-basket-modal-wrapper {
        transform: translate(0, 0);
    }

    .basket-page__remove-basket-modal-content {
        padding: 16px;
        border-radius: 12px 12px 0 0;
    }

    .basket-page__remove-basket-modal-title {
        padding-right: 24px;
    }
}

@media (max-width: 1010px) {
    .gift-wrapping + .layout-section {
        margin-top: 32px;
    }

    .basket-page__not-me-checkbox-wrapper {
        margin: 0;
    }

    .basket-page__eps-table-wrapper {
        margin-top: 20px;
    }

    .basket-page__eps-table {
        display: none;
    }

    .basket-page__eps-mobile-list {
        display: block;
        list-style: none;
        padding-bottom: 28px;
    }

    .basket-page__eps-mobile-item {
        padding-top: 25px;
        border-top: 1px solid #DFDBDB;
        box-sizing: border-box;
        padding-bottom: 20px;
    }

    .basket-page__eps-mobile-item:last-child {
        padding-bottom: 0;
    }

    .basket-page__eps-card-info {
        display: flex;
        gap: 8px;
        justify-content: space-between;
    }

    .basket-page__eps-max-amount {
        min-width: 101px;
    }

    .basket-page__eps-card-info-title {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 12px;
        color: #868686;
    }

    .basket-page__eps-card-info-number,
    .basket-page__eps-user-amount-input {
        font-size: 14px;
        line-height: 20px;
        color: #000;
    }

    .basket-page__eps-user-amount-input {
        -webkit-appearance: none;
        -moz-appearance: textfield;
        appearance: none;
    }

    .basket-page__eps-user-amount-input::-webkit-outer-spin-button,
    .basket-page__eps-user-amount-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .basket-page__eps-user-amount {
        margin-top: 16px;
        display: flex;
        flex-direction: column;
    }

    .basket-page__eps-user-amount-input-wrapper {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 6px;
    }

    .basket-page__eps-user-amount-input {
        flex-grow: 1;
        padding: 10px 12px;
        border: 1px solid #DFDBDB;
        background-color: #F5F5F6;
    }

    .basket-page__eps-card-submit-button {
        display: block;
        margin: 24px 0 0 0;
        width: 100%;
        padding: 10px;
        border: none;
        outline: none;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        font-weight: 700;
        background-color: #454343;
    }

    .basket-page__eps-card-submit-button[data-action="setAmountEps"] {
        background: #E6431C;
    }
}

.swiper-scrollbar {

    left: 0 !important;
    bottom: 0 !important;
    background: #EEEEEE;
    border-radius: 10px;

    width: 100% !important;

    @media (max-width: 767px) {
        margin-top: 20px;
    }
}

.swiper-scrollbar .swiper-scrollbar-drag {
    background: #E6431C;; /* Цвет ползунка */
    border-radius: 10px; /* Закругление углов ползунка */
}

@media (max-width: 1010px) {
    .gift-wrapping {
        padding: 0 20px;
    }
}

.swiper-slide {
    width: 230px !important;
}

@media (hover: hover) {
    .basket-page__header-button:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .basket-page__header-button:hover::before {
        background-color: #fff;
    }

    .basket-page__share-link-btn:hover {
        background-color: #DCDCDC;
    }

    .basket-page__remove-basket-modal-close-btn:hover::before,
    .basket-page__remove-basket-modal-close-btn:hover::after,
    .basket-page__share-modal-close-btn:hover::before,
    .basket-page__share-modal-close-btn:hover::after {
        background-color: #626161;
    }

    .basket-page__remove-basket-modal-button-favorite:hover {
        color: #fff;
        background-color: #000;
    }

    .basket-page__remove-basket-modal-button-favorite:hover .basket-page__modal-button-favorite-icon {
        background-color: #fff;
    }
}

/* End */


/* Start:/local/templates/unode_order/css/basket_normalize.css?16262524398052*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/* End */


/* Start:/local/templates/unode_order/css/reset.css?1626252439910*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
} 
/* End */


/* Start:/local/templates/unode_order/css/fonts.css?1626252439675*/
@font-face {
    font-family: 'gothampro-bold';
    src: url('/local/templates/unode_order/css/../fonts/gothampro-bold.eot?') format('eot'),
    url('/local/templates/unode_order/css/../fonts/gothampro-bold.otf') format('opentype'),
    url('/local/templates/unode_order/css/../fonts/gothampro-bold.woff') format('woff'),
    url('/local/templates/unode_order/css/../fonts/gothampro-bold.ttf') format('truetype'),
    url('/local/templates/unode_order/css/../fonts/gothampro-bold.svg#gothampro-bold') format('svg');
}

@font-face {
    font-family: 'gothampro';
    src: url('/local/templates/unode_order/css/../fonts/gothampro.eot?') format('eot'),
    url('/local/templates/unode_order/css/../fonts/gothampro.otf')  format('opentype'),
    url('/local/templates/unode_order/css/../fonts/gothampro.woff') format('woff'),
    url('/local/templates/unode_order/css/../fonts/gothampro.ttf')  format('truetype'),
    url('/local/templates/unode_order/css/../fonts/gothampro.svg#gothampro') format('svg');
}


/* End */


/* Start:/local/templates/unode_order/css/datepicker.css?17353937423305*/

.calendar {
    margin-bottom: 200px;
}

.class-link {
    color: #6cc417;
    text-decoration: none;
}

.class-link:hover {
    color: #ffbb00;
}

/* From here you can start to copy */

.calendar {
    padding: 8px;
    background: #ffffff;
    border-radius: 4px;
    font-size: 18px;
    border: 1px solid #333333;
}

.ui-datepicker {
    display: none;
    width: 278px;
    background: #ffffff;
    border-radius: 0;
    z-index: 3 !important;
    box-shadow: 0px 0px 15px 0px #EDEDED;
    padding: 0 12px 12px;
    box-sizing: border-box;
}

.ui-state-default {
    margin: 0 !important;
}

.ui-state-default:not(.ui-state-active):hover {
    margin: 0 4px !important;
    transition: background-color 0.2s ease 0s;
}

.ui-state-highlight {
    background-color: transparent !important;
    padding: 0 4px;
}

.ui-state-highlight a {
    color: #ffffff;
    background-color: #E6431C;
}

.ui-datepicker-header {
    /* height: 60px; */
    line-height: 54px;
    color: #ffffff;
    margin-bottom: 0px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 10px;
}



.ui-datepicker-prev {
    float: left;
    margin-left: -2px;
}

.ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin: -43px 0px 0px 8px;
}

.ui-datepicker-next {
    float: right;
    margin-right: -2px;
}

.ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: -43px 0px 0px 6px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.ui-corner-all.ui-state-disabled:after {
    border-left: 2px solid #ccc !important;;
    border-bottom: 2px solid #ccc !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #000;
}

.ui-datepicker-title {
    text-align: center;
    font-family: "gothampro-bold";
    font-size: 14px;
    color: #000;
    text-align: center;
}

.ui-datepicker-calendar {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    margin-top: -6px;
}

.ui-datepicker-calendar thead tr th span {
    display: block;
    font-family: "gothampro";
    color: #848484;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 24px;
    text-transform: lowercase;
    text-align: center;
}

.ui-state-default {
    display: block;
    text-decoration: none;
    color: #000000;
    line-height: 24px;
    text-align: center;
    font-family: "gothampro";
    font-size: 14px;
    margin: 2px 0;
}

.ui-state-default:hover {
    color: #ffffff;
    background: #EA603E;
    transition: all 0.2s ease 0s;
}

.ui-state-highlight {
    color: #ffffff;
    background-color: #848484;
}

.ui-state-active {
    color: #ffffff;
    background-color: #E6431C;
}

.ui-datepicker-unselectable .ui-state-default, .ui-datepicker-unselectable .ui-state-default:hover {
    background: none;
    color: #eee;
    border: 2px solid transparent;
}

.icon {
    margin-left: -30px;
    margin-top: -26px;
    position: relative;
    color: #6cc417;
    font-size: 20px;
}

/* End */


/* Start:/local/templates/unode_order/css/jquery.scrollbar.css?162625243922767*/
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

::-webkit-scrollbar {
    display: none;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: calc(100% - 10px);
    /* min-height: 100%; */
    right: 12px;
    top: 0;
    bottom: 0;
    width: 2px;
    opacity: 1;
    margin: auto;
    overflow: hidden;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 1;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 1;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #000000;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    opacity: 1;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 2px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {top: 0;}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left: -11px;}
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    /*-webkit-border-radius: 12px;*/
    /*-moz-border-radius: 12px;*/
    /*border-radius: 12px;*/
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    /*min-width: 7px;*/
    /*width: 20px;*/
}










/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }
/* End */


/* Start:/local/templates/unode_order/css/basket_style.css?175983736650420*/
html,
body {
    height: 100%;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-decoration-skip-ink: none;
}

a, a:hover, a:active {
    color: inherit;
    text-decoration: none;
}

textarea,
input {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/*style input*/
input::-webkit-input-placeholder {
    color: #B0B0B0;
    opacity: 1;
    transition: 0.2s ease 0s;
}

input::-moz-placeholder {
    opacity: 1;
    color: #848484;
    text-align: center;
    transition: 0.2s ease 0s;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:focus::-moz-placeholder {
    opacity: 0;
}
/* End style input*/

.input-none {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
}

button {
    border: none;
    background: none;
}

.grid {
    max-width: 1180px;
    padding: 0 20px;
    margin: 0 auto;
}

@media all and (min-width: 1010px) {

    .grid-desktop {
        max-width: 1272px;
        padding: 0 20px;
        margin: 0 auto;
    }

}

@media all and (max-width: 1010px) {

    .grid-mobile {
        padding-left: 20px;
        padding-right: 20px;
    }

}

.text-bold-xl {
    font-family: "gothampro-bold";
    font-size: 28px;
}

.text-bold-lg {
    font-family: "gothampro-bold";
    font-size: 20px;
}

.text-bold-md {
    font-family: "gothampro-bold";
    font-size: 18px;
}

.text-bold-sm {
    font-family: "gothampro-bold";
    font-size: 16px;
}

.text-bold-xs {
    font-family: "gothampro-bold";
    font-size: 14px;
    line-height: 19px;
}

.text-xl {
    font-family: "gothampro";
    font-size: 18px;
    line-height: 24px;
}

.text-lg {
    font-family: "gothampro";
    font-size: 16px;
    line-height: 20px;
}

.text-md {
    font-family: "gothampro";
    font-size: 14px;
    line-height: 19px;
}

.text-sm {
    font-family: "gothampro";
    font-size: 12px;
    line-height: 18px;
}

.text-xs {
    font-family: "gothampro";
    font-size: 10px;
    line-height: 14px;
}

.text-gray {
    color: #848484;
}

.text-red {
    color: #E6431C;
}

.text-green {
    color: #379E31;
}

.text-white {
    color: #fff;
}

@media all and (min-width: 1010px) {

    .desktop-block{
        display: block;
    }

    .desktop-none {
        display: none;
    }

}

.basket-btn {
    height: 40px;
    font-family: "gothampro";
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    background: #E6431C;
    transition: background 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s;
}

.basket-btn_remove-basket {
    text-transform: uppercase;
    height: 48px;
    line-height: 20px;
    font-weight: 700;
}

@media all and (min-width: 1010px) {

    .basket-btn:hover {
        background: #C93A16;
        cursor: pointer;
    }

}

.basket-btn:disabled,
.basket-btn:active {
    background: #c82f37;
    box-shadow: 0 0 0 rgba(10, 50, 65, 0.4);
    cursor: default;
}

.basket-page {
    position: relative;
    z-index: 1;
    background: #fff;
}

.layout {
    display: flex;
    display: -webkit-flex;
}

.layout-column {
    outline: 1px solid;
}

.layout-flex-start {
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.layout-container {
    flex: 1;
    -webkit-flex: 1;
    margin-right: 20px;
}

.layout-section {
    margin: 78px 0;
}

.layout-section:first-child {
    margin-top: 20px;
}

.layout-section--products {
    margin-bottom: 0;
}

.basket-table {
    margin-top: 30px;
}

.basket-row {
    display: flex;
    display: -webkit-flex;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: relative;
}

.basket-head .basket-row {
    padding-top: 0;
}

.basket-body .basket-row {
    border-bottom: 1px solid #eeeeee;
}

.basket-cell {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.basket-cell--padding-left {
    padding-left: 10px;
}

.basket-cell:nth-child(1) {
    width: 400px;
    width: 45.4555%;
}

.basket-cell:nth-child(2) {
    width: 152px;
    width: 17.2744%;
}

.basket-cell:nth-child(3) {
    width: 126px;
    width: 14.31888%;
}

.basket-cell:nth-child(4) {
    width: 132px;
    width: 15%;
}

.basket-cell:nth-child(5) {
    width: 68px;
    width: 7.727777%;
}

.basket-cell__cart {
    display: flex;
    display: -webkit-flex;
}

.basket-cell__alert-text {
    color: #E6431C;
    font-size: 14px;
    line-height: 20px;
}

.basket-cell__article {
    margin-top: 3px;
}

.basket-cell__figure {
    width: 76px;
    height: 76px;
    flex-shrink: 0;
}

.basket-cell__img {
    display: block;
    max-width: 100%;
}

.basket-cell__figcaption {
    margin-left: 20px;
    padding-right: 32px;
}

.basket-cell__group {
    margin: 15px 0;

    color: #848484;
}

.basket-cell__old-price {
    display: inline-flex;
    position: relative;
    margin: 2px 0;
}

.basket-cell__old-price:after {
    content: "";
    width: calc(100% + 8px);
    height: 1px;
    background: #848484;
    position: absolute;
    top: 0;
    left: -2px;
    bottom: 0;
    right: 0;
    margin: auto;
}

.basket-cell__counter {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    width: 80px;
}

.basket-cell__counter-button {
    display: block;
    padding: 10px;
    margin: -10px;
    background: none;
    border: none;
    cursor: pointer;
}

.basket-cell__counter-button[disabled] {
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}

.icon-button {
    display: block;
    position: relative;
    width: 9px;
    height: 9px;
}

.icon-line {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.basket-cell__counter-button[disabled] .icon-line {
    background: #848484;
}

.icon-line__hor {
    width: 100%;
    height: 1px;
}

.icon-line__ver {
    width: 1px;
    height: 100%;
}

.basket-cell__counter-count {
    font-family: "gothampro";
    font-size: 14px;
}

.basket-cell__close {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.basket-cell__close-button {
    padding: 0px 20px 20px;
    cursor: pointer;
}

.layout-sidebar {
    position: sticky;
    position: -webkit-sticky;
    top: 58px;
}

.sidebar-wrapper {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    width: 372px;
    padding: 18px 0;
    background: #eeeeee;
    box-sizing: border-box;
}

.sidebar-section {
    font-size: 14px;
    padding-bottom: 18px;
}

.sidebar-section:last-child {
    padding-bottom: 0;
}

.sidebar-section_bonus {
    padding: 0;
    margin: 16px 0 0 0;
}

.sidebar-titles {
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: space-between;
}

.sidebar-section__container {
    margin-top: 5px;
}

.sidebar-section__get-bonuses {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-left: 30px;
}

.sidebar-section__get-bonuses::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 22px;
    height: 12px;
    background-image: url('/local/templates/unode_order/css/../images/basket/icons/green-bonuses.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.sidebar-section__button {
    border: none;
    font-size: 14px;
    line-height: 19px;
    color: #E6431C;
    padding: 0;
    cursor: pointer;
}

.sidebar-section__button:hover {
    color: #C93A16;
}

.sidebar-section__container.active .sidebar-section__button {
    display: none;
}

.sidebar-section__content {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.sidebar-section__container.active .sidebar-section__content {
    display: flex;
    display: -webkit-flex;
}

.sidebar-section__form {
    width: 100%;
}

.sidebar-section__form-group {
    position: relative;
    width: 100%;
    margin-top: 16px;
    box-sizing: border-box;
}

.sidebar-section__promo-alert {
    margin-top: 8px;
}

.sidebar-section__form-text {
    display: none;
    font-size: 14px;
    line-height: 20px;
}

.success .sidebar-section__form-text--success {
    position: relative;
    display: block;
    color: #000;
    padding-left: 26px;
}

.success .sidebar-section__form-text--success::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #49AA43;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
}

.success .sidebar-section__form-text--success::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 11px;
    mask-image: url('/local/templates/unode_order/css/../../../templates/unode/images/check.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #fff;
}

.error .sidebar-section__form-text--error,
.removed .sidebar-section__form-text--removed {
    display: block;
    color: #E6431C;
}
.excluded .sidebar-section__form-text--excluded {
    display: block;
    color: #c4262e;
}
.limit .sidebar-section__form-text--limit {
    display: block;
    color: #c4262e;
}

.sidebar-section__form-input {
    width: inherit;
    font-family: inherit;
    font-size: 14px;
    padding: 10px 12px;
    margin: 0;
    border: 1px solid #DFDBDB;
    box-sizing: border-box;
}

.sidebar-section__form-input:focus {
    border: 1px solid #A4A2A2;
}

.sidebar-section__form-input-wrapper {
    position: relative;
    margin-top: 24px;
}

.sidebar-section__form-input_with-button {
    padding-right: 100px;
    width: 100%;
}

.error .sidebar-section__form-input,
.error .sidebar-section__form-input:focus {
    border: 1px solid #E6431C;
}

.sidebar-section__form-submit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    color: #E6431C;
    font-size: 14px;
    cursor: pointer;
}

.sidebar-section__sales-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sidebar-section__sales-label {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.sidebar-section__sales-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #DFDBDB;
    background-color: #fff;
}

.sidebar-section__sales-radio:checked + .sidebar-section__sales-label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #E6431C;
}

.remove-promo{
    display: none;
}

.sidebar-section__form.success .submit-promo{
    display: none;
}

.sidebar-section__form.success .remove-promo{
    display: block;
}

.sidebar-section__result {
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: space-between;
    border-top: 1px solid #DFDBDB;
    padding-top: 18px;
    margin-top: 18px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.sidebar-section__order-buttons {
    margin: 17px 0;
}

.sidebar-section__order-button {
    display: block;
    width: 100%;
    font-family: "gothampro-bold";
    line-height: 48px;
    height: 48px;
    padding: 0 30px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.sidebar-offer {
    display: flex;
    display: -webkit-flex;
}

.sidebar-section__shipping-price {
    position: relative;
    box-sizing: border-box;
    padding: 12px 20px 12px 68px;
    background: #EDFBD7;
    font-size: 14px;
    line-height: 20px;
    width: 372px;
}

.sidebar-section__shipping-price::before {
    position: absolute;
    top: 50%;
    left: 21px;
    transform: translateY(-50%);
    content: '';
    width: 29px;
    height: 19px;
    background-image: url('/local/templates/unode_order/css/../images/basket/icons/track.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.sidebar-section__shipping-free {
    color: #379E31;
}

.sidebar-offer__icon {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
}

.sidebar-offer__input:checked + label {
    display: none !important;
}

.sidebar-offer__input.error + .sidebar-offer__icon, .sidebar-offer__input.error + label + .sidebar-offer__icon {
    border: 1px solid #c82f37;
}

.sidebar-offer__input:checked + .sidebar-offer__icon, .sidebar-offer__input:checked + label + .sidebar-offer__icon {
    background: url("/local/templates/unode_order/css/../images/basket/icons/check-new.svg") no-repeat 3px center;
}

.sidebar-offer__link {
    text-decoration: underline;
}

.sidebar-offer__link:hover {
    text-decoration: none;
}

.sidebar-offer__link,
.sidebar-offer__text {
    font-size: 12px;
    line-height: 16px;
    color: #868686;
}

.section-group__bonuses-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    width: 100%;
    z-index: 999;
}

.section-group__bonuses-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100dvh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .4);
}

.section-group__bonuses-modal-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
}

.section-group__bonuses-modal-content {
    position: relative;
    padding: 36px 40px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-group__bonuses-modal-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}

.section-group__bonuses-modal-description {
    font-size: 14px;
    line-height: 20px;
}

.section-group__bonuses-modal-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section-group__bonuses-modal-input {
    height: 40px;
    font-size: 14px;
    padding: 0 12px;
    border: 1px solid #DFDBDB;
}

.section-group__bonuses-modal-input:focus {
    border-color: #A4A2A2;
}

.section-group__bonuses-modal-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.section-group__bonuses-modal-close-btn::after,
.section-group__bonuses-modal-close-btn::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 18px;
    height: 1px;
    background-color: #A4A2A2;
}

.section-group__bonuses-modal-close-btn::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.section-group__bonuses-modal-close-btn::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.section-group__bonuses-modal-submit-button {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    height: 48px;
}

.section-group__bonuses-modal-input-error {
    font-size: 14px;
    line-height: 20px;
    color: #E6431C;
}

.section-group {
    position: relative;
    margin: 48px 0;
}

.section-group--over {
    z-index: 2;
}
.section-group__bonuses-checkbox-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
}

.section-group__bonuses-description {
    padding-left: 28px;
    margin-top: 2px;
}

.section-group__feedback-description {
    margin-top: 22px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}

.section-group__preset-list {
    display: flex;
    gap: 12px;
}

.section-group__mobile-tab-container {
    display: none;
}

.section-group__preset-item {
    position: relative;
}

.section-group__preset-label {
    box-sizing: border-box;
    padding: 8px 15px;
    border: 1px solid #D7D7D7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 52px;
    cursor: pointer;
}

.section-group__preset-date {
    font-size: 14px;
    line-height: 20px;
    width: max-content;
}

.section-group__preset-day {
    font-size: 12px;
    line-height: 16px;
    color: #868686;
}

.section-group__preset-radio:checked + .section-group__preset-label {
    background-color: #eee;
    border-color: #eee;
}

.section-group__datepicker-button {
    cursor: pointer;
    width: 90px;
    height: 52px;
    background-image: url("/local/templates/unode_order/css/../images/basket/icons/calendar.svg");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
}

.section-group__delivery-types {
    margin-top: 20px;
}

.receiving-order {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    margin: -10px;
    flex-direction: column;
}

.receiving-order__item {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    width: 280px;
    padding: 10px;
}

.receiving-order__item_wide {
    width: 100%;
}

.city-button {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.receiving-order__city-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #868686;
}

.city-button__content {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    cursor: pointer;
    color: #E6431C;
}

.city-button__info {
    margin-right: 5px;
}

.city-button__content:hover {
    color: #C93A16;
}

.city-button__figure {
    display: flex;
    width: 9px;
}

.city-button__icon {
    max-width: 100%;
    display: block;
}

.layout-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 12px -10px;
    position: relative;
}

.layout-item {
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.layout-item--sixty-six {
    width: 66.6666%;
}

.layout-item--third {
    width: 33.3333%;
}

.layout-item--input {
    width: 280px;
}

.layout-label {
    display: block;
}

.layout-label--group {
    position: relative;
    margin-top: 2px;
}

.form-text {
    display: block;
}

.form-input {
    width: 100%;
    height: 40px;
    font-family: "gothampro";
    font-size: 14px;
    line-height: 19px;
    padding: 0 14px;
    margin: 4px 0 0;
    border: 1px solid #d7d7d7;
    color: inherit;
    box-sizing: border-box;
    transition: color 0.2s ease 0s, border 0.2s ease 0s;
}

.form-input--with-icon {
    position: relative;
    z-index: 3;
    background: none;
    margin: 0;
    text-align: left;
    cursor: pointer;
}

.form-input.error,
#phone.is-error {
    border: 1px solid #E6431C;
}

.form-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
}

.form-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
}

#phone {
    color: #848484;
}

#phone:focus,
#phone.is-error {
    color: #000;
}

#phone + .error {
    display: none;
}

#phone.is-error + .error {
    display: none;
}

.radio-button {
    display: flex;
    display: -webkit-flex;
}

.radio-button__label {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    width: 280px;
    height: 70px;
    padding: 20px;
    position: relative;
    border: 1px solid #d7d7d7;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.2s ease 0s;
    z-index: 0;
}

.radio-button__label_sbp {
    padding-right: 48px;
}

.radio-button__label_sbp::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('/local/templates/unode_order/css/../images/basket/icons/SBP.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.radio-button__input:checked + .radio-button__label {
    border: 1px solid #eeeeee;

}

.radio-button__input:checked + .radio-button__label,
.radio-button__input:checked + .error + .radio-button__label {
    background: #eeeeee;
}

.radio-button__input.error + .radio-button__label,
.radio-button__input.error + .error + .radio-button__label,
.radio-button__input:checked + .error + .radio-button__label {
    border: 1px solid #E6431C !important;
}

.radio-button__content {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.radio-button__content--payment {
    align-items: center;
    padding-right: 35px;
}

.radio-button__figure {
    flex-shrink: 0;
    display: flex;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #848484;
    border-radius: 50%;
    box-sizing: border-box;
}

.radio-button__icon {
    width: 8px;
    height: 8px;
    background: #E6431C;
    border-radius: 50%;
    margin: auto;
    opacity: 0;
    transform: scale(0.8);
    transition: 0.2s ease 0s;
}

.radio-button__input:checked + .radio-button__label .radio-button__icon,
.radio-button__input:checked + .error + .radio-button__label .radio-button__icon {
    opacity: 1;
    transform: scale(1);
}

.radio-button__figcaption {
    margin-left: 15px;
}

.radio-button__hint {
    position: absolute;
    top: 0;
    right: 14px;
    z-index: 3;
    padding: 3px 27px 3px 10px;
    background: #c82f37;
    transform: translateY(-50%);
}

.radio-button__logo {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.radio-button__logo--payment-cash {
    background-image: url("/local/templates/unode/images/basket/icons/payments/cash.svg");
}
.radio-button__logo--payment-online {
    background-image: url("/local/templates/unode/images/basket/icons/payments/card.svg");
}
.radio-button__logo--payment-13 {
    background-image: url("/local/templates/unode/images/basket/icons/payments/legal-entity-card.svg");
}
.radio-button__logo--payment-sbIntallment {
    background-image: url("/local/templates/unode/images/basket/icons/payments/sber-installment.svg");
}
.radio-button__logo--payment-tinkoff-bnpl {
    background-image: url("/local/templates/unode/images/basket/icons/payments/dolyame.svg");
}
.radio-button__logo--payment-bnpl {
    background-image: url("/local/templates/unode/images/basket/icons/payments/ya-split.svg");
}
.radio-button__logo--payment-ypay {
    background-image: url("/local/templates/unode/images/basket/icons/payments/ya-pay.svg");
}
@media (max-width: 991px) {
    .radio-button__logo {
        right: 15px;
    }
}

.layout-tabs {
    position: relative;
}

.layout-tab {
    width: 100%;
    position: absolute;
    left: -110%;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease 0s, z-index 0s ease 0.3s;
}

.layout-tab:not(:first-child) {
    height: 525px;
}

.layout-tab.active {
    position: relative;
    opacity: 1;
    z-index: 2;
    left: 0;
}

.layout-buttons {
    display: inline-flex;
    border: 1px solid #d7d7d7;
}

.layout-button:first-child {
}

.layout-button__label {
    display: flex;
    display: -webkit-flex;
    padding: 10px 20px;
    background: #fff;
    color: #000;
    cursor: pointer;
    transition: 0.2s ease 0s;
}

.layout-button__price {
    margin-left: 15px;
}

.layout-button__input:checked + .layout-button__label,
.layout-button__input:checked + .error + .layout-button__label {
    color: #fff;
    background: #000;
}

.calendar-input {
    padding-right: 45px;
}

.calendar-label__figure {
    width: 17px;
    right: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.calendar-label__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    opacity: 0;
    transform: scale(1.4);
    transition: 0.2s ease 0s;
}

.calendar-label__icon:first-child {
    opacity: 1;
    transform: scale(1);
}

.calendar-input:focus + .calendar-label__figure .calendar-label__icon:nth-child(1) {
    opacity: 0;
    transform: scale(1.4);
}

.calendar-input:focus + .calendar-label__figure .calendar-label__icon:nth-child(2) {
    opacity: 1;
    transform: scale(1);
}

.time-input {
    padding-right: 30px;
}

.time-label__icon {
    width: 9px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    z-index: 2;
    transition: 0.2s ease 0s;
}

.time-interval.active .time-label__icon {
    transform: rotate(-180deg);
}

.time-interval {
    position: relative;
}

.time-interval__button {
    position: relative;
}

.time-interval__list {
    width: 100%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: 0.2s ease 0s;
}

.time-interval.active .time-interval__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.time-interval__link {
    display: block;
    width: 100%;
    line-height: 40px;
    font-family: "gothampro";
    font-size: 14px;
    padding: 0 14px;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.2s ease 0s;
}

.time-interval__link:hover {
    background: #eeeeee;
}

.time-interval__link.active {
    display: none;
}

.tab-flex {
    display: flex;
    display: -webkit-flex;
    height: 100%;
}

.tab-sidebar {
    width: 300px;
    background: #F6F6F6;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.tab-sidebar__section {
    padding: 20px;
    border-bottom: 1px solid #D7D7D7;
}

.tab-header__title {
    font-size: 18px;
    line-height: 24px;
}

.button-city {
    display: inline-block;
    cursor: pointer;
}

.button-city__text {
    vertical-align: middle;
}

.button-city__icon {
    vertical-align: middle;
    margin-left: 4px;
}

.header__tabs {
    display: flex;
    display: -webkit-flex;
    margin: 15px 0;
}

.header__tab {
    line-height: 19px;
    padding: 0 10px;
    border: 1px solid #000;
    margin-left: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 0.2s ease 0s, background 0.2s ease 0s;
}

.header__tab:first-child {
    margin-left: 0;
}

.header__tab.active {
    color: #fff;
    background: #000;
}

.header-input {
    padding: 0 40px 0 10px;
    margin: 0;
    box-sizing: border-box;
    cursor: initial;
    transition: color 0.2s ease 0s, background 0.2s ease 0s;
}

.header-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    z-index: 2;
    transition: 0.2s ease 0s;
}

input.header-input::-webkit-input-placeholder {
    color: #000;
}

input.header-input::-moz-placeholder {
    color: #000;
}

.tab-sidebar__name {
    margin-bottom: 7px;
}

.tab-sidebar__title {
}

.tab-sidebar__title:first-child {
    margin-top: -3px;
}

.tab-sidebar__address {
    margin: 13px 0 0;
}

.tab-sidebar__metro {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    margin: 4px 0;
}

.tab-sidebar__metro-icon {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.tab-sidebar__metro-text {
    flex: 1;
    -webkit-flex: 1;
    margin-left: 7px;
}

.tab-sidebar__buttons {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.tab-sidebar__button-choose {
    min-width: 102px;
    color: #E6431C;
    text-align: center;
    padding: 4px 10px;
    border: 2px solid #E6431C;
    box-sizing: border-box;
    cursor: pointer;
    cursor: pointer;
}

.tab-sidebar__item.active .tab-sidebar__button-choose {
    cursor: default;
    color: #fff;
    background: #C93A16;
    border-color: #C93A16;
}

.tab-sidebar__button-choose:hover {
    color: #C93A16;
    border-color: #C93A16;
}

.tab-sidebar__button-more {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    cursor: pointer;
}

.tab-sidebar__button-more:hover {
    color: #C93A16;
}

.tab-sidebar__button-icon {
    margin-left: 15px;
}

.tab-sidebar__list {
    width: 100%;
}

.tab-sidebar__custom-scrollbar {
    overflow-x: auto;
}

.tab-sidebar__custom-scrollbar::-webkit-scrollbar {
    width: 5px !important;
}

.tab-sidebar__custom-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.tab-sidebar__custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #E6431C;
    border-radius: 24px !important;
    border: 5px solid #E6431C !important;
}

/* Для Firefox */
.tab-sidebar__custom-scrollbar {
    scrollbar-width: thin !important; /* делаем скроллбар тонким */
    scrollbar-color: #E6431C transparent; /* цвет бегунка и фона */
}

@media all and (min-width: 1010px) {

    #points-container .tab-sidebar__list {
        height: 344px;
    }

    #store-container .tab-sidebar__list {
        height: 460px;
    }

}

.tab-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.tab-map {
    width: 100%;
    height: 100%;
    background: url("/local/templates/unode_order/css/../images/basket/map.jpg") no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.show-modal, .fix {
    overflow-y: scroll;
    position: fixed;
    width: 100%;
}

.modal {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    transition: 0s ease 0.2s;
}

body.show-modal .modal {
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: 0s ease 0s;
}

.modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition: 0.2s ease 0s;
}

body.show-modal .modal-overlay {
    opacity: 1;
}

.modal-container:not(#root-modal-container) {
    width: 580px;
    position: relative;
    z-index: 2;
    margin: auto;
    background: #fff;
    padding: 34px 37px;
    box-sizing: border-box;
    opacity: 0;
    transform: scale(0.4);
    transition: 0.2s ease 0s;
}

body.show-modal .modal-container:not(#root-modal-container) {
    transform: scale(1);
    opacity: 1;
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    cursor: pointer;
}

.modal-content {
    display: none;
}

.modal-content.active {
    display: block;
}

.modal-back {
    display: none;
}

.modal-back__text {
    display: none;
    margin-left: 15px;
}

.modal-back__text.active {
    display: block;
}

.modal__sections {
    margin: -12px 0;
}

.modal__section {
    margin: 12px 0;
}

.modal__title {
    margin-top: 5px;
}

.modal__metro {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    margin-top: 3px;
}

.modal__metro-icon {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.modal__metro-text {
    flex: 1;
    -webkit-flex: 1;
    margin-left: 7px;
}

.modal__text {
    display: block;
    margin-top: 4px;
}
.modal__text.text-red:hover {
    text-decoration: underline;

    color: #C93A16;
}

.modal-button {
    font-family: "gothampro";
    font-size: 14px;
    background: #E6431C;
    padding: 0 30px;
    margin-top: 18px;
}

.tab-sidebar__item {
    background: #F6F6F6;
    transition: background 0.2s ease 0s;
}

.tab-sidebar__item.active {
    background: #EEEEEE;
}

.order-title {
    margin: 0 0;
}

.order-group {
    margin: 35px 0 15px;
}

.order-info {
    margin: 0 0;
}

.order-number {
    margin: 10px 0;
}

.order-description {
    margin: 12px 0;
}

.order {
    max-width: 1010px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
    margin: 0 auto;
    box-sizing: border-box;
}

.order-item {
    max-width: 415px;
    min-height: 272px;
    padding: 20px 10px;
    box-sizing: border-box;
}

.order-item:first-child {
    max-width: 522px;
}

.order-item--gray {
    background: #EEEEEE;
}

.order-name {
    margin: 15px 0 17px;
}

.order-gift {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    margin: 23px 0;
}

.order-button {
    flex: 1;
    -webkit-flex: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    font-family: "gothampro-bold";
    padding: 0 30px;
}

.order-button:hover {
    color: #fff;
}

.order-button__icon {
    margin-top: 2px;
}

.order-image {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    margin-top: -26px;
}

.layout-promo {
    display: none;
    background: #eeeeee;
    padding: 15px 0px;
    margin: 20px 0;
}

.footer-offer {
    display: flex;
    display: -webkit-flex;
    margin: 20px 0 0;
}

.tabs-multiply {
    display: none;
}

.layout-multiply {
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: stretch;
}

.modal__link {
    display: none;
}

.modal-map {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 20px;
    margin: auto;
    background: #fff;
}

.modal-map__name {
    margin-bottom: 7px;
}

.modal-map__title {
}

.modal-map__address {
    margin: 13px 0 0;
}

.modal-map__metro {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
    margin: 4px 0;
}

.modal-map__metro-icon {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.modal-map__metro-text {
    flex: 1;
    -webkit-flex: 1;
    margin-left: 7px;
}

.modal-map__buttons {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 12px;
}

.modal-map__button-choose {
    min-width: 102px;
    color: #C4262E;
    text-align: center;
    padding: 4px 10px;
    border: 2px solid #C4262E;
    box-sizing: border-box;
    cursor: pointer;
    cursor: pointer;
}

.modal-map.active .modal-map__button-choose {
    cursor: default;
    color: #fff;
    background: #C4262E;
}

.modal-map__button-more {
    display: flex;
    display: -webkit-flex;
    cursor: pointer;
}

.modal-map__button-icon {
    margin-left: 15px;
}

.layout-tab__header {
    display: none;
}

.layout-tab__header-text {
    padding-left: 20px;
}

.layout-tab__header-close {
    padding: 18px 20px 20px 18px;
}

.selected-container {
    display: none;
    padding: 20px 0;
}

.selected-container__button {
    margin: 0;
    font-family: "gothampro";
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
}


.selected-section {
    display: none;
    padding: 0 20px;
}

.selected-section.active {
    display: block;
}

.selected-section__name {
    margin-bottom: 7px;
}

.selected-section__title {
}

.selected-section__address {
    margin: 13px 0 0;
}

.selected-section__metro {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
    margin: 4px 0;
}

.selected-section__metro-icon {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.selected-section__metro-text {
    flex: 1;
    -webkit-flex: 1;
    margin-left: 7px;
}

.selected-section__buttons {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.selected-section__button-choose {
    text-align: center;
    padding: 0;
    border: 2px solid #C4262E;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 36px;
}

.selected-section__button-more {
    display: flex;
    display: -webkit-flex;
    margin: 12px 0;
    cursor: pointer;
}

.selected-section__button-icon {
    margin-left: 15px;
}

.button-back {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    cursor: pointer;
}

.button-back__icon {
    display: block;
    margin-top: 0px;
    width: 6px;
}

.button-back__text {
    margin-left: 10px;
}

.footer-sticky {
    display: none;
    position: sticky;
    position: -webkit-sticky;
    top: 58px;
    z-index: 3;
    width: 100%;
    top: initial;
    bottom: 0;
    padding: 0;
    background: #eeeeee;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}

.sidebar-section__discount{
    display: none;
}

.sidebar-section__discount.active{
    display: flex;
    justify-content: space-between;
}

.sidebar-section__full-price-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-tab{
    display: none;
    margin: 17px 0 20px;
}

.section-tab.active{
    display: block;
}

.section-tab__header{
    display: flex;
    align-items: center;
}

.section-tab__header-title{
    font-family: 'GothamPro', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}


.section-tab__header-icon{
    display: block;
    width: 98.67px;
    height: 40px;
    margin: -5px 0 0 3px;
}

.section-tab__body{
    font-family: 'GothamPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin-top: 22px;
}

.section-tab__body--ya-split {
    max-width: 578px;
    width: 100%;
}

.section-tab__body-text {
    font-size: 16px;
    line-height: 24px;
    max-width: 680px;
    font-family: "gothampro";
}

.section-tab__details {
    padding: 16px;
    background: #F9F9F9;
    margin-top: 24px;
    display: flex;
}

.section-tab__date {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.40);
}

.section-tab__date::after {
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    background: rgba(0, 0, 0, 0.08);
    margin-top: 12px;
}

.section-tab__date--active::after {
    background: rgba(0, 0, 0,0.08);
}
.section-tab__date--active:first-child::after {
    background: #E6431C;
}

.section-tab__date--active {
    color: #000;
}

.section-tab__date:not(:first-child) .section-tab__date-name,
.section-tab__date:not(:first-child) .section-tab__date-price {
    opacity: 0.4;
}

.section-tab__date-name {
    font-family: "gothampro";
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

.section-tab__date-price {
    font-family: "gothampro-bold";
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 6px;
}

.section-tab__date:not(:first-child) {
    margin-left: 6px;
}

.section-tab__body-link {
    display: block;
    color: #E6431C;
    padding: 0;
    margin-top: 2px;
    cursor: pointer;
}

.section-tab__body-link--dolyame {
    display: inline;
    text-decoration: underline;
}

.section-tab__body-link:hover {
    color: #C93A16;
}

.section-tab__delimiter {
    display: none;
}

.sidebar-section__title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 16px;
}

.sidebar-section__sales {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid #DFDBDB;
    padding-bottom: 18px;
}

.sidebar-section__sales-list {
    display: flex;
    flex-direction: column;
}

.basket-page__footer {
    margin-top: 40px;
    padding: 16px 0 30px;

    font-family: 'GothamPro', 'Tahoma', sans-serif;
    font-size: 12px;
}

.basket-page__footer-links-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.basket-page__footer-links-item {
    margin-right: 15px;
}

.basket-page__footer-links-item:last-child {
    margin-right: 0;
}

.basket-page__footer-links-item_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-left: 32px;
}

.basket-page__footer-link {
    font-size: 12px;
    text-decoration: none;

    color: #848484;
}

.basket-page__footer-link:hover,
.basket-page__footer-link:focus {
    text-decoration: underline;

    color: #454343;
}

.basket-page__footer-link_tel {
    font-family: inherit;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: #000;
}

.basket-page__footer-link:hover,
.basket-page__footer-link:focus {
    color: #000;
    text-decoration: none;
}

.basket-page__footer-link-desc {
    font-size: 11px;
    line-height: 11px;
}

.basket-page__footer-contacts_mobile {
    display: none;
}

.basket-page__auth-description {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #868686;
}

.basket-page__pdn-label {
    position: relative;
    display: block;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #DFDBDB;
    cursor: pointer;
}

.basket-page__pdn-checkbox:checked + .basket-page__pdn-label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 15px;
    height: 12px;
    transform: translate(-50%, -50%);
    background-image: url('/local/templates/unode_order/css/../../../templates/unode/images/check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}

.basket-page__auth-description-link {
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
}

.basket-page__auth-description-link:hover {
    text-decoration: none;
}

.dolyame-popup {
    position: relative;
    z-index: 2;
    margin: auto;
    padding: 24px;
    width: 488px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    row-gap: 20px;

    font-family: 'gothampro', sans-serif;
    color: #000;

    background: #fff;
    opacity: 0;
    transition: all 0.3s;
}

body.show-modal .dolyame-popup {
    opacity: 1;
}

.dolyame-popup__close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
}

.dolyame-popup__logo {
    width: 86px;
    height: 24px;
}

.dolyame-popup__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.dolyame-popup__section {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.dolyame-popup__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.dolyame-popup__label {
    font-size: 14px;
    line-height: 24px;
}

.dolyame-popup__list-label {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.dolyame-popup__list {
    font-size: 14px;
    line-height: 24px;
    counter-reset: ollist;
}

.dolyame-popup__list li {
    counter-increment: ollist;
    display: flex;
    align-items: baseline;
}

.dolyame-popup__list li::before {
    content: counter(ollist) '.';

    width: 16px;
    margin-right: 4px;
    flex-shrink: 0;
    text-align: right;
}

.dolyame-popup__footer {
    font-size: 13px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.6);
}

.dolyame-popup__footer a {
    color: #E6431C;
}

.dolyame-popup__footer a:hover {
    color: #C93A16;
}

@media (max-width: 997px) {
    .basket-page__footer {
        padding-bottom: 45px;

        font-size: 11px;
        line-height: 24px;
    }

    .basket-page__footer-links-list {
        padding: 0 20px;
    }

    .section-tab__date-price {
        font-size: 13px;
        line-height: 20px;
    }

    .section-tab__date:not(:first-child) {
        margin-left: 4px;
    }

    .section-tab__details {
        margin-top: 12px;
    }

    .section-tab__body-text {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 600px) {
    .section-tab__delimiter {
        display: block;
    }

    .dolyame-popup {
        width: 100%;
        padding: 20px;
        margin: auto 0 0;

        row-gap: 16px;

        border-radius: 16px 16px 0 0;
        overflow: hidden;

        transform: translateY(100%);
        opacity: 1;
    }

    body.show-modal .dolyame-popup {
        transform: translateY(0);
    }


    .dolyame-popup__title {
        font-size: 20px;
        line-height: 26px;
    }

    .dolyame-popup__label {
        line-height: 20px;
    }
}

.common-delivery-block {
    display: flex;
    flex-direction: column;
}

.common-delivery-block_top-index {
    position: relative;
    z-index: 1;
}

.common-delivery-block__item {
    padding-top: 8px;
}

.basket-page__address,
.basket-page__time-delivery {
    margin-top: 20px;
}

.section-group__delivery-comment-wrapper {
    position: relative;
    width: 100%;
    max-width: 580px;
    border: 1px solid #D7D7D7;
    padding: 12px 15px 28px 15px;
    box-sizing: border-box;
}

.section-group__delivery-comment {
    resize: none;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.2;
    border: none;
    outline: none;
    padding: 0;
}

.section-group__delivery-comment::placeholder {
    color: #848484;
}

.section-group__delivery-comment-count-wrapper {
    position: absolute;
    bottom: 6px;
    right: 15px;
    font-size: 14px;
    color: #848484;
    background: #fff;
}

.section-group__delivery-comment-count_black {
    color: #000;
}

.section-group__delivery-comment-count_red {
    color: #E6431C;
}

@media (max-width: 1010px) {
    .sidebar-section__sales {
        padding: 0 20px 18px 20px;
    }

    .section-group__preset-list {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .section-group__bonuses-change-btn {
        margin-left: 28px;
    }

    .section-group__bonuses-checkbox-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .section-group__bonuses-modal-content {
        border-radius: 16px 16px 0 0;
        gap: 20px;
    }

    .section-group__bonuses-modal-wrapper {
        top: auto;
        left: auto;
        transform: none;
        bottom: 0;
        width: 100%;
    }

    .sidebar-section__shipping-price {
        width: 100%;
    }

    .sidebar-section__order-buttons {
        padding: 0 20px;
    }

    .sidebar-section__form-group {
        padding: 0 20px;
    }

    .sidebar-section__promo-alert {
        padding: 0 20px;
    }

    .sidebar-wrapper {
        width: 100%;
        padding: 0;
    }

    .sidebar-section_bonus {
        padding: 0 20px;
    }

    .basket-page__footer {
        margin-top: 0;
        padding-top: 24px;
        border-top: 1px solid #eee;
    }

    .basket-page__footer-links-item_contact {
        display: none;
    }

    .basket-page__footer-contacts_mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 26px;
    }
}

@media (max-width: 767px) {
    .layout-tab.active .section-group__mobile-tab-container {
        display: block;
    }
}



.basket-split-about {
    width: 100%;
    max-width: 578px;
}
.basket-split-about__description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
@media (max-width: 991px) {
    .basket-split-about__description {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}

/* End */


/* Start:/local/templates/unode_order/css/media.css?172916318011853*/
@media all and (max-width: 1010px) {

    .mobile-hide {
        display: none;
    }

    .layout {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .layout-container {
        flex: auto;
        -webkit-flex: auto;
        width: 100%;
        margin: 0;
    }

    .layout-section {
        margin: 28px 0;
    }

    .layout-section--products {
        margin-bottom: 0;
    }

    .layout-section:last-child {
        margin-bottom: 0;
    }

    .layout-section:first-child {
        margin-top: 20px;
    }

    .layout-sidebar {
        width: 100%;
        position: static;
        padding: 0;
        background: none;
        margin-bottom: 24px;
    }

    .layout-background{
        background: #eeeeee;
        padding: 18px 0;
    }

    .layout-sidebar__title {
        border-bottom: none;
    }

    .layout-sidebar__title{
        padding-bottom: 18px;

    }

    .layout-promo {
        display: block;
    }

    .sidebar-section__result, .sidebar-offer {
        width: 100%;
        min-height: initial;
    }

    .sidebar-offer {
        margin: 20px 0 0;
    }

    .section-group {
        margin: 34px 0;
    }

    .layout-list {
        margin: 21px 0;
    }

    .layout-item {
        width: 100%;
        padding: 0;
        margin: 4px 0;
    }

    .receiving-order {
        display: block;
        margin: 0 0 -19px;
    }

    .receiving-order__item {
        width: 100%;
        padding: 11px 0;
    }

    .receiving-order__item:first-child {
        padding-top: 0;
    }

    .city-button__info {
        margin-right: 10px;
    }

    .radio-button__label {
        width: 100%;
        height: 50px;
        padding: 15px;
        margin-bottom: 1px;
    }

    .radio-button__figcaption {
        margin-left: 10px;
    }

    .radio-button__hint {
        top: 50%;
        right: 0;
        padding: 2px 22px 2px 7px;
        transform: translateY(-50%);
    }

    .delivery-container {
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .delivery-container .layout-list {
        margin: 0;
    }

    .delivery-container .layout-item {
        margin: 8px 0;
    }

    .tab-flex {
        display: block;
        position: relative;
    }

    .tab-sidebar {
        width: 100%;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .tab-sidebar__header{
        background: #F6F6F6;
    }

    .tab-sidebar__section{
        background: none;
    }


    #store-container .tab-sidebar__header, #store-container .tab-sidebar__item{
        background: #fff;
    }

    #store-container .tab-sidebar__item.active{
        background: #EEEEEE;
    }

    .delivery-type {
        margin: 8px 0;
    }

    .calendar-label {
        background: #fff;
    }

    .time-interval {
        background: #fff;
    }

    .layout-tab:not(:first-child) {
        height: auto;
    }

    .tab-container {
        display: none;
    }

    .tab-header__title > span {
        display: none;
    }

    .button-city__icon {
        margin: 3px 0 0 10px;
    }

    .tabs-multiply {
        display: flex;
        display: -webkit-flex;
    }

    .tab-multiply {
        width: 50%;
        line-height: 38px;
        font-family: "gothampro";
        font-size: 14px;
        background: #fff;
        color: #000;
        text-align: center;
        padding: 0 4px;
        border-top: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        box-sizing: border-box;
        transition: 0.2s ease 0s;
    }

    .tab-multiply:first-child {
        border-left: 1px solid #d7d7d7;
    }

    .tab-multiply:last-child {
        border-right: 1px solid #d7d7d7;
    }

    .tab-multiply.active {
        background: #000;
        color: #fff;
        border-color: #000;
    }

    .layout-multiply__item {
        width: 100%;
        position: absolute;
        left: -110%;
        top: 0;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s ease 0s, z-index 0s ease 0.3s;
    }

    .layout-multiply__item.active {
        position: relative;
        opacity: 1;
        z-index: 2;
        left: 0;
    }

    .mobile-map {
        overflow: hidden;
    }

    .tab-map,
    #store-container .tab-sidebar__list {
        height: 344px;
    }

    .sidebar-section__content-text{
        display: flex;
    }

    .sidebar-section__content-type{
        margin-right: 4px;
    }

    .sidebar-section__content-text > div:not(:first-child) {
        text-transform: lowercase;
    }

    .footer-sticky {
        display: flex;
        display: -webkit-flex;
    }

    .fix .footer-sticky, .show-modal .footer-sticky {
        opacity: 0;
        transform: translateY(120%);
    }

    .footer-sticky__order-button {
        width: 50%;
        margin-top: 0;
        margin-bottom: 0;
        min-height: 50px;
        padding: 0 20px;
        flex: 1;
        -webkit-flex: 1;
    }

    .footer-sticky__order-button {
        display: block;
        width: 100%;
        font-family: "gothampro-bold";
        line-height: 40px;
        padding: 0 30px;
        margin: 17px 0;
        box-sizing: border-box;
    }

    .footer-sticky__result, .footer-sticky__order-button {
        width: 50%;
        margin-top: 0;
        margin-bottom: 0;
        min-height: 50px;
        padding: 0 20px;
        flex: 1;
        -webkit-flex: 1;
    }

    .footer-sticky__order-button {
        display: block;
    }

}


.order-description--bottom {
    font-size: 14px;
    line-height: 20px;
}

@media all and (max-width: 970px) {

    .text-bold-xl {
        font-size: 24px;
        line-height: normal;
    }

    .text-bold-lg {
        font-size: 18px;
    }

    .text-bold-md {
        font-size: 16px;
        line-height: normal;
    }

    .text-xl {
        font-size: 16px;
        line-height: normal;
    }

    .text-lg {
        font-size: 14px;
        line-height: 21px;
    }

    .order {
        display: block;
        max-width: 414px;
        padding: 0;
        margin: 0 auto;
    }

    .order-item {
        padding: 14px 0;
        min-height: auto;
    }

    .order-item .order-item:first-child {
        max-width: 100%;
    }

    .order-title {
        margin-top: 0;
    }

    .order-group {
        margin: 17px 0;
    }

    .order-number {
        margin: 8px 0;
    }

    .order-description {
        margin: 7px 0 0;
    }

    .order-description--bottom{
        margin-bottom: 10px;
    }

    .order-name {
        margin: 9px 0 16px;
    }

    .order-gift {
        margin: 16px 0 0;
    }

    .order-image {
        margin-top: -21px;
    }

    .sidebar-section__discount.active{
        margin: -4px 0 4px;
    }

    .layout-tab__header {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}

@media all and (max-width: 767px) {

    .basket-cell__title,
    .basket-cell__current-price {
        font-size: 14px;
    }

    .basket-cell__old-price {
        font-size: 10px;
        margin: 0 22px 0 0;
        order: 0;
    }

    .basket-table {
        margin-top: 19px;
    }

    .basket-head,
    .basket-cell:nth-child(2) {
        display: none;
    }

    .basket-row {
        justify-content: space-between;
        padding-top: 14px;
        padding-bottom: 11px;
        margin-top: -1px;
        border-top: 1px solid #eeeeee;
    }

    .basket-cell:nth-child(1) {
        width: 100%;
    }

    .basket-cell:nth-child(3),
    .basket-cell:nth-child(4) {
        width: auto;
        display: flex;
        display: -webkit-flex;
        margin: 20px 0 0;
    }

    .basket-cell:nth-child(5) {
        width: auto;
        position: absolute;
        right: 0;
    }

    .basket-cell__group {
        margin: 5px 0;
    }

    .basket-cell__close-button {
        padding: 0 20px 20px 20px;
    }

    .basket-cell__figure {
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        width: 70px;
        height: 70px;
    }

    .basket-cell__figcaption {
        flex: 1;
        -webkit-flex: 1;
        margin-left: 10px;
    }

    .basket-cell__counter-button {
        padding: 9px;
        margin: 0;
        border-radius: 50%;
        border: 1px solid #848484;
    }

    .basket-cell__counter {
        width: 95px;
    }

    .icon-button {
        width: 10px;
        height: 10px;
    }

    .icon-line {
        background: #848484;
    }

    .icon-line__hor {
        height: 2px;
    }

    .icon-line__ver {
        width: 2px;
    }

    .basket-cell__price {
        display: flex;
        -webkit-display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .basket-cell__current-price {
        order: 1;
        line-height: normal;
    }

    .modal-container:not(#root-modal-container) {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .modal__metro {
        margin-top: 5px;
    }

    .modal__section {
        margin: 13px 0;
    }

    .modal-back {
        display: flex;
        -webkit-display: flex;
        margin: -14px 0 25px;
    }

    .modal-content {
        flex: 1 1 auto;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: stretch;
        -webkit-align-items: stretch;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        overflow-y: auto;
    }

    .modal-content.active {
        display: flex;
        display: -webkit-flex;
    }

    .modal-button {
        position: sticky;
        bottom: 0;
        flex-shrink: 0;
    }

    .modal-content[data-class="from-list"] .modal__link{
        display: block;
    }

    .modal-map {
        display: block;
        transform: translateY(110%);
        transform: translateY(0%);
        transition: 0.2s ease 0s;
    }

    .layout-item.active .selected-container {
        display: block;
    }

    .layout-item.selecting .selected-container__group {
        display: none;
    }

    .section-group__mobile-tab-container .selected-container__group,
    .section-group__mobile-tab-container .selected-section{
        padding: 0;
    }

    .layout-item.selecting .selected-section {
        display: block;
    }

    .tab-sidebar__list, .tab-map {
        height: 100% !important;
    }

    .move-fix{
        height: 100vh;
        width: 100%;
        position: fixed;
        top: 0;
        left: -101%;
        right: 0;
        z-index: 1;
        opacity: 0;
        background: #F6F6F6;
        transition: 0s ease 0.2s;
    }

    .fix .move-fix{
        left: 0;
        z-index: 2;
        opacity: 1;
        transition: 0s ease 0s;
    }

    .move-fix__container {
        opacity: 0;
        transform: translateY(10px);
        transition: 0.2s ease 0s;
    }

    .fix .move-fix__container{
        opacity: 1;
        transform: translateY(0);
    }

    .section-tab__header-title{
        font-size: 16px;
    }

    .section-tab__body {
        font-size: 14px;
        margin-top: 12px;
    }

    .section-tab__header-icon {
        margin: 4px 0 0 3px;
    }

    .section-tab {
        margin: -10px 0 37px;
    }

}

@media all and (max-width: 500px) {

    .layout-button:not(:first-child) {
        flex: 1;
        -webkit-flex: 1;
    }

    .layout-button__label {
        display: block;
        padding: 5px 30px 5px 15px;
    }

    .layout-button__price {
        margin-left: 9px;
    }

}

@media all and (max-width: 375px) {

    .ui-datepicker {
        width: calc(100% - 82px);
        margin-left: 1px;
    }

}

@media all and (max-width: 330px) {

    .order-button {
        padding: 0 20px;
    }

}
/* End */


/* Start:/local/templates/unode_order/css/dadata/suggestions.min.css?16262524399546*/
.suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{display:inline-block;position:relative;margin:0;padding:0;vertical-align:top;min-height:1px;-webkit-text-size-adjust:100%}.suggestions-addon{display:none;opacity:0;position:absolute}.suggestions-addon[data-addon-type=spinner]{background:rgba(255,255,255,.75) url(data:image/gif;base64,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) 50% 50% no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.suggestions-addon[data-addon-type=clear]{background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=) 50% 50% no-repeat;background-size:contain;cursor:pointer;opacity:.8}.suggestions-addon[data-addon-type=clear]:hover{opacity:1}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%}.suggestions-constraints{list-style:none!important;margin:0!important;padding:0!important;position:absolute!important;white-space:nowrap!important}.suggestions-constraints:empty{display:none!important}.suggestions-constraints li{background:#f8f8f8;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:default;display:inline-block;margin:0 4px 0 0;padding:0 .5em}.suggestions-constraints li .suggestions-remove{height:1em;width:1em;display:inline-block;margin:0 0 0 .25em;background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=) 50% 50% no-repeat;background-size:contain;cursor:pointer;opacity:.8}.suggestions-constraints li .suggestions-remove:hover{opacity:1}.suggestions-constraints li span{vertical-align:middle}.suggestions-subtext{color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:''}.suggestions-promo{font-size:85%;color:#777;padding:4px 4px 6px 4px}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}
/* End */
/* /local/components/prmedia/unode.basket.new/templates/.default/style.css?176104787729713 */
/* /local/templates/unode_order/css/basket_normalize.css?16262524398052 */
/* /local/templates/unode_order/css/reset.css?1626252439910 */
/* /local/templates/unode_order/css/fonts.css?1626252439675 */
/* /local/templates/unode_order/css/datepicker.css?17353937423305 */
/* /local/templates/unode_order/css/jquery.scrollbar.css?162625243922767 */
/* /local/templates/unode_order/css/basket_style.css?175983736650420 */
/* /local/templates/unode_order/css/media.css?172916318011853 */
/* /local/templates/unode_order/css/dadata/suggestions.min.css?16262524399546 */