

/* Start:/local/templates/Nebrito/components/bitrix/sale.basket.basket/.default/style.css?17776342525622*/
.cart_page {background: #F7FAFC}
.cart_page .empty_cart p {margin: 24px 0 48px;}

.cart_page .element_list {background: #FFF; border-radius: 4px; border:solid 1px #EEE; box-shadow: 0 0 8px 4px rgba(0,0,0,.03);}
.cart_page .element {padding: 24px 24px; border-top: solid 2px #EBF3F7; overflow: hidden;}
.cart_page .element .picture {display: block; position: relative; overflow: hidden; width: 100%; padding-top: 100%;}
.cart_page .element .picture img {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%;}

.cart_page .element .title {display: block; font-weight: 500; font-size: 16px; line-height: 24px; margin: 6px 0; color:#000;}
.cart_page .element .title:hover {color:#3333ff}

.cart_page .element .links {font-size: 11px; line-height: 24px; margin-top: 18px;}
.cart_page .element .links li {display: inline-block; padding-right: 24px; margin-right: 24px;}
.cart_page .element .links li:not(:last-child) {border-right: solid 1px #EEE;}
.cart_page .element .links li a {color:#3333FF;}
.cart_page .element .links li a i, .cart_page .element .links li a span, .cart_page .element .links li a em {display: inline-block; vertical-align: bottom;}
.cart_page .element .links li a i {margin-right: 6px; line-height: 24px; height: 24px; width: 24px; text-align: center; font-size: 16px; position: relative}
.cart_page .element .links li a:hover {color: #000;}

.cart_page .element .links li a.favorite em {display: none; font-style: normal}
.cart_page .element .links li a.favorite i:after {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; background: #3333ff; opacity: 0;}
.cart_page .element .links li a.favorite.active i:after {}
.cart_page .element .links li a.favorite.active i:before {content: "\e91c";}

.cart_page .element .links li a.favorite.active span {display: none;}
.cart_page .element .links li a.favorite.active em {display: inline-block;}


/*QUANTITY*/
.cart_page .element .quantity {display: block; position: relative}
.cart_page .element .quantity input {line-height: 24px; font-size: 16px; border:none; box-shadow: 0 0 0 1px #ddd; border-radius: 4px; transition: all .2s ease; width: 100%; text-align: center; padding: 6px 32px; }
.cart_page .element .quantity input:focus {outline: none; box-shadow: 0 0 0 1px #3333ff}
.cart_page .element .quantity span {position: absolute; top:0; font-size: 18px; width: 36px; text-align: center; height: 36px; line-height: 36px; border-radius: 4px 0 0 4px; cursor: pointer; transition: all .2s ease;}
.cart_page .element .quantity span.minus {left: 0;}
.cart_page .element .quantity span.plus {right: 0;}
.cart_page .element .quantity span:hover {background: #FAFAFA}
.cart_page .element .quantity.disabled input {color:#ff3333;}
.cart_page .element .quantity.disabled input {box-shadow: 0 0 0 1px #ff3333}
.cart_page .element .quantity.disabled span {color: #ff3333}

.cart_page .element .quantity_info {font-size: 13px; line-height: 24px; margin-top: 12px; text-align: center;}
.cart_page .element .quantity_info span {display: block;}
.cart_page .element .quantity_info .per_one {color:#999;}
.cart_page .element span.available {display: none; color:#ff3333}
.cart_page .element .quantity.disabled + .quantity_info span.per_one {display: none;}
.cart_page .element .quantity.disabled + .quantity_info span.available {display: block;}

/*PRICE*/
.cart_page .element .price {font-size: 18px; line-height: 36px; font-weight: 600;}
.cart_page .element .old_price {display: block; font-size: 14px; line-height: 18px; color: #777;}
.cart_page .element .discount {font-size: 14px; line-height: 18px; color: #ff3333; font-weight: 500;}

.cart_page .element .props {display: none; margin-top: 12px;}
.cart_page .element .props li {font-size: 11px; color:#777;}
.cart_page .element .props li strong {font-weight: normal}

/*TOTAL*/
.cart_page .total_wrapper {padding: 24px 32px 24px; background: #FFF; box-shadow: 0 0 8px 4px rgba(0,0,0,.03); border-radius: 4px;  position: sticky; top: 20px;}
.cart_page.load .total_wrapper:after {content: ""; display: block; position: absolute; top: 0; lefT:0; right:0; bottom:0; background: rgba(255,255,255,.8); border-radius: 4px; z-index: 10;}
.cart_page.load .total_wrapper .loader {display: block;}

.cart_page .total_wrapper .total {margin-bottom: 24px;}
.cart_page .total_wrapper .total .price_row {font-size: 16px; line-height: 36px; font-weight: 500;}
.cart_page .total_wrapper .total .price_row span {float:right;}
.cart_page .total_wrapper .total .price_row.discount {color:#ff3333}
.cart_page .total_wrapper .total .price_row.total_price {font-weight: 600;}
.cart_page .total_wrapper .total .price_row.total_price span {font-size: 24px; font-weight: 800; }

.cart_page .total_wrapper .delivery  {margin-bottom: 24px;}
.cart_page .total_wrapper .delivery .delivery_row {font-size: 12px; line-height: 24px; font-weight: 400; margin-bottom: 6px; }
.cart_page .total_wrapper .delivery .delivery_row span {float: right}

.cart_page .total_wrapper .free_delivery {margin: 24px -32px -24px; padding: 32px; background: #EBF3F7; font-size: 15px; line-height: 24px;}
.cart_page .total_wrapper .free_delivery .free_delivery_title {font-size: 14px;}
.cart_page .total_wrapper .free_delivery .free_delivery_title span {position: relative; z-index: 1; display: inline-block}
.cart_page .total_wrapper .free_delivery .free_delivery_title span:before {content: ""; position: absolute; z-index: -1; bottom: 2px; left: 0; right:0; height: 1px; background: #3333ff}
/* End */
/* /local/templates/Nebrito/components/bitrix/sale.basket.basket/.default/style.css?17776342525622 */
