:root {
	--color-default: #3e3e3e;
	--color-dark-green: #32412E;
	--color-brown: #4C352F;
	--color-terracotta: #bf5630;
	--color-light-gray: #EDECE2;
	--color-white: #fff;
	--color-dark: #000;
	--color-theme: #344e2f;
	--color-dark-red: #d15322;
	--s05: 0.5rem;
	--s0875: 0.875rem;
	--s1: 1rem;
	--s1-2: 1.2rem;
	--s1-4: 1.4rem;
	--s1-5: 1.5rem;
	--s2: 2rem;
	--s2-5: 2.5rem;
	--s3: 3rem;
	--s3-5: 3.5rem;
	--s4: 4rem;
	--s4-25: 4.25rem;
	--s5: 5rem;
	--s6: 6rem;
	--animation-speed: 150ms;
	--line-heigh: 1.14em;
	--line-clamp: 3;
}

* {
	box-sizing: border-box;
	/* border: 1px dashed #ddd; */
}

body, html{
	padding: 0;
	margin: 0;
}



body {
	font-family: 'Montserrat', Helvetica, sans-serif;
	background-color: #fff;
	font-weight: 400;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: var(--color-default);
	min-height: 100vh;
	scroll-behavior: smooth;
}

header,
.video-slide-card {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

header {
	z-index: 9;
	top: var(--s2);
}

img {
	max-width: 100%;
}

.logo {
	width: 150px;
}

.empty-items{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
}

.video-slide-card {
	bottom: var(--s4);
	max-width: 350px;
	left: 20px;
	right: unset;
}

.video-slide-card:before {
	content: none;
	position: absolute;
	right: -2rem;
	top: var(--s4);
	display: inline-block;
	width: 130px;
	height: 90px;
	background-image: url('../media/content/smile.svg');
	background-size: contain;
	transform: rotate(-20deg);
}

.video-slide-card::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: -1;
	border-radius: inherit;
}

.glass-effect {
	background-color: rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(20px);
}

footer {
	margin-top: auto;
}

video {
	width: 100%;
	height: inherit;
	object-fit: cover;
}

.video-slide {
	width: 100%;
	height: 800px;
	background-color: var(--color-default);
	border-radius: 0 0 var(--s5) var(--s5);
	overflow: hidden;
}

a {
	color: var(--color-default);
	text-decoration: none;
	transition: all 250ms ease-in-out;
}

a.active,
a:not(.btn):hover {
	color: var(--color-terracotta);
}

h1,
.h1 {
	font-size: clamp(52px, 5vw, 80px);
}

h2,
.h2 {
	font-size: clamp(28px, 5vw, 40px);
}

h3,
.h3 {
	font-size: clamp(28px, 5vw, 48px);
}

h4,
.h4 {
	font-size: clamp(20px, 5vw, 24px);
}

h5,
.h5 {
	font-size: clamp(18px, 5vw, 20px);
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: bold;
}

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 0 20px;
	max-width: 1360px;
}

.custom-wrapper{
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}

.header-wrapper {
	padding: 0;
	background-color: #fff;
}

.header-menu a {
	padding: 5px 15px;
	color: var(--color-dark);
	border-radius: 5px;
}

.header-menu a:hover,
.header-menu a.active {
	background-color: var(--color-light-gray);
}

.header-top {
	min-height: 45px;
	border-radius: var(--s2) var(--s2) 0 0;
}

.header-top a,
.headet-top-menu-group-icons {
	color: var(--color-theme);
}

.header-body {
	min-height: 136px;
}

.header-catalog {
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	position: relative;
	margin-top: var(--s05);
	transition: 250ms ease;
}

.header-catalog .side {
	flex: 0 1 350px;
	padding-right: 0;
}

.header-catalog .content {
	flex: 0 1 100%;
}

.header-catalog-item {
	border: 2px solid #fff;
	transition: 250ms ease;
}

.header-catalog-item:hover,
.header-catalog-item.active {
	background-color: #fff;
}

.header-catalog-item {
	text-wrap: wrap;
}

@media (hover: hover) and (pointer: fine) {

	/* hover эффекты только для устройств с мышью */
	header:has(.hover-catalog:hover) .header-catalog,
	.header-catalog:hover {
		visibility: visible;
		max-height: unset;
		opacity: 1;
	}
}

.header-catalog::after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 65px;
}

.bg-light-gray {
	background-color: var(--color-light-gray);
}

.page-cover {
	display: flex;
	background-color: #344e2f;
	min-height: 375px;
	padding-top: 210px !important;
	align-items: center;
}

.page-cover-image {
	display: block;
	width: auto;
	height: 300px;
	object-fit: cover;
	object-position: center center;
}

.page-cover-mask-image {
	mask-image: url('../images/page-cover-mask-image.webp');
	mask-size: contain;
	mask-position: center right;
	mask-repeat: no-repeat;
}

.breadcrumbs {
	flex-wrap: wrap;
}

.breadcrumbs li:not(:last-child) a:after {
	content: "/";
	color: inherit;
	margin: 0 5px;
	display: inline-block;
	font-size: inherit;
	vertical-align: middle;
}

.breadcrumbs a {
	color: var(--color-white);
	word-wrap: nowrap;
}

.breadcrumbs span {
	word-wrap: nowrap;
}

.product-right-column .breadcrumbs a {
	color: var(--color-theme);
}

.slider-btn {
	cursor: pointer;
	font-size: var(--s3);
	color: var(--color-theme);
}

.news-item,
.product-item {
	display: flex !important;
	flex-direction: column;
	gap: var(--s1-5);
}

.news-item {
	overflow: hidden;
}

.news-item img {
	object-fit: cover;
	width: 100%;
}

.product-title,
.product-code {
	text-align: center;
}

.product-title {
	font-size: var(--s1-2);
	font-weight: bold;
}

.news-title {
	font-weight: bold;
	font-size: var(--s1-5);
}

/* Accordion */

.accordion-mode-toggle {
	position: absolute;
	text-align: right;
	max-width: 600px;
	margin: auto;
	margin-bottom: 1em;
	padding: 1.0em;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 0.5em;
	background: rgba(0, 0, 0, 0.486);
}

.accordion-mode-toggle button {
	background: #ff00003e;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 0.5em 1em;
	font-size: 1em;
	cursor: pointer;
	transition: 600ms;
}

.accordion-mode-toggle button:hover {
	background: #ff00006f;
}

.accordion {
	max-width: 600px;
	margin: auto;
}

.accordion-item {
	border-radius: 0.5em;
	overflow: hidden;
	background: var(--color-white);
	margin-bottom: 1em;
}

.accordion-header {
	width: 100%;
	text-align: left;
	background: var(--color-light-gray);
	color: var(--color-default);
	border: none;
	padding: 1em;
	font-size: 1.1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	transition: 300ms;
}

.accordion-header .title {
	flex-grow: 1;
}

.accordion-header .accordion-arrow {
	padding: 0.5em;
}

.accordion-header .accordion-arrow {
	transition: transform 300ms ease;
	opacity: 0.25;
}

.accordion-header:hover .accordion-arrow {
	opacity: 0.5;
}

.accordion-header.rotated .accordion-arrow {
	transform: rotate(90deg);
	opacity: 1;
}

.accordion-content {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 400ms ease, opacity 400ms ease;
	padding: 0 1em;
}

.accordion-content.show {
	opacity: 1;
	padding: 1em;
}

.catalog-filter {
	min-width: 248px;
}

.catalog-filter-list li a {
	display: block;
	padding: 5px 10px;
	background-color: #fff;
	margin-bottom: var(--s05);
	border-radius: var(--s1);
	user-select: none;
}

.catalog-filter-list li label {
	display: block;
}

.catalog-list {
	flex-wrap: wrap;
}

.catalog-item {
	width: 100%;
	max-width: calc(calc(100% / 5) - var(--s1));
}

.checkbox {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 1px solid var(--color-light-gray);
	border-radius: 3px;
	vertical-align: top;
	margin-right: 3px;
}

.checkbox .bi {
	color: var(--color-white);
	font-size: var(--s1-5);
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
	width: inherit;
	min-height: 40px;
}

input[type="checkbox"] {
	display: none;
}

input:checked+.checkbox {
	background-color: var(--color-light-gray);
}

.field-wrapper {
	width: 100%;
	margin-bottom: var(--s1);
}

.field-wrapper label {
	display: block;
	color: var(--color-terracotta);
}

.field-wrapper input[type="text"] {
	border: none;
	border-bottom: 1px solid var(--color-light-gray);
}

.column {
	flex: 1 1 100%;
}

.option-line {
	background-color: var(--color-default);
	flex: 1;
	width: 100%;
	height: 1px;
	opacity: 0.3;
}

.product-left-column {
	width: 60%;
}

.product-image-slider {
	min-width: 0;
}

.slick-for {
	width: calc(100% - 112px - var(--s1));
	min-width: 260px;
}

.slick-nav {
	max-width: 112px;
}

#product-page {
	margin-top: 100px;
	padding-top: 150px;
}

.product-media-thumb {
	width: 112px;
	aspect-ratio: 1 / 1;
}

.product-media-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-media-big>*,
.product-media-thumb>* {
	width: 100%;
	height: auto;
}

.product-item-image {
	aspect-ratio: 210/175;
}

.product-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Nav Tabs */

.tab-wrapper {
	background: #fff;
	border-radius: 10px;
	border: 1px solid var(--color-light-gray);
}

.tab-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tab-nav [data-tab-target] {
	border: none;
	outline: none;
	background: var(--color-light-gray);
	color: var(--color-default);
	padding: 10px 20px;
	width: 100%;
	cursor: pointer;
	font-size: 1.3rem;
	transition: 200ms linear;
	padding: 20px;
}

.tab-nav [data-tab-target]:first-child {
	border-top-left-radius: 10px;
}

.tab-nav [data-tab-target]:last-child {
	border-top-right-radius: 10px;
}

.tab-nav [data-tab-target].is-active {
	background: #fff;
	color: var(--color-default);
}

.tab-content {
	padding: 30px;
}

.tab-content .tab-target {
	display: none;
}

.card {
	max-width: calc(calc(100% / 3) - var(--s1));
}

.tab-content .tab-target.is-active {
	display: block;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(2px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(2px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Page */

.page-break {
	display: block;
	width: 100%;
	height: 1px;
	margin: var(--s1) 0;
	background-color: var(--color-light-gray);
}

.border {
	border: 2px solid var(--color-light-gray);
}

.drop-down-menu,
.headet-top-menu-group-icons,
.drop-down-top-menu {
	display: none;
}

.scroll-up-btn {
	position: fixed !important;
	right: var(--s2);
	bottom: var(--s2);
}

table {
	font-family: inherit;
	border-collapse: collapse;
	width: 100%;
}

td,
th {
	border: 1px solid #ddd;
	text-align: left;
	padding: 8px;
}

.gallery-item {
	width: calc(calc(100% - 2em) / 4);
}

.news-item {
	width: calc(calc(100% - 2em) / 3);
}

.short-text {
	min-height: calc(var(--line-heigh) * var(--line-clamp));
	display: -webkit-box;
	-webkit-line-clamp: var(--line-clamp);
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.form-floating {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	flex: 1;
	position:relative;
}
.form-floating .error-text{
	position:absolute;
	bottom:0px;
	left:20px;
	font-size:10px;
}


input,
textarea {
	border: 1px solid #ddd;
	padding: 5px 15px;
	border-radius: calc(var(--s3-5) / 2);
}

textarea {
	font-family: inherit;
	min-height: 150px;
	resize: vertical;
}

input.error,
textarea.error,
label.error {
	border-color: #f00 !important;
}

form .error-text {
	font-size: 0.8em;
	color: #f00;
}

form.waiting [type=submit]{
	cursor:progress;
	filter:grayscale(1);
}

.drow-down-languages {
	background-color: var(--white);
	visibility: hidden;
	opacity: 0;
	transition: all var(--animation-speed) ease-out;
	position: absolute;
	width: 100%;
}

.drow-down-languages li a {
	display: block;
	width: 100%;
}


.toggle-language:hover~.drow-down-languages,
.toggle-language:focus~.drow-down-languages,
.drow-down-languages:hover {
	visibility: visible;
	opacity: 1;
}

.textAfterTitle {
	display: block;
	margin-bottom: var(--s2);
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.modal {
	max-width: 600px;
	margin: 0 auto;
}

.modal>* {
	max-height: 100%;
}

.modal-close {
	position: absolute;
	top: var(--s1);
	right: var(--s1);
}

.modal-close>*,
.scroll-up-btn>* {
	font-size: var(--s1-5);
	position: absolute;
}

.btn{
	border: none;
}

.btn.close::after {
	background-image: url('../images/icons/close.svg');
}

/* -------------------- */

.cards {
	flex-wrap: wrap;
}

.tooltip {
	background-color: var(--color-theme);
	color: var(--color-white);
	text-align: center;
	padding: var(--s1);
	border-radius: var(--s1);
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	transform: translate(-50%);
	width: 100%;
	width: 290px;
	font-size: 14px;
}

.tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: var(--color-theme) transparent transparent transparent;
}

.thumb-360 {
	border: 3px solid #fff;
}

#threesixty {
	height: 450px;
	border: 1px solid #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media(max-width: 980px) {

	.gallery-item {
		width: calc(calc(100% - 1em) / 2);
	}

	.news-item {
		width: 100%;
	}

	.video-slide-card {
		height: auto;
	}

	.slider-btn {
		font-size: var(--s2);
	}

	header {
		top: var(--s1);
	}

	.header-body {
		min-height: 0;
	}

	.br-3 {
		border-radius: var(--s2);
	}

	.px-2-5 {
		padding: var(--s1);
	}

	.p-2 {
		padding: var(--s1) !important;
	}

	.catalog-item {
		max-width: 100%;
	}

	.catalog-filter {
		width: 100%;
	}

	.product-image-slider {
		flex-direction: column-reverse;
	}

	.slick-nav,
	.slick-for,
	.product-left-column {
		width: 100%;
		max-width: 100%;
	}

	.wrapper {
		padding: 0 10px;
	}

	.columns {
		flex-direction: column;
	}

	.columns-reverse {
		flex-direction: column-reverse;
	}

	.drop-down-top-menu {
		display: flex;
		align-items: center;
		align-self: stretch;
		border: 1px solid dashed;
		transition: all 150ms;
	}

	.catalog-items {
		align-items: center;
		justify-content: center;
	}

	#toggle-drop-down-menu:checked~.drop-down-menu span:nth-child(1) {
		transform: translateY(11px) rotate(45deg);
	}

	#toggle-drop-down-menu:checked~.drop-down-menu span:nth-child(2) {
		opacity: 0;
	}

	#toggle-drop-down-menu:checked~.drop-down-menu span:nth-child(3) {
		transform: translateY(-11px) rotate(-45deg);
	}

	.drop-down-menu {
		margin-left: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: var(--s2);
		height: var(--s1-5);
		flex: 0 0 var(--s2);
		transition: all var(--animation-speed) ease-in-out;
	}

	.toggle-top-header {
		display: inline-block;
		margin-left: auto;
	}

	.headet-top-menu-group-icons {
		display: flex;
	}

	.header-top {
		padding: 5px 20px;
	}

	.header-top-menu {
		display: none;
		padding: 20px 0;
	}

	.header-top-menu,
	.header-top-menu ul {
		flex-direction: column;
		gap: 1em;
	}

	.drop-down-menu span {
		display: block;
		width: 100%;
		height: 2px;
		border-radius: 1px;
		background-color: var(--color-theme);
		transition: all var(--animation-speed) ease-out;
	}

	.header-menu-wrapper {
		position: absolute;
		top: calc(90px - var(--s3));
		left: 0;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		padding: var(--s1-5) var(--s1);
		background-color: var(--color-white);
		border-radius: 0 0 var(--s1) var(--s1);
		padding-top: var(--s4);
		z-index: -1;
		visibility: hidden;
		opacity: 0;
	}

	.header-menu {
		flex-direction: column;
	}

	header:has(#toggle-drop-down-menu:checked) .header-menu-wrapper {
		opacity: 1;
		visibility: visible;
	}

	header:has(#toggle-top-header:checked) .header-top-menu {
		display: flex;
	}

	header:has(#toggle-top-header:checked) .headet-top-menu-group-icons {
		display: none;
	}

	header:has(#toggle-top-header:checked) .drop-down-top-menu {
		transform: rotate(-180deg);
	}

	.header-menu li {
		margin-bottom: var(--s1);
	}

	.cards {
		flex-wrap: wrap;
	}

	.card {
		width: 100%;
		max-width: 100%;
	}
}

.card-logos img {
	display: block;
	width: auto;
	max-height: 30px;
	object-fit: contain;
	filter: none;
}

/*icons*/
.icon{
	position:relative;
}
.icon:before{
	height:0px;
	content:'';
	display:block;
	width:23px;
	padding-top:100%;
	background-size:contain;
	background-position: center;
	background-repeat:no-repeat;
	
}
.icon > span:empty{
	display:none;
}
.icon > span{
	position:absolute;
	display:flex;
	flex-shrink:0;
	top:-9px;
	right:0px;
	transform: translate(50%,0%);
	font-size:60%;
	width:16px;
	height:16px;
	justify-content:center;
	align-items:center;
	background-color:#E98682;
	color:#FFFFFF;
	border-radius:50%;
}

.icon.plus:before{
	background-image: url('data:image/svg+xml,<svg width="734" height="730" xmlns="http://www.w3.org/2000/svg"><path fill="%23000000" d="m366,729q-15,0 -26.5,-10.5t-11.5,-27.5l0,-291l-290,0q-15,0 -26.5,-10.5t-11.5,-28q0,-17.5 10,-27.5t28,-10l290,0l0,-286q0,-15 10.5,-26.5t28,-11.5q17.5,0 27.5,10.5t10,27.5l0,291l291,0q15,0 26.5,10.5t11.5,28q0,17.5 -10,27.5t-28,10l-291,0l0,291q0,14 -11.5,23.5t-26.5,9.5z"/></svg>');
}
.icon.white.plus:before{
	background-image: url('data:image/svg+xml,<svg width="734" height="730" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="m366,729q-15,0 -26.5,-10.5t-11.5,-27.5l0,-291l-290,0q-15,0 -26.5,-10.5t-11.5,-28q0,-17.5 10,-27.5t28,-10l290,0l0,-286q0,-15 10.5,-26.5t28,-11.5q17.5,0 27.5,10.5t10,27.5l0,291l291,0q15,0 26.5,10.5t11.5,28q0,17.5 -10,27.5t-28,10l-291,0l0,291q0,14 -11.5,23.5t-26.5,9.5z"/></svg>');
}
.icon.minus:before{
	background-image: url('data:image/svg+xml,<svg width="752" height="65" xmlns="http://www.w3.org/2000/svg"><path fill="%23000000" d="m720,64l-688,0q-13,0 -22,-9t-9,-22q0,-13 9,-22t22,-9l688,0q13,0 22,9t9,22q0,13 -9,22t-22,9z"/></svg>');
}
.icon.white.minus:before{
	background-image: url('data:image/svg+xml,<svg width="752" height="65" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="m720,64l-688,0q-13,0 -22,-9t-9,-22q0,-13 9,-22t22,-9l688,0q13,0 22,9t9,22q0,13 -9,22t-22,9z"/></svg>');
}



.quantityCounter{
	displaY:flex;
	
	gap:0px;
	border:1px solid #000000;
	align-items:center;
	width:100%;
	padding:0px 5px;
}
.quantityCounter a{
	display:block;
	text-decoration:none;
	padding:0px 0px;
	font-size:18px;
	width:24px;
	height:24px;
	border-radius:50%;
	flex-shrink:0;
	
}
.quantityCounter a:hover{
	background-color:#E0E0E0;
}
.quantityCounter a:before{
	width:100%;
	background-size:48%;
}
.quantityCounter input{
	width:inherit;
	border:0px;
	flex-grow:1;
	text-align:center;
}


.container.cart{
	display:flex;
	gap:20px;
}

.container.cart .itemsin{
	flex-grow:1;
	display:table;
}
.container.cart .itemsin > div{
	display:table-row;
}
.container.cart .itemsin > div > div{
	display:table-cell;
	padding:5px 10px;
	vertical-align:middle;
}

.container.cart .itemsin .head{
	text-transform:uppercase;
	font-weight:bolder;
}

.container.cart .cartTotals{
	border: 1px solid #C0C0C0;
	padding:15px;
	width:100%;
	max-width:350px;
}
.container.cart .itemInfo{
	display:grid;
	grid-template-columns:70px auto;
	align-items:center;
	gap:10px;
}
.container.cart .itemInfo .image{
	grid-row-start: 1;
  grid-row-end: 3;
}

.container.cart .quantityCounter{
	max-width:142px;
}

.container.cart .deleteBox .deleteItem{
	position:relative;
	width:16px;
	height:16px;
	display:block;
}
.container.cart .deleteBox .deleteItem:before,
.container.cart .deleteBox .deleteItem:after{
	content:'';
	height:1px;
	background-color:#000000;
	width:100%;
	position:absolute;
	top:8px;
	left:0px;
}
.container.cart .deleteBox .deleteItem:before{
	transform:rotate(45deg);
}
.container.cart .deleteBox .deleteItem:after{
	transform:rotate(-45deg);
}

.container.cart .itemsin .subtotal{
	font-size:120%;
}

.container.cart .cartTotals{
	display:flex;
	flex-direction:column;
	gap:15px;
}
.container.cart .grandTotalInfo{
	font-weight:bolder;
	font-size:120%;
}
.container.cart .shippingInfo .free{
	display:none;
}
.container.cart .shippingInfo.free .free{
	display:block;
}
.container.cart .shippingInfo.free .total{
	display:none;
}
.container.cart .cartItem{
	position:relative;
}
.container.cart .cartItem .forOutOfStock{
	display:none;
}
.container.cart .cartItem.outOfStock .forOutOfStock{
	--text-color:#FF0000;
	color:var(--text-color);
	align-items:center;
	justify-content:center;
	display:flex;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:#FFFFFFdd;
	border:1px solid #FF0000;
	
}
.container.cart .cartItem .forDeleted{
	display:none;
}
.container.cart .cartItem.deleted .forDeleted{
	align-items:center;
	justify-content:center;
	display:flex;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:#FFFFFFdd;
	border:1px solid #AAAAAA;
}

.container.cart .countryInfo select{
	display:none;
}

.container.cart .countryInfo.edit a{
	display:none;
}
.container.cart .countryInfo.edit select{
	display:block;
}


@media(max-width:990px){
	.container.cart{
		flex-direction:column;
	}
	.container.cart .cartTotals{
		max-width:unset;
	}
}

@media(max-width:767px){
	.container.cart .itemsin{
		
	}
	.container.cart .itemsin > div{
		border-top:1px solid #C0C0C0;
		padding:20px 0px;
		display:grid;
		grid-template-columns:auto 70px;
		align-items:center;
	}
	.container.cart .itemsin .head{
		display:none;
	}
	
	.container.cart .itemsin .deleteBox{
		position:absolute;
		opacity:0;
	}
	.container.cart .itemsin .infoBox{
		grid-column-start: 1;
  	grid-column-end: 3;
	}
	.container.cart .quantityCounter{
		max-width:unset;
	}
}

/* -------------- */

.cart-icon{
	position: relative;
}

.cart-icon > i{
	color: var(--color-theme);
	font-size: 2em;
}

.cart-badge {
	position: absolute;
	top: -1em;
	color: var(--color-light-gray);
	background-color: var(--color-dark-red);
	padding: 5px 10px;
	border-radius: 20px;
	left: 25px;
	font-size: .9em;
}

.container.cart .deleteBox .deleteItem{
	width: 20px;
	height: 20px;
}

.container.cart .deleteBox .deleteItem:before,
.container.cart .deleteBox .deleteItem:after{
	content:'';
	height:1px;
	background-color:var(--color-theme);
	width:100%;
	position:absolute;
	top:8px;
	left:0px;
}

.quantityCounter{
	border-radius: 2em;
	border-color: var(--color-theme);
	color: var(--color-dark-green);
}

.cartTotals{
	border-radius: 1em;
}

.container.cart{
	margin-bottom: 2em;
}

.checkout-list-products > li{
	border-bottom: 1px solid #ddd;
}

.block-final-price{
	background-color: var(--color-theme);
	color: var(--color-white);
}