/*
Theme Name: slavdver

WooCommerce styles override
*/

/**
 * Shop tables
 */
 table.shop_table_responsive thead {
	display: none;
}

table.shop_table_responsive tbody th {
	display: none;
}

table.shop_table_responsive tr td {
	display: block;
	text-align: right;
	clear: both;
}

table.shop_table_responsive tr td::before {
	content: attr(data-title) ": ";
	float: left;
}

table.shop_table_responsive tr td.product-remove a {
	text-align: left;
}

table.shop_table_responsive tr td.product-remove::before {
	display: none;
}

table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
	display: none;
}

table.shop_table_responsive tr td.download-actions .button {
	display: block;
	text-align: center;
}


/**
 * Products
 */
div.products,
ul.products {
	margin: 0;
	padding: 0;
}

div.products div.product,
ul.products li.product {
	list-style: none;
	position: relative;
	margin-bottom: 2em;
}

div.products div.product img,
ul.products li.product img {
	display: block;
}


div.products div.product .button,
ul.products li.product .button {
	display: block;
}

& .woo-nameplate {
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: fit-content;
	min-height: fit-content;
	position: absolute;
	top: 10px;
	left: 15px;
	right: auto;
	& span {
		position: relative;
		padding: 8px;
		background: #da4b00;
		border-radius: 5px;
		color: #fff;
		text-transform: uppercase;
		font-size: 0.58rem;
		line-height: 1;
		font-weight: 600;
		margin: 0px;
		box-shadow: 0px 0px 10px #ffffffc2;
		letter-spacing: 0.02rem;
	}
	& span.best-seller {
		background: #ffbe00;
		color: #262020;
	}
}
.woocommerce div.products,
.woocommerce ul.products {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto 20px;
	gap: 0.8%;
	&::before,
	&::after {content: none;}
	&.columns-4 {
		& div.product,
		& li.product {
			position: relative;
			background: #fff;
			width: calc(25% - 0.8%);
			margin-bottom: 15px;
			transition: 0.3s;
			&:hover {
				box-shadow: 0px 2px 5px #0000002b;
				background: #fbfbfb;
				z-index: 1;
				& > a.woocommerce-loop-product__link img {
					transform: scale(0.98);
				}
				& .but-products {
					border: 1px solid #b5b5b5;
				}
				&.ajax_add_to_cart::before {
					opacity: 0.6;
				}
			}
		}
	}
	& div.product,
	& li.product {
		position: relative;
		margin: 0px;
		float: none;
		padding: 10px 15px;
		border: 1px solid #e8e8e8;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: space-between;
		& ul.price-meta {
			display: flex;
			align-items: center;
			gap: 8px;
			margin: 0 0 20px;
			padding: 0;
			list-style: none;
			& li {
				padding: 0;
				margin: 0px;
				position: relative;
				cursor: pointer;
				& span.meta-color {
					background-position: 50% 50%;
					background-repeat: no-repeat;
					background-size: cover;
					display: block;
					width: 34px;
					height: 34px;
					border-radius: 100px;
					border: 2px solid #e4dfdf;
					opacity: 0.6;
				}
				&:hover span.meta-color,
				&.active span.meta-color {
					border-color: #d54a0d;
					opacity: 1;
				}
				& span.meta-name {
					font-size: 0px;
					position: absolute;
					top: -50%;
					left: 50%;
					display: block;
					z-index: 2;
					transition: 0.3s;
				}
				&:hover span.meta-name {
					font-size: 12px;
					background: #000000c9;
					padding: 10px 15px;
					border-radius: 10px;
					transform: translate(-50%, -60%);
					color: #fff;
					font-weight: 600;
				}
			}
		}
		& > a.woocommerce-loop-product__link img {
			margin: 0px auto;
			box-shadow: none;
			max-height: 370px;
			object-fit: contain;
			min-height: 370px;
			transition: 0.6s;
		}
		& h2.woocommerce-loop-product__title {
			color: #262020;
			padding: 0px;
			margin: 10px 0px;
			font-size: 13px;
			font-weight: 600;
		}
		& .product-buttons {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 5px;
			padding: 7px 0px 0px;
			border-top: 1px solid #f6f6f6;
			& .price {
				display: block;
				font-weight: 600;
				font-size: 18px;
				margin: 0px;
				color: #262020;
				text-decoration: none;
				line-height: 1;
				&.variable-price {
					font-size: 0px;
					& .woocommerce-Price-amount.amount {
						font-size: 16px;
						&::before {
                            font-weight: 500;
                            font-size: 12px;
                            margin-right: 5px;
						}
						&:nth-child(1) {
							display: block;
							color: #424242;
							&::before {
								content:'от';
							}
						}
						&:nth-child(2) {
							display: block;
							font-size: 18px;
							&::before {
								content:'до';
							}
						}
					}
				}
				& .woocommerce-Price-currencySymbol {
					font-weight: 400;
					margin-left: -4px;
					font-size: 90%;
				}
				& * {
					text-decoration: none;
					opacity: 1;
				}
				& del {
					display: block;
				}
				& del > .amount {
					position: relative;
					font-weight: 500;
					font-size: 14px;
					color: #424242;
					&::before {
						content: '';
						display: block;
						position: absolute;
						width: 100%;
						height: 2px;
						top: 50%;
						left: 0%;
						transform: rotate(-5deg);
						background: #c0392b;
					}
				}
				& ins > .amount {
					font-weight: 600;
					font-size: 18px;
				}
			}
			& .but-cart {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 10px;
				& .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
					display: none;
				}
			}
			& .but-products {
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 46px;
				height: 42px;
				border: 1px solid #e8e8e8;
				box-sizing: border-box;
				border-radius: 10px;
				padding: 0px;
				background: #f6f6f6;
				margin: 0px;
				cursor: pointer;
				&::after {
					content: none;
				}
				&::before {
					content: "";
					display: flex;
					align-items: center;
					justify-content: center;
					width: 24px;
					height: 24px;
				}
				&.ajax_add_to_cart::before {
					opacity: 0.4;
					background: url("/wp-content/themes/slavdver/img/cart.svg") 50% 50% / contain no-repeat;
				}
				&.but-favorites::before {
					background: url(/wp-content/themes/slavdver/img/heart.svg) 50% 50% / cover no-repeat;
				}
				& span {
					position: absolute;
					top: 100%;
					left: 50%;
					font-size: 0px;
					font-weight: 400;
					white-space: nowrap;
					color:#fff;
					background: #000000c2;
					border-radius: 8px;
					transform: translate(-50%, 0%);
					opacity: 0;
					z-index: 1;
					transition: 0.2s;
				} 
				&.remove-from-favorites {
					background: var(--but-gradient);
				}
				&.ajax_add_to_cart.added {
					background: var(--but-gradient);
					&.ajax_add_to_cart::before {
						opacity: 1;
						filter: invert(1);
					}
				}
				&:hover {
					background: var(--but-gradient);
					&.ajax_add_to_cart::before {
						opacity: 1;
						filter: invert(1);
					}
					& span {
						padding: 6px 9px;
						border-radius: 7px;
						font-size: 11px;
						opacity: 1;
						margin-top: 8px;
						&::before {
							content: "";
							display: block;
							position: absolute;
							top: -14px;
							left: 50%;
							transform: translate(-50%, 0%);
							border-width: 7px;
							border-style: solid;
							border-color: transparent transparent rgba(0, 0, 0, 0.76);
							border-image: initial;
							border-bottom: 7px solid rgba(0, 0, 0, 0.76);
						}
					}
				}
			}
			& a.added_to_cart.wc-forward {
				display: none;
			}
		}
	}
}






.breadcrumb-woocommerce {
	max-width: 1200px;
	margin: auto;
	padding: 40px 0px;
	& ul {
		display: flex;
		align-items: center;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	& li {
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		line-height: 1;
		&.bcpin {
			display: block;
			background: #7c7474;
			border-radius: 3px;
			width: 2px;
			height: 2px;
			margin: 0px 10px;
		}
		&:last-child {
			color: #d54a0d;
		}
	}
	& a {
		font-size: 12px;
		color: #7c7474;
		position: relative;
	}
}
.woocommerce-products-header {
	max-width: 1200px;
	margin: auto;
	padding: 0px 0px;
}

/**
 * Single product
 */
 .woocommerce.single-product {
	& .product {
		max-width: 1200px;
		margin: auto;
		& h1.product-title {
			margin: 0px 0px 30px;
			font-weight: 700;
			font-size: 30px;
		}
		& .woocommerce-product-style {
			position: relative;
			display: flex;
			align-items: flex-start;
			flex-wrap: nowrap;
			justify-content: center;
			gap: 30px;
			padding-bottom: 50px;
			& .woocommerce-product-gallery {
				width: 40%;
				margin: 0px;
				background: #f9f9f9;
				padding: 25px 10px 15px;
				border-radius: 10px;
				border: 1px solid #e8e8e8;
			}
			& .summary.entry-summary {
				width: 60%;
				margin: 0px;
			}
			& .woo-nameplate {
				top: -10px;
			}
		}
		& .images img {
			display: block;
			width: 100%;
			height: auto;
			box-shadow: none;
			object-fit: contain;
			aspect-ratio: 1;
		}
	& .thumbs-box {
		overflow: hidden;
		position: relative;
		padding: 20px 10px 10px;
		& .thumbs-all {
			text-align: center;
			display: table;
			position: relative;
			margin: 20px auto 0px;
			cursor: pointer;
			padding: 0px 2px;
			text-transform: uppercase;
			font-size: 10px;
			color: #4b4b4b;
			font-weight: 600;
			& span {
				display: block;
			}
			& span:last-child {
				display: none;
			}
			&.thumbs-active {
				& span:last-child {
				display: block;
				}
				& span:first-child {
					display: none;
				}
			}
			&::before {
				content: '';
				position: absolute;
				width: 100%;
				height: 1px;
				background: #b9b9b9;
				left: 0;
				bottom: -1px;
				transition: 0.3s;
			}
			&:hover::before {
				width: 0%;
			}
		}
	}
	& .flex-control-nav.flex-control-thumbs {
		margin: auto;
		padding: 0px;
		list-style: none;
		display: flex;
		width: 100%;
		flex-wrap: nowrap;
		overflow: visible;
		min-height: 130px;
		position: relative;
		max-width: 400px;
		perspective: 130px;
		perspective-origin: 50% 50%;
		& li {    
			position: absolute;
			left: 50%;
			top: -100%;
			width: 110px;
			flex-shrink: 0;
			padding: 4px;
			background: #ededed;
			border-radius: 5px;
			border: 1px solid #cccccc;
			transition: 0.5s;
		&.slideth {
			top: 50%;
			transform: translate(0%, -50%) rotateY(0deg) scale(1);
		}
		&.active {
			left: 50%;
			transform: translate(-50%, -50%) rotateY(0deg) scale(1.2);
			background: #fff;
			border-color: #fff;
		}
		&.active-prev {
			left: 0%;
			transform: translate(0%, -50%) rotateY(15deg) scale(0.9);
		}
		&.active-next {
			left: 100%;
			transform: translate(-100%, -50%) rotateY(-15deg) scale(0.9);
		}
		}
	&.thumbs-flex {
		max-width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px;
		& li {
			position: relative;
			left: 0;
			top: 0;
			transform: translate(0, 0);
			width: 19%;
			padding: 1px;
			&:hover {
				transform: scale(1.2);
			}
		}
	}
	}
	}
	& .woocommerce-tabs.wc-tabs-wrapper {
		border: 1px solid #e4dfdf;
		border-radius: 10px;
		overflow: hidden;
		& ul.tabs {
			margin: 0px;
			padding: 15px 25px 0px;
			background: #f9f9f9;
			display: flex;
			&::before {
				content: none;
			}
			& > li {
				background: none;
				flex-grow: 2;
				padding: 0px;
				margin: 0px;
				border: 0px;
				display: block;
				border-radius: 0px;
				color: #262020;
				&::before,
				&::after {
					content: none;
				}
				& > a {
					position: relative;
					display: block;
					text-align: center;
					font-weight: 600;
					color: #262020;
					background: none;
					padding: 12px 10px 12px;
					&::after {    
						content: '';
						position: absolute;
						top: 90%;
						left: 50%;
						display: block;
						width: 0%;
						transform: translate(-50%, 0%);
						border: 0px solid #d54a0d;
						transition: 0.4s;
					}
				}
			}
			& > li.active {
				background: none;
				& a {
					color: #d54a0d;
					background: #ffffff;
					border: 0px;
					border-radius: 10px 10px 0px 0px;
					&::after {
						width: 70%;
						border-width: 1px;
					}
				}
			}
		}
		& .woocommerce-Tabs-panel.wc-tab {
			padding: 30px;
			& .woo-col {
				display: flex;
			}
			& .woo-col-left {
				width: 50%;
				border-right: 1px solid #e8e8e8;
				padding: 10px 30px 10px 0px;
			}
			& .price-data {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 15px;
			}
			& .price-text {
				font-size: 12px;
			}
			& .price-sales {
				flex-shrink: 0;
			}
			& .price-sell {
				font-weight: 600;
				line-height: 1;
				font-size: 12px;
				border: 1px solid #e4dfdf;
				box-sizing: border-box;
				border-radius: 7px;
				display: flex;
				align-items: center;
				overflow: hidden;
				& .price-interest {
					background: var(--but-gradient);
					padding: 7px 8px 7px 10px;
					color: #fff;
					letter-spacing: 1px;
					font-weight: 600;
					font-size: 14px;
				}
				& .price-name {
					padding: 0px 5px 0px 10px;
				}
				& .price-amount {
					padding: 0px 10px 0px 0px;
				}
			}
			& .price-info {
				margin-bottom: 20px;
			}
			& .price {
				font-weight: 600;
				font-size: 28px;
				margin: 0px;
				color: #262020;
				& .discount-priced {
					display: block;
					font-size: 20px;
					font-weight: 500;
					text-decoration: 1px line-through;
					color: #7c7474;
					margin-bottom: 15px;
				}
				& .initial-priced {
					display: block;
					font-weight: 600;
					font-size: 30px;
					text-decoration: none;
				}
			}
			& p.price-meta-title {
				font-size: 12px;
			}
			& ul.price-meta {
				display: flex;
				align-items: center;
				gap: 8px;
				margin: 0 0 20px;
				padding: 0;
				list-style: none;
				& li {
					padding: 0;
					margin: 0px;
					position: relative;
					cursor: pointer;
					& span.meta-color {
						background-position: 50% 50%;
						background-repeat: no-repeat;
						background-size: cover;
						display: block;
						width: 34px;
						height: 34px;
						border-radius: 100px;
						border: 2px solid #e4dfdf;
						opacity: 0.6;
					}
					&:hover span.meta-color,
					&.active span.meta-color {
						border-color: #d54a0d;
						opacity: 1;
					}
					& span.meta-name {
						font-size: 0px;
						position: absolute;
						top: -50%;
						left: 50%;
						display: block;
						z-index: 2;
						transition: 0.3s;
					}
					&:hover span.meta-name {
						font-size: 12px;
						background: #000000c9;
						padding: 10px 15px;
						border-radius: 10px;
						transform: translate(-50%, -60%);
						color: #fff;
						font-weight: 600;
					}
				}
			}
			& form.cart {
				margin: 0px;
				& table.variations,
				& .quantity {
					display: none !important;
				}
				& .single_add_to_cart_button {
					display: block;
					background: var(--but-gradient);
					padding: 16px 40px;
					border-radius: 12px;
					border: 0;
					cursor: pointer;
					outline: 0;
					font-weight: 500;
					text-align: center;
					color: #f9f9f9;
					position: relative;
					width: 100%;
					line-height: 1;
					float: none;
					&:hover {
						background: var(--but-hover-gradient);
						box-shadow: var(--but-hover-shadow);
					}
				}
			}
			& .price-modal {
				text-align: center;
				padding-top: 10px;
				& a {
					display: table;
					margin: 0px auto;
					border-bottom: 1px dashed;
					color: #262020;
					font-size: 12px;
					cursor: pointer;
					&:hover {
						border-color: #d54a0d;
						color: #d54a0d;
					}
				}
			}
			& .woo-col-right {
				width: 50%;
				padding: 10px 0px 10px 30px;
			}
			& .order-form {
				width: 100%;
				& p.order-form-title {
					color: #424242;
					line-height: 1.5;
					margin-bottom: 15px;
				}
			}
			& .order-calc {
				display: flex;
				align-items: center;
				& .order-calc-img {
					max-width: 80px;
					flex-shrink: 0;
					& svg {
						height: fit-content;
						max-width: 100%;
					}
				}
				& .order-calc-txt {
					padding-left: 10px;
					& p {
						margin-bottom: 5px;
						font-size: 14px;
					}
					& strong {
						font-weight: 600;
					}
					& span {
						display: block;
						font-size: 12px;
					}
					& a {
						color: #c0392b;
						border-bottom: 1px dashed;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: 700;
						font-size: 10px;
						letter-spacing: 1px;
						&:hover {
							color: #262020;
							border-bottom: 1px solid #262020;
						}
					}
				}
			}
			& .product_meta {
				font-size: 12px;
				color: #7c7474;
				padding-top: 30px;
				& a:hover {
					text-decoration: none;
				}
			}
		}
	}
	& .product-type-variable {
		& p.price bdi {
			color: #7d7d7d;
		}
	}

	& .description-content p {
		font-size: 14px;
		margin-bottom: 15px;
		line-height: 1.4;
	}
	& table.shop_attributes {
		margin: 0px;
	}
	& table.shop_attributes th,
	& table.shop_attributes td {
		margin: 0;
		line-height: 1;
		font-size: 13px;
		font-weight: 600;
		padding: 8px 5px;
		text-align: left;
		& p {
			padding: 0px;
		}
	}
	
 }

.advantage-prod {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 40px 10px;
	& .item {
		width: 33.33%;
		display: flex;
		align-items: center;
		padding: 0px 10px;
		& .icon {
			width: 90px;
			flex-shrink: 0;
			& svg {
				max-width: 100%;
				height: fit-content;
				border-radius: 200px;
				box-shadow: 2px 2px 0px #e4dfdf;
			}
		}
		& .txt {
			padding-left: 15px;
			& strong {
				display: block;
				text-transform: uppercase;
				margin-bottom: 5px;
			}
			& span {
				display: block;
				font-size: 14px;
				line-height: 1.4;
			}
		}
	}
}

/**
 * General WooCommerce components
 */

/**
 * Header cart
 */
.site-header-cart {
	position: relative;
	margin: 0;
	padding: 0;
	&:hover .widget_shopping_cart {
		max-height: 1500px;
		transition: 1s;
	}
}

.site-header-cart .cart-contents {
	text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
    position: absolute;
    background: #fff;
    z-index: 99;
    right: 0%;
    top: 100%;
    box-shadow: 0px 10px 30px #00000040;
    border-radius: 10px;
    margin: 0px;
	overflow: hidden;
    max-height: 0px;
	width: 320px;
    padding: 0px;
	transition: 0.5s;
	& .widget_shopping_cart_content {
		padding: 15px 10px;
	}
	& p.woocommerce-mini-cart__buttons.buttons {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		width: 100%;
		margin: 10px auto 0px;
		& a.button.wc-forward {
			background: none;
			text-align: center;
			font-weight: 600;
			margin: 0px;
			width: 100%;
			text-decoration: 1px solid underline;
			font-size: 12px;
			&:hover {
				text-decoration: none;
			}
		}
		& a.button.wc-forward + a.checkout {
			padding: 15px 20px;
			border-radius: 10px;
			background: var(--but-gradient);
			color: #fff;
			text-align: center;
			font-weight: 600;
			text-transform: uppercase;
			font-size: 12px;
			margin: 0px 0px 10px;
			width: 100%;
			text-decoration: none;
			transition: 0.3s;
			&:hover {
				background: var(--but-hover-gradient);
				box-shadow: var(--but-hover-shadow);
			}
		}
	}
	& .total, 
	& .total {
		border-top: 4px double #e9e6ed;
		padding: 10px 0 0;
		margin: 0px;
		width: 100%;
		display: flex;
		align-items: baseline;
		justify-content: center;
		font-size: 14px;
		text-transform: uppercase;
		gap: 10px;
		align-content: stretch;
		& strong {
			font-weight: 500;
			font-size: 12px;
		}
		& .woocommerce-Price-amount {
			font-weight: 500;
		}
		& bdi {
			font-size: 20px;
			font-weight: 500;
		}
	}
	& .cart_list li {
		padding: 10px 10px 10px 15px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 10px;
		border: 1px solid #e8e8e8;
		background: #fff;
		border-radius: 10px;
		cursor: pointer;
		transition: 0.3s;
		&:hover {
			background: #fbfbfb;
			border-color: #d54a0d;
			box-shadow: 0px 0px 10px #0000001a;
		}
		& a.remove {
			width: 23px;
			height: 23px;
			border: 2px solid #d54a0d !important;
			font-size: 26px;
			line-height: 1;
			border-radius: 240px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 400;
			background: #fff;
			top: -7px;
			left: -10px;
			overflow: hidden;
			z-index: 2;
			&:hover {
				color: #fff;
				background: #d54a0d;
			}
		}
	}
	& ul.cart_list li a, 
	& ul.product_list_widget li a {
		display: flex;
		align-items: center;
		width: 100%;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
	}
	& ul.cart_list li img {
		width: 100%;
	}
	& ul.product_list_widget li img {    
		flex-shrink: 0;
		width: 25%;
		margin: 0 10px 0 0;
	}
	& span.quantity {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: center;
		margin-top: 8px;
		padding-top: 5px;
		border-top: 1px solid #e8e8e8;
		font-size: 12px;
		font-weight: 600;
	}
	
}

.site-header-cart .product_list_widget {
	margin: 0;
	padding: 0;
}

/**
 * Star rating
 */
.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	width: 5.3em;
	font-family: star;
	font-weight: 400;
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: 0.25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: #c0392b;
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400;
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: star;
	content: "\53";
	color: #404040;
	text-indent: 0;
	opacity: 0.25;
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars:hover a::before {
	content: "\53";
	color: #c0392b;
	opacity: 1;
}

p.stars.selected a.active::before {
	content: "\53";
	color: #c0392b;
	opacity: 1;
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: #c0392b;
	opacity: 1;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.woocommerce-tabs ul.tabs li {
	display: block;
	margin: 0;
	position: relative;
}

.woocommerce-tabs ul.tabs li a {
	padding: 1em 0;
	display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
	margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
	text-align: right;
}

.woocommerce-password-strength.strong {
	color: #0f834d;
}

.woocommerce-password-strength.short {
	color: #e2401c;
}

.woocommerce-password-strength.bad {
	color: #e2401c;
}

.woocommerce-password-strength.good {
	color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
	box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
	box-shadow: inset 2px 0 0 #e2401c;
}

.required {
	color: #f00;
}

/**
 * Notices
 */
 .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    background-color: #ffffff;
    clear: both;
    border: 2px solid #f25620;
    max-width: 1200px;
    margin: 0.5rem auto 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    font-weight: 600;
    font-size: 0.8rem;
    padding: 0.5rem 2rem;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    position: relative;
    top: 0;
    left: 0;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	background-color: #3d9cd2;
}

.woocommerce-error {
	background-color: #e2401c;
}

.demo_store {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 1em;
	background-color: #3d9cd2;
	z-index: 9999;
}


/**
 * WooCommerce widgets
 */

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
	margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
	text-align: right;
	line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
	float: left;
}

.widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: ew-resize;
	outline: none;
	background: #c0392b;
	box-sizing: border-box;
	margin-top: -0.25em;
	opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
	margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
	box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background: #c0392b;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
	height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
	height: 100%;
}

/*Корзина*/
.wp-block-woocommerce-cart {
	& .wc-block-components-sidebar-layout {
		flex-wrap: nowrap;
		gap: 30px;
	}
	& .wc-block-components-sidebar-layout .wc-block-components-main {
		padding: 30px;
		border: 1px solid #e4dfdf;
		border-radius: 12px;
		& table.wc-block-cart-items tr.wc-block-cart-items__row {
			position: relative;
			& button.wc-block-cart-item__remove-link {
				position: absolute;
				top: 0%;
				left: -31px;
				width: 31px;
				height: calc(100% + 1px);
				border: 1px solid #e0e0e0;
				background: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 0px;
				text-decoration: none;
				transition: 0.3s;
				&::before {
					content: '×';
					color: #9f9f9f;
					font-size: 40px;
					font-weight: 400;
				}
				&:hover {
					background: linear-gradient(135deg,  rgba(255,255,255,0.9) 0%,rgba(244,244,244,0.9) 20%,rgba(255,255,255,0.9) 40%,rgba(244,244,244,0.9) 60%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.9) 100%);
					width: calc(100% + 62px);
					height: 100%;
					border: 1px dashed #d54a0d;
					font-weight: 500;
					color: #d54a0d;
					font-size: 20px;
					text-transform: uppercase;
					border-radius: 10px;
					&::before {
						color: #d54a0d;
						font-size: 60px;
						font-weight: 300;
					}
				}
			}
		}
		& .wc-block-cart-item__wrap {
			& .wc-block-components-product-name {
				font-size: 16px;
				margin-bottom: 5px;
				font-weight: 600;
				color: #c0392b;
				text-decoration: underline solid 1px #f7d9d6;
				&:hover {
					text-decoration: none;
					color: #d54a0d;
				}
			}
			& .wc-block-cart-item__prices {
				margin-bottom: 10px;
			}
			& .wc-block-components-quantity-selector {
				margin: 0px;
			}
			& .wc-block-components-product-price__regular {
				font-weight: 500;
				font-size: 16px;
				text-decoration: none;
				position: relative;
				color: #626262;
				&::before {
					content:'';
					display: block;
					position: absolute;
					width: 100%;
					height: 1px;
					top: 50%;
					left: 0%;
					transform: rotate(-5deg);
					background: #c0392b;
				}
			}
			& .wc-block-components-product-price {
				font-weight: 600;
				font-size: 15px;
				display: flex;
                align-items: baseline;
			}
		}
		& .wc-block-components-product-price {
			display: block;
			font-size: 17px;
			font-weight: 600;
		}
		& .wc-block-components-product-badge,
		& .wc-block-components-sale-badge {
			text-transform: none;
			border: 1px solid #c6bab8;
			padding: 3px 5px;
			border-radius: 3px;
			font-size: 13px;
			color: #ae766d;
			display: table;
			height: auto;
			min-height: fit-content;
			line-height: 1.2;
			font-weight: 500;
		}
	}
	& .wc-block-components-sidebar {
		align-self: flex-start;
		padding: 30px;
		background: #f4f4f4;
		border-radius: 12px;
		& a {
			color: #d54a0d;
			&:hover {
				text-decoration: none;
			}
		}
		& .wc-block-components-totals-coupon__content {
			& .wc-block-components-totals-coupon__input {
				& label {
					transform: translateY(0em) scale(1);
					left: 5px;
					top: 4px;
					font-weight: 400;
					font-size: 12px;
					color: #767676;
				}
				& input[type=text] {
					box-shadow: none;
					border: 1px solid #d54a0d;
					font-weight: 700;
					border-radius: 8px;
					padding: 20px 10px 10px 20px;
				}
			}
			& .wc-block-components-totals-coupon__button {
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 12px 20px;
				border-radius: 8px;
				background: var(--but-gradient);
				color: #fff;
				border: 0 none;
				position: relative;
				cursor: pointer;
				font-size: 14px;
				text-decoration: none;
				min-height: fit-content;
				font-weight: 500;
				width: 100%;
				margin: 10px auto 0px;
				transition: 0.2s;
				&:hover {
					background: var(--but-hover-gradient);
					box-shadow: var(--but-hover-shadow);
					transition: 0.2s;
				}
			}
		}
		& .wc-block-components-totals-item__value {
			font-weight: 600;
			font-size: 16px;
		}
		& .wp-block-woocommerce-cart-order-summary-subtotal-block.wc-block-components-totals-wrapper {
			& .wc-block-components-totals-item__label,
			& .wc-block-components-formatted-money-amount {
				color: #646464;
				font-weight: 300;
			}
		}
		& .wc-block-components-totals-item.wc-block-components-totals-footer-item {
			align-items: baseline;
			& .wc-block-components-totals-item__label {
				font-size: 18px;
				font-weight: 600;
			}
			& .wc-block-components-totals-item__value {
				font-size: 20px;
				font-weight: 600;
			}
		}
		& .wc-block-cart__submit-container a {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 20px;
			border-radius: 12px;
			background: var(--but-gradient);
			color: #fff;
			border: 0 none;
			position: relative;
			cursor: pointer;
			font-size: 16px;
			text-decoration: none;
			min-height: fit-content;
			font-weight: 600;
			transition: 0.2s;
			&:hover {
				background: var(--but-hover-gradient);
				box-shadow: var(--but-hover-shadow);
				transition: 0.2s;
			}
		}
	}
}