

/* Start:/local/templates/book_tmpl/components/bitrix/sale.basket.basket/basket_clear/style.css?175198113919868*/
.symbol_ruble {
    font-family: 'rubleBitrix', Arial, sans-serif
}

.cart-em-parent {
    font-size: 16px
}

.cart-em-parent {
    font-size: 16px
}

.b-title {
    font-size: 2.75em;
    line-height: 1.3;
    padding-bottom: 1.5em
}

.b-sub-title {
    letter-spacing: .01em;
    margin-bottom: 3.5em
}

.b-sub-title--maxw {
    max-width: 48.3125em
}

.rub {
    font-family: ALSRubl, sans-serif;
    font-style: normal
}

.basket-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.basket-counter {
    font-weight: 700;
    font-size: 1.625em;
    line-height: 1.5625em;
    letter-spacing: .02em;
    padding: 0;
    margin-bottom: .75em;
    text-transform: uppercase;
    color: #000000
}

.count-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.count-block__minus:after {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.0625em;
    margin-left: -.3125em;
    width: .625em;
    height: .125em;
    background-color: #ac0a74;
    content: "";
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease
}

.count-block__plus:before {
    position: absolute;
    top: 50%;
    right: .25em;
    background-color: #ac0a74;
    content: "";
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    margin-top: -.3125em;
    width: .125em;
    height: .625em
}

.count-block__plus:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.0625em;
    margin-left: -.25em;
    width: .625em;
    height: .125em;
    background-color: #ac0a74;
    content: "";
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease
}

.count-block__item {
    position: relative;
    cursor: pointer;
    display: block;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    height: 1.1875em;
    width: 1.5625em;
    border-radius: .3125em
}

.count-block__item:hover:after, .count-block__item:hover:before {
    background: #000
}

.count-block__input {
    padding: 0;
    border-radius: .0625em;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: 180ms text-shadow ease, 180ms color ease;
    -o-transition: 180ms text-shadow ease, 180ms color ease;
    transition: 180ms text-shadow ease, 180ms color ease;
    -webkit-appearance: none;
    display: block;
    font-size: 1em;
    line-height: 1.1875em;
    background: 0 0;
    width: 3.125em;
    height: 3.125em;
    border: 1px solid #ac0a74
}

.properties {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.properties__col:not(:last-child) {
    margin-right: 2.1875em
}

.properties__item {
    color: #707780;
    font-size: .8125em;
    line-height: 1.25em;
    display: block
}

.properties__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .27em 0
}

.properties__name {
    margin-right: 1.625em;
    font-size: .875em;
    line-height: 1.375em;
    letter-spacing: .01em;
    color: #c6c6c6
}

.properties__val {
    font-size: .875em;
    line-height: 1.375em;
    letter-spacing: .01em;
    color: #b59d61
}

.properties--mb {
    margin-bottom: .625em
}

.basket-list {
    width: 100%;
    border-bottom: 1px solid #ac0a74
}

.basket-wrap {
    margin: 0 -.9375em;
    padding-bottom: 5em
}

.basket-wrap__item {
    padding: 0 .9375em
}

.basket-wrap__left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.basket-wrap__right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.basket-card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.125em 5.375em 1.6875em 0;
    border-top: 1px solid #ac0a74
}

.basket-card__desc {
    width: 23.125em
}

.basket-card__title {
    font-size: 1.125em;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #000;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 0
}

.basket-card__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.0625em
}

.basket-card__close {
    border: none;
    background: 0 0;
    height: 2em;
    overflow: hidden;
    width: 2em;
    border-radius: 50%;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.basket-card__close:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ac0a74;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%
}

.basket-card__close:hover svg {
    fill: #fff
}

.basket-card__close:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.basket-card__close:active svg {
    fill: #fff
}

.basket-card__close:active:before {
    background: #ad996a
}

.basket-card__icon {
    height: 1.25em;
    position: relative;
    width: 1.25em;
    fill: #ac0a74;
    z-index: 2;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.basket-card__image {
    height: 6em;
    display: block;
    width: 6em;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.basket-card__img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.basket-card__total-block {
    margin-left: auto
}

.basket-card__total-block span {
    display: block
}

.basket-card__count-block {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.total-block-price {
    font-weight: 700;
    font-size: 1.625em;
    line-height: 1.5625em;
    letter-spacing: .02em;
    color: #000
}

.total-block-old-price {
    font-weight: 700;
    text-align: right;
    font-size: 1.125em;
    line-height: 1.0625em;
    letter-spacing: .02em;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #c6c6c6
}

.promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.promo__input {
    border: 1px solid #ac0a74;
    border-right: none;
    background: 0 0;
    font-size: 1em;
    padding: .625em;
    text-align: left;
    letter-spacing: .01em;
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.promo__btn {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 9.4375em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ac0a74;
    border: none;
    outline: 0;
    font-weight: 700;
    font-size: 1em;
    padding: 1em 0;
    line-height: .9375em;
    text-align: center;
    text-decoration: none;
    letter-spacing: .02em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.promo__btn:hover {
    background: #b6a57a
}

.promo__btn:focus {
    background: #b6a57a
}

.promo__btn:active {
    background: #ad996a
}

.order-total {
    background: #ffffff;
    width: 24.8125em;
    padding: 1.875em 1.25em
}

.order-total__promo {
    margin-bottom: 1.1875em
}

.order-total__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75em
}

.order-total__group p {
    margin: 0
}

.order-total__group--discount p {
    color: #684C45
}

.order-total__group--total {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 1px solid #ac0a74;
    padding-top: 1.1875em
}

.order-total__name {
    font-size: 1em;
    line-height: 1.875em;
    letter-spacing: .01em;
    color: #000
}

.order-total__name span {
    font-weight: 700;
    font-size: 1em;
    line-height: .9375em;
    letter-spacing: .01em;
    color: #000;
    display: block;
    margin-bottom: .25em
}

.order-total__name small {
    font-size: .75em;
    line-height: .6875em;
    letter-spacing: .01em;
    color: #000
}

.order-total__amount {
    font-weight: 700;
    font-size: 1em;
    line-height: 0;
    text-align: right;
    letter-spacing: .01em;
    color: #2D2D2D
}

.order-total__amount--bolder {
    font-size: 1.625em;
    line-height: .75em;
    text-align: right;
    letter-spacing: .02em;
    color: #000
}

.order-total__btn {
    margin-top: 1em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #ac0a74;
    cursor: pointer;
    border: none;
    outline: 0;
    font-weight: 700;
    font-size: 1em;
    width: 100%;
    padding: 1.4375em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: .9375em;
    text-align: center;
    text-decoration: none;
    letter-spacing: .01875em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.order-total__btn:hover {
    background: #c20681
}

.order-total__btn:focus {
    background: #920762
}

.order-total__btn:active {
    background: #820256
}

.basket-items-list-item-removed-container {
    background: #ffffff;
    padding: .7em 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basket-items-list-item-removed-container div {
    padding: 0 10px;
    text-align: left
}

.basket-items-list-item-double {
    background: #ffffff;
    padding: .6em
}

.basket-items-list-item-clear-btn {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer
}

.basket-items-list-item-clear-btn:before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.basket-items-list-item-clear-btn:after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.basket-items-list-item-clear-btn:after, .basket-items-list-item-clear-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #d0021b;
    content: '';
    -webkit-transition: .3s background-color ease;
    -o-transition: .3s background-color ease;
    transition: .3s background-color ease
}

.basket-items-list-item-removed-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

/*!*region Coupon*!*/
.basket-coupon-section {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2
}

.basket-coupon-block-field-description {
    color: #a1a1a1;
    font: 400 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif
}

.basket-coupon-block-field {
    padding-right: 10px;
    min-width: 235px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.basket-coupon-block-coupon-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -4px;
    padding: 0;
    width: 8px;
    height: 8px;
    border: none;
    border-right: 2px solid #8da3ad;
    border-bottom: 2px solid #8da3ad;
    border-radius: 0;
    background-color: transparent;
    content: "";
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.basket-coupon-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: start;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 0;
    width: 100%;
    font: 400 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.basket-coupon-text {
    position: relative;
    display: block;
    word-break: break-all;
    word-break: break-word
}

.text-muted .basket-coupon-text:after {
    position: absolute;
    top: 0;
    left: 2px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #7ad500;
    border-bottom: 2px solid #7ad500;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.basket-coupon-alert .close-link {
    margin-left: 10px;
    border-bottom: 1px dotted;
    color: #3e86de;
    text-decoration: none;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: 220ms ease all;
    -o-transition: 220ms ease all;
    transition: 220ms ease all
}

.basket-coupon-alert .close-link:hover {
    border-color: transparent
}

.basket-coupon-alert {
    padding-bottom: 15px;
}

/*!*endregion*!*/
@media (max-width: 1600px) {
    .basket-card {
        padding: 1.525em 2.375em 1.6875em 0
    }

    .total-block-price {
        font-size: 1.325em
    }
}

@media (max-width: 1390px) {
    .cart-em-parent {
        font-size: .9375em
    }
}

@media (max-width: 1320px) {
    .cart-em-parent {
        font-size: .875em
    }

    .basket-card {
        padding: 2.125em 2.675em 1.6875em 0
    }

    .basket-card__desc {
        width: 57%
    }
}

@media (max-width: 1200px) {
    .basket-wrap {
        display: block
    }

    .order-total {
        margin-top: 1.875em;
        width: 100%
    }
}

@media (max-width: 991px) {
    .basket-checkout-container {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .basket-coupon-section {
        -ms-flex-order: 1;
        max-width: 100%;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .basket-coupon-alert-section {
        -ms-flex-order: 2;
        margin-bottom: 15px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .basket-coupon-block-field {
        padding-right: 0;
        min-width: 100%
    }

    .basket-coupon-block-field .form-group {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

    .basket-coupon-block-field .form-control {
        display: block;
        width: 100%
    }
}

@media (max-width: 800px) {
    .b-title {
        font-size: 2em;
        padding-bottom: .7em
    }

    .b-sub-title {
        margin-bottom: 1.5em
    }

    .basket-counter {
        font-size: 1em
    }

    .total-block-old-price {
        text-align: left
    }

    .basket-card {
        padding: 1em 0 3em
    }

    .basket-card__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .basket-card__total-block {
        margin-left: 0
    }

    .basket-card__image {
        width: 5em;
        height: 6.875em
    }

    .basket-card__icon {
        fill: #fff;
        margin-right: .1875em
    }

    .basket-card__count-block {
        position: absolute;
        bottom: .3125em;
        left: 0
    }

    .basket-card__count-block .count-block__input {
        height: 1.4375em;
        width: 1.875em
    }

    .basket-card__count-block .count-block__minus:after {
        left: 50%
    }

    .basket-card__count-block .count-block__plus:after {
        left: 50%
    }

    .basket-card__count-block .count-block__plus:before {
        right: .65em
    }

    .basket-card__close {
        width: auto;
        top: auto;
        bottom: 0;
        border-radius: .5em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .25em .5em;
        font-size: .6875em;
        background: #ac0a74;
        color: #fff
    }

    .basket-card__close:active, .basket-card__close:focus, .basket-card__close:hover {
        background: #ad996a
    }

    .basket-card__close:before {
        display: none
    }

    .basket-card__close:after {
        content: attr(data-btn-title);
        position: relative
    }

    .basket-card__desc {
        width: auto
    }

    .properties {
        display: block
    }

    .basket-items-list-item-removed-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .basket-items-list-item-removed-container div {
        text-align: center
    }
}

@media (max-width: 420px) {
    .order-total__promo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order-total__promo .promo__input {
        height: 2.5em;
        border: 1px solid #ac0a74
    }

    .order-total__promo .promo__btn {
        width: 100%
    }
}
/*fix-for-book*/

a {
    color: #000;
    transition: color .2s ease-in-out;
    text-decoration: none;
}
a:hover {
    color: #ac0a74;
}
.js-modal-link-ajax {
    display: none!important;
}
.b-sub-title {
    font-size: 1.4em;
}
@media (max-width: 991px) {
    .b-sub-title {
        font-size: 1em;
    }
}

    .main {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    div#basket-page {

        width: 100%;
        padding-top: 60px;
    }
.footer {
    margin-top: auto;
}

/*fix-for-book*/

/* End */


/* Start:/local/templates/book_tmpl/components/bitrix/sale.basket.basket/basket_clear/themes/blue/style.min.css?1751981139592*/
.bx-blue .basket-item-scu-item:hover,.bx-blue .basket-item-scu-item.selected,.bx-blue .basket-item-scu-item.not-available:hover{border-color:#006cc0}.bx-blue .basket-item-amount-filed:hover,.bx-blue .basket-item-amount-filed:focus{border-color:#006cc0}div.bx-blue .btn.btn-default{outline:0;border-color:#1485ce;background-color:#1485ce;color:#fff}div.bx-blue .btn.btn-default:hover{outline:0;border-color:#53a4d8;background-color:#53a4d8;color:#fff}div.bx-blue .btn.btn-default:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
/* End */
/* /local/templates/book_tmpl/components/bitrix/sale.basket.basket/basket_clear/style.css?175198113919868 */
/* /local/templates/book_tmpl/components/bitrix/sale.basket.basket/basket_clear/themes/blue/style.min.css?1751981139592 */
