/* ------------------------------------------------------------ *\
	Shell large
\* ------------------------------------------------------------ */

.shell.shell--small {
	--shell-max-width: 1145px;
	--shell-gutter-large: 36px;
}

@media screen and (max-width: 1024px) {
	.shell.shell--small {
		--shell-gutter-large: 42px;
	}
}

@media screen and (max-width: 767px) {
	.shell.shell--small {
		--shell-gutter-large: 16px;
	}
}

.shell.shell--medium {
	--shell-max-width: 1196px;
	--shell-gutter-large: 36px;
}

@media screen and (max-width: 1024px) {
	.shell.shell--medium {
		--shell-gutter-large: 42px;
	}
}

@media screen and (max-width: 767px) {
	.shell.shell--medium {
		--shell-gutter-large: 16px;
	}
}

.shell.shell--large {
	--shell-max-width: 1440px;
	--shell-gutter-large: 36px;
	max-width:1440px;
	padding:0;
}

@media screen and (max-width: 1024px) {
	.shell.shell--large {
		--shell-gutter-large: 42px;
	}
}

@media screen and (max-width: 767px) {
	.shell.shell--large {
		--shell-gutter-large: 16px;
	}
}

/* ------------------------------------------------------------ *\
	Hero Card
\* ------------------------------------------------------------ */

.hero-card {
	padding: 15px 26px 35px;
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 1279px) {
	.hero-card {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.hero-card {
		padding: 40px 0;
	}
}

@media screen and (max-width: 767px) {
	.hero-card {
		padding: 27px 0 20px;
	}
}

.hero-card h1 {
	margin-bottom: 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.222;
	text-transform: none;
}

@media screen and (max-width: 1279px) {
	.hero-card h1 {
		font-size: 34px;
	}
}

@media screen and (max-width: 767px) {
	.hero-card h1 {
		font-size: 32px;
		line-height: 1.375;
	}
}

.hero-card .hero__inner {
	display: grid;
	grid-template-columns: auto 49.16%;
	align-items: center;
	gap: 80px;
}

@media screen and (max-width: 1279px) {
	.hero-card .hero__inner {
		gap: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.hero-card .hero__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

.hero-card .hero__title {
	padding-right: 9%;
	margin-bottom: 16px;
}

@media screen and (max-width: 1279px) {
	.hero-card .hero__title {
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.hero-card .hero__title {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.hero-card .hero__entry {
		display: none;
	}
}

.hero__entry p {
	font-size: 18px;
    line-height: 1.67;
    font-family: var(--ff-nunito-sans);
    font-weight: 400;
    color: var(--c-charcoal);
    text-align: initial;
}

.hero-card .hero__card {
	padding: 33px 25px 33px 25px;
	color: #7a736d;
	background-color: #fff;
	border-top: 4px solid var(--c-red-hex);
	filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.06));
	font-size: 14px;
	line-height: 1.57;
}

@media screen and (max-width: 1279px) {
	.hero-card .hero__card {
		padding: 20px 20px;
	}
}

@media screen and (max-width: 1024px) {
	.hero-card .hero__card {
		padding: 35px;
	}
}

@media screen and (max-width: 767px) {
	.hero-card .hero__card {
		padding: 16px;
	}
}

.hero-card .hero__card ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: start;
	gap: 19px 20px;
	margin-bottom: 24px;
	color: var(--c-charcoal);
	font-size: 15.8px;
	font-weight: 700;
	line-height: 1.625;
}

@media screen and (max-width: 1279px) {
	.hero-card .hero__card ul {
		gap: 10px 20px;
	}
}

@media screen and (max-width: 1024px) {
	.hero-card .hero__card ul {
		gap: 20px;
	}
}

@media screen and (max-width: 767px) {
	.hero-card .hero__card ul {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-bottom: 16px;
	}
}

.hero-card .hero__card ul:last-child {
	margin-bottom: 0;
}

.hero-card .hero__card li {
	display: grid;
	grid-template-columns: 28px auto;
	justify-content: start;
	gap: 8px;
	font-size: 16px;
	line-height: 24px;
}

@media screen and (max-width: 767px) {
	.hero-card .hero__card li {
		grid-template-columns: 24px auto;
		align-items: center;
	}
}

.hero-card .hero__card li img {
	padding-top: 2px;
	justify-self: center;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media screen and (max-width: 767px) {
	.hero-card .hero__card li img {
		padding-top: 0;
	}
}

/* ------------------------------------------------------------ *\
	Breadcrumbs-hero
\* ------------------------------------------------------------ */

.breadcrumbs-hero {
	margin-bottom: 23px;
}

.breadcrumbs-hero:last-child {
	margin-bottom: 0;
}

.breadcrumbs-hero ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.breadcrumbs-hero li {
	position: relative;
	padding-left: 20px;
}

.breadcrumbs-hero li:first-child {
	padding-left: 0;
}

.breadcrumbs-hero li:first-child:before {
	display: none;
}

.breadcrumbs-hero li:last-child a {
	color: #7a736d;
}

.breadcrumbs-hero li:before {
	content: '';
    position: absolute;
    background: url('../css/media/svg/arrow-breadcrumbs.svg') no-repeat 0 0;
    background-size: contain;
    top: 50%;
    left: 8px;
    width: 9px;
    height: 8px;
    transform: translateY(-50%);
}

.breadcrumbs-hero a {
	text-decoration: underline;
	text-decoration-color: transparent;
	font-size: 14px;
	line-height: 1.57;
	transition: color .4s, text-decoration-color .4s;
}

.breadcrumbs-hero a:hover {
	color: var(--c-darkred-hex);
	text-decoration-color: currentColor;
}

.breadcrumbs-hero.breadcrumbs-hero--hidden-desktop {
	display: none;
}

@media screen and (max-width: 767px) {
	.breadcrumbs-hero.breadcrumbs-hero--hidden-desktop {
		display: block;
	}
}

/* ------------------------------------------------------------ *\
	Dropdown category
\* ------------------------------------------------------------ */

.dropdown-category {
	position: relative;
}

.dropdown-category .dropdown__label {
	padding: 10px 16px;
	display: grid;
	grid-template-columns: auto 21px;
	gap: 20px;
	align-items: center;
	border: 1px solid #cccccc;
	background-color: #fff;
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.625;
	cursor: pointer;
	transition: border-color 0.4s;
}

.dropdown-category.is-visible .dropdown__label,
.dropdown-category:hover .dropdown__label {
	border-color: #544F4A;
}

.dropdown-category .dropdown__label:after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 12px;
	height: 7px;
	background: url(../css/media/svg/icon-arrow-down.svg) no-repeat center;
	background-size: contain;
	transition: transform .4s;
}

.dropdown-category.is-visible .dropdown__label:after {
	transform: rotate3d(1, 0, 0, 180deg);
}

.dropdown-category .dropdown__content {
	position: absolute;
	padding: 19px 16px;
	top: calc(100% + 2px);
	left: 0;
	min-width: 100%;
	width: max-content;
	max-height: 310px;
	background-color: #fff;
	box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
	overflow-y: scroll;
	transition: opacity .4s;
	opacity: 0;
	pointer-events: none;
	z-index: 3;
}

/* Is visible */

.dropdown-category.is-visible .dropdown__content {
	opacity: 1;
	pointer-events: all;
}

.dropdown-category .dropdown__content ul {
	display: grid;
	gap: 23px;
}

.dropdown-category .dropdown__content input[type="radio"],
.dropdown-category .dropdown__content input[type="checkbox"] {
	display: none;
	appearance: none;
	visibility: hidden;
}

.dropdown-category .dropdown__content input[type="radio"] ~ label,
.dropdown-category .dropdown__content input[type="checkbox"] ~ label {
	position: relative;
	padding-left: 26px;
	display: block;
	font-size: 16px;
	line-height: 1.2;
}

.dropdown-category .dropdown__content input[type="radio"] ~ label:hover:before,
.dropdown-category .dropdown__content input[type="checkbox"] ~ label:hover:before {
	border-color: #353535;
}

.dropdown-category .dropdown__content input[type="checkbox"] ~ label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #7e7e7e;
	border-radius: 4px;
	transition: background-color .15s, border-color .15s;
}

.dropdown-category .dropdown__content input[type="checkbox"]:checked ~ label:before {
	background-color: #d9201e;
	border-color: #d9201e;
}

.dropdown-category .dropdown__content input[type="checkbox"] ~ label:after {
	content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
	opacity: 0;
	transition: opacity .15s;
}

.dropdown-category .dropdown__content input[type="checkbox"]:checked ~ label:after {
	opacity: 1;
}

.dropdown-category .dropdown__content input[type="radio"] ~ label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #7e7e7e;
	border-radius: 50%;
	transition: background-color .15s, border-color .15s;
}

.dropdown-category .dropdown__content input[type="radio"]:checked ~ label:before {
	background-color: #d9201e;
	border-color: #d9201e;
}

.dropdown-category .dropdown__content input[type="radio"] ~ label:after {
	content: '';
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
	height: 8px;
    background-color: #fff;
	border-radius: 50%;
	opacity: 0;
	transition: opacity .15s;
}

.dropdown-category .dropdown__content input[type="radio"]:checked ~ label:after {
	opacity: 1;
}

/* ------------------------------------------------------------ *\
	Section category products
\* ------------------------------------------------------------ */

.section-category-products {
	padding: 60px 26px 60px;
	background-color: #fff;
}

@media screen and (max-width: 1279px) {
	.section-category-products {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.section-category-products {
		padding: 40px 0;
	}
}

@media screen and (max-width: 767px) {
	.section-category-products {
		padding: 20px 0 30px;
	}
}

.section-category-products h2 {
	color: #4a4541;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.31;
}

@media screen and (max-width: 1024px) {
	.section-category-products h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-category-products h2 {
		font-size: 24px;
		line-height: 1.29;
	}
}

.section-category-products .section__head {
	margin-bottom: 8px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.section-category-products .section__head {
		margin-bottom: 16px;
	}
}

.section-category-products .section__head:last-child {
	margin-bottom: 0;
}

.section-category-products .section__filters-btn {
	display: none;
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters-btn {
		display: block;
		position: sticky;
		top: 128px;
		padding: 8px 0;
		margin-bottom: 1px;
		background-color: #fff;
		z-index: 999;
		transition: margin .4s;
	}
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters-btn a {
		display: grid;
		padding: 7px 24px;
		grid-template-columns: repeat(2, auto);
		justify-content: center;
		align-items: center;
		gap: 10px;
		color: var(--c-charcoal);
		border: 1px solid #ccc;
		border-radius: 4px;
		text-decoration: none;
		font-size: 14px;
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters-btn:has(+ .section__filters-bar span) {
		margin-bottom: 16px;
	}
	.mobile-filters-bar {display:block !important;}
	.desktop-filters-bar {display:none !important;}
}

.section-category-products .section__filters-btn img {
	width: 15px;
	height: 14px;
}

.section-category-products .section__filters {
	position: sticky;
	top: 105px;
	left: 0;
	padding: 16px 0;
	margin-bottom: 0;
	background-color: #fff;
	z-index: 999;
	transition: margin .4s;
	height:125px;
}

@media screen and (max-width: 1346px) {
	.section-category-products .section__filters {
		top: 135px;
	}
}

@media screen and (max-width: 1100px) {
	.section-category-products .section__filters {
		top: 108px;
	}
}

@media screen and (max-width: 1024px) {
	.section-category-products .section__filters {
		top: 128px;
	}
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters {
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 99999;
		transform: translateY(100%);
		transition: transform .4s;
	}

	.section-category-products .section__filters.is-visible {
		transform: translateY(0);
	}
}

.section-category-products .section__filters:has(~ .section__filters-bar span) {
	margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters:has(~ .section__filters-bar span) {
		margin-bottom: 0;
	}
}

.section-category-products .section__filters:last-child {
	margin-bottom: 0;
}

.section-category-products .section__filters-inner-head {
	display: none;
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters-inner-head {
		position: relative;
		padding: 16px 24px;
		display: grid;
		grid-template-columns: repeat(2, auto);
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		color: #4a4541;
		box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
		font-size:18px;
	}
}

.section-category-products .section__filters-inner {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(158px, 214px));
	justify-content: center;
	gap: 16px;
	z-index: 4;
	transition: margin .4s;
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters-inner {
		padding: 27px 24px 115px;
		grid-template-columns: 1fr;
		gap: 24px;
		align-items: end;
		overflow-y: auto;
	}
	inner.section__filters-inner--5-cols {
		grid-template-columns: auto-fill;
	}
}

@media screen and (max-width: 374px) {
	.section-category-products .section__filters-inner {
		padding: 27px 24px 157px;
	}
}
@media screen and (min-width: 768px) {
	.section-category-products .section__filters-inner.section__filters-inner--5-cols {
		grid-template-columns: repeat(5, 1fr);
	}
}

.section-category-products .section__filters-actions {
	display: none;
}

@media screen and (max-width: 767px) {
	.section-category-products .section__filters-actions {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 16px 24px;
		display: grid;
		grid-template-columns: repeat(2, auto);
		align-items: center;
		gap: 16px;
		margin-top: auto;
		width: 100%;
		background-color: #fff;
		box-shadow: 0px -6px 24px rgba(0, 0, 0, 0.06);
		z-index: 5;
	}
}

@media screen and (max-width: 374px) {
	.section-category-products .section__filters-actions {
		grid-template-columns: 1fr;
		justify-items: center;
	}
}

@media screen and (max-width: 767px) {
	.section-category-products .section__dropdown {
		padding-bottom: 24px;
		border-bottom: 1px solid #e0e0e0;
	}

	.section-category-products .section__dropdown:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

	.section-category-products .section__dropdown .dropdown__label {
		padding: 0;
		margin-bottom: 16px;
		background-color: transparent;
		border: none;
		font-weight: 700;
	}

	.section-category-products .section__dropdown .dropdown__label:after {
		display: none;
	}

	.section-category-products .section__dropdown .dropdown__content {
		position: static;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
		overflow: visible;
		opacity: 1;
		pointer-events: all;
	}

	.section-category-products .section__dropdown .dropdown__content ul {
		gap: 16px;
	}
}

.section-category-products .section__filters-bar {
	display: grid;
	grid-template-rows: 0fr;
	justify-content: start;
	align-items: center;
	gap: 8px;
	transition: grid-template-rows .4s, margin .4s;
}

.section-category-products .section__filters-bar > * {
	overflow: hidden;
	opacity: 0;
	transition: opacity .4s;
}

.section-category-products .section__filters-bar:has(span) {
	grid-template-rows: 1fr;
	margin-bottom: 24px;
}

.section-category-products .section__filters-bar:has(span) > * {
	opacity: 1;
}

.section-category-products .section__filters-bar-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
}

.section-category-products .section__filters-bar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
}

.section-category-products .section__filters-bar-inner span {
	padding: 6px 14px 6px 12px;
	display: grid;
	grid-template-columns: auto 8px;
	align-items: center;
	gap: 11px;
	background-color: #efefef;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1;
}

.section-category-products .section__body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 59px 24px;
	width:100%;
}

@media screen and (max-width: 1279px) {
	.section-category-products .section__body {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.section-category-products .section__body {
		grid-template-columns: 1fr;
		gap: 41px;
	}
}

/* ------------------------------------------------------------ *\
	Product category
\* ------------------------------------------------------------ */

.product-category {
	position: relative;
}

.product-category .product__inner:hover img + img {
	opacity: 1;
	pointer-events: all;
}

.product-category .product__image {
	display: grid;
	grid-template-areas: 'image';
	margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
	.product-category .product__image {
		margin-bottom: 16px;
	}
}

.product-category .product__image img {
	grid-area: image;
	width: 100%;
	aspect-ratio: 464 / 340;
	object-fit: cover;
}

.product-category .product__image img + img {
	position: relative;
	opacity: 0;
	pointer-events: none;
	z-index: 3;
	transition: opacity .4s;
}


.product-category .product__flag {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 48px;
	height: 35px;
	z-index: 3;
}

.product-category .product__content {
	margin-bottom: 16px;
}

.product-category .product__content:last-child {
	margin-bottom: 0;
}

.product-category .product__bar {
	display: flex;
	align-items: center;
	gap: 5px;
}

.product-category .product__title {
	margin-bottom: 3px;
	color: #38342e;
	font-family: var(--ff-montserrat);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.22;
}

.product-category .product__title:last-child {
	margin-bottom: 0;
}

.product__info p {
	margin:0;
	font-size:16px;
}

.product__title p {
	margin:0;
	font-family: var(--ff-nunito-sans);
	color: #38342E;
	text-align: initial;
	font-size:22px;
	font-weight: 500;
}

.product-category .product__info {
	font-size: 16px;
	line-height: 1.625;
}

.product-category .product__price {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.625;
	}

.product-category .product__price p {
	margin:0;
}

.product-category .product__actions {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

@media screen and (max-width: 1279px) {
	.product-category .product__actions {
		gap: 5px;
	}
}

@media screen and (max-width: 1279px) {
	.product-category .product__actions {
		gap: 16px;
	}
}

@media screen and (max-width: 374px) {
	.product-category .product__actions {
		grid-template-columns: 1fr;
	}
}

.product-category .product__actions.product__actions--alt-layout {
	grid-template-columns: calc(50% - 8px) minmax(152px, 32.78%);
	justify-content: start;
	gap: 10px;
}

@media screen and (max-width: 1024px) {
	.product-category .product__actions.product__actions--alt-layout {
		grid-template-columns: repeat(2, calc(50% - 5px));
		gap: 10px;
	}
}

@media screen and (max-width: 374px) {
	.product-category .product__actions.product__actions--alt-layout {
		grid-template-columns: 1fr;
	}
}

.product__btn:nth-child(n+3) {
	grid-column: 1 / -1;
}

.product-category .product__actions.product__actions--alt {
	grid-template-columns: 1fr;
}

/* ------------------------------------------------------------ *\
	Popup product cat
\* ------------------------------------------------------------ */

.popup-product-cat {
	position: fixed;
	top: 0;
	left: 0;
	display: grid;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	opacity: 0;
	pointer-events: none;
	z-index: 99999;
	transition: opacity .4s;
}

.popup-product-cat .popup__overlay {
	position: fixed;
	inset: 0;
	background-color: var(--c-charcoal);
	opacity: .8;
}

.popup-product-cat .popup__container {
	padding: 20px 20px 65px;
}

@media screen and (max-width: 767px) {
	.popup-product-cat .popup__container {
		padding: 20px 10px 65px;
	}
}

.popup-product-cat .popup__container-inner {
	opacity: 0;
	transition: opacity .4s 0.1s ease-in;
}

.popup-product-cat .popup__close {
	justify-self: end;
	margin: 0 13px 18px auto;
}

@media screen and (max-width: 767px) {
	.popup-product-cat .popup__close {
		margin: 0 13px 18px auto;
	}
}

.popup-product-cat .popup__close:last-child {
	margin-bottom: 0;
}

.popup-product-cat.is-visible {
	opacity: 1;
	pointer-events: all;
}

.popup-product-cat.is-visible .popup__container-inner {
	opacity: 1;
}

/* ------------------------------------------------------------ *\
	Popup layout
\* ------------------------------------------------------------ */

.popup-layout-btn {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	margin-bottom: 0px;
	background: transparent url('../css/media/svg/ico-question.svg') no-repeat center;
	background-size: contain;
	opacity: .6;
	transition: opacity .4s;
}

.popup-layout-btn:hover {
	opacity: 1;
}

.popup-layout h2 {
	color: var(--c-charcoal);
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.popup-layout h2 {
		font-size: 22px;
		font-weight: 500;
		line-height: 1.22;
	}
}

.popup-layout .popup__container {
	position: relative;
	width: 100%;
	max-width: 1323px;
}

.popup-layout .popup__container-inner {
	padding: 60px;
	display: grid;
	grid-template-columns: 49.55% auto;
	align-items: start;
	gap: 60px;
	background-color: #fff;
}

@media screen and (max-width: 1279px) {
	.popup-layout .popup__container-inner {
		padding: 40px;
		gap: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.popup-layout .popup__container-inner {
		padding: 20px;
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media screen and (max-width: 767px) {
	.popup-layout .popup__container-inner {
		padding: 0;
		gap: 0;
	}
}

.popup-layout .popup__title {
	margin-bottom: 24px;
}

@media screen and (max-width: 1279px) {
	.popup-layout .popup__title {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 1024px) {
	.popup-layout .popup__title {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.popup-layout .popup__title {
		padding: 16px 24px;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.popup-layout .popup__title {
		padding: 16px;
	}
}

.popup-layout .popup__title:last-child {
	margin-bottom: 0;
}

.popup-layout .popup__content {
	padding: 40px 38px 40px 40px;
	border: 1px solid #cccccc;
}

@media screen and (max-width: 1279px) {
	.popup-layout .popup__content {
		padding: 20px;
	}
}

@media screen and (max-width: 767px) {
	.popup-layout .popup__content {
		padding: 24px;
		border: none;
	}
}

@media screen and (max-width: 374px) {
	.popup-layout .popup__content {
		padding: 16px;
	}
}

.popup-layout .popup__subtitle {
	margin-bottom: 8px;
	font-family: var(--ff-play-fair);
	font-style: italic;
	line-height: 1.222;
	font-size:18px;
}

.popup-layout .popup__subtitle:last-child {
	margin-bottom: 0;
}

.popup-layout .popup__text {
	margin-bottom: 23px;
	text-transform: uppercase;
	color: #d9201e;
	font-family: var(--ff-montserrat);
	font-size: 24px;
	line-height: 1.666;
}

@media screen and (max-width: 1024px) {
	.popup-layout .popup__text {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.popup-layout .popup__text {
		margin-bottom: 16px;
		letter-spacing: 1.5px;
		line-height: 1.66;
	}
}

.popup-layout .popup__text:last-child {
	margin-bottom: 0;
}

.popup-layout .popup__list {
	font-size: 16px;
	line-height: 1.62;
}

.popup-layout .popup__list li {
	position: relative;
	padding-left: 36px;
	margin-bottom: 11px;
}

.popup-layout .popup__list li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 2px;
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: transparent url('../css/media/svg/icon-check-red.svg') no-repeat center;
    background-size: auto;
  background-size: contain;
}

@media screen and (max-width: 767px) {
	.popup-layout .popup__list li {
		margin-bottom: 13px;	
	}
}

@media screen and (max-width: 374px) {
	.popup-layout .popup__list li {
		padding-left: 25px;
	}
}

.popup-layout .popup__list li:before {
	content: '';
	position: absolute;
	top: 0;	
	left: 2px;
	margin-top: 2px;
	width: 20px;
	height: 20px;
	background: transparent url('../css/media/svg/icon-check-red.svg') no-repeat center;
	background-size: contain;
}

@media screen and (max-width: 374px) {
	.popup-layout .popup__list li:before {
		margin-top: 5px;
		width: 15px;
		height: 15px;
	}
}

/* ------------------------------------------------------------ *\
	Popup info
\* ------------------------------------------------------------ */

.popup-quick-info {
	/* display: none; */
}

.popup-quick-info p {
	margin-bottom: 4px;
}

.popup-quick-info p:last-child {
	margin-bottom: 0;
}

.popup-quick-info .popup__container {
	position: relative;
	width: 100%;
	max-width: 992px;
}

.popup-quick-info .popup__container-inner {
	padding: 40px;
	display: grid;
	grid-template-columns: 32.24% auto;
	align-items: center;
	gap: 40px;
	background-color: #fff;
}

@media screen and (max-width: 1024px) {
	.popup-quick-info .popup__container-inner {
		padding: 20px;
		grid-template-columns: 1fr;
		justify-items: center;
	}
}

@media screen and (max-width: 767px) {
	.popup-quick-info .popup__container-inner {
		padding: 24px;
		gap: 16px;
	}
}

@media screen and (max-width: 1024px) {
	.popup-quick-info .popup__image {
		max-width: 400px;
	}
}

@media screen and (max-width: 767px) {
	.popup-quick-info .popup__image {
		max-width: 220px;
	}
}

.popup-quick-info .popup__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media screen and (max-width: 1024px) {
	.popup-quick-info .popup__content {
		align-items: center;
	}
}

.popup-quick-info .popup__title {
	margin-bottom: 23px;
	color: #38342e;
	font-family: var(--ff-montserrat);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.22;
}

@media screen and (max-width: 767px) {
	.popup-quick-info .popup__title {
		margin-bottom: 8px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.66;
	}
}

.popup-quick-info .popup__title:last-child {
	margin-bottom: 0;
}

.popup-quick-info .popup__entry {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.625;
}

@media screen and (max-width: 767px) {
	.popup-quick-info .popup__entry {
		margin-bottom: 8px;
	}
}

.popup-quick-info .popup__entry:last-child {
	margin-bottom: 0;
}

.popup-quick-info .popup__btn-gallery {
	margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
	.popup-quick-info .popup__btn-gallery {
		margin-bottom: 15px;
	}
}

.popup-quick-info .popup__btn-gallery:last-child {
	margin-bottom: 0;
}

.popup-quick-info .popup__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-top: auto;
}

@media screen and (max-width: 1024px) {
	.popup-quick-info .popup__actions {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
	}
}

/* ------------------------------------------------------------ *\
	Btn alt
\* ------------------------------------------------------------ */

.btn-alt--green {
	color: #1e5262 !important;
	border-color: #1e5262;
}

.btn-alt--green:hover {
	color: #1e5262 !important;
	background-color: #E9EEEF !important;
	border-color: #1e5262;
}

.btn-alt--small {
	padding: 13px 25px;
	font-weight: bold;
}

@media screen and (max-width: 1024px) {
	.btn-alt--small {
		padding: 10px 25px;
	}
}

@media screen and (max-width: 767px) {
	.btn-alt--small {
		padding: 13px 25px;
	}
}

@media screen and (max-width: 374px) {
	.btn-alt--small {
		padding: 13px 15px;
	}
}

.btn-alt--medium {
	padding: 15px 22px;
}

@media screen and (max-width: 1279px) {
	.btn-alt--medium {
		padding: 11px 18px;
		font-size: 14px;
	}
}

@media screen and (max-width: 1024px) {
	.btn-alt--medium {
		padding: 15px 22px;
		font-size: 16px;
	}
}

.btn-alt--titlecase {
	text-transform: capitalize;
	letter-spacing: 0;
}

.btn-alt--flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

/* ------------------------------------------------------------ *\
	Btn plain text
\* ------------------------------------------------------------ */

.btn-plain-text {
	color: #d91f1f;
	text-decoration: underline;
	text-decoration-color: transparent;
	font-size: 16px;
	line-height: 1.625;
	transition: color .4s, text-decoration .4s;
}

.btn-plain-text:hover {
	color: var(--c-darkred-hex);
	text-decoration-color: currentColor;
}

.btn-plain-text.btn-plain-text--small {
	font-size: 14px;
	line-height: 1.57;
}

/* ------------------------------------------------------------ *\
	Btn close
\* ------------------------------------------------------------ */

.btn-close {
	position: relative;
	display: block;
	width: 8px;
	height: 8px;
}

.btn-close:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--c-charcoal);
	transform: translateY(-50%) rotate(-45deg);
	transition: background-color .4s;
}

.btn-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--c-charcoal);
	transform: translateY(-50%) rotate(45deg);
	transition: background-color .4s;
}

.btn-close.btn-close--large {
	width: 27px;
	height: 27px;
	transition: transform .4s;
}

.btn-close.btn-close--medium {
	width: 13px;
	height: 13px;
}

.btn-close.btn-close--white:before,
.btn-close.btn-close--white:after {
	height: 2px;
	background-color: #fff;
}

.btn-close.btn-close--dark:before,
.btn-close.btn-close--dark:after {
	background-color: #1c1b1f;
}

.btn-close:hover:before,
.btn-close:hover:after {
	background-color: var(--c-red-hex);
}

/* ------------------------------------------------------------ *\
	Style reset
\* ------------------------------------------------------------ */

.style-reseter {
	overflow: clip;
}

/* ------------------------------------------------------------ *\
	Section cols media
\* ------------------------------------------------------------ */

.section-cols-media {
	padding: 48px 0;
	background-color: #fff;
}

@media screen and (max-width: 1279px) {
	.section-cols-media {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.section-cols-media {
		padding: 40px 0;
	}
}

@media screen and (max-width: 767px) {
	.section-cols-media {
		padding: 30px 0;
	}
}

.section-cols-media h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.31;
}

@media screen and (max-width: 1024px) {
	.section-cols-media h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-cols-media h2 {
		font-size: 28px;
		line-height: 1.428;
	}
}

.section-cols-media .section__head {
	max-width: 660px;
	margin: 0 auto 32px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.section-cols-media .section__head {
		margin: 0 auto 25px;
	}
}

.section-cols-media .section__head:last-child {
	margin-bottom: 0;
}

.section-cols-media .section__cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

@media screen and (max-width: 767px) {
	.section-cols-media .section__cols {
		grid-template-columns: 1fr;
	}
}

.section-cols-media .section__col-media {
	position: relative;
	margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
	.section-cols-media .section__col-media {
		margin-bottom: 16px;
	}
}

.section-cols-media .section__col-media:last-child {
	margin-bottom: 0;
}

.section-cols-media .section__col-media img {
	display: block;
	width: 100%;
	aspect-ratio: 586 / 329;
	object-fit: cover;
}

.section-cols-media .section__col-entry {
	text-align: center;
}

/* ------------------------------------------------------------ *\
	Btn play
\* ------------------------------------------------------------ */

.btn-play {
	position: absolute;
	inset: 0;
}

.btn-play:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 42px;
	height: 42px;
	background: transparent url('../css/media/svg/icon-play-btn.svg') no-repeat center;
	background-size: contain;
	border-radius: 50%;
	transition: transform .4s;
}

.btn-play:hover:before {
	transform: translate(-50%, -50%) scale(1.1);
}

/* ------------------------------------------------------------ *\
	ColorBox Styles
\* ------------------------------------------------------------

#cboxClose {
	display: flex;
	align-items: center;
	gap: 5px;
	width: auto;
	height: auto;
	background-color: transparent;
	border: none;
	transition: color .2s;
}

#cboxClose:before {
	padding-top: 5px;
	font-size: 18px;
}

#cboxClose:hover {
	color: red;
	background-color: transparent;
} */

/* ------------------------------------------------------------ *\
	Section image map
\* ------------------------------------------------------------ */

li {
    font-family: 'Nunito';
    font-size: 18px;
	line-height:30px;
}
.mini-products-list li {
	font-size: 14px;
	line-height: 1.5em;
}
#header-account > div > ul > li {
	font-size: 14px;
	line-height: 1.5em;	
}
.nav-v2 > ul > li > ul li {
	line-height:18px;
}
.section-image-map p {
    font-family: 'Nunito';
    font-size: 18px;
	line-height:30px;
}

.section-groups p {
    font-family: 'Nunito';
    font-size: 18px;
	line-height:30px;
}


.section-image-map {
	padding: 96px 0;
}

@media screen and (max-width: 1279px) {
	.section-image-map {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.section-image-map {
		padding: 40px 0;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map {
		padding: 31px 0 40px;
		background-color: #fff;
	}
}

.section-image-map h2 {
	margin-bottom: 24px;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.31;
}

@media screen and (max-width: 1024px) {
	.section-image-map h2 {
		margin-bottom: 15px;
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map h2 {
		margin-bottom: 21px;
		text-align: center;
		font-size: 28px;
		line-height: 1.428;
	}
}

.section-image-map h2:last-child {
	margin-bottom: 0;
}

.section-image-map a {
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: color .4s, text-decoration-color .4s;
}

.section-image-map a:hover {
	color: var(--c-darkred-hex);
	text-decoration-color: currentColor;
}

.section-image-map .section__head {
	padding: 0 36px;
	max-width: 1022px;
	margin: 0 auto 40px;
	text-align: center;
	letter-spacing: 0;
}

@media screen and (max-width: 1279px) {
	.section-image-map .section__head {
		padding: 0 42px;
	}
}

@media screen and (max-width: 1024px) {
	.section-image-map .section__head {
		margin: 0 auto 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map .section__head {
		padding: 0 16px;
		margin: 0 auto 24px;
		text-align: left;
		font-size: 16px;
		line-height: 1.625;
	}
}

.section-image-map .section__head:last-child {
	margin-bottom: 0;
}

.section-image-map .section__body {
	display: grid;
	grid-template-columns: 47.72% auto;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.section-image-map .section__body {
		grid-template-columns: 1fr;
	}
}

.section-image-map .section__image {
	min-height: 666px;
}

@media screen and (max-width: 1279px) {
	.section-image-map .section__image {
		min-height: 550px;
	}
}

@media screen and (max-width: 1024px) {
	.section-image-map .section__image {
		min-height: 500px;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map .section__image {
		min-height: 307px;
	}
}

.section-image-map .section__content {
	padding: 0 36px 0 0;
	margin-left: -75px;
	z-index: 1;
}

@media screen and (max-width: 1279px) {
	.section-image-map .section__content {
		padding: 0 42px 0 0;
		margin-left: -60px;
	}
}

@media screen and (max-width: 1024px) {
	.section-image-map .section__content {
		margin-left: -80px;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map .section__content {
		padding: 0 16px;
		margin: 0 0 40px 0;
		order: -1;
	}
}

.section-image-map .section__map {
	padding: 60px 58px 60px 60px;
	background-color: #fff;
}

@media screen and (max-width: 1279px) {
	.section-image-map .section__map {
		padding: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.section-image-map .section__map {
		padding: 25px;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map .section__map {
		padding: 0;
	}
}

.section-image-map .section__map-image {
	margin-bottom: 32px;
}

@media screen and (max-width: 1279px) {
	.section-image-map .section__map-image {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map .section__map-image {
		display: none;
		margin-bottom: 27px;
	}
}

.section-image-map .section__map-image.section__map-image--mobile {
	display: none;
}

@media screen and (max-width: 767px) {
	.section-image-map .section__map-image.section__map-image--mobile {
		display: block;
	}
}

@media screen and (max-width: 1279px) {
	.section-image-map .section__map-entry {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.section-image-map .section__map-entry {
		line-height: 1.625;
	}
}

/* ------------------------------------------------------------ *\
	Section groups -- alt
\* ------------------------------------------------------------ */

.bathroom-cat {
	padding: 96px 0 22px;
}


.section-groups.section-groups--alt {
	padding: 96px 0 22px;
}

@media screen and (max-width: 1279px) {
	.section-groups.section-groups--alt {
		padding: 50px 0;
	}
	.bathroom-cat {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.section-groups.section-groups--alt {
		padding: 40px 0 20px;
	}
	.bathroom-cat {
		padding: 40px 0 20px;
	}
}

.section-groups.section-groups--alt h2 {
	margin-bottom: 0;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.312;
}

@media screen and (max-width: 1024px) {
	.section-groups.section-groups--alt h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt h2 {
		font-size: 28px;
		line-height: 1.428;
	}
}

.section-groups.section-groups--alt .section__intro {
	max-width: 780px;
}

.section-groups.section-groups--alt .section__groups {
	margin-top: 25px;
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt .section__groups {
		margin-top: 25px;
	}
}

.section-groups.section-groups--alt .section__group + .section__group {
	margin-top: 22px;
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt .section__group + .section__group {
		margin-top: 11px;
	}
}

.section-groups.section-groups--alt .section__group-inner {
	align-items: center;
}

.section-groups.section-groups--alt .section__group-head h3 {
	margin-bottom: 0;
	text-transform: none;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.29;
	letter-spacing: -0.01em;
}

.section-groups.section-groups--alt .section__group-head + .section__group-entry {
	margin-top: 24px;
}

@media screen and (max-width: 1279px) {
	.section-groups.section-groups--alt .section__group-head + .section__group-entry {
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt .section__group-head + .section__group-entry {
		margin-top: 20px;
	}
}

.section-groups.section-groups--alt .section__group-media {
	flex: 0 1 510px;
	max-width: 510px;
	margin: 4px 0 0 -20px;
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt .section__group-media {
		width: 92%;
		flex: 0;
		margin: 4px 0 0;
	}
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt .section__group-media:before {
		width: 97.6%;
		max-width: 450px;
		height: 97.6%;
		max-height: 450px;
	}
}

.section-groups.section-groups--alt .section__group-img {
	border: 29px solid #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1279px) {
	.section-groups.section-groups--alt .section__group-img {
		border: 19px solid #fff;
	}
}

.section-groups.section-groups--alt .section__group-main {
	padding: 10px 0;
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt .section__group-main {
		padding: 10px 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.section-groups.section-groups--alt .section__group-entry {
		font-size: 18px;
		line-height: 1.66;
	}

	.section-groups.section-groups--alt .section__group-inner--reversed .section__group-entry {
		font-size: 16px;
	}
}

.section-groups .section__group-entry ul {
	margin-bottom: 15px;
}

.section-groups .section__group-entry ul:last-child {
	margin-bottom: 0;
}

.section-groups .section__group-entry li {
	position: relative;
	padding-left: 27px;
	margin-bottom: 11px;
}

.section-groups .section__group-entry li:last-child {
	margin-bottom: 0;
}

.section-groups .section__group-entry li:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 10px;
	background-color: var(--c-charcoal);
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

/* ------------------------------------------------------------ *\
	Section accordion - alt
\* ------------------------------------------------------------ */

.section-accordion-alt {
	padding: 47px 0 54px;
	background-color: #fff;
}

@media screen and (max-width: 1279px) {
	.section-accordion-alt {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.section-accordion-alt {
		padding: 40px 0;
	}
}

@media screen and (max-width: 767px) {
	.section-accordion-alt {
		padding: 20px 0 60px;
	}
}

.section-accordion-alt h2 {
	margin-bottom: 0;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.28;
}

@media screen and (max-width: 767px) {
	.section-accordion-alt h2 {
		font-size: 28px;
		line-height: 1.428;
	}
}

.section-accordion-alt .section__head {
	margin-bottom: 48px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.section-accordion-alt .section__head {
		margin-bottom: 38px;
	}
}

.section-accordion-alt .section__head:last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------------------ *\
	Accordion faq - alt
\* ------------------------------------------------------------ */

.accordion-faq-alt .accordion-faq-alt__section {
	border-bottom: 1px solid #ccc;
}

.accordion-faq-alt h3 {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.29;
	transition: color .4s;
}

@media screen and (max-width: 1279px) {
	.accordion-faq-alt h3 {
		font-size: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.accordion-faq-alt h3 {
		font-size: 19px;
	}
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt h3 {
		font-size: 16px;
		line-height: 1.625;
	}
}

.accordion-faq-alt a:not(.btn-alt) {
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: text-decoration-color .4s, color .4s;
}

.accordion-faq-alt a:not(.btn-alt):hover {
	color: var(--c-darkred-hex);
	text-decoration-color: #d91f1f;
}

.accordion-faq-alt p {
	margin-bottom: 17px;
	font-size: 18px;
  line-height: 1.67;
  font-family: var(--ff-nunito-sans);
  font-weight: 400;
  color: var(--c-charcoal);
  text-align: initial;
}

@media screen and (max-width: 1279px) {
	.accordion-faq-alt p {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt p {
		margin-bottom: 17px;
	}
}

.accordion-faq-alt p:last-child {
	margin-bottom: 0;
}

.accordion-faq-alt p:has(+ ul) {
	margin-bottom: 16px;
}

@media screen and (max-width: 1279px) {
	.accordion-faq-alt p:has(+ ul) {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt p:has(+ ul) {
		margin-bottom: 16px;
	}
}

.accordion-faq-alt p:has(+ .btn-alt) {
	margin-bottom: 24px;
}

@media screen and (max-width: 1279px) {
	.accordion-faq-alt p:has(+ .btn-alt) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt p:has(+ .btn-alt) {
		margin-bottom: 16px;
	}
}

.accordion-faq-alt ul {
	margin-bottom: 16px;
}

@media screen and (max-width: 1279px) {
	.accordion-faq-alt ul {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt ul {
		margin-bottom: 16px;
	}
}

.accordion-faq-alt ul:last-child {
	margin-bottom: 0;
}

.accordion-faq-alt li {
	position: relative;
	padding-left: 27px;
	margin-bottom: 10px;
	line-height: 1.666;
}

@media screen and (max-width: 1024px) {
	.accordion-faq-alt li {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt li {
		padding-left: 25px;
		margin-bottom: 0;
		line-height: 1.625;
	}
}

.accordion-faq-alt li:last-child {
	margin-bottom: 0;
}

.accordion-faq-alt li:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 11px;
	width: 6px;
	height: 6px;
	background-color: currentColor;
	border-radius: 50%;
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt li:before {
		top: 11px;
		left: 9px;
	}
}

.accordion-faq-alt .accordion-faq-alt__head {
	padding: 24px 0;
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	cursor: pointer;
}

@media screen and (max-width: 1279px) {
	.accordion-faq-alt .accordion-faq-alt__head {
		padding: 20px 0;
	}
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt .accordion-faq-alt__head {
		padding: 15px 0;
	}
}

.accordion-faq-alt .accordion-faq-alt__section:first-child .accordion-faq-alt__head {
	padding-top: 0;
}

.accordion-faq-alt .accordion-faq-alt__head:after {
	content: '';
	display: block;
	margin-right: 8px;
	width: 8px;
	height: 8px;
	border: solid var(--c-charcoal);
	border-width: 0 0 2px 2px;
	transform: rotate(-45deg);
	transition: transform .4s, border-color .4s;
}

.accordion-faq-alt .accordion-faq-alt__head:hover h3 {
	color: #d9201e;
}

.accordion-faq-alt .accordion-faq-alt__head:hover:after {
	border-color: #d9201e;
}

.accordion-faq-alt .accordion-faq-alt__section.is-visible h3 {
	color: #d9201e;
}

.accordion-faq-alt .accordion-faq-alt__section.is-visible .accordion-faq-alt__head:after {
	border-color: #d9201e;
	transform: rotate3d(1, 0.42, 0, 180deg);
}

.accordion-faq-alt .accordion-faq-alt__body {
	padding-bottom: 0;
	display: grid;
	grid-template-rows: 0fr;
	line-height: 1.666;
	transition: padding .4s, grid-template-rows .4s;
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt .accordion-faq-alt__body {
		font-size: 16px;
		line-height: 1.625;
	}
}

.accordion-faq-alt .accordion-faq-alt__body-inner {
	overflow: hidden;
}

.accordion-faq-alt .accordion-faq-alt__section.is-visible .accordion-faq-alt__body {
	padding-bottom: 24px;
	grid-template-rows: 1fr;
}

.accordion-faq-alt__btn {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.accordion-faq-alt__btn {
		display: block;
	}
}

/* ------------------------------------------------------------ *\
	Section product single
\* ------------------------------------------------------------ */

.section-product-single {
	position: relative;
	padding: 25px 0 80px;
	background-color: #fff;
	z-index: 100;
}

.section-product-single h1 {
	margin-bottom: 0;
	color: #4a4541;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.22;
	text-transform:none;
}

@media screen and (max-width: 1279px) {
	.section-product-single h1 {
		font-size: 34px;
	}
}

@media screen and (max-width: 767px) {
	.section-product-single h1 {
		font-size: 28px;
	}
}

@media screen and (max-width: 767px) {
	.section__breadcrumbs {
		margin-bottom: 26px;
	}
}

.section-product-single .section__head {
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.section-product-single .section__head {
		margin-bottom: 19px;
	}
}

.section-product-single .section__head:last-child {
	margin-bottom: 0;
}

.section-product-single .section__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

@media screen and (max-width: 1279px) {
	.section-product-single .section__actions {
		gap: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.section-product-single .section__actions {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.section-product-single .section__actions {
		gap: 16px;
	}
}

.section-product-single .section__actions.section__actions--mobile {
	display: none;
}

@media screen and (max-width: 1024px) {
	.section-product-single .section__actions.section__actions--mobile {
		display: flex;
	}
}

@media screen and (max-width: 1024px) {
	.section-product-single .section__btn {
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 767px) {
	.section-product-single .section__btn {
		width: 100%;
	}
}

.section-product-single .section__body:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
	.section-product-single .section__body {
		margin-bottom: 40px;
	}
}

/* ------------------------------------------------------------ *\
	Tabs product single
\* ------------------------------------------------------------ */

.tabs-product-single .tabs__head {
	margin-bottom: 24px;
	border-bottom: 1px solid #e0e0e0;
}

.tabs-product-single .tabs__head:last-child {
	margin-bottom: 0;
}

.tabs-product-single .tabs__nav ul {
	display: flex;
	align-items: center;
	gap: 8px;
}

@media screen and (max-width: 767px) {
	.tabs-product-single .tabs__nav ul {
		overflow-x: auto;
	}
}

@media screen and (max-width: 767px) {
	.tabs-product-single .tabs__nav ul::-webkit-scrollbar {
		display: none;
	}
}

.tabs-product-single .tabs__nav a {
	position: relative;
	padding: 0 8px 7px;
	display: block;
	color: var(--c-charcoal);
	text-decoration: none;
	font-size: 16px;
	line-height: 1.625;
	transition: font-weight .4s, color .4s;
}

.tabs-product-single .tabs__nav a:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	width: 0;
	height: 4px;
	background-color: var(--c-red-hex);
	transition: left .4s, right .4s, width .4s;
}

.tabs-product-single .tabs__nav a:hover {
	color: var(--c-red-hex);
}

.tabs-product-single .tabs__nav li.is-active a {
	font-weight: 700;
}

.tabs-product-single .tabs__nav li.is-active a:after {
	left: 0;
	width: 100%;
}

.tabs-product-single .tabs__body {
	position: relative;
	overflow: hidden;
}

/* ------------------------------------------------------------ *\
	Tab product single
\* ------------------------------------------------------------ */

.tab-product-single {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s;
}

.tab-product-single.is-active {
	position: relative;
	opacity: 1;
	pointer-events: all;
	z-index: 10;
}

/* ------------------------------------------------------------ *\
	Product overview
\* ------------------------------------------------------------ */

.product-overview {
	display: grid;
	grid-template-columns: 63.63% auto;
	justify-content: space-between;
	gap: 60px;
}

@media screen and (max-width: 1279px) {
	.product-overview {
		grid-template-columns: 60% 35.5%;
		gap: 30px;
	}
}

@media screen and (max-width: 1024px) {
	.product-overview {
		grid-template-columns: 100%;
	}
}

@media screen and (max-width: 767px) {
	.product-overview {
		gap: 21px;
	}
}

.product-overview .product__aside {
	padding-top: 5px;
}

.product-overview .product__list {
	margin-bottom: 24px;
}

.product-overview .product__list:last-child {
	margin-bottom: 0;
}

.product-overview .product__list li {
	display: grid;
	grid-template-columns: 33px auto;
	align-items: start;
	gap: 16px;
	margin-bottom: 30px;
}

@media screen and (max-width: 1279px) {
	.product-overview .product__list li {
		gap: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.product-overview .product__list li {
		gap: 15px;
		margin-bottom: 20px;
	}
}

.product-overview .product__list li:last-child {
	margin-bottom: 0;
}

.product-overview .product__list-icon {
	padding: 8px;
	display: grid;
	align-items: center;
	margin-top: -5px;
	width: 33px;
	height: 33px;
	background-color: #fbe9e9;
	border-radius: 50%;
}

.product-overview .product__list-icon img {
	display: block;
	width: 100%;
	object-fit: contain;
}

.product-overview .product__list-content {
	font-size: 16px;
	line-height: 1.625;
}

.product-overview .product__text {
	padding: 16px 24px;
	margin-bottom: 16px;
	background-color: #fff;
	box-shadow: 0px 6.131px 24.524px rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 1279px) {
	.product-overview .product__text {
		padding: 16px;
	}
}

.product-overview .product__text:last-child {
	margin-bottom: 0;
}

.product-overview .product__text img {
	vertical-align: top;
	width: 53px;
}

.product__review {
	padding: 24px;
	box-shadow: 0px 6.131px 24.524px rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 1279px) {
	.product__review {
		padding: 16px;
	}
}

.product-overview .product__review-stars {
	display: flex;
	align-items: center;
	gap: 3px;
	margin-bottom: 16px;
}

@media screen and (max-width: 1279px) {
	.product-overview .product__review-stars {
		margin-bottom: 10px;
	}
}

.product-overview .product__review-stars:last-child {
	margin-bottom: 0;
}

.product-overview .product__review-stars li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 21px;
	height: 21px;
	background-color: #00b67a;
}

.product-overview .product__review-stars li img {
	display: block;
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.product-overview .product__review-quote {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.625;
}

.product-overview .product__review-quote:last-child {
	margin-bottom: 0;
}

.product-overview .product__review-meta {
	font-size: 14px;
	line-height: 1.428;
}

.product-overview .product__popup {
	position: fixed;
	top: 0;
	left: 0;
	display: grid;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	opacity: 0;
	pointer-events: none;
	z-index: 99999;
	transition: opacity .4s;
}

.product-overview .product__popup-overlay {
	position: fixed;
	inset: 0;
	background-color: var(--c-charcoal);
	opacity: .8;
}

.product-overview .product__popup-container {
	padding: 20px 20px 65px;
}

@media screen and (max-width: 767px) {
	.product-overview .product__popup-container {
		padding: 0;
		height: 100%;
	}
}

.product-overview .product__popup-title {
	padding-bottom: 16px;
	margin-bottom: 24px;
	color: #4a4541;
	border-bottom: 1px solid #ccc;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.29;
}

@media screen and (max-width: 767px) {
	.product-overview .product__popup-title {
		padding-bottom: 0;
		border-bottom: none;
		text-align: center;
		line-height: 1.29;
	}
}

.product-overview .product__popup-title:last-child {
	margin-bottom: 0;
}

.product-overview .product__popup-container-inner {
	position: relative;
	padding: 40px 60px;
	width: 100%;
	max-width: 1440px;
    background-color: #fff;
	opacity: 0;
	transition: opacity .4s 0.23s ease-in;
}

@media screen and (max-width: 1279px) {
	.product-overview .product__popup-container-inner {
		padding: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.product-overview .product__popup-container-inner {
		padding: 20px;
	}
}

@media screen and (max-width: 767px) {
	.product-overview .product__popup-container-inner {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}
}

.product-overview .product__popup-close {
	justify-self: end;
	margin: 0 13px 18px 0;
}

@media screen and (max-width: 767px) {
	.product-overview .product__popup-close {
		position: absolute;
		top: 16px;
		right: 17px;
		margin: 0;
		z-index: 3;
	}
}

@media screen and (max-width: 767px) {
	.product-overview .product__popup-close:before,
	.product-overview .product__popup-close:after {
		background-color: var(--c-charcoal);
	}
}

.product-overview .product__popup-close:last-child {
	margin-bottom: 0;
}

.product-overview .product__popup.is-visible {
	opacity: 1;
	pointer-events: all;
}

.product-overview .product__popup.is-visible .product__popup-container-inner {
	opacity: 1;
}

/* ------------------------------------------------------------ *\
	Slider product
\* ------------------------------------------------------------ */

.slider-product .slider__clip {
	position: relative;
	margin-bottom: 16px;
}

@media screen and (max-width: 1279px) {
	.slider-product .slider__clip {
		margin-bottom: 10px;
	}	
}

@media screen and (max-width: 767px) {
	.slider-product .slider__clip {
		margin-bottom: 6px;
	}	
}

.slider-product .slider__clip:last-child {
	margin-bottom: 0;
}

.slider-product .slider__expand {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, .9);
	background-size: 17px;
	border-radius: 50%;
	z-index: 3;
}

.slider-product .slider__expand path {
	transition: fill .4s;
}

.slider-product .slider__expand:hover path {
	fill: var(--c-red-hex);
}

.slider-product .slider__utilities {
	display: flex;
	align-items: center;
	gap: 26px;
}

@media screen and (max-width: 1024px) {
	.slider-product .slider__utilities {
		gap: 0;
	}	
}

@media screen and (max-width: 1024px) {
	.slider-product .slider__thumbs {
		padding: 0 16px;
	}
}

.slider-product .slider__prev,
.slider-product .slider__next {
	position: static;
	display: grid;
	align-items: center;
	margin-top: 0;
	width: 25px;
	flex: 0 0 25px;
	height: 37px;
	text-decoration: none;
}

@media screen and (max-width: 1024px) {
	.slider-product .slider__prev,
	.slider-product .slider__next {
		display: none;
	}
}

.slider-product .slider__prev:after,
.slider-product .slider__next:after {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	border: solid var(--c-charcoal);
	border-width: 0 2px 2px 0;
	transform: rotate(-45deg);
}

.slider-product .slider__prev:after {
	margin-left: 5px;
	border-width: 0 0 2px 2px;
	transform: rotate(45deg);
}

.slider-product .slider__next:after {
	margin-right: 5px;
}

.slider-product .slider__slide img {
	display: block;
	width: 100%;
	aspect-ratio: 916 / 540;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	.slider-product .slider__slide img {
		aspect-ratio: 343 / 257;
	}
}

.slider-product .slider__thumbs .slider__slide img {
	 aspect-ratio: 130 / 98;
}

@media screen and (max-width: 767px) {
	.slider-product .slider__thumbs .slider__slide img {
		aspect-ratio: 80 / 60;
	}
}

.slider-product .slider__thumbs .slider__slide {
	padding: 0;
	box-shadow: inset 0 0 1px 1px transparent;
	cursor: pointer;
	transition: padding .1s, box-shadow .1s;
}

.slider-product .slider__thumbs .slider__slide.swiper-slide-thumb-active {
	padding: 4px;
	box-shadow: inset 0 0 1px 1px var(--c-charcoal);
}

/* ------------------------------------------------------------ *\
	Product features
\* ------------------------------------------------------------ */

.product-features {
	display: grid;
	grid-template-columns: 40.69% auto;
	align-items: start;
	gap: 60px;
}

@media screen and (max-width: 1279px) {
	.product-features {
		gap: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.product-features {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 1024px) {
	.product-features {
		gap: 21px;
	}
}

.product-features li {
	position: relative;
	padding-left: 23px;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.62;
}

.product-features li:last-child {
	margin-bottom: 0;
}

.product-features li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 8px;
	width: 6px;
	height: 6px;
	background-color: var(--c-charcoal);
	border-radius: 50%;
}

.product-features .product__image {
	border: 1px solid #e0e0e0;
}

.product-features .product__image img {
	display: block;
	width: 100%;
}

/* ------------------------------------------------------------ *\
	Product specs
\* ------------------------------------------------------------ */

.product-specs {
	padding-right: 40px;
}

@media screen and (max-width: 1024px) {
	.product-specs {
		padding-right: 20px;
	}
}

@media screen and (max-width: 767px) {
	.product-specs {
		padding-right: 8px;
	}
}

.product-specs .product__row {
	display: grid;
	grid-template-columns: 23.61% auto;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
	.product-specs .product__row {
		grid-template-columns: 41.81% auto;
	}
}

.product-specs .product__row:last-child {
	border-bottom: none;
}

.product-specs .product__col {
	padding: 12px 16px;
	font-size: 16px;
	line-height: 1.625;
}

@media screen and (max-width: 1279px) {
	.product-specs .product__col {
		padding: 8px 13px;
		line-height: 1.4;
	}
}

@media screen and (max-width: 1024px) {
	.product-specs .product__col {
		padding: 8px;
		line-height: 1.3;
	}
}

@media screen and (max-width: 767px) {
	.product-specs .product__col {
		padding: 12px 16px;
		font-size: 14px;
		line-height: 1.571;
	}
}

.product-specs .product__col:first-child {
	color: var(--c-charcoal);
	background-color: #efefef;
}

.product-specs .product__col:last-child {
	border-right: 1px solid #ccc;
}

/* ------------------------------------------------------------ *\
	Product-about
\* ------------------------------------------------------------ */

.product-about {
	padding-right: 45px;
	display: grid;
	grid-template-columns: 42.11% auto;
	gap: 60px;
}

@media screen and (max-width: 1279px) {
	.product-about {
		padding-right: 20px;
		grid-template-columns: 42.11% auto;
		gap: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.product-about {
		grid-template-columns: 1fr;
		gap: 21px;
	}
}

@media screen and (max-width: 767px) {
	.product-about {
		padding-right: 11px;
		gap: 19px;
	}
}

.product-about p {
	margin-bottom: 15px;
}

@media screen and (max-width: 1279px) {
	.product-about p {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.product-about p {
		margin-bottom: 15px;
	}
}

.product-about p:last-child {
	margin-bottom: 0;
}

.product-about a {
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: color .4s, text-decoration-color .4s;
}

.product-about a:hover {
	color: var(--c-darkred-hex);
	text-decoration-color: var(--c-darkred-hex);
}

.product-about .product__content {
	font-size: 16px;
	line-height: 1.625;
}

/* ------------------------------------------------------------ *\
	Product assembly
\* ------------------------------------------------------------ */

.product-assembly {
	display: grid;
	grid-template-columns: 48% 40.55%;
	justify-content: space-between;
	gap: 40px;
	grid-template-areas: 
        "content aside";
}


.product-assembly > .product__content {
    grid-area: content;
}

.product-assembly > .product__aside {
    grid-area: aside;
}


@media screen and (max-width: 1279px) {
	.product-assembly {
		grid-template-columns: 50% auto;
	}
}

@media screen and (max-width: 1024px) {
	.product-assembly {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media screen and (max-width: 767px) {
	.product-assembly {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

.product-assembly a {
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: color .4s, text-decoration-color .4s;
}

.product-assembly a:hover {
	color: var(--c-darkred-hex);
	text-decoration-color: currentColor;
}

.product-assembly .product__content {
	font-size: 16px;
	line-height: 1.625;
}

.product-assembly .product__aside a {
	font-size: 16px;
	line-height: 1.625;
}

.product-assembly .product__aside-heading {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.625;
}

.product-assembly .product__aside-heading:last-child {
	margin-bottom: 0;
}

.product-assembly .product__list {
	margin-bottom: 23px;
}

@media screen and (max-width: 767px) {
	.product-assembly .product__list {
		margin-bottom: 16px;
	}	
}

.product-assembly .product__list:last-child {
	margin-bottom: 0;
}

.product-assembly .product__list li {
	margin-bottom: 4px;
}

.product-assembly .product__list li:last-child {
	margin-bottom: 0;
}

.product-assembly .product__pdf {
	display: grid;
	grid-template-columns: 20px auto;
	justify-content: start;
	gap: 8px;
}

.product-assembly .product__pdf:before {
	content: '';
	display: block;
	margin: 4px auto 0;
	width: 13px;
	height: 16px;
	background: transparent url('../css/media/svg/icon-pdf.svg') no-repeat center;
	background-size: contain;
}

.product-assembly .product__video {
	display: grid;
	grid-template-columns: 20px auto;
	justify-content: start;
	gap: 8px;
}

.product-assembly .product__video:before {
	content: '';
	display: block;
	margin: 6px auto 0;
	width: 16px;
	height: 13px;
	background: transparent url('../css/media/svg/icon-video.svg') no-repeat center;
	background-size: contain;
}

/* ------------------------------------------------------------ *\
	Has max-height
\* ------------------------------------------------------------ */

.has-max-height {
	max-height: 496px;
	overflow-y: auto;
}

@media screen and (max-width: 1024px) {
	.has-max-height {
		max-height: 59.4dvh;
	}
}

@media screen and (max-width: 767px) {
	.has-max-height {
		max-height: 55.4dvh;
	}
}

/* Target Firefox specifically */
@supports (-moz-appearance: none) {
    .has-max-height {
		scrollbar-color: var(--c-charcoal) transparent;
		scrollbar-width: thin;
	}
}

.has-max-height::-webkit-scrollbar {
	width: 8px;
}

.has-max-height::-webkit-scrollbar-thumb {
	background-color: #7A736D;
	border-radius: 4px;
}

.has-max-height.has-max-height--mobile {
	max-height: initial;
}

@media screen and (max-width: 1024px) {
	.has-max-height.has-max-height--mobile {
		max-height: 59.4dvh;
	}
}

@media screen and (max-width: 767px) {
	.has-max-height.has-max-height--mobile {
		max-height: 55.4dvh;
	}
}


/* ------------------------------------------------------------ *\
	Slider product popup
\* ------------------------------------------------------------ */

.slider-product-popup {
	position: relative;
	display: flex;
	gap: 60px;
}

@media screen and (max-width: 1279px) {
	.slider-product-popup {
		gap: 30px;
	}
}

@media screen and (max-width: 1024px) {
	.slider-product-popup {
		padding-bottom: 35px;
		flex-direction: column;
		gap: 20px;
	}
}

@media screen and (max-width: 767px) {
	.slider-product-popup {
		padding-bottom: 0;
		flex-direction: column;
		gap: 14px;
	}
}

.slider-product-popup .slider__inner {
	flex-basis: 84.1%;
}

@media screen and (max-width: 1024px) {
	.slider-product-popup .slider__inner {
		width: 100%;
		flex-basis: 100%;
	}
}

.slider-product-popup .slider__clip {
	position: relative;
	margin-bottom: 16px;
}

@media screen and (max-width: 1024px) {
	.slider-product-popup .slider__clip {
		margin-bottom: 0;
	}
}

.slider-product-popup .slider__clip:last-child {
	margin-bottom: 0;
}

.slider-product-popup .slider__slide img {
	display: block;
	width: 100%;
}

.slider-product-popup .slider__pagination {
	position: static;
	padding-right: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	flex-basis: 11.45%;
	max-height: clamp(450px, 46.296vw, 700px);
	order: -1;
	overflow-y: scroll;
}

@media screen and (max-width: 1279px) {
	.slider-product-popup .slider__pagination {
		padding-right: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.slider-product-popup .slider__pagination {
		padding: 0 16px 6px;
		flex-direction: row;
		gap: 10px;
		width: 100%;
		flex-basis: 100%;
		order: initial;
		overflow-x: auto;
	}
}

@media screen and (max-width: 767px) {
	.slider-product-popup .slider__pagination {
		padding: 0 16px 12px;
	}
}

/* Target Firefox specifically */
@supports (-moz-appearance: none) {
    .slider-product-popup .slider__pagination {
		scrollbar-color: var(--c-charcoal) transparent;
		scrollbar-width: thin;
	}
}

.slider-product-popup .slider__pagination::-webkit-scrollbar {
	width: 8px;
}

@media screen and (max-width: 1024px) {
	.slider-product-popup .slider__pagination::-webkit-scrollbar {
		height: 8px;
	}
}

.slider-product-popup .slider__pagination::-webkit-scrollbar-thumb {
	background-color: #7A736D;
	border-radius: 4px;
}

.slider-product-popup .slider__pagination .swiper-pagination-bullet {
	margin: 0;
	width: initial;
	height: initial;
	background: transparent;
	box-shadow: inset 0 0 1px 1px transparent;
	border-radius: 0;
	opacity: 1;
	transition: padding .1s, box-shadow .1s;
}

@media screen and (max-width: 1024px) {
	.slider-product-popup .slider__pagination .swiper-pagination-bullet {
		display: block;
		flex: 0 0 15%;
	}
}

@media screen and (max-width: 767px) {
	.slider-product-popup .slider__pagination .swiper-pagination-bullet {
		display: block;
		flex: 0 0 23.4%;
	}
}

.slider-product-popup .slider__pagination .swiper-pagination-bullet img {
	aspect-ratio: 130 / 97;
}

.slider-product-popup .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	padding: 4px;
	box-shadow: inset 0 0 1px 1px var(--c-charcoal);
}

.slider-product-popup .slider__progress {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-charcoal);
	font-size: 16px;
	line-height: 1.625;
}

@media screen and (max-width: 1024px) {
	.slider-product-popup .slider__progress {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.slider-product-popup .slider__progress {
		bottom: 24px;
	}
}

.slider-product-popup .slider__actions {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	width: 100%;
	z-index: 1;
}

.slider-product-popup .slider__next,
.slider-product-popup .slider__prev {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 48px;
	height: 48px;
	background-color: rgba(255, 255, 255, .8);
}

@media screen and (max-width: 1279px) {
	.slider-product-popup .slider__next,
	.slider-product-popup .slider__prev {
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width: 767px) {
	.slider-product-popup .slider__next,
	.slider-product-popup .slider__prev {
		width: 40px;
		height: 48px;
	}
}

.slider-product-popup .slider__next:after,
.slider-product-popup .slider__prev:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 17px;
	background: transparent url('../css/media/svg/icon-arrow-left.svg') no-repeat center;
	background-size: contain;
	font-size: initial;
}

@media screen and (max-width: 1279px) {
	.slider-product-popup .slider__next:after,
	.slider-product-popup .slider__prev:after {
		width: 8px;
		height: 15px;
	}
}

@media screen and (max-width: 767px) {
	.slider-product-popup .slider__next:after,
	.slider-product-popup .slider__prev:after {
		width: 10px;
		height: 17px;
	}
}

.slider-product-popup .slider__next:after {
	background: transparent url('../css/media/svg/icon-arrow-right.svg') no-repeat center;
	background-size: contain;
}


.product-assembly .product__pdf {
	display: grid;
	grid-template-columns: 20px auto;
	justify-content: start;
	gap: 8px;
}

.product-assembly .product__pdf:before {
	content: '';
	display: block;
	margin: 4px auto 0;
	width: 13px;
	height: 16px;
	background: transparent url('../../assets/media/svg/icon-pdf.svg') no-repeat center;
	background-size: contain;
}

.product-assembly .product__video {
	display: grid;
	grid-template-columns: 20px auto;
	justify-content: start;
	gap: 8px;
}

.product-assembly .product__video:before {
	content: '';
	display: block;
	margin: 6px auto 0;
	width: 16px;
	height: 13px;
	background: transparent url('../../assets/media/svg/icon-video.svg') no-repeat center;
	background-size: contain;
}
.section-image-map {
 width: 100vw;       
 margin-left: 50%;
 transform: translateX(-50%);
 background:#efefef;
}
.section-image-map.section__body {
 width: 100vw;       
 margin-left: 50%;
 transform: translateX(-50%);
 background:#efefef;
}
.section-cols-3 {
 width: 100vw;       
 margin-left: 50%;
 transform: translateX(-50%);
 background:#efefef;
padding-bottom:150px;
margin-bottom:-150px;
}
section.section-cols-3 > div {
    position: relative;
    z-index: 2;
    max-width: calc(var(--shell-max-width) + (2 * var(--shell-gutter)));
    margin: auto;
}
.section-testimonials {
 width: 100vw;       
 margin-left: 50%;
 transform: translateX(-50%);
 background:#efefef;
padding-bottom:150px;
margin-bottom:-1px;
}
section.section-testimonials > div {
 max-width: calc(var(--shell-max-width) + (2 * var(--shell-gutter)));
margin: auto;
}
@media only screen and (max-width: 767px) {
.section-image-map {
background: #fff;
}
.swiper-slide-active {
margin-left:16px;
}
}

.popup-product-cat.is-visible {display:grid !important}

.usa-disclaimer { width: 800px; text-align: center; margin: 0 auto; font-size: 18px; }

@media screen and (max-width: 767px) {
	.usa-disclaimer {
		width: 100%;
		padding-top: 20px;
	}
}

.tile__body, .section__entry, .tile__content { font-size: 18px;
  line-height: 1.67;
  font-family: var(--ff-nunito-sans,'sans-serif');
  font-weight: 400;
  color: var(--c-charcoal); }
  
  
.tooltip-icon {
    display: inline-block;
	margin-left: -1px;
	margin-top: 2px;
    vertical-align: middle;
    position: inherit !important;
    width: 14px;
    height: 14px;
    background-image: url(../images/ico-tooltip.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    z-index: 99999;
}

.hero__card > ul > li:nth-child(4) {
	grid-template-columns: 28px auto auto;
	}
	
body {
	font: 75% / 150% Nunito, sans-serif;
	}
	
.stockmsg { font-size: 18px; color: #544F4A; margin-top: 10px;max-width:625px; }
@media screen and (min-width: 767px) {
.section-category-products .section__filters { height: 100px; }
}
.section-category-products { padding: 30px 26px 30px; }
#usa-section-category-products { padding-top: 10px }
.usa-disclaimer { padding-top: 20px; }

/* SHIPPING NOTICE BOX */
.kck-shipping-notice {
  display: flex;
  align-items: flex-start;
  background-color: #f8f9fa; /* neutral light gray */
  border: 1px solid #e2e3e5;
  border-left: 4px solid #D9201E; /* Kitchen Cabinet Kings red accent */
  border-radius: 6px;
  padding: 14px 18px;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  margin-bottom: 15px;
}

.kck-icon {
  flex: 0 0 auto;
  margin-right: 12px;
  margin-top: 2px;
}

.kck-icon svg {
  width: 20px;
  height: 20px;
  fill: #D9201E;
}

.kck-message {
  flex: 1;
}

.kck-notice-title {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
  color: #D9201E;
  margin-right: 4px;
}

@media (max-width: 600px) {
  .kck-shipping-notice {
    font-size: 14px;
    padding: 12px 14px;
  }
  .kck-icon {
    margin-bottom: 8px;
  }
}

/* Coupon Banner */
.kck-coupon-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 15px auto;
  padding: 20px 26px; /* thicker padding */
  background-color: #fffbea;
  border: 2px dashed #f2c94c;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  font-family: 'Nunito', Arial, sans-serif;
  color: #333;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

.kck-coupon-banner:hover {
  background-color: #fff3c4;
  transform: translateY(-1px);
}

.kck-coupon-banner svg {
  flex-shrink: 0;
  margin-right: 14px;
}

.kck-coupon-text {
  margin: 0;
  font-size: 18px; /* larger, more readable */
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}

.kck-coupon-text strong {
  font-weight: 700;
  color: #000;
}

.kck-coupon-code {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
  color: #D9201E;
  background-color: rgba(217,32,30,0.08);
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 18px;
}

@media (max-width: 768px) {
  .kck-coupon-banner {
	flex-direction: column;
    padding: 16px 18px;
  }
  .kck-coupon-text {
    font-size: 16px;
    text-align: center;
  }
  .kck-coupon-code {
    font-size: 16px;
    padding: 4px 8px;
  }
  .kck-coupon-banner svg {
    margin-bottom: 8px;
    margin-right: 0;
  }
}