@font-face {
    font-family: 'RF Dewi Expanded';
    src: url('RFDewiExtended-Ultrabold.woff2') format('woff2'),
    url('RFDewiExtended-Ultrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.sappo-header-sbonus {
    display: flex;
    gap: 15px;
}
.sappo-header-sbonus .sbonus-badge {
    padding: 8px 0 8px;
}
.top-block  .sappo-header-sbonus .auth_wr_inner.with_dropdown {
    margin-top: 0;
}
.sbonus-badge {
    display: inline-flex;
    align-self: center;
}
.sbonus {
    border-radius: 15.24px;
    background: var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    position: relative;
    display: inline-flex;
    padding-left: 25px;
    padding-right: 7px;

    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 800;
    line-height: 18px;
    text-align: left;
    height: 26px;
    align-items: center;

    font-family: 'RF Dewi Expanded';

}
.sbonus:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='14.348999' height='14.348999' viewBox='0 0 14.349 14.349' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Subtract' d='M7.1745 0C3.21216 0 0 3.21216 0 7.17444C0 11.1368 3.21216 14.349 7.1745 14.349C11.1368 14.349 14.349 11.1368 14.349 7.17444C14.349 3.21216 11.1368 0 7.1745 0ZM9.77066 3.80823L5.75299 3.80823C4.91644 3.80823 4.23175 4.49268 4.23175 5.32874L4.23175 6.34155C4.23175 7.00696 4.8201 7.73804 6.10483 7.81543C6.26498 7.8313 6.4534 7.82947 6.65024 7.82764C7.37735 7.82092 8.21957 7.81299 8.17935 8.68811C8.16476 9.01782 8.15744 9.27039 6.99976 9.27039L4.26678 9.27039L4.2887 10.5311L8.5195 10.5223C9.35605 10.5209 10.0407 9.83801 10.0407 9.00183L10.0407 7.97156C10.0407 7.97156 10.1356 6.40869 8.32388 6.40869C8.18753 6.40869 8.03107 6.41821 7.86563 6.42834C7.07993 6.47644 6.09167 6.53699 6.09167 5.64258C6.09167 5.07056 6.64935 5.04272 7.2713 5.04272L9.77066 5.04272L9.77066 3.80823Z' clip-rule='evenodd' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 7px;
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
}
.sbonus-badge__popup {
    display: none;
    position: absolute;
    box-shadow: 0px 2.76px 23.81px 0px rgba(0, 0, 0, 0.1);
    min-width: 232px;
    width: 232px;

    background: #fff;
    z-index: 200;
    padding: 23px 35px;
    border-radius: 32.53px;
    left: calc(-50% + 58px);
    top: 42px;
}

.sbonus-badge__popup__alert {
    color: #e83333;
    font-size: 12px;
    margin-bottom: 5px;
}
.sbonus-badge__popup__btn {
    display: inline-flex;
    background: var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    padding: 0  10px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    height: 30px;
    margin-bottom: 10px;
}
.sbonus-badge__popup__btn:hover {
    color: #fff;
}
.sbonus-badge__popup__legend {
    color: rgb(137, 137, 137);
    font-size: 10px;
    font-weight: 500;
    line-height: 114%;
    letter-spacing: -1%;
    text-align: center;
    margin-bottom: 15px;
}
.sbonus-badge__popup__title {
    color: rgb(18, 18, 18);
    font-size: 22px;
    font-weight: 800;
    line-height: 112%;
    letter-spacing: -3%;
    text-align: center;
    margin-bottom: 2px;
}
.sbonus-badge__popup__footer {
    color: rgb(137, 137, 137);
    font-size: 10px;
    font-weight: 500;
    line-height: 114%;
    letter-spacing: -1%;
    text-align: center;
}
.sbonus-badge:hover .sbonus-badge__popup {
    display: block;
}
.sbonus-badge__popup__balance {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;

    background: var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 39.32px;
    font-weight: 800;
    margin-bottom: 18px;
    font-family: 'RF Dewi Expanded';
}
.sbonus-badge__popup__balance i {
    display: inline-block;
    background-color: rgb(0, 173, 239);
    background-image: url("data:image/svg+xml,%3Csvg width='12.718628' height='14.717529' viewBox='0 0 12.7186 14.7175' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Vector' d='M3.3302 0L12.1255 0L12.1255 2.70264L6.65399 2.70264C5.29254 2.70264 4.07166 2.76343 4.07166 4.01562C4.07166 6.38599 7.24207 5.69287 8.95831 5.69287C12.9245 5.69287 12.7167 9.11426 12.7167 9.11426L12.7167 11.3696C12.7167 13.2002 11.2178 14.6951 9.38654 14.6982L0.124634 14.7175L0.0767212 11.9573L6.05957 11.9573C8.59393 11.9573 8.60992 11.4048 8.64191 10.6829C8.75372 8.24854 5.74634 8.9353 4.1004 8.77246C1.28796 8.60303 0 7.00244 0 5.5459L0 3.32886C0 1.49829 1.4989 0 3.3302 0Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E%0A"), var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex: 0 0 32px;

}

/****/
/****/
/****/

body #basket-root .sbonus-product,
.sbonus-product {
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    background: rgb(250, 250, 250);
    border-radius: 20px;
    height: 25px;
    position: relative;
    font-family: 'RF Dewi Expanded'!important;
}
body #basket-root .sbonus-product span,
.sbonus-product span {

    padding-left: 18px;
    position: relative;
    background: var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 15px;
    font-weight: 800;
    line-height: 17px;

    font-family: 'RF Dewi Expanded'!important;
}
.sbonus-product:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='5.600800' height='6.480957' viewBox='0 0 5.6008 6.48096' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Vector' d='M1.46649 0L5.3396 0L5.3396 1.19019L2.93018 1.19019C2.33063 1.19019 1.793 1.2168 1.793 1.76831C1.793 2.81201 3.18912 2.50684 3.94489 2.50684C5.69144 2.50684 5.59998 4.01343 5.59998 4.01343L5.59998 5.00659C5.59998 5.81274 4.93991 6.47119 4.13348 6.47241L0.0549011 6.48096L0.033783 5.26538L2.6684 5.26538C3.78445 5.26538 3.79147 5.02222 3.80554 4.7041C3.8548 3.63232 2.53046 3.93481 1.80566 3.86304C0.567169 3.78833 0 3.0835 0 2.44214L0 1.46582C0 0.659668 0.660065 0 1.46649 0Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E%0A"), var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    background-position: center;
    background-repeat: no-repeat;
    left: 6px;
    top: calc(50% - 7px);

}
.item_block .sbonus-product {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 61;
}

.sbonus-product-detail {
    display: flex;
    color: rgb(119, 119, 119);
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;

    height: 44px;
    align-items: center;
    justify-content: space-between;
    padding: 0 7px 0 19px;
    border: 1px solid rgb(236, 236, 236);
    border-radius: 22px;
    margin-top: 15px;
}

.basket-checkout-block-sbonus {
    padding-top: 14px;
    padding-right: 10px;
    text-align: right;
    padding-left: 27px;
    font-family: 'RF Dewi Expanded';
}
.basket-checkout-block-sbonus .basket-checkout-block-total-description {
    text-align: left;
}
.sbonus-cart {
    display: inline-flex;
    height: 31px;
    position: relative;
    padding-left: 30px;
    margin-left: 10px;

}
.sbonus-cart:before {
    content: '';
    background: rgb(1, 174, 240);
    width: 24px;
    height: 24px;
    left: 0;
    top: calc(50% - 12px);
    background-image: url("data:image/svg+xml,%3Csvg width='9.954102' height='11.518311' viewBox='0 0 9.9541 11.5183' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Vector' d='M2.60645 0L9.48999 0L9.48999 2.11523L5.20776 2.11523C4.14209 2.11523 3.18677 2.1626 3.18677 3.14282C3.18677 4.9978 5.66797 4.45532 7.01123 4.45532C10.1152 4.45532 9.95264 7.13306 9.95264 7.13306L9.95264 8.89819C9.95264 10.3308 8.77954 11.501 7.34644 11.5034L0.0976562 11.5183L0.0600586 9.35815L4.74243 9.35815C6.72607 9.35815 6.73853 8.92578 6.76343 8.3606C6.85107 6.45557 4.49731 6.99316 3.20923 6.86548C1.00806 6.73315 0 5.48047 0 4.34033L0 2.60522C0 1.17261 1.1731 0 2.60645 0Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E%0A"), var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;

}

body #basket-root .sbonus-cart span,
.sbonus-cart span{
    display: inline-block;


    background: var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 26px;
    font-weight: 800;
    line-height: 31px;
    font-family: 'RF Dewi Expanded'!important;
}

@media (min-width: 992px) {
    #bx-soa-order.orderform--v1 .grid-sbonus {
        display: grid!important;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    #bx-soa-order.orderform--v1 #bx-soa-delivery, #bx-soa-order.orderform--v1 #bx-soa-paysystem {
        width: 100%!important;
        margin: 0!important;
    }
    .grid-sbonus #bx-soa-paysystem { grid-area: 1 / 2 / 2 / 3;  }
    .grid-sbonus #bx-soa-delivery { grid-area: 1 / 1 / 3 / 2;  }
    .grid-sbonus #bx-soa-pickup { grid-area: 2 / 2 / 3 / 3; }
}
.order-bonuses__title {
    padding-left: 51px;
    color: rgb(51, 51, 51);
    font-size: 20px;
    font-weight: 700;
    line-height: 24.63px;
    text-align: left;
    position: relative;
    height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}
.order-bonuses__title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 3px solid rgb(39, 164, 221);
    border-radius: 50%;
}

@media (min-width: 992px) {
    .order-bonuses__title {
        margin-left: -51px;
    }
}
.order-bonuses__info {
    color: rgb(119, 119, 119);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}
.order-bonuses__warn {
	color:red;
}
.order-bonuses__input {
    border: 1px solid rgb(236, 236, 236);
    border-radius: 3px;
    background: rgb(248, 248, 248);
    width: 100%;
    max-width: 239px;
    height: 50px;
    padding: 0 16px;

    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.order-bonuses__orderBonusesRange {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 15rem;
}

.order-bonuses__slider {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 22px;
}
/***** Chrome, Safari, Opera, and Edge Chromium *****/
.order-bonuses__slider::-webkit-slider-runnable-track {
    background: #27A4DD;
    height: 2px;
}
.order-bonuses__slider::-moz-range-track {
     background: #27A4DD;
     height: 2px;
 }

.order-bonuses__slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -12px; /* Centers thumb on the track */
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    background: rgb(39, 164, 221);
    border: 8px solid #ffffff;
    border-radius: 11px;
    width: 22px;
    height: 22px;
    z-index: 5;
    position: relative;
}

.order-bonuses__slider-container {
    max-width: 239px;
    margin-top: 22px;
}
.order-bonuses__slider-container .min-max {
    display: flex;
    justify-content: space-between;

    color: rgb(153, 153, 153);
    font-size: 10px;
    font-weight: 400;
    margin-top: 10px;
}
.order-bonuses__slider-wrap {
    position: relative;
}

.order-bonuses__slider-wrap:before,
.order-bonuses__slider-wrap:after {
    content: '';
    position: absolute;
    top: -2px;
    width: 6px;
    height: 6px;
    background: rgb(39, 164, 221);
    border-radius: 50%;
    z-index: 1;
}

.order-bonuses__slider-wrap:after {
    right: 0;
}

[data-property-id-row="81"] {
    display: none;
}


.sbonus-icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: rgb(1, 174, 240);
    background-image: url("data:image/svg+xml,%3Csvg width='5.600800' height='6.480957' viewBox='0 0 5.6008 6.48096' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Vector' d='M1.46649 0L5.3396 0L5.3396 1.19019L2.93018 1.19019C2.33063 1.19019 1.793 1.2168 1.793 1.76831C1.793 2.81201 3.18912 2.50684 3.94489 2.50684C5.69144 2.50684 5.59998 4.01343 5.59998 4.01343L5.59998 5.00659C5.59998 5.81274 4.93991 6.47119 4.13348 6.47241L0.0549011 6.48096L0.033783 5.26538L2.6684 5.26538C3.78445 5.26538 3.79147 5.02222 3.80554 4.7041C3.8548 3.63232 2.53046 3.93481 1.80566 3.86304C0.567169 3.78833 0 3.0835 0 2.44214L0 1.46582C0 0.659668 0.660065 0 1.46649 0Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E%0A"), var(--current-bonus-program-background, linear-gradient(96.16deg, rgb(1, 174, 239) 1.637%,rgb(0, 173, 239) 53.996%,rgb(0, 224, 255) 103.181%));
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.basket-item-price-sbonus-mobile  {
    position: absolute;
    right: 25px;
    top: 25px;
}
@media (min-width: 992px) {
    .basket-item-price-sbonus-mobile  {
        display: none;
    }
}

@media (max-width: 991px) {
    .basket-checkout-block.basket-checkout-block-sbonus {
        display: none!important;
    }
}
.show-lg {
    display: none!important;
}
.basket-checkout-section-inner .sbonus-product-detail {
    display: flex!important;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .show-lg {
        display: block!important;
    }
    .basket-checkout-section-inner .sbonus-product-detail {
        display: none!important;
    }
}