@font-face{
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('fonts/MuseoSans-300_CS.woff2') format('woff2');
}
@font-face{
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/MuseoSans-700_CS.woff2') format('woff2');
}
@font-face{
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('fonts/MuseoSans-900_CS.woff2') format('woff2');
}

@font-face{
	font-family: 'Museo Slab';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/MuseoSlab-700_CS.woff2') format('woff2');
}
@font-face{
	font-family: 'Museo Slab';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('fonts/MuseoSlab-900_CS.woff2') format('woff2');
}

:root{
	--black: #000;
	--dark: #222;
	--grey: #424242;
	--medium-grey: #666;
	--light-grey: #999;
	--silver-darker: #E5E7EB;
	--silver: #F2F2F2;
	--white: #fff;
	--yellow: #FFEB00;
	--red: #E62252;
	--rawred: #f00;
	--green: #739580;
	--green-strong: #69A023;
}

body{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
	font-family: 'Museo Sans';
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3333;
	color: var(--black);
}
header{
	position: -webkit-sticky;
	position: sticky;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--white);
	border-bottom: 1px solid var(--silver);
}
header.header-fixed{
	position: fixed;
	width: calc( 100% - var( --modalScrollbar, 0px ) );
	border: 0;
}
header.dark{
	background: linear-gradient( 180deg, rgba( 0, 0, 0, .9 ) 0%, rgba( 0, 0, 0, .2 ) 72%, rgba( 0, 0, 0, 0 ) 100% );
	background-blend-mode: multiply;
}
main{
	flex-grow: 1;
}
p:empty{
	display: none;
}
:where( p, ul ):not(:last-child){
	margin-bottom: 1.5em;
}
:is( p, ul ):last-child{
	margin-bottom: 0;
}
img{
	max-width: 100%;
	height: auto;
}
a, a:hover{
	color: inherit;
}
b, strong{
	font-weight: 700;
}
mark,
.mark{
	position: relative;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
}
mark::before,
.mark::before{
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 21.0526%;
	left: 0;
	width: 100%;
	height: 28.9474%;
	background: var(--yellow);
}
button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--black);
	text-align: center;
}
hr{
	--bs-border-width: 2px;
	opacity: 1;
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		max-width: 1400px;
	}
}

.bg-yellow{
	background-color: var(--yellow);
}
.bg-black{
	background-color: var(--black) !important;
}
.bg-green{
	background-color: var(--green) !important;
}
.bg-rawred{
	background-color: var(--rawred) !important;
}
.bg-silver{
	background-color: var(--silver);
}
.color-dark{
	color: var(--dark);
}
.color-yellow{
	color: var(--yellow);
}
.color-white{
	color: var(--white);
}
.color-black{
	color: var(--black);
}
.color-medium-grey{
	color: var(--medium-grey);
}

.bg-bottom-wave{
	background-image: url(/pub/assets/img/bg-wave-white-right-bottom.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

h1, .h1{
	font-size: 36px;
	font-weight: 300;
	line-height: 1.2222;
}
h1 strong, .h1 strong{
	font-weight: 900;
}
h1 small,
.h1 small{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
}
h2, .h2{
	font-size: 32px;
	font-weight: 900;
	line-height: 1.1875;
}
h3, .h3{
	font-size: 22px;
	font-weight: 900;
	line-height: 1.4545;
}
h3 small,
.h3 small{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
}
h4, .h4{
	font-size: 16px;
	font-weight: 900;
	line-height: 1.375;
}
h5, .h5{
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4286;
}

select,
.custom-select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	margin: 0;
	padding: 8px 22px 8px 10px;
	background: var(--silver) url(/pub/assets/img/select.svg) right 9px center no-repeat;
	border: 0;
	border-radius: 0;
}
.custom-select{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 8px 8px 10px;
	background: var(--silver);
}
.custom-select-silver{
	background: var(--silver) !important;
}
.custom-select-silver.show{
	background: var(--black) !important;
	color: var(--white);
}
.custom-select::after{
	content: '';
	width: 0.429em;
	aspect-ratio: 6/8;
	-webkit-mask: url(/pub/assets/img/select.svg) no-repeat center/contain;
	mask: url(/pub/assets/img/select.svg) no-repeat center/contain;
	background: currentColor;
	transition: background-color .3s ease;
}
.custom-select + .dropdown-menu{
	min-width: 100%;
	margin: 0;
	padding: 0;
	background: var(--black);
	color: var(--white);
}
.custom-select + .dropdown-menu a{
	display: block;
	padding: 8px 10px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	transition: color .3s ease;
}
.custom-select + .dropdown-menu a:hover{
	color: var(--yellow);
}
select + span{
	margin: 0 0 0 10px;
}

.text-balance{
	text-wrap: balance;
}

.fw-600{
	font-weight: 600;
}
.fw-900{
	font-weight: 900;
}

.fz-14{
	font-size: 14px;
	line-height: 1.4286;
}
.fz-15{
	font-size: 15px;
	line-height: 1.4667;
}
.fz-16{
	font-size: 16px;
	line-height: 1.625;
}

:is( .form-control, .form-select ),
:is( .form-control, .form-select ):focus{
	--text-color: #000;
	--placeholder-color: #999;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	padding: 9px 16px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 0;
	font-size: 16px;
	line-height: 1.5;
	color: var(--text-color);
}
.form-select option{
	color: var(--text-color) !important;
}
.form-select,
.form-select:focus{
	cursor: pointer;
	background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="m10 13.0625-5-5L6.0625 7 10 10.9375 13.9375 7 15 8.0625z"/></svg>') right 12px center no-repeat;
}
:is( .form-control, .form-select ):focus{
	outline: none;
	box-shadow: none;
	border-color: #000;
}
.form-control::-moz-placeholder{
	opacity: 1;
	color: var(--placeholder-color);
}
.form-control::placeholder{
	opacity: 1;
	color: var(--placeholder-color);
}
/* .form-select:has( option[value=""]:checked ),
.form-select:has( option[value=""]:checked ):focus{
	color: var(--placeholder-color);
} */
textarea.form-control,
textarea.form-control:focus{
	height: 128px;
}

.btn{
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 12px 18px;
	background: var(--yellow);
	border: 2px solid var(--yellow);
	border-radius: 0;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	transition: all .3s ease;
	transition-property: background-color, border-color, color;
	cursor: pointer;
}
.btn:hover{
	background-color: var(--black);
	color: var(--yellow);
}
.btn.alternative-hover:hover{
	background-color: var(--yellow);
	border-color: var(--black);
	color: var(--black);
}

.btn-size-62{
	padding: 18px 22px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.375;
}

.btn-size-44{
	padding: 10px 18px;
	font-size: 15px;
}

.btn-size-30{
	padding: 5px 10px;
	font-size: 12px;
}

.btn-black{
	background-color: var(--black);
	border-color: var(--black);
	color: var(--white);
}
.btn-black:hover{
	background-color: var(--yellow);
	color: var(--black);
}

.btn-white{
	background-color: var(--white);
	border-color: var(--white);
	color: var(--black);
}
.btn-white:hover{
	background-color: var(--black);
	border-color: var(--black);
	color: var(--white);
}
.bg-black .btn-white:hover{
	background-color: var(--yellow);
	border-color: var(--yellow);
	color: var(--black);
}

.btn-silver{
	background-color: var(--silver);
	border-color: var(--silver);
}

.btn-external::after{
	content: '';
	width: 1.2em;
	aspect-ratio: 1;
	-webkit-mask: url(/pub/assets/img/external.svg) no-repeat center/contain;
	mask: url(/pub/assets/img/external.svg) no-repeat center/contain;
	background: currentColor;
	transition: background-color .3s ease;
}

.btn-basket,
.btn-notification{
	padding-left: 46px;
	padding-right: 46px;
	gap: 10px;
	font-weight: 300;
}
.btn-basket::before{
	content: '';
	width: 1.3334em;
	aspect-ratio: 1;
	-webkit-mask: url(/pub/assets/img/ico-basket.svg) no-repeat center/contain;
	mask: url(/pub/assets/img/ico-basket.svg) no-repeat center/contain;
	background: currentColor;
	transition: background-color .3s ease;
}

.btn-wishlist,
.btn-wishlist:hover{
	padding-left: 16px;
	padding-right: 16px;
	gap: 10px;
	background-color: transparent;
	border-color: var(--black);
	color: var(--black);
	font-weight: 300;
}
.btn-wishlist::before{
	content: '';
	width: 1.86667em;
	aspect-ratio: 1;
	--margin: -0.267em;
	margin-top: var(--margin);
	margin-bottom: var(--margin);
	-webkit-mask: url(/pub/assets/img/ico-heart.svg) no-repeat center/contain;
	mask: url(/pub/assets/img/ico-heart.svg) no-repeat center/contain;
	background: currentColor;
	transition: background-color .3s ease;
}
.btn-wishlist:hover::before{
	background: var(--yellow);
}

.btn-back{
	padding-left: 20px;
	padding-right: 20px;
	gap: 18px;
}
.btn-back::before{
	content: '';
	width: 0.75em;
	aspect-ratio: 1;
	transform: rotate(180deg);
	-webkit-mask: url(/pub/assets/img/ico-arrow-right.svg) no-repeat center/contain;
	mask: url(/pub/assets/img/ico-arrow-right.svg) no-repeat center/contain;
	background: currentColor;
	transition: background-color .3s ease;
}

.icon{
	display: block;
	width: 1em;
	aspect-ratio: 1;
	-webkit-mask: var(--icon) no-repeat center/contain;
	mask: var(--icon) no-repeat center/contain;
	background: currentcolor;
	transition: background-color .3s ease;
}
.icon-minus{
	--icon: url(/pub/assets/img/ico-minus.svg);
}
.icon-plus{
	--icon: url(/pub/assets/img/ico-plus.svg);
}
.icon-trash{
	--icon: url(/pub/assets/img/ico-trash.svg);
}
.icon-search{
	--icon: url(/pub/assets/img/ico-search.svg);
}
.icon-account{
	--icon: url(/pub/assets/img/ico-account.svg);
}
.icon-heart{
	--icon: url(/pub/assets/img/ico-heart.svg);
}
.icon-lang{
	--icon: url(/pub/assets/img/ico-lang.svg);
}
.icon-menu{
	--icon: url(/pub/assets/img/ico-menu.svg);
}
.icon-menu-close{
	--icon: url(/pub/assets/img/ico-menu-close.svg);
	margin: 3px;
	font-size: 22px;
}
.icon-social-yt{
	--icon: url(/pub/assets/img/social-yt.svg);
}
.icon-social-in{
	--icon: url(/pub/assets/img/social-in.svg);
}
.icon-social-ig{
	--icon: url(/pub/assets/img/social-ig.svg);
}
.icon-social-fb{
	--icon: url(/pub/assets/img/social-fb.svg);
}
.icon-social-tt{
	--icon: url(/pub/assets/img/social-tt.svg);
}
.icon-social-x{
	--icon: url(/pub/assets/img/social-x.svg);
}
.icon-social-em{
	aspect-ratio: 18/16;
	--icon: url(/pub/assets/img/share-em.svg);
}

.my-100{
	margin-top: 100px;
	margin-bottom: 100px;
}
.my-150{
	margin-top: 150px;
	margin-bottom: 150px;
}
.mt-40{
	margin-top: 40px;
}
.mt-50{
	margin-top: 50px;
}
.mt-60{
	margin-top: 60px;
}
.mt-80{
	margin-top: 80px;
}
.mt-120{
	margin-top: 120px;
}
.mb-50{
	margin-bottom:50px;
}

.p-32{
	padding: 32px;
}

.py-80{
	padding-top: 80px;
	padding-bottom: 80px;
}
.py-90{
	padding-top: 90px;
	padding-bottom: 90px;
}
.py-100{
	padding-top: 100px;
	padding-bottom: 100px;
}
.py-150{
	padding-top: 150px;
	padding-bottom: 150px;
}

.column-gap-18{
	column-gap: 18px;
}
.row-gap-24{
	row-gap: 24px;
}
.row-gap-80{
	row-gap: 80px;
}
.gap-14{
	gap: 14px;
}

.swiper-button-next,
.swiper-button-prev{
	--swiper-navigation-sides-offset: 16px;
	width: 17px;
	height: 32px;
	margin-top: -16px;
	background: url(/pub/assets/img/swiper.svg) center/contain no-repeat;
}
.swiper-button-prev{
	transform: rotate(180deg);
}
.swiper-button-next::after,
.swiper-button-prev::after{
	display: none;
}

.swiper-pagination{
	--swiper-pagination-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-pagination-lock{
	display: none;
}
.swiper-pagination-bullet{
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-height: var(--swiper-pagination-bullet-width);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-inactive-color: var(--white);
	--swiper-pagination-color: var(--black);
	border: 1.5px solid var(--grey);
}
.swiper-pagination-bullet-active{
	--swiper-pagination-bullet-width: 14px;
	border-color: var(--white);
}
.swiper:has( .swiper-pagination-lock ){
	margin-bottom: -46px;
}

/* header */
#site-logo{
	position: relative;
	z-index: 20;
	display: block;
	padding-bottom: 10px;
}
#site-logo svg,
#search-logo svg{
	width: 420px;
	height: auto;
	transition: all .3s ease;
	transition-property: width, height;
}
.dark #site-logo svg{
	width: 460px;
}
header{
	transition: margin .3s ease;
}
.scrolled:not(.menu-open) header{
	margin-bottom: 28px;
}
.scrolled:not(.menu-open) #site-logo svg{
	width: 275px;
}
:is( .dark, .menu-open ) #site-logo [fill="#000"]{
	fill: var(--white);
}
@media (min-width: 1200px){
	.site-logo-left{
		display: none;
	}
}
@media (max-width: 1199px){
	#site-logo,
	#search-logo{
		margin-left: var(--snap);
		padding-bottom: 17px;
	}
	.site-logo-top{
		display: none;
	}
}
@media (max-width: 767px){
	#site-logo,
	#search-logo{
		padding-bottom: 14px;
	}
}
@media (max-width: 575px){
	#site-logo,
	#search-logo{
		padding-bottom: 12px;
	}
}

a[aria-expanded="true"] .icon-menu,
.collapsed .icon-menu-close{
	display: none;
}
.menu-toggle{
	position: relative;
	z-index: 20;
}

.icons-menu a{
	display: block;
	padding: 12px;
	font-size: 28px;
	line-height: 1;
	color: var(--black);
	transition: color .2s ease;
}
:is( .dark, .menu-open ) .icons-menu a{
	color: var(--white);
}
.icons-menu a:hover{
	color: var(--yellow);
}
.icons-menu a.header-cart{
	position: relative;
}
.icons-menu a.header-cart.empty .header-icon-count{
	display:none;
}
.icons-menu a.header-cart svg{
	display: block;
	width: 1em;
	height: 1em;
	object-fit: scale-down;
}
.header-icon-count{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 16px;
	height: 16px;
	background: var(--yellow);
	border-radius: 50%;
	color: var(--black);
	text-align: center;
	font-size: 12px;
	font-weight: 900;
	line-height: 16px;
}
.header-icon-count:has(small){
	width: 17px;
}
.header-icon-count small{
	vertical-align: top;
	font-size: 8px;
}
.header-icon-count em{
	font-style: normal;
}
.icons-menu a.header-cart :is( [stroke="#000"], [stroke="#000000"] ){
	transition: stroke .2s ease;
}
#menu .icons-menu a.header-cart :is( [stroke="#000"], [stroke="#000000"] ),
.dark .icons-menu a.header-cart :is( [stroke="#000"], [stroke="#000000"] ){
	stroke: var(--white);
}
#menu .icons-menu a.header-cart.active :is( [stroke="#000"], [stroke="#000000"] )
{
	stroke:var(--light-grey);
}
#menu .icons-menu a.header-cart:hover :is( [stroke="#000"], [stroke="#000000"] ),
#menu .icons-menu a.header-cart.active:hover :is( [stroke="#999"], [stroke="#999999"] ),
.icons-menu a.header-cart:hover :is( [stroke="#000"], [stroke="#000000"] ),
.icons-menu a.header-cart.show :is( [stroke="#000"], [stroke="#000000"] ){
	stroke: var(--yellow);
}
.icons-menu a.header-cart [fill="#ffeb00"]{
	transition: fill .2s ease;
}
.icons-menu a.header-cart:hover [fill="#ffeb00"]{
	fill: var(--black);
}
.icons-menu a.header-cart.show [fill="#ffeb00"]{
	fill: var(--white);
}
.icons-menu a.header-cart.empty [fill="#ffeb00"]{
	display: none;
}

.icons-menu a.header-wishlist{
	position: relative;
}

header .dropdown-toggle.show{
	background: var(--black);
	color: var(--yellow);
}
header .dropdown-toggle::after{
	display: none;
}
header .dropdown-menu{
	--bs-dropdown-min-width: 310px;
	--bs-dropdown-padding-x: 15px;
	--bs-dropdown-padding-y: 15px;
	--bs-dropdown-font-size: 14px;
	--bs-dropdown-color: var(--white);
	--bs-dropdown-bg: var(--black);
	--bs-dropdown-border-radius: 0;
	--bs-dropdown-border-width: 0;
	--bs-dropdown-box-shadow: none;
}
header .dropdown-menu hr{
	margin: 15px 0;
	border-color: var(--white);
}
header .dropdown-menu ul a{
	padding: 13px 16px;
	background: var(--black);
	font-size: 15px;
	line-height: 1.4667;
	color: var(--white);
	text-decoration: none;
	transition: background-color .3s ease;
}
header .dropdown-menu ul a.login{
	background-color: var(--white);
	color: var(--black);
}
header .dropdown-menu ul a:hover{
	background-color: var(--grey);
	color: var(--white);
}
header .dropdown-menu ul a.logout:hover{
	color: #F00;
}
header .dropdown-menu ul a.registration{
	color: var(--yellow);
}
header .dropdown-menu ul a.registration:hover{
	background: none;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}
header .dropdown-menu {
	overflow-y: auto;
	max-height: calc(100dvh - 52px);
}
body.scrolling-up header .dropdown-menu {
	max-height: calc(100dvh - 71.5px);
}

header .header-languages .dropdown-menu{
	--bs-dropdown-min-width: 100%;
	--bs-dropdown-padding-x: 0;
	--bs-dropdown-padding-y: 0;
	--bs-dropdown-bg: var(--black);
	--bs-dropdown-border-radius: 0;
	--bs-dropdown-border-width: 0;
	--bs-dropdown-box-shadow: none;

	flex-direction: column;
	gap: 10px;
	padding: 0 0 5px;

	@media (max-width: 767px){
		padding: 5px 0;
		gap: 5px;
	}

	&.show{
		display: flex;
	}

	.dropdown-item{
		padding: 5px;
		background: none !important;
		font-family: 'Museo Slab';
		font-size: 20px;
		font-weight: 600;
		color: #808080;
		text-align: center;
		text-transform: uppercase;

		@media (max-width: 767px){
			font-size: 12px;
		}

		&.active{
			color: var(--yellow);
		}

		&:hover{
			color: #fff;
		}
	}
}

.user-info{
	font-size: 14px;
	line-height: 1.2857;
}
.user-info .bigger{
	font-size: 15px;
}

.minicart-item{
	display: grid;
	grid-template-columns: 59px 1fr auto;
	gap: 10px;
}
.minicart-item + hr{
	margin: 10px 0 !important;
}
.minicart-item a{
	padding: 0;
}
.minicart-item a.name{
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.375;
	text-decoration: none;
	color: #fff;
}
.minicart-item a.name:hover{
	text-decoration: underline;
}
.minicart-item .quantity-wrapper{
	margin: 5px 0 0;
}
.minicart-item .right{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	text-align: right;
}
.minicart-item .remove{
	margin-top: 3px;
	font-size: 14px;
	color: var(--white);
}
.minicart-item .remove:hover{
	color: var(--red);
}

.minicart-totals{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 7px 0 0;
}
hr + .minicart-totals{
	margin-top: 15px;
}
.minicart-button{
	width: 100%;
	margin: 12px 0 0;
	padding: 13px 16px;
	background: var(--yellow);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4667;
	color: var(--black) !important;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease;
	transition-property: background-color, color;
}
.minicart-button:hover{
	background-color: var(--grey);
	border-color:var(--grey);
	color: var(--white) !important;
}

.quantity-wrapper{
	display: flex;
	padding: 2px;
	background: var(--grey);
}
.quantity-wrapper button{
	flex-shrink: 0;
	margin: 0;
	padding: 3px;
	background: var(--black);
	border: 0;
	font-size: 9px;
	color: var(--white);
}
.quantity-wrapper input{
	width: 24px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-size: 12px;
	font-weight: 700;
	color: var(--white);
	text-align: center;
}
.quantity-wrapper input::-webkit-outer-spin-button,
.quantity-wrapper input::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
.quantity-wrapper input[type=number]{
	-moz-appearance: textfield;
}

.quantity-wrapper.bigger{
	padding: 6px;
	background: var(--silver);
}
.quantity-wrapper.bigger button{
	padding: 8px;
	background: var(--white);
	font-size: 16px;
	color: var(--black);
}
.quantity-wrapper.bigger input{
	width: 50px;
	height: 32px;
	font-size: 15px;
	color: var(--black);
}

#searchModal{
	--bs-modal-width: 100%;
	--bs-modal-margin: 0;/*14px*/
	--bs-modal-padding: 0px;
	--bs-modal-border-radius: 0px;
	--bs-modal-bg: var(--white);
}
#search-logo{
	display: block;
	padding-bottom: 10px;
}
#searchModal .icon-menu-close{
	margin: 0;
}
#searchModal .modal-content{
	height: 100vh;
	height: 100dvh;
}
#searchModal ul.items{
	margin-bottom: 56px;
}

.search-panel{
	margin: 0 0 56px;
	padding: 35px 0;
}
.search-wrapper{
	position: relative;
	background: var(--white);
	border-radius: 30px;
}
.search-wrapper input{
	width: 100%;
	height: 50px;
	padding: 0 20px;
	background: var(--white);
	border: 1px solid var(--silver);
	border-radius: 99px;
	font-size: 20px;
}
.search-wrapper input:focus{
	box-shadow: none;
	outline: none;
}
.search-wrapper input::-moz-placeholder{
	color: var(--black);
	opacity: 1;
}
.search-wrapper input::placeholder{
	color: var(--black);
	opacity: 1;
}
.search-wrapper input:focus::-moz-placeholder{
	color: var(--silver);
}
.search-wrapper input:focus::placeholder{
	color: var(--silver);
}
.search-wrapper button{
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 14px;
	padding: 6px 12px;
	background: var(--yellow);
	border: 0;
	border-radius: 99px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}

.search-products{
	overflow: hidden;
	height: 0px;
	transition: height .3s ease;

	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	padding: 0 24px;
}
.search-products a{
	display: block;
	margin: 18px 0 0;
	padding: 5px 10px;
	font-size: 12px;
	text-decoration: none;
	transition: box-shadow .3s ease;
}
.search-products a + a{
	border-left: 1px solid var(--silver);
}
.search-products a img{
	width: 100%;
	height: auto;
	aspect-ratio: 105/81;
	margin-bottom: 5px;
	object-fit: scale-down;
	transition: transform .3s ease;
	will-change: transform;
}
.search-products a:hover img{
	transform: scale(1.1);
}
.search-products a .name{
	font-weight: 700;
	line-height: 1.5;
}
.search-products a .price{
	line-height: 1;
}

.search-top{
	overflow: hidden;
	height: 0px;
	transition: height .3s ease;

	padding: 0 24px;
}
.search-top-list{
	padding: 0 0 24px;
}
.search-top .title{
	padding: 14px 0 9px;
	border-bottom: 1px solid var(--silver);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4286;
}
.search-top a{
	display: block;
	padding: 4px 5px;
	background: url(/pub/assets/img/ico-arrow-right.svg) right 4px center no-repeat;
	border-bottom: 1px solid var(--silver);
	font-size: 14px;
	line-height: 1.4286;
	text-decoration: none;
	transition: background-color .3s ease;
}
.search-top a:hover{
	background-color: var(--silver);
}

.search-recommended{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 20px 0 0;
}
.search-recommended a{
	padding: 3px 9px;
	border: 3px solid var(--black);
	border-radius: 15px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	transition: all .2s ease;
	transition-property: background-color, color;
}
.search-recommended a:hover{
	background-color: var(--black);
	color: var(--white);
}

.navbar-collapse, .navbar-collapse.collapsing, .navbar-collapse.collapse.show{
	overflow: auto;
	overscroll-behavior: none;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100dvh;
	background: var(--black);
	color: var(--white);
	transition: opacity 300ms ease;
}
.navbar-collapse{
	opacity: 0;
}
.menu-open .navbar-collapse.collapsing{
	transition: none;
}
.navbar-collapse.collapse.show{
	opacity: 1;
}
.navbar-collapse.collapsing::before,
.navbar-collapse.collapse.show::before{
	content: '';
	pointer-events: none;
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 120px;
	background: linear-gradient(180deg, #000 2%, rgba(0, 0, 0, 0.00) 100%);
}
.navbar-collapse > .container{
	padding-top: 225px;
	padding-bottom: 80px;
}

#main-nav{
	gap: 77px;
}
#main-nav a{
	position: relative;
	display: inline-block;
	font-family: 'Museo Slab';
	font-size: 84px;
	font-weight: 900;
	line-height: 0.3958;
	text-decoration: none;
	transition: text-shadow .3s ease;
}
#main-nav a::before{
	content: '';
	display: block;
	width: 0.21875em;
	height: 0.21875em;
	background: var(--yellow);
	border-radius: 0.1094em;
	position: absolute;
	bottom: -0.15625em;
	right: -0.25em;
	transition: all .5s ease;
	transition-property: border-radius, right, width, height;
}
#main-nav a:not(.active):hover::before{
	right: -0.15625em;
	width: calc( 100% + 0.208333em );
	height: 0.28125em;
	border-radius: 0px;
	z-index: -1;
}
#main-nav a.active{
	color: var(--light-grey);
}
#main-nav a:hover{
	text-shadow: 0px 4px 20px rgba( 0, 0, 0, .1 );
}
#main-nav a > span{
	position: relative;
	z-index: 1;
}

#main-nav + .icons-menu{
	margin: 130px 0 0;
}
#main-nav + .icons-menu a.active .icon{
	background: var(--light-grey);
}

#secondary-nav{
	display: grid;
	grid-template-columns: auto auto;
	gap: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#secondary-nav a{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.1875;
	text-decoration: none;
}
#secondary-nav a.active{
	color: var(--light-grey);
}
#secondary-nav a svg{
	width: 108px;
	height: 80px;
	object-fit: scale-down;
	object-position: left center;
	transform-origin: left bottom;
	transition: transform .3s ease;
}
#secondary-nav a:hover svg{
	transform: scale(1.11);
}
#secondary-nav a.active :is( [fill="#fff"], [fill="#ffffff"] ){
	fill: var(--light-grey);
}
#secondary-nav a.active :is( [stroke="#fff"], [stroke="#ffffff"] ){
	stroke: var(--light-grey);
}
#secondary-nav a span{
	position: relative;
	z-index: 2;
}
#secondary-nav a span::before{
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0.21875em;
	right: -2px;
	width: calc( 100% + 4px );
	height: 0.3125em;
	background: var(--light-grey);
	transform: scale(.3);
	transform-origin: right bottom;
	opacity: 0;
	transition: all .3s ease;
	transition-property: opacity, transform;
}
#secondary-nav a:hover span::before{
	transform: scale(1);
	opacity: 1;
}

a.arrow-link{
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.4286;
	text-decoration: none;
}
a.arrow-link:hover{
	text-decoration: underline;
}

.goods-wrapper{
	container-type: inline-size;
}
ul.items{
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
}
:where( ul.items ){
	grid-template-columns: repeat( 5, 1fr );
}
ul.items.has-gap{
	gap: 16px;
	border: 0;
}
ul.items.has-gap a.product-item{
	border-width: 1px;
}
@container ( max-width: 1144px ){
	:where( ul.items.has-gap ){
		grid-template-columns: repeat( 4, 1fr );
	}
}
@container ( max-width: 1099px ){
	ul.items{
		grid-template-columns: repeat( 4, 1fr );
	}
}
@container ( max-width: 729px ){
	ul.items{
		grid-template-columns: repeat( 3, 1fr );
	}
}
@container ( max-width: 519px ){
	ul.items{
		grid-template-columns: repeat( 2, 1fr );
	}
}
ul.items li {
	border: none;
}
a.product-item{
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
	padding: 18px 16px;
	background: var(--white);
	font-size: 14px;
	line-height: 1.4286;
	text-decoration: none;
	box-shadow: 0 0 0px 1px var(--silver);
}
a.product-item .badges{
	position: absolute;
	z-index: 1;
	top: 12px;
	left: 12px;
	display: flex;
	gap: 6px;
}
.h1-badges{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: center;
}
.h1 .badge,
a.product-item .badge{
	overflow: hidden;
	white-space: nowrap;
	padding: 6px 12px;
	background: var(--yellow);
	border-radius: 15px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.5;
	color: var(--black);
}
a.product-item .badge{
	max-width: 160px;
	text-overflow: ellipsis;
}
a.product-item .wishlist-icon{
	position: absolute;
	z-index: 1;
	top: 17px;
	right: 17px;
}
a.product-item .i-wrapper img{
	width: 100%;
	height: auto;
	aspect-ratio: 242/224;
	object-fit: scale-down;
	transition: transform .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	will-change: transform;
}
a.product-item:hover .i-wrapper img{
	transform: scale(1.13);
}
a.product-item h2{
	margin: 18px 0 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.375;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	hyphens: auto;
}
a.product-item em{
	font-style: normal;
}
a.product-item .to-basket{
	opacity: 0;
	white-space: nowrap;
	position: absolute;
	top: calc( 50% * 0.9256 );
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	transform-origin: center;
	padding: 11px 10px;
	background: var(--black);
	border: 2px solid var(--black);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4667;
	color: var(--white);
	transition: all .4s ease;
	transition-property: background-color, color, opacity;
}
a.product-item:hover .to-basket{
	opacity: 1;
}
a.product-item .to-basket:hover{
	background-color: var(--yellow);
	color: var(--black);
}
.filters{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 0 32px;
	font-size: 14px;
}
.filters hr{
	width: 1px;
	height: auto;
	align-self: stretch;
	margin: 0;
	border: 0;
	background: var(--silver);
}
.filters .dropdown-toggle{
	background-color: var(--yellow);
}
.filters .dropdown-toggle.show{
	background-color: var(--black);
	color: var(--white);
}
.filters div.dropdown-menu{
	width: 310px;
	padding: 15px;
	background: var(--black);
	color: var(--white);
}
.filters .dropdown-menu .pills{
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.filters .dropdown-menu .pills label{
	padding: 3px 9px;
	background: none;
	border: 3px solid var(--white);
	border-radius: 99px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--white);
	transition: all .3s ease;
	transition-property: background-color, color;
}
.filters .dropdown-menu .pills label:hover{
	background-color: var(--light-grey);
}
.filters .dropdown-menu .pills label.active{
	background-color: var(--white);
	color: var(--black);
}
.filters .dropdown-menu ul{
	margin: 0 !important;
	border-top: 1px solid var(--silver);
}
.filters .dropdown-menu ul a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px 5px;
	border-bottom: 1px solid var(--silver);
	font-size: 14px;
	line-height: 1.4286;
	text-decoration: none;
	transition: color .3s ease;
}
.filters .dropdown-menu ul a:hover{
	color: var(--yellow);
}
.filters .dropdown-menu ul a::after{
	content: url(/pub/assets/img/arrow.svg);
	font-size: 0;
	filter: brightness(0) invert(1);
}
.filters .btn.close-dropdown{
	margin: 25px 0 0;
}
.dropdown-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.375;
}
.dropdown-top .close-dropdown{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex !important;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	text-decoration: none;
	transition: color .3s ease;
}
.dropdown-top .close-dropdown:hover{
	color: var(--yellow);
}
.dropdown-top .close-dropdown::before{
	content: url(/pub/assets/img/x.svg);
	font-size: 0;
}
.per-page{
	display: flex;
	align-items: center;
	gap: 10px;
}
.pagination{
	margin: 48px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.1429;
}
.pagination .dropdown{
	margin-right: 10px;
}
.pagination button:is( .prev, .next ){
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 32px;
	height: 32px;
	margin-left: 12px;
	background: var(--silver) url(/pub/assets/img/arrow.svg) center no-repeat;
	border: 0;
}
.pagination button[disabled]{
	opacity: 0.5;
}
.pagination button.prev{
	transform: rotate(180deg);
}
.pagination button.next{
	margin-left: 1px;
}

/* footer */
footer{
	padding: 24px 0 0;
	background: var(--black);
	color: var(--white);
}
.footer-title{
	margin: 40px 0 14px;
	padding: 0 0 6px;
	border-bottom: 1px solid var(--white);
	font-weight: 700;
}
footer .nav.flex-column{
	gap: 8px;
}
footer .nav a{
	font-size: 15px;
	line-height: 1.4667;
	text-decoration: none;
	transition: color .3s ease;
}
footer .nav a:hover{
	color: var(--yellow);
}
footer .nav.socials{
	gap: 20px;
}
footer .nav.socials a{
	font-size: 22px;
}
.cards-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.cashback-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 30px;
	margin: 15px 0 0;
	font-size: 15px;
	line-height: 1.4667;
}
.cashback-grid .item{
	display: flex;
	align-items: center;
	gap: 10px;
}
#bottom{
	margin: 64px 0 0;
	padding: 15px 0;
	background: var(--yellow);
	color: var(--black);
	font-family: 'Museo Slab';
	font-size: 15px;
	font-weight: 700;
}
ul.languages{
	gap: 15px;
}
ul.languages a{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--light-grey);
	text-decoration: none;
}
ul.languages a:hover,
ul.languages a.active{
	color: var(--black);
}

/* homepage */
[data-style=hero] .swiper-slide{
	height: 630px;
}
[data-style=hero] .bg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
[data-style=hero] .content{
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 62px 0;
}
[data-style=hero] .content > .container{
	display: flex;
	gap: 24px 40px;
	align-items: flex-end;
}
[data-style=hero] .title{
	max-width: 70%;
	font-family: 'Museo Slab';
	font-size: 128px;
	font-weight: 900;
	line-height: 1;
	color: var(--white);
}
[data-style=hero] .btn,
[data-style=hero] a.product-item{
	margin-bottom: 22px;
}
[data-style=hero] a.product-item{
	flex-shrink: 0;
	width: 275px;
}

#tcs-corners{
	overflow: visible;
	overflow-x: clip;
	position: relative;
	padding: 60px 0 100px;
}
#tcs-corners .row{
	gap: 45px 0;
}
#tcs-corners .bg{
	pointer-events: none;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 500%;
	aspect-ratio: 3128/1092;
	background: url(/pub/assets/img/hp-shape-desktop.svg) center repeat-x;
	transform: translate3d(-50%, -50%, 0) rotate(-20deg);
}
#tcs-corners .container{
	position: relative;
	z-index: 2;
}
#tcs-corners h1{
	margin: 0 0 50px;
}
.corner-item{
	display: block;
	text-decoration: none;
	text-align: center;
}
.corner-item .image{
	position: relative;
	margin-bottom: 29px;
}
.corner-item .image::before,
.corner-item .image::after{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(257deg, rgba(0, 0, 0, 0.00) 50.33%, rgba(0, 0, 0, 0.40) 95.02%);
}
.corner-item .image::after{
	opacity: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
	transition: opacity .3s ease;
}
.corner-item:hover .image::after{
	opacity: 1;
}
.corner-item img.main{
	width: 100%;
	aspect-ratio: 445/262;
	object-fit: cover;
}
.corner-item img.symbol{
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 20px;
	transform: translateY(0%) translateX(0%);
	transform-origin: left bottom;
	transition: all .3s ease;
	transition-property: bottom, left, transform;
}
.corner-item:hover img.symbol{
	bottom: 50%;
	left: 50%;
	transform: translateY(50%) translateX(-50%);
}
.corner-item span{
	position: relative;
	z-index: 1;
}
.corner-item span::before{
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 4px;
	left: -4px;
	right: -4px;
	height: 7px;
	background: var(--yellow);
	opacity: 0;
	transition: opacity .3s ease;
}
.corner-item:hover span::before{
	opacity: 1;
}
.corner-item h2 span::before{
	bottom: 7px;
	left: -6px;
	right: -6px;
	height: 13px;
}

[data-style=products]{
	margin-top: 48px;
}
[data-style=products] .swiper-pagination{
	--swiper-pagination-bottom: 0px;
}
[data-style=products] .swiper-wrapper{
	padding-bottom: 46px;
}
[data-style=products] .swiper-slide{
	width: 275px;
	height: auto;
}
[data-style=products] .swiper-slide .product-item{
	border: 1px solid var(--silver);
}
[data-style=products] .swiper-slide:not(:first-child) .product-item{
	border-left: 0;
}

.daydeal{
	display: grid;
	grid-template-columns: 655fr 74fr 360fr;
	min-height: 530px;
	padding: 17px 25px;
	background: var(--yellow);
}
.daydeal .image{
	grid-row: 1;
	grid-column: 1/3;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	padding: 3.6% 41.7% 3.6% 8%;
}
.daydeal .image::before{
	content: '';
	position: absolute;
	z-index: -1;
	inset: 0;
	background: url(/pub/assets/img/daydeal-shape.svg) left top/100% 100% no-repeat;
}
.daydeal .image img{
	transition: transform .3s ease;
}
.daydeal:hover .image img{
	transform: scale(1.1);
}
.daydeal .text{
	z-index: 1;
	grid-row: 1;
	grid-column: 2/4;
	padding: 102px 21px 30px 0;
}
.daydeal .badges{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0 0 19px;
}
.daydeal .badge{
	padding: 8px 16px;
	background: var(--black);
	border-radius: 99px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	color: var(--yellow);
}
.daydeal .smaller .badge{
	padding: 6px 12px;
	font-size: 12px;
}
.daydeal .title{
	font-size: 48px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 6px;
}
.daydeal .title.smaller{
	margin: 0 0 20px;
	font-size: 22px;
	line-height: 1.4545;
}
.daydeal .title span{
	position: relative;
	z-index: 1;
}
.daydeal .newprice {
	font-weight: 900;
}
.daydeal .title span::before{
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 11px;
	left: -5px;
	right: -5px;
	height: 0px;
	background: var(--white);
	opacity: 0;
	transition: all .3s ease;
	transition-property: opacity, height;
}
.daydeal:hover .title span::before{
	height: 18px;
	opacity: 1;
}

[data-style=cards] .swiper-pagination{
	--swiper-pagination-bottom: 0px;
}
[data-style=cards] .swiper-wrapper{
	padding-bottom: 46px;
}
[data-style=cards] .swiper-slide{
	display: flex;
	align-items: center;
	width: min( 84%, 1150px );
}
[data-style=cards] .text{
	margin: 0 -6px 0 0;
	padding: 48px;
}
[data-style=cards] .text img + h2{
	margin-top: 60px;
}
[data-style=cards] .image{
	overflow: hidden;
	flex-shrink: 0;
	width: 58.6%;
	aspect-ratio: 674/534;
	margin: 6px;
}
[data-style=cards] .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}
[data-style=cards] .swiper-slide:hover .image img{
	transform: scale(1.08);
}

.article-wrapper{
	container-type: inline-size;
	height: 100%;
}
.article-item{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	font-size: 15px;
	line-height: 1.4667;
	text-decoration: none;
}
.article-item .image{
	overflow: hidden;
	position: relative;
}
.article-item img{
	width: 100%;
	min-height: 100%;
	aspect-ratio: 445/278;
	object-fit: cover;
	transform: scale(1);
	transition: transform .6s ease;
	will-change: transform;
}
.article-item .badge{
	position: absolute;
	z-index: 1;
	top: 12px;
	left: 12px;
	padding: 6px 12px;
	background: var(--white);
	border-radius: 99px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.5;
}
.article-item:hover img{
	transform: scale(1.1);
}
.article-item .text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
}
.articles-with-bg .article-item .text{
	padding: 0 24px 24px 24px;
	background: var(--yellow);
}
.article-item h3{
	margin-top: 24px;
}
.article-item h3,
.article-item .excerpt{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.article-item .btn{
	margin-top: auto;
}

@container ( min-width: 600px ){
	.article-item{
		flex-direction: row;
		align-items: stretch;
		height: auto;
	}
	.article-item .image{
		flex-shrink: 0;
		width: 49%;
	}
	.article-item .text{
		padding-left: 40px;
	}
	.articles-with-bg .article-item .text{
		padding: 24px;
	}
	.article-item h3{
		margin: 0 0 20px;
		font-size: 32px;
		line-height: 1.1875;
	}
	.article-item .excerpt{
		-webkit-line-clamp: 4;
	}
}
@container ( min-width: 700px ){
	.articles-with-bg .article-item .text{
		padding: 38px 40px;
	}
}

.cta{
	overflow: hidden;
	position: relative;
	height: 532px;
}
.cta .bg{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cta .text{
	position: absolute;
	z-index: 2;
	left: 75px;
	bottom: -1px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 588px;
	height: 420px;
	padding: 60px 76px 0px 92px;
	background: url(/pub/assets/img/cta-oval.svg) right top/cover no-repeat;
}
.cta-right .text{
	left: auto;
	right: 65px;
	background-position: left top;
}
.cta :is( h2, p ){
	margin-bottom: 20px;
}

.fullwidth-video{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1600/650;
	object-fit: cover;
}

[data-style=features]{
	margin: 48px 0 0;
}
[data-style=features] .swiper-pagination{
	--swiper-pagination-bottom: 0px;
}
[data-style=features] .swiper-wrapper{
	padding-bottom: 46px;
}
[data-style=features] h3{
	line-height: 1.2273;
}
[data-style=features] a{
	display: none;
}
.feature-icon{
	width: 114px;
	height: 110px;
	object-fit: scale-down;
	margin: 0 0 24px;
}

.breadcrumbs{
	overflow: auto;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 23px;
	padding: 18px 0;
	font-size: 13px;
	line-height: 1.2308;
	font-weight: 700;
	color: var(--grey);
}
.breadcrumbs a{
	position: relative;
	font-weight: 300;
	text-underline-offset: 4px;
}
.breadcrumbs a::after{
	content: url(/pub/assets/img/arrow.svg);
	font-size: 0;
	position: absolute;
	right: -15px;
}

.mobile-buttons-wrapper{
	max-width: 520px;
}

.mobile-buttons{
	gap: 10px;
	margin: 15px 0;
}
.mobile-buttons:last-child{
	/*margin-bottom: 60px !important;*/
}
.mobile-buttons a{
	display: block;
	padding: 11px;
	font-size: 15px;
	text-align: center;
}

.corner-intro{
	margin: 60px 0 40px;
}
.corner-intro-icon{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 0 0 20px;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2222;
}
.corner-intro-icon img{
	margin-right: 15px;
}

.sidenav,
.sidenav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}
.sidenav a{
	display: flex;
	align-items: center;
	padding: 10px 12px;
	border-bottom: 1px solid var(--silver);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2857;
	color: var(--grey);
	text-decoration: none;
}
.sidenav a.active{
	font-weight: 700;
	color: var(--black);
}
.sidenav ul a{
	padding-left: 23px;
}
.sidenav ul ul a{
	padding-left: 33px;
}
.sidenav a::after,
.sidenav a.back::before{
	content: url(/pub/assets/img/arrow.svg);
	font-size: 0;
	margin: 0 0 0 auto;
}
.sidenav a.back::before{
	margin: 0 5px 0 -12px;
	transform: rotate(180deg);
	filter: brightness(0);
}
.sidenav a.back::after, .sidenav a.parent::after{
	display: none;
}
.sidenav a.back, .sidenav a.parent{
	font-weight: 700;
	color: var(--black);
}

.categories-grid .row{
	gap: 24px 0;
}
a.category-item{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 206px;
	padding: 20px;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.1875;
	color: var(--white);
	text-align: center;
	text-decoration: none;
}
.category-item::before{
	content: '';
	position: absolute;
	z-index: 2;
	inset: 0;
	background: linear-gradient( 0deg, rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 100%);
}
.category-item img{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.category-item span{
	position: relative;
	z-index: 3;
	hyphens: auto;
}

.range-slider-inputs{
	display: flex;
	gap: 36px;
	font-size: 14px;
	line-height: 1.4286;
}
.range-slider-inputs > div{
	position: relative;
	flex: 1 0 0;
}
.range-slider-inputs > div + div::before{
	content: '';
	width: 22px;
	height: 2px;
	background: var(--white);
	position: absolute;
	bottom: 14px;
	left: -29px;
}
.range-slider-input{
	display: flex;
	margin: 3px 0 0;
}
.range-slider-input .currency,
.range-slider-input input{
	padding: 5px 10px;
	background: var(--white);
	border: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	color: var(--black);
}
.range-slider-input input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	flex-grow: 1;
	width: 100%;
	text-align: right;
}

.overflow-x-clip{
	overflow-x: clip
}

:is( .corner-top ) .categories-grid{
	position: relative;
}
:is( .corner-top ) .categories-grid::before{
	content: '';
	pointer-events: none;
	position: absolute;
	z-index: -1;
	top: 100px;
	left: 53%;
	width: 568px;
	aspect-ratio: 568/995;
	background: url(/pub/assets/img/corner-top.svg) center/contain no-repeat;
	transform: translateY(-100%);

}
:is( .corner-top ) .corner-intro{
	margin-bottom: -20px;
}

:is(.corner-top) main > section.my-100 {
	overflow-x: clip;
}

.has-article-bg{
	background: url(/pub/assets/img/article-bg.svg) right bottom no-repeat;
}

.accordion{
	border-top: 2px solid var(--silver);
	font-size: 16px;
	line-height: 1.5;
}
.accordion-item{
	border: none;
	border-bottom: 2px solid var(--silver);
	background: none;
}
.accordion-button:not(.collapsed),
.accordion-button.collapsed{
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 14px 0;
	background: none;
	border: 0;
	box-shadow: none;
	text-align: left;
	font-weight: 700;
}
.accordion-button::before,
.accordion-button:not(.collapsed)::before{
	content: url(/pub/assets/img/accordion.svg);
	flex-shrink: 0;
	font-size: 0;
	transition: transform .3s ease;
}
.accordion-button.collapsed::before{
	transform: rotate(-90deg);
}
.accordion-button em{
	font-style: normal;
}
.accordion-body{
	padding: 0 0 24px;
}
.accordion-body video {
	width: 100%;
	height: auto;
}

.style-hover .accordion-button{
	padding-left: 9px;
	padding-right: 9px;
}
.style-hover .accordion-button:hover{
	background-color: var(--silver);
}
.style-hover .accordion-body{
	padding: 11px 9px 25px 45px;
}

.hero-banner{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	min-height: 500px;
	padding: 66px 0 0;
}
.hero-banner.style-50-50{
	padding: 0;
	flex-direction: row;
	align-items: stretch;
}
.hero-banner.style-50-50 > div > div{
	height: 100%;
}
.hero-banner.style-50-50 .content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 56px;
}
.hero-banner.style-50-50 .content > img{
	max-width: 50%;
}
.hero-banner.style-50-50 h1:not(:first-child){
	margin: 40px 0;
}
.hero-banner.style-50-50 .image{
	position: relative;
	height: 100%;
	margin-right: var(--snap);
}
.hero-banner .bg{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-banner .container{
	position: relative;
	z-index: 2;
}
.hero-banner h1{
	margin: 0 0 66px;
	font-size: 72px;
	font-weight: 900;
	color: var(--white);
	text-wrap: balance;
}
.sharing{
	display: inline-flex;
	align-items: center;
	gap: 24px;
	padding: 12px;
	background: var(--white);
	font-size: 14px;
	line-height: 1.4286;
}
.sharing .nav{
	gap: 16px;
	align-items: center;
	font-size: 16px;
}

ul.bigger-gaps li + li{
	margin-top: 24px;
}

.title-breadcrumbs{
	white-space: nowrap;
	display: flex;
	align-items: baseline;
	gap: 15px;
	margin: 0;
	font-weight: 300;
}
.title-breadcrumbs a,
.title-breadcrumbs span{
	position: relative;
}
.title-breadcrumbs a{
	text-decoration: none;
}
.title-breadcrumbs a:hover{
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}
.title-breadcrumbs .divider{
	width: 11px;
	height: 19px;
	background: url(/pub/assets/img/title-breadcrumbs.svg) center/contain no-repeat;
}
.title-breadcrumbs span:last-child{
	font-weight: 900;
}

.text-to-3-dots{
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-to-3-dots.too-long{
	min-width: 24px;
	text-indent: -9999px;
}
.text-to-3-dots.too-long::after{
	content: '...';
	position: absolute;
	left: 0;
	text-indent: 0;
}

.row.special-fonts-sizes,
.special-fonts-sizes .row{
	gap: 8px 0;
	margin-bottom: 8px;
}

.bs-tooltip-auto{
	z-index: 10;
	box-shadow: 0px 4px 26px 0px rgba(0,0,0,.1);
}

body .fancybox__container{
	--fancybox-color: #000;
	--fancybox-hover-color: #000;
	--fancybox-bg: #fff;
}
body .fancybox__toolbar{
	--f-button-bg: transparent;
	--f-button-hover-bg: transparent;
	--f-button-active-bg: transparent;
	--f-button-svg-filter: none;
}
body .fancybox__nav{
	--f-button-hover-bg: transparent;
	--f-button-active-bg: transparent;
}
body .f-button:focus-visible{
	box-shadow: none;
}
body .f-thumbs__slide__img{
	object-fit: contain;
}

.files-input-wrapper{
	display: flex;
}
.files-input-wrapper input{
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}
.files-input-wrapper .btn{
	padding-left: 38px;
	padding-right: 38px;
	font-weight: 300;
}
.files-box{
	flex-shrink: 1;
	position: relative;
	max-width: calc( 100% - 214px );
}
.empty .files-box{
	display: none;
}
.files-inner{
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 15px;
	height: 100%;
	padding: 0 15px;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	border: 1px solid #000;
	border-right: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
}
.files-inner::-webkit-scrollbar{
	display: none;
}
.files-inner a{
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 5px;
}
.files-inner a::before{
	content: url(/pub/assets/img/files-icon.svg);
	font-size: 0;
}
.files-inner a::after{
	content: url(/pub/assets/img/files-remove.svg);
	font-size: 0;
}
.files-scrollbar{
	overflow: hidden;
	position: absolute;
	bottom: 3px;
	left: 3px;
	right: 3px;
	height: 4px;
	border-radius: 99px;
	pointer-events: none;
}
.files-thumb{
	height: 100%;
	background: #000;
	border-radius: 99px;
	width: 0;
	transform: translateX(0);
	pointer-events: auto;
	cursor: grab;
}

.helptext{
	margin: 5px 0 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	color: var(--light-grey);
}

address{
	margin: 0;
	padding: 32px;
	background: var(--silver);
	font-size: 14px;
	line-height: 1.7143;
}

.checkout-steps{
	position: relative;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	margin: 100px 0 46px;
}
.checkout-steps::before{
	content: '';
	position: absolute;
	top: 30px;
	left: 10%;
	right: 10%;
	border-top: 2px dashed #000;
}
.step:not(:last-child)::after,
.step:not(:first-child)::before{
	content: '';
	position: absolute;
	z-index: -1;
	top: 30px;
	left: 0;
	right: 50%;
	border-top: 2px solid #000;
}
.step:not(:last-child)::after{
	left: 50%;
	right: 0;
}
.step.active::after,
.step.active ~ .step::after,
.step.active ~ .step::before{
	display: none;
}
.checkout-steps .step{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.75;
	text-transform: uppercase;
	text-align: center;
}
.checkout-steps .step.active{
	font-weight: 900;
}
.checkout-steps .step > img{
	margin: 0 0 12px;
}
.checkout-icon{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin: 0 0 12px;
	border-radius: 50%;
	background: #fff;
}
.step.active .checkout-icon{
	background-color: #000;
}
.step .checkout-icon img{
	opacity: 0;
}
.step .checkout-icon::after{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/pub/assets/img/checkout-done.svg) center/contain no-repeat;
}
.step.active .checkout-icon::after,
.step.active ~ .step .checkout-icon::after{
	display: none;
}
.step.active .checkout-icon img,
.step.active ~ .step .checkout-icon img{
	opacity: 1;
}
.step.active .checkout-icon img{
	filter: brightness(0) invert(1);
}

.checkout-radios{
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 26px 45px;
	background: var(--silver);
}
.checkout-radios label{
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	font-size: 14px;
	line-height: 1.4286;
}
.checkout-radios input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	margin: 2px 0 0;
	vertical-align: top;
	background: #fff;
	border: 1px solid #000;
	border-radius: 50%;
}
.checkout-radios input:checked{
	background: #fff url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="5" fill="%23FFEB00"/></svg>') center/contain no-repeat;
}

.checkout-radios .cashback-grid{
	margin-top: 10px;
	line-height: 1.2;
}
.checkout-radios .cashback-grid .color-yellow{
	color: inherit;
}

label.form-check{
	cursor: pointer;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.5;
}
label.form-check input[type=checkbox]{
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	margin: 2px 0 0;
	vertical-align: top;
	background: var(--silver);
	border: 0;
	border-radius: 0;
}
label.form-check input[type=checkbox]:checked{
	background: var(--yellow) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14"><path stroke="black" stroke-linecap="square" stroke-width="1.5" d="M10.5 4.5 5.6875 9.3125 3.5 7.125"/></svg>') center/contain no-repeat;
}

.form-radios{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin: 20px 0;
}

label.form-radio{
	cursor: pointer;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	font-size: 15px;
	line-height: 1.4667;
}
label.form-radio input[type=radio]{
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	margin: 3px 0 0;
	vertical-align: top;
	background: #fff;
	border: 1px solid #000;
	border-radius: 50%;
}
label.form-radio input[type=radio]:checked{
	background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="5" fill="black"/></svg>') center/contain no-repeat;
}

.form-divider{
	margin: 15px 0 40px;
	--bs-border-width: 1px;
	border-color: var(--silver);
}

.checkout-coupon-row{
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	gap: 10px 16px;
}

.mobile-collapsible:not([role=button]) + div{
	height: auto !important;
}

.mobile-collapsible[role=button]{
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 22px;
	margin: -2px 0 0;
	padding: 12px 11px;
	border: 1px solid var(--silver);
	border-width: 2px 0;
	font-size: 16px;
	font-weight: 600;
}
.mobile-collapsible[role=button].opened{
	border-bottom-color: transparent;
}
.mobile-collapsible[role=button]::before{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="19" fill="none" viewBox="0 0 11 19"><path stroke="black" stroke-linecap="square" stroke-width="3" d="m2.5 2.5 6.49757 6.29282c.40324.3906.40324 1.02376 0 1.41438L2.5 16.5"/></svg>');
	font-size: 0;
	transition: transform .3s ease;
}
.mobile-collapsible[role=button].opened::before{
	transform: rotate(90deg);
}
.mobile-collapsible[role=button] + *{
	overflow: hidden;
	height: 0;
	padding: 0 18px 0 45px;
	transition: height .3s ease;
}
.mobile-collapsible[role=button] + * > *:first-child{
	margin-top: 13px;
}
.mobile-collapsible[role=button] + * > *:last-child{
	margin-bottom: 25px;
}

.checkout-product,
.checkout-subtotal,
.checkout-shipping-billing,
.checkout-totals{
	display: grid;
	align-items: start;
	grid-template-columns: 1fr 100px;
	gap: 15px;
	padding: 25px 0;
	border-bottom: 1px solid #000;
	font-size: 14px;
}
.checkout-totals.abs-coupon{border-top:1px solid #000}
.checkout-totals.rel-coupon{border-bottom:1px solid #000}
.checkout-product{
	grid-template-columns: 96px 1fr 120px 100px;
}
.checkout-product > div{
	padding-top: 16px;
}
.checkout-product .image{
	padding-top: 0;
}
.checkout-product .image img{
	width: 96px;
	height: 96px;
	object-fit: contain;
}
.checkout-product .title{
	margin: 0 0 5px;
	font-size: 16px;
}
.checkout-product .label{
	margin: 4px 0 5px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.checkout-totals{
	gap: 0 15px;
	border: 0;
}

.sitemap-item,
.sitemap-item .sub{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.sitemap-item{
	margin: 50px 0 0;
}
.sitemap-item .sub{
	padding-left: 20px;
}

.table{
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.4667;
}
.table thead th{
	padding: 12px 24px 5px;
	background: #000;
	border: 0;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.375;
	color: #fff;
}
.table tbody td{
	padding: 16px 24px;
	border: 0;
	border-bottom: 1px solid var(--silver-darker);
}

.table .status{
	font-weight: 900;
}
.table .status-yellow{
	color: #FABB05;
}
.table .status-red{
	color: #E62252;
}
.table .status-green{
	color: #69A023;
}

a.text-link{
	display: flex;
	align-items: center;
	gap: 4px;
}
a.text-link:hover{
	color: var(--red);
}

#top{
	position: fixed;
	z-index: 9999;
	right: 80px;
	bottom: 80px;
	width: 64px;
	height: 64px;
	background: url(/pub/assets/img/top.svg) center/contain no-repeat;
	opacity: 0;
	pointer-events: none;
	transform: translateY(50px);
	transition: all .3s ease;
	transition-property: opacity, transform;
}
.scrolled.scrolling-up #top{
	pointer-events: auto;
	transform: translateY(0px);
	opacity: 1;
}

.show-limit.show-all .show-more{
	display: none;
}
.show-limit-4:not(.show-all) > *:nth-child(n+5):not(.show-more){
	display: none;
}

@media (max-width: 1599px){
	#tcs-corners .bg{
		background-size: 1819px auto;
		transform: translate3d(-50%, -50%, 0) rotate(-40deg);
	}
}

@media (max-width: 1399px){
	[data-style=hero] .title{
		font-size: 96px;
	}
	[data-style=hero] .btn,
	[data-style=hero] a.product-item{
		margin-bottom: 15px;
	}
	.cta:not(.cta-right) .text{
		left: -54px;
	}
	.cta-right .text{
		right: -54px;
	}
	[data-style=cards] .image{
		width: 49%;
		aspect-ratio: 674 / 720;
	}
	.corner-item img.symbol{
		transform: scale(0.8);
	}
	.corner-item:hover img.symbol{
		transform: scale(0.8) translateY(50%) translateX(-50%);
	}
	.hero-banner h1{
		font-size: 64px;
	}
	.checkout-product{
		grid-template-columns: 96px 1fr 100px 100px;
	}
}

@media (max-width: 1199px){
	header{
		padding-top: 10px;
	}
	#main-nav{
		gap: 60px;
	}
	#main-nav a{
		font-size: 70px;
	}
	#secondary-nav a{
		font-size: 24px;
	}
	#secondary-nav a svg{
		width: 80px;
		height: 60px;
	}
	.icons-menu{
		margin-top: -6px;
	}
	[data-style=hero] .title{
		font-size: 60px;
		line-height: 0.9167;
	}
	[data-style=hero] .btn,
	[data-style=hero] a.product-item{
		margin-bottom: 8px;
	}
	.daydeal{
		display: flex;
		flex-direction: column;
		padding: 32px 24px;
	}
	.daydeal .image{
		justify-content: center;
		padding: 20px;
		background: var(--white);
	}
	.daydeal .image::before{
		display: none;
	}
	.daydeal .image img{
		aspect-ratio: 350/226;
		object-fit: contain;
	}
	.daydeal .text{
		padding: 24px 0 0;
	}
	[data-style=cards] .image{
		width: 39%;
		aspect-ratio: 674 / 1080;
	}
	.corner-item img.symbol{
		transform: scale(0.6);
	}
	.corner-item:hover img.symbol{
		transform: scale(0.6) translateY(50%) translateX(-50%);
	}
	.hero-banner h1{
		font-size: 56px;
	}
	.per-page,
	.filters .pagination{
		display: none !important;
	}
	.checkout-product{
		grid-template-columns: 96px 1fr 80px 100px;
	}
	.show-limit-4:not(.show-all) > *:nth-child(n+4):not(.show-more){
		display: none;
	}
}

@media (max-width: 991px){
	body{
		font-size: 14px;
		line-height: 1.1429;
	}
	h1, .h1{
		font-size: 22px;
		line-height: 1.4545;
	}
	h2, .h2{
		font-size: 18px;
		line-height: 1.2222;
	}
	h3, .h3{
		font-size: 18px;
		line-height: 1.2222;
	}
	.fz-15{
		font-size: 14px;
		line-height: 1.1429;
	}
	.fz-16{
		font-size: 14px;
		line-height: 1.1429;
	}
	.my-100{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.my-150{
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.mt-80{
		margin-top: 60px;
	}
	.mt-120{
		margin-top: 100px;
	}
	.py-80{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.py-100{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.py-150{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	#site-logo svg,
	.dark #site-logo svg,
	#search-logo svg{
		width: 400px;
	}
	#main-nav{
		gap: 40px;
	}
	#main-nav a{
		font-size: 42px;
	}
	#secondary-nav a{
		font-size: 14px;
	}
	#secondary-nav a svg{
		width: 60px;
		height: 40px;
	}
	.navbar-collapse > .container{
		padding-top: 200px;
	}
	.swiper-pagination{
		--swiper-pagination-bottom: 10px;
	}
	.btn{
		padding: 8px;
		font-size: 12px;
		line-height: 1.2;
	}
	.btn-basket,
	.btn-wishlist,
	.btn-notification{
		padding: 9px;
		font-size: 15px;
	}
	[data-style=hero] .content{
		padding: 40px 0;
	}
	[data-style=hero] .content > .container{
		flex-wrap: wrap;
	}
	[data-style=hero] .title{
		max-width: 100%;
		width: 100%;
	}
	[data-style=hero] .btn, [data-style=hero] a.product-item{
		margin-bottom: 0;
	}
	[data-style=hero] .swiper-slide{
		height: 458px;
	}
	.corner-item .image{
		margin-bottom: 8px;
	}
	.corner-item h2{
		margin-bottom: 4px;
	}
	.daydeal .badges{
		gap: 10px;
		margin: 0 0 8px;
	}
	.daydeal .badge{
		padding: 6px 13px;
		font-size: 12px;
	}
	.daydeal .title{
		font-size: 29px;
		line-height: 1.05;
	}
	[data-style=cards] .swiper-slide{
		height: auto;
		flex-direction: column-reverse;
	}
	[data-style=cards] .image{
		width: auto;
		aspect-ratio: 298 / 264;
		margin: 15px;
	}
	[data-style=cards] h2{
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	[data-style=cards] p{
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
	[data-style=cards] .text{
		margin-bottom: auto;
		padding: 5px 15px 15px;
	}
	[data-style=cards] .text img + h2{
		margin-top: 20px;
	}
	.article-item{
		font-size: 12px;
		line-height: 1.6667;
	}
	.cta .text{
		width: min( 100%, 495px );
		height: 300px;
	}
	.cta :is( h2, p ){
		margin-bottom: 10px;
	}
	.fullwidth-video{
		aspect-ratio: 1600/800;
	}
	.hero-banner{
		padding-top: 48px;
		min-height: 400px;
	}
	.hero-banner h1{
		margin-bottom: 48px;
		font-size: 48px;
	}
	.hero-banner.style-50-50 h1{
		font-size: 40px;
	}
	.hero-banner.style-50-50 h1:not(:first-child){
		margin: 32px 0;
	}
	.accordion{
		font-size: 14px;
		line-height: 1.1429;
	}
	.title-breadcrumbs{
		gap: 8px;
	}
	.title-breadcrumbs .divider{
		width: 5px;
		height: 10px;
	}
	.text-to-3-dots.too-long{
		min-width: 14px;
	}
	.special-fonts-sizes{
		font-size: 18px;
	}
	.special-fonts-sizes h2,
	.special-fonts-sizes .h2{
		font-size: 22px;
	}

	.checkout-steps{
		margin: 30px 0;
	}
	.checkout-icon{
		margin: 0;
		width: 40px;
		height: 40px;
	}
	.checkout-icon img{
		transform: scale(0.66667);
	}
	.checkout-steps .step{
		padding: 0;
	}
	.checkout-steps .step .text{
		position: absolute;
		clip: rect(0, 0, 0, 0);
		pointer-events: none;
	}
	.checkout-steps::before,
	.step:not(:last-child)::after, .step:not(:first-child)::before{
		top: 20px;
	}
	.checkout-product{
		grid-template-columns: 96px 1fr 120px 100px;
	}
	.show-limit-4:not(.show-all) > *:nth-child(n+3):not(.show-more){
		display: none;
	}
}

@media (max-width: 767px){
	.my-100,
	.my-150{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.mt-40{
		margin-top: 20px;
	}
	.mt-120{
		margin-top: 80px;
	}
	.p-32{
		padding: 24px;
	}
	.py-100,
	.py-150{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#site-logo svg,
	.dark #site-logo svg,
	.scrolled:not(.menu-open) #site-logo svg,
	#search-logo svg{
		width: 250px;
	}
	.icons-menu a{
		padding: 7px;
		font-size: 20px;
	}
	header .icons-menu .dropdown-toggle:not(.allow-on-mobile).show{
		background: none;
	}
	.icons-menu .dropdown-toggle:not(.allow-on-mobile) + .dropdown-menu{
		display: none !important;
	}
	/*header .icons-menu .dropdown-toggle.show{
		background: none;
	}*/
	/*.icons-menu .dropdown-menu{
		display: none !important;
	}*/
	.navbar-collapse > .container{
		padding-top: 120px;
	}
	#main-nav + .icons-menu{
		margin: 40px 0 0;
	}
	#secondary-nav{
		grid-template-columns: repeat( auto-fill, minmax( 90px, 1fr ) );
		gap: 40px;
		margin-top: 50px;
	}
	.icon-menu-close{
		margin: 3px;
		font-size: 14px;
	}
	.header-icon-count{
		top: 2px;
		right: 2px;
		width: 14px;
		height: 14px;
		font-size: 10px;
		line-height: 14px;
	}
	.search-wrapper input{
		font-size: 16px;
	}
	footer{
		padding: 0;
	}
	.footer-title{
		margin: 30px 0 12px;
	}
	footer .nav.flex-column{
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
	}
	#bottom{
		margin-top: 30px;
	}
	[data-style=hero] .content > .container{
		gap: 16px 14px;
	}
	#tcs-corners{
		padding: 30px 0 60px;
	}
	#tcs-corners h1{
		margin-bottom: 30px;
	}
	#tcs-corners .row{
		gap: 24px 0;
	}
	.corner-item img.main{
		aspect-ratio: 1;
	}
	.article-item img{
		aspect-ratio: 1;
	}
	.fullwidth-video{
		aspect-ratio: 1600/1000;
	}
	a.category-item{
		height: auto;
		aspect-ratio: 1;
		font-size: 18px;
	}
	.hero-banner{
		padding-top: 36px;
		min-height: 300px;
	}
	.hero-banner h1{
		margin-bottom: 36px;
	}
	.hero-banner h1,
	.hero-banner.style-50-50 h1{
		font-size: 36px;
	}
	#tcs-corners .bg{
		background-size: 1624px auto;
		transform: translate3d(-50%, -50%, 0) rotate(-60deg);
	}
	.bg-bottom-wave{
		background-image: none;
	}
	.checkout-radios{
		padding: 24px;
	}
	.checkout-product{
		grid-template-columns: 96px 1fr 80px 100px;
	}
}

@media (max-width: 575px){
	.btn-wishlist,
	.btn-notification,
	.btn-mobile-full{
		width: 100%;
		justify-content: center;
	}
	.my-100,
	.my-150{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.py-100,
	.py-150{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.py-80{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#site-logo svg,
	.dark #site-logo svg,
	.scrolled:not(.menu-open) #site-logo svg,
	#search-logo svg{
		width: min( 180px, 38vw );
	}
	.search-products{
		grid-template-columns: repeat( 2, 1fr );
	}
	.search-products a:nth-child(n+3){
		display: none;
	}
	#bottom{
		font-size: 12px;
	}
	ul.languages a{
		font-size: 16px;
	}
	[data-style=products] .swiper-wrapper{
		padding: 0;
	}
	[data-style=products] .swiper-slide{
		width: 170px;
	}
	[data-style=products] .swiper-pagination{
		display: none;
	}
	.cta{
		height: 500px;
	}
	.cta .text{
		height: 280px;
	}
	.cta:not(.cta-right) .text{
		padding: 40px 30px 0px 80px;
	}
	.cta-right .text{
		padding: 40px 60px 0px 80px;
	}
	[data-style=cards]{
		margin-left: var(--snap);
		margin-right: var(--snap);
	}
	.fullwidth-video{
		aspect-ratio: 1600/1400;
	}
	.hero-banner h1{
		font-size: 24px;
	}
	.corner-item img.symbol{
		bottom: 11px;
		left: 8px;
		transform: scale(0.4224);
	}
	.corner-item:hover img.symbol{
		transform: scale(0.4224) translateY(50%) translateX(-50%);
	}
	.categories-grid .row{
		--bs-gutter-x: 19px;
		gap: 19px 0;
		justify-content: center;
	}
	.checkout-product{
		grid-template-columns: 111px 1fr 100px;
	}
	.checkout-product > div{
		padding-top: 0;
	}
	.checkout-product .image{
		grid-row: span 2;
	}
	.checkout-product .info{
		grid-column: span 2;
	}
	.sitemap-item,
	.sitemap-item .sub{
		gap: 8px;
	}
	.sitemap-item{
		margin: 32px 0 0;
	}
	.sitemap-item .sub{
		padding-left: 12px;
	}
	.style-hover .accordion-body{
		padding: 11px 0 25px 0;
	}
	#top {
		right: 24px;
		bottom: 24px;
		height: 40px;
		width: 40px;
	}
	a.product-item .badge {
    max-width: 120px;
    text-overflow: ellipsis;
	}
}