

/* Start:/local/templates/main/components/bitrix/sale.basket.basket/.default/style.css?17551834213952*/
.title {
    font-size: 2.5em;
    color: #009B52;
    text-transform: uppercase;
    font-weight: 600;
	margin-top: 30px;
	margin-bottom: 50px;
}

.spacer-col {
	width: 40%;
}

.basket-container {
	position: relative;
	display: flex;
	gap: 20px;
	align-items: flex-start;
	font-size: clamp(8px, 1.25vw, 16px);
}

.basket-main-card {
	display: flex;
	gap: 20px;
}

.basket-image {
	height: 18.125em;
	width: 22.5em;
	border-radius: 10px;
}

.basket-info-card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 22.5em;
}

.basket-title {
	font-weight: 700;
	font-size: 1.875em;
}

.basket-description {
    font-weight: 200;
    font-size: 1.25em;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.basket-delete {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	width: 3.125em;
}

/* TABLE */

.basket-main-table {
	flex: 1;
}

.basket-main-tr-title {
	font-weight: 700;
	font-size: 1.5em;
	text-align: center;
}

.basket-main-td-value {
	color: #009B52;
	font-weight: 700;
	font-size: 1.5em;
	text-align: center;
}

.cart-empty {
	display: flex;
	flex-direction: column;
	gap: 5px;
	text-align: center;
	margin-bottom: 50px;
}

.cart-empty-title {
	font-size: 1.5em;
	font-weight: 700;
}

.basket-item-block-amount {
    display: flex;
    justify-content: space-between;
    background-color: #1D1D1D;
    border-radius: 10px;
    align-items: center;
    padding: 15px 20px;
    font-size: 1.25em;
}

.element-cart-count-subtract, .element-cart-count-add {
    cursor: pointer;
}

.total {
	display: flex;
	justify-content: right;
	font-weight: 700;
	margin-bottom: 130px;
}

.total-content {
	display: flex;
	gap: 20px;
	flex-direction: column;
	font-size: clamp(8px, 1.25vw, 16px); 
}

.total-button {
	font-size: 1.25em;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    padding: 17px 100px;
    background: #FCAA00;
    background: linear-gradient(90deg, rgba(252, 170, 0, 1) 50%, rgba(252, 140, 0, 1) 100%);
    border-radius: 10px;
    color: #fff;
    white-space: nowrap;
}

.basket-horizontal-table {
	display: none;
	flex-direction: column;
	gap: 7px;
	width: 100%;
}

.basket-horizontal-table-block {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.basket-horizontal-table-title {
	font-size: 1.3em;
	font-weight: 700;
}

.basket-horizontal-table-value {
	color: #009B52;
	font-weight: 700;
	font-size: 1.3em;
}

.basket-hr {
	border-top: none;
	border-bottom: 1px solid #808080; 
	width: 100%; 
	margin-top: 20px; 
	margin-bottom: 20px;
}

@media (max-width: 1280px) { 
	.spacer-col { width: 20%; }
}

@media (max-width: 1024px) { 
	.title { margin-bottom: 30px; }
	.basket-image { height: 10em; width: 12.5em; }
	.basket-container { padding-bottom: 60px; }
	.basket-hr { margin-top: 15px; margin-bottom: 15px; }
}

@media (max-width: 768px) { 
	.spacer-col { width: 15%; }
	.total-button { font-size: 1.5em; padding: 13px 70px; }
	.basket-container { padding-bottom: 40px; }
}

@media (max-width: 568px) { 
	.basket-image { height: 11.5em; }
	.spacer-col { width: 0%; }
	.basket-main-card { gap: 15px; }
	.basket-container { padding-bottom: 40px; }
}

@media (max-width: 480px) { 
	.title { margin-bottom: 20px; }
	.total-content, .total-hr { width: 100%; }
	.element-cart-count { padding: 10px 20px; }
	.basket-container { flex-direction: column;	font-size: clamp(8px, 2.25vw, 16px); }
	.basket-main-table { display: none; }
	.basket-horizontal-table { display: flex; }
	.element-cart-count { min-width: 150px; }
	.basket-delete {  bottom: auto; top: 0; }
	.basket-item-block-amount { padding: 10px 25px; border-radius: 5px; }
	.basket-quantity-mobile	{ width: 40%; }
	.basket-container { padding-bottom: 0px; }

	.basket-title { word-break: break-word; padding-right: 15px; }
}

@media (max-width: 360px) { 
	.basket-title { padding-right: 25px; }
}
/* End */


/* Start:/local/templates/main/components/bitrix/sale.basket.basket/.default/themes/blue/style.min.css?1755183422592*/
.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/main/components/bitrix/sale.basket.basket/.default/style.css?17551834213952 */
/* /local/templates/main/components/bitrix/sale.basket.basket/.default/themes/blue/style.min.css?1755183422592 */
