

/* Start:/bitrix/templates/bareshoes/components/bitrix/sale.basket.basket/basket/style.css?177507896410381*/
.basket__wrap * {
	box-sizing:border-box;
}

.basket__wrap {
	display:flex;
	justify-content:space-between;
	gap:50px;
	padding:0 0 30px 0;
}

.basket__content {
	flex:none;
	width:calc(100% - 350px);
}

.basket__header {
	display:flex;
	justify-content:space-between;
	align-items:end;
	gap:20px;
}

.basket__header h1 {
	margin:0;
	padding:0;
}

.basket__clear {
	color:#808080;
	font-size:15px;
	font-weight:300;
	cursor:pointer;
	padding:0 0 0 25px;
	background-repeat:no-repeat;
	background-position:0 3px;
	background-size:14px auto;
	background-image:url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.62742C14 3.57939 13.1409 2.72192 12.0909 2.72192H10.5509C10.0609 1.60402 8.94091 0.816406 7.63636 0.816406H6.36364C5.05909 0.816406 3.94545 1.60402 3.44909 2.72192H1.90909C0.859091 2.72192 0 3.57939 0 4.62742C0 5.52937 0.636364 6.28522 1.48273 6.48212L2.90818 14.7901H11.0918L12.5173 6.48212C13.3636 6.28522 14 5.52937 14 4.62742ZM6.36364 2.08675H7.63636C8.19636 2.08675 8.69909 2.33446 9.04909 2.72192H4.95091C5.30091 2.33446 5.80364 2.08675 6.36364 2.08675ZM1.90909 3.99225H12.0909C12.4409 3.99225 12.7273 4.27808 12.7273 4.62742C12.7273 4.97677 12.4409 5.26259 12.0909 5.26259H1.90909C1.55909 5.26259 1.27273 4.97677 1.27273 4.62742C1.27273 4.27808 1.55909 3.99225 1.90909 3.99225ZM10.0164 13.5198H3.98364L2.78091 6.53293H11.2191L10.0164 13.5198Z' fill='%231A1A1A' fill-opacity='0.5'/%3E%3Cpath d='M6.36361 8.43848H5.09088V11.6143H6.36361V8.43848Z' fill='%231A1A1A' fill-opacity='0.5'/%3E%3Cpath d='M8.90908 8.43848H7.63635V11.6143H8.90908V8.43848Z' fill='%231A1A1A' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
}

.basket__total-wrap {
	flex:none;
	width:300px;
}

.basket__total {
	position:sticky;
	top:20px;
	color:#1A1A1A;
}

.basket__total-data {
	border:1px solid #BBBBBB;
	padding:10px 15px 20px;
}

.basket__total-title {
	font-size:22px;
	font-weight:600;
	margin:0 0 15px 0;
}

.basket__total-row {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
	font-size:15px;
}

.basket__total-row + .basket__total-row {
	margin:5px 0 0 0;
}

.basket__total-row.is__total {
	font-size:22px;
	font-weight:600;
	margin:15px 0 10px;
}

.basket__total-row.is__bonuses {
	color:#1A1A1A80;
}

.basket__total-btns {
	margin:20px 0 0 0;
}

.basket__total-btns .btn {
	width:100%;
	padding:14px 15px 15px;
	text-transform:uppercase;
}

.basket__total-btns .btn + .btn {
	margin:20px 0 0 0;
}

.basket__total-to-catalog {
	display:block;
	margin:10px 0 0 0;
	text-decoration:none !important;
	font-size:15px;
	font-weight:300;
	color:#808080;
	text-align:center;
	padding:3px;
}

.basket__total-to-catalog:hover {
	color:#808080;
}

.basket__items {
	margin:35px 0 0 0;
}

.basket__item {
	padding:30px 0;
	display:flex;
	justify-content:space-between;
	border-top:1px solid #BBBBBB;
}

.basket__item.is__deleyed {
	opacity:0.5;
}

.basket__item-col-img {
	flex:none;
	width:160px;
	margin:0 20px 0 0;
}

.basket__item-img img {
	max-width:100%;
}

.basket__item-col-name {
	flex:1;
}

.basket__item-discount {
    border-radius:0px;
    background:#7EA5B6;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    padding:5px 10px;
    color:#ffffff;
	display:inline-block;
	margin:0 0 10px 0;
}

.basket__item-name-link {
	color:#1A1A1A;
	font-size:16px;
	font-weight:400;
	line-height:1.4;
}

.basket__item-name-link:hover {
	color:#666666;
	text-decoration:none;
}

.basket__item-props {
	margin:15px 0 0 0;
}

.basket__item-prop {
	color:#BBBBBB;
	font-size:15px;
	font-weight:400;
}

.basket__item-prop span {
	color:#1A1A1A;
}

.basket__item-prop + .basket__item-prop {
	margin:3px 0 0 0;
}

.basket__item-col-count {
	margin:0 15px;
	flex:none;
	width:120px;
}

.basket__item-count {
	width:120px;
}

.basket__item-block-amount {
	display:flex;
	border:1px solid #BBBBBB;
}

.basket__item-amount-btn {
	flex:none;
	width:35px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.basket__item-amount-btn-minus {
	background-image:url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M0 2V0H10V2H0Z' fill='%233C5263'/%3E%3C/svg%3E%0A");
}

.basket__item-amount-btn-plus {
	background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' fill-rule='evenodd' clip-rule='evenodd' d='M6 0H4L4 4H0V6H4L4 10H6V6H10V4H6V0Z' fill='%233C5263'/%3E%3C/svg%3E%0A");
}

.basket__item-amount-filed {
	border:none !important;
	border-left:1px solid #BBBBBB !important;
	border-right:1px solid #BBBBBB !important;
	border-radius:0 !important;
	padding:8px 0 !important;
	text-align:center;
	font-size:16px !important;
	background-color:#F6F6F6 !important;
	width:100%;
	outline:none;
}

.basket__item-col-price {
	flex:none;
	width:140px;
	text-align:right;
	display:flex;
	flex-direction:column;
}

.basket__item-price {
	margin:0 0 20px 0;
}

.basket__item-price-current {
	font-size:22px;
	font-weight:600;
	color:#1A1A1A;
}

.basket__item-price-old {
	font-size:16px;
	font-weight:400;
	color:#A3A3A3;
	margin:3px 0 0 0;
	text-decoration:line-through;
}

.basket__item-price-unit {
	text-align:center;
	font-size:16px;
	font-weight:400;
	color:#A3A3A3;
	margin:5px 0 0 0;
}

.basket__item-price-old-unit {
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#A3A3A3;
	margin:2px 0 0 0;
	text-decoration:line-through;
	
	display:none;
}

.basket__item-actions {
	margin:auto 5px 0 0;
	display:flex;
	justify-content:end;
	gap:15px;
}

.basket__item-action-remove {
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:20px auto;
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Crect x='1' y='4' width='20' height='4' rx='2' stroke='%23808080' stroke-width='2'/%3E%3Cpath d='M16 5V5C16 2.79086 14.2091 1 12 1L10 1C7.79086 1 6 2.79086 6 5V5' stroke='%23808080' stroke-width='2'/%3E%3Cpath d='M5.41459 21L3.18602 8H18.814L16.5854 21H5.41459Z' stroke='%23808080' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.basket__item-action-favorite {
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:24px auto;
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M23 7.07948C22.9622 8.95979 22.4241 10.4493 21.2682 11.6522C18.3635 14.6789 15.4379 17.6883 12.5164 20.702C12.1297 21.1015 11.8733 21.0972 11.4866 20.702C8.56935 17.6839 5.63109 14.6876 2.75169 11.6348C1.07869 9.85435 0.595289 7.68743 1.33931 5.32944C2.07492 2.98447 3.70589 1.56446 6.04724 1.13021C8.06493 0.756753 9.85142 1.36036 11.3437 2.8238C11.4992 2.98013 11.6631 3.12777 11.8061 3.29713C11.9574 3.48386 12.0667 3.45346 12.2138 3.28845C12.4114 3.06264 12.6257 2.84985 12.8485 2.65444C14.8158 0.934797 17.0268 0.517914 19.3892 1.58183C21.7516 2.64575 22.8571 4.652 23 7.07948Z' stroke='%23808080' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.basket__item-action-basket {
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:23px auto;
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath d='M5.38278 11L4.63278 5H18.3672L17.6172 11H5.38278Z' stroke='%23808080' stroke-width='2'/%3E%3Cpath d='M0 1H4.5V4' stroke='%23808080' stroke-width='2'/%3E%3Ccircle cx='7.5' cy='16' r='2' stroke='%23808080' stroke-width='2'/%3E%3Ccircle cx='15.5' cy='16' r='2' stroke='%23808080' stroke-width='2'/%3E%3C/svg%3E");
	opacity:0.5;
}


.basket-coupon-section {
	margin:50px 0 0 0;
}

.basket__total-actions {
	background-color:#f6f7f7;
	padding:15px;
	margin:20px 0 0 0;
}

.basket__total-coupon-form {
	position:relative;
}

.basket__total-coupon-input {
	background-color:#ffffff !important;
	border:none !important;
	border-radius:0 6px 6px 0 !important;
	padding:9px 110px 9px 15px !important;
}

.basket__total-coupon-btn {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	font-size:14px;
	font-weight:400;
	padding:9px 15px;
}

.basket__total-coupon-result {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
}

.basket__total-coupon-delete {
	cursor:pointer;
}

.block__hide {
	display:none;
}

.basket__item-not-available {
	font-size:15px;
	font-weight:500;
	color:#C50026;
	margin:10px 0 0 0;
}

.basket__item.is__not-available .basket__item-col-img,
.basket__item.is__not-available .basket__item-props,
.basket__item.is__not-available .basket__item-price,
.basket__item.is__not-available .basket__item-discount,
.basket__item.is__not-available .basket__item-name-link {
	opacity:0.4;
}



@media (max-width: 1200px) {
	
	/*.block__show-1200 {
		display:block;
	}
	
	.block__hiden-1200 {
		display:none;
	}
	
	.basket__item-col-count {
		flex:1;
	}*/
}

@media (max-width: 991px) {
	
	.basket__wrap {
		flex-direction:column;
		gap:10px;
	}
	
	.basket__content {
		width:100%;
	}
	
	.basket__total-wrap {
		width:100%;
	}
}

@media (max-width: 767px) {
	
	.block__show-768 {
		display:block;
	}
	
	.block__show-flex-768 {
		display:flex;
	}
	
	.block__hide-768 {
		display:none;
	}
	
	.basket__item {
		flex-wrap:wrap;
	}
	
	.basket__item-col-count {
		order:2;
	}
	
	.basket__item-col-price {
		width:calc(100% - 180px);
		text-align:left;
	}
	
	.basket__item-col-count {
		flex:none;
		width:100%;
		display:flex;
		justify-content:space-between;
		gap:10px;
		margin:20px 0 0 0;
	}
	
	.basket__item-actions {
		margin:10px 0 0 15px;
	}
}

@media (max-width: 575px) {
	
}

@media (max-width: 500px) {
	
	.basket__item-col-img {
		width:100px;
	}
	
	.basket__item-col-price {
		width:calc(100% - 120px);
	}
}

@media (max-width: 400px) {
	
	.basket__item-col-img {
		width:90px;
	}
	
	.basket__item-col-price {
		width:calc(100% - 110px);
	}
}

@media (max-width: 350px) {
	
	.basket__item-col-img {
		width:80px;
	}
	
	.basket__item-col-price {
		width:calc(100% - 100px);
	}
}

/* End */
/* /bitrix/templates/bareshoes/components/bitrix/sale.basket.basket/basket/style.css?177507896410381 */
