/* Start:/local/templates/kr1/css/basket-page.css?178343285414484*/
.kr-basket{ padding: 0 0 60px; }
.kr-basket .container {padding: 0;}
.kr-basket__title{ margin:0; font-weight:700; font-size:32px; color: var(--dark-blue-800, #1d2835); }
.kr-basket__count{ font-weight:400; font-size:16px; color: var(--grey-500, #6c737a); margin-top: auto;
    margin-bottom: 4px;}

.kr-basket__head{ display:flex; align-items:center; gap:12px 8px; margin:8px 0 24px; flex-wrap:wrap; }
.kr-basket__clear{ display:inline-flex; align-items:center; gap:8px; margin-left:auto; border:0; background:none; cursor:pointer; color: var(--grey-500, #6c737a); font-size:14px; font-weight: 500;}
.kr-basket__clear:hover{ color: var(--red-500, #e92e2e); }
.kr-basket__clear:hover svg path{ stroke: var(--red-500, #e92e2e); }

.kr-basket__layout{ display:grid; grid-template-columns: minmax(0,1fr) 380px; column-gap:24px; row-gap:80px; align-items:start; }
.kr-basket__main{ grid-column:1; grid-row:1; }

/* --- товары --- */
.kr-basket__items{ display:flex; flex-direction:column;}

/* шапка-таблица и строки — одинаковые колонки для выравнивания */
.kr-cart-head, .kr-cart-item{
	display:grid;
	grid-template-columns: 112px minmax(0,1fr) 110px 170px 72px 130px;
	align-items:center; column-gap:16px;
}
.kr-cart-head{ padding:12px 16px; background: var(--grey-100, #f7f7f7); border-radius:10px 10px 0 0; border: 1px solid var(--grey-200); border-bottom: unset;}
.kr-cart-head__td{ font-size:14px; color: var(--grey-500, #6c737a); font-weight: 400;}
.kr-cart-head__td--product{ grid-column:1 / 3; }

.kr-cart-item{ background:#fff; border:1px solid var(--grey-200, #eaeaea); border-top: unset; padding:16px; }
.kr-cart-item__thumb{ display:block; width:112px; height:112px; border-radius:6px; overflow:hidden; background:#f2f4f6; }
.kr-basket__items > div:last-child {
	border-radius: 0 0 10px 10px;
}
.kr-cart-head > span:nth-child(4) {
	text-align: center;
}
.kr-cart-item__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.kr-cart-item__name{ display:inline-block; font-weight:600; font-size:16px; line-height:1.25; color: var(--dark-blue-800, #1d2835); text-decoration:none; margin-bottom: 12px;}
.kr-cart-item__name:hover{ color: var(--orange-500, #f60); }
.kr-cart-item__prop{ margin-top:2px; font-size:14px; color: var(--grey-500, #6c737a); }
.kr-cart-item__price{ display:flex; flex-direction:column; gap:2px; white-space:nowrap; }
.kr-cart-item__price-old{ font-size:12px; color: var(--grey-400, #8e9297); text-decoration:line-through; }
.kr-cart-item__price-cur{ font-weight:700; font-size:16px; color: var(--dark-blue-800, #1d2835); }

.kr-cart-item__qtybox{ display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.kr-cart-item__stock{ display:flex; align-items:center; gap:6px; font-size:12px; color: var(--grey-500, #6c737a); white-space:nowrap; }
.kr-cart-item__dot{ width:6px; height:6px; border-radius:50%; background:#34c759; flex:0 0 auto; }

.kr-cart-item__sum{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.kr-cart-item__sum-prices{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; white-space:nowrap; }
.kr-cart-item__sum-old{ font-size:13px; color: var(--grey-400, #8e9297); text-decoration:line-through; }
.kr-cart-item__sum-cur{ font-weight:700; font-size:18px; color: var(--dark-blue-800, #1d2835); }
.kr-cart-item__bonus{ display:inline-flex; align-items:center; gap:4px; padding:3px 6px; border-radius:6px; background: var(--orange-200, #fff0e6); color: var(--dark-blue-800, #1d2835); font-weight:600; font-size:12px; }

.kr-cart-item__actions{ display:flex; align-items:center; gap:20px; justify-self:end; }
.kr-cart-item__fav, .kr-cart-item__del{ border:0; background:none; cursor:pointer; padding:4px; display:flex; }
.kr-cart-item__fav svg path, .kr-cart-item__del svg path{ transition: stroke .3s ease, fill .3s ease; }
.kr-cart-item__fav.is-fav svg path{ fill: var(--red-500); fill-opacity:1; stroke: var(--red-500); }
.kr-cart-item__fav:hover svg path{ fill: var(--red-500); fill-opacity:1; stroke: var(--red-500); }
.kr-cart-item__del:hover svg path{ stroke: var(--red-500, #e92e2e); }

/* счётчик (общий вид) */
.kr-qty{ display:inline-flex; align-items:center; border:1px solid var(--grey-300, #c7c7c7); border-radius:10px; overflow:hidden; min-height: 48px;}
.kr-qty__btn{ width:40px; height:40px; border:0; background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.kr-qty__btn svg{ display:block; width:15px; height:auto; }
.kr-qty__btn:hover svg path{ stroke: var(--orange-500, #f60); }
.kr-qty__input{ width:44px; height:40px; border:0; text-align:center; font-size:15px; font-weight:600; color: var(--dark-blue-800, #1d2835); padding:0; }

/* --- сайдбар «Ваш заказ» --- */
.kr-basket__aside{ grid-column:2; grid-row:1 / 3; position:sticky; top:20px; display:flex; flex-direction:column; gap:16px; align-self:start; }
.kr-order{ background:#fff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1); border-radius:10px; padding:24px; }
.kr-order__title{ margin:0 0 20px; font-weight:700; font-size:24px; color: var(--dark-blue-800, #1d2835); }
.kr-order__row{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.kr-order__label{ font-weight:400; font-size:16px; color: var(--dark-blue-800, #1d2835); }
.kr-order__sub{ font-size:12px; color: var(--grey-400, #6c737a); margin-top:2px; font-weight: 400;}
.kr-order__val{ text-align:right; font-weight:600; font-size:16px; color: var(--dark-blue-800, #1d2835); }
.kr-order__row--discount{ align-items:center; }
.kr-order__discount{ color: var(--red-500, #e92e2e); font-weight: 400;}

.kr-promo{ display:flex; align-items:center; gap:0; border:1px solid var(--grey-300, #c7c7c7); border-radius:10px; overflow:hidden; margin:20px 0; background:#fff; transition: all .3s ease;}
.kr-promo__input{ flex:1 1 auto; min-width:0; height:48px; border:0; padding:0 16px; font-size:16px; color: var(--dark-blue-800, #1d2835); background:none; }
.kr-promo__input::placeholder{ color: var(--grey-500, #8e9297); font-weight: 400;}
.kr-promo:focus-within{ border-color: var(--orange-400, #f60); }

.kr-promo.is-error{ border-color: var(--red-500, #e92e2e); }
.kr-promo__clear{ flex:0 0 auto; width:22px; height:22px; margin-right:8px; padding:0; border:0; border-radius:50%; background: var(--grey-200, #eaeaea); display:flex; align-items:center; justify-content:center; cursor:pointer; transition: background .2s ease; }
.kr-promo__clear svg{ display:block; }
.kr-promo__clear[hidden]{ display:none; }
.kr-promo__clear:hover{ background: var(--grey-300, #c7c7c7); }
.kr-promo__btn{ flex:0 0 auto; border:0; cursor:pointer; padding:0 16px; height:40px; font-weight:600; font-size:14px; color: var(--orange-400); background: var(--grey-100); border-radius: 6px; transition: all .3s ease;}
.kr-promo__btn:hover {
	background: var(--grey-200);
}
.kr-promo.is-filled .kr-promo__btn{ color: var(--orange-400); }
.kr-promo__msg{ margin:-12px 0 16px; font-size:14px; color: var(--red-500, #e92e2e); }
.kr-promo__msg[hidden]{ display:none; }
.kr-promo:focus-within .kr-promo__btn {color: var(--orange-500);}
.kr-promo:hover {border:1px solid var(--orange-500, #c7c7c7);}
.kr-order__total{ display:flex; align-items:center; justify-content:space-between; padding-top:20px; border-top:1px solid var(--grey-200, #eaeaea); font-weight:700; font-size:20px; color: var(--dark-blue-800, #1d2835); }
.kr-order__total span:nth-child(1) {font-size: inherit; font-weight: 400;}
.kr-order__total span:nth-child(2) {font-size: inherit; font-weight: 700;}
.kr-order__bonus{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; }
.kr-order__bonus-title{ font-weight:400; font-size:14px; color: var(--dark-blue-800, #1d2835); }
.kr-order__bonus-val{ display:inline-flex; align-items:center; gap:4px; padding:5.5px 8px; border-radius:6px; background: var(--orange-200, #fff0e6); color: var(--dark-blue-800, #1d2835); font-weight:600; font-size:14px; }
.kr-order__bonus-val span {
	font-weight: inherit;
	font-size: inherit;
}
.kr-order__bonus-val svg {
	margin-left: 4px;
}
.kr-order__consent{ display:flex; align-items:flex-start; gap:8px; margin:20px 0; cursor:pointer; font-size:14px; line-height:1.4; color: var(--grey-500, #6c737a); }
.kr-order__consent span {font-size: inherit; font-weight: inherit;}
.kr-order__consent input{ position:absolute; opacity:0; width:0; height:0; }
.kr-order__consent-box{ flex:0 0 auto; width:20px; height:20px; margin-top:1px; border:1.5px solid var(--grey-300, #c7c7c7); border-radius:6px; background:#fff center/12px no-repeat; transition: all .3s ease;}
.kr-order__consent input:checked + .kr-order__consent-box{ background-color: var(--orange-500, #f60); border-color: var(--orange-500, #f60); background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjAzNzYgMC44NTAwOThMMy45MTI2IDYuOTc0ODJMMC44NTAwOTggMy45MTI2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"); }
.kr-order__consent:hover .kr-order__consent-box {
	border-color: var(--orange-500, #f60);
}
.kr-order__consent a{ color: var(--grey-600, #47515c); text-decoration:underline; font-size: inherit; font-weight: inherit;}
.kr-order__consent a:hover {
	color: inherit
}
.kr-order__submit{ display:flex; align-items:center; justify-content:center; height:52px; border:0; border-radius:10px; background: var(--orange-500, #f60); color:#fff; font-weight:600; font-size:16px; text-decoration:none; }
.kr-order__submit:hover{ background:#f06407; color:#fff; text-decoration:none; }

.kr-basket__note{ display:flex; align-items:flex-start; gap:10px; padding:8px 13px; background: var(--grey-100, #f7f7f7); border-radius:10px; font-size:14px; line-height:1.4; color: var(--grey-500, #6c737a); }
.kr-basket__note svg{ flex:0 0 auto; }
.kr-basket__note span {font-size: inherit; font-weight: inherit;}

.kr-basket__empty{ text-align:center; padding:60px 0; }
.kr-basket__empty p{ color: var(--grey-500, #6c737a); margin-bottom:20px; }
.kr-basket__empty-btn{ display:inline-flex; padding:0 24px; max-width:280px; }

/* --- «Вам может пригодится» --- */
.kr-basket__rec{ grid-column:1; grid-row:2; min-width:0; }
.kr-basket__rec-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.kr-basket__rec-title{ margin:0; font-weight:700; font-size:28px; color: var(--dark-blue-800, #1d2835); }
.kr-basket__rec-nav{ display:flex; gap:10px; }
.kr-basket__rec-btn{ width:40px; height:40px; border-radius:10px; border:0; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.1); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.kr-basket__rec-btn:hover svg path{ stroke: var(--orange-500, #f60); }
.kr-basket__rec-btn.swiper-button-disabled{ opacity:.3; pointer-events:none; }
.kr-basket__rec-slider{ overflow:hidden; }
.kr-basket__rec-slider .swiper-slide{ height:auto; }
.kr-basket__rec-slider .cart-rec-card__badge {
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
	padding: 4px;
}
.kr-basket__rec-slider .cart-rec-card__old {
	font-size: 14px;
}
.kr-basket__rec-slider .cart-rec-card__price {
	font-size: 20px;
}
.kr-basket__rec-slider .cart-rec-card__name {
	font-weight: 600;
	font-size: 16px;
}
.kr-basket__rec-slider .cart-rec-card__rating b, .kr-basket__rec-slider .cart-rec-card__rating span {
	font-size: 14px;
}
/* планшет */
@media (max-width:1300px){
	.kr-basket__count {
		margin-bottom: 2px;
	}
	.kr-basket__title{ font-size:26px; }
	.kr-basket__layout{ grid-template-columns:1fr; row-gap:56px; }
	.kr-basket__main, .kr-basket__aside, .kr-basket__rec{ grid-column:1; grid-row:auto; }
	.kr-basket__aside{ position:static; }
	.kr-basket__rec-title{ font-size:22px; }
	.kr-order__consent {
		align-items: center;
	}
	.kr-cart-head{ display:none; }
	.kr-cart-item{ grid-template-columns:106px minmax(150px,250px) auto minmax(16px,1fr) auto; column-gap:16px; row-gap:12px; align-items:center; padding: 0; padding-bottom: 24px; border: unset; border-bottom: 1px solid var(--grey-200); padding-top: 24px;}
	.kr-cart-item__thumb{ grid-column:1; grid-row:1 / 3; }
	.kr-cart-item__info{ grid-column:2; grid-row:1 / 3; }
	.kr-cart-item__qtybox{ grid-column:3; grid-row:1 / 3; }
	.kr-cart-item__actions{ grid-column:5; grid-row:1; justify-self:end; align-self:start; }
	.kr-cart-item__sum{ grid-column:5; grid-row:2; align-self:end; }
	.kr-cart-item__price{ display:none; } 
	.kr-cart-item__actions {
		gap: 15px;
	}
	.kr-cart-item__sum-prices {
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}
	.kr-basket__head {
		margin: 8px 0 0 0;
	}
	.kr-basket__items > div:last-child {
		border-radius: unset;
		border-bottom: unset;
	}
}

/* мобилка */
@media (max-width:767px){
	.kr-basket__count {
		margin-bottom: 0;
	}
	.kr-basket__aside {
		margin-top: 56px;
	}
	.kr-cart-item__name {
		margin-bottom: 4px;
	}
	.kr-order__submit {
		font-size: 14px;
	}
	.kr-basket__rec {
		margin-top: 56px;
	}
	.kr-order {
		padding: 16px;
	}
	.kr-basket__title{ font-size:28px; flex-basis:100%; }
	.kr-basket__clear{ font-size:14px; }
	.kr-qty__btn svg{ width:13px; }
	.kr-basket__layout {
		display: unset;
	}
	.kr-order__label, .kr-order__label span {
		font-size: 14px;
	}
	.kr-order__title {
		font-size: 20px;
	}
	.kr-cart-item{ grid-template-columns:64px minmax(0,1fr) auto; column-gap:10px; row-gap:14px; align-items:start; }
	.kr-cart-item__thumb{ width:64px; height:64px; grid-column:1; grid-row:1; }
	.kr-cart-item__info{ grid-column:2; grid-row:1; }
	.kr-cart-item__actions{ grid-column:3; grid-row:1; align-self:flex-start; gap:12px; }
	.kr-cart-item__price{ display:none; } 
	.kr-cart-item__qtybox{ grid-column:1 / 3; grid-row:2; }
	.kr-cart-item__sum{ grid-column:3; grid-row:2; align-items:flex-end; align-self:center; }
	.kr-basket__rec-slider .cart-rec-card__name {
		font-size: 14px;
	}
	.kr-basket__rec-slider .cart-rec-card__price {
		font-size: 16px;
	}
	.kr-basket__rec-slider .cart-rec-card__rating b, .kr-basket__rec-slider .cart-rec-card__rating span,
	.kr-basket__rec-slider .cart-rec-card__old {
		font-size: 12px;
	}
	.kr-basket__rec-btn {
		width: 32px;
		height: 32px;
	}
	.kr-basket__head {
		gap: 8px 8px;
	}
}

/* End */
/* /local/templates/kr1/css/basket-page.css?178343285414484 */