/* Fonts */
/* chakra-petch-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/chakra-petch-v12-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v12-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* chakra-petch-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/chakra-petch-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v12-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* chakra-petch-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/chakra-petch-v12-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v12-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* chakra-petch-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/chakra-petch-v12-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v12-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* chakra-petch-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/chakra-petch-v12-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/chakra-petch-v12-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* anton-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/anton-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Common */
:root {
	--font-main: 'Chakra Petch', sans-serif;
	--font-heading: 'Anton', sans-serif;

	--c-white: #FFF;
	--c-black: #000;
	--c-orange: #FF6F07;
	--c-purple: #9227DA;
	--c-green: #20A134;
	--c-red: #FF0000;

	--fw-thin: 400;
	--fw-normal: 500;
	--fw-medium: 600;
	--fw-bold: 700;


	--radius-max: 9999px;

	--transition: all 200ms;

	--bs-body-font-family: var(--font-main);
	--bs-body-font-weight: var(--fw-normal);
	--bs-body-line-height: 1.33;
	--bs-body-font-size: 18px;
}

body {
	background-color: var(--c-white);
}

.container-xxl {
	max-width: 1600px;
}

a,
a:visited,
a:active {
	color: var(--c-black);
	text-decoration: none;
	transition: var(--transition);
}

a:hover,
a:focus {
	color: var(--c-orange);
}

b, strong {
	font-weight: var(--fw-medium);
}

main {
	flex: 1;
}

section,
.section-padding {
}

img {
	max-width: 100%;
	height: auto;
}

.img-cover {
	object-fit: cover;
}

.img-contain {
	object-fit: contain;
}


svg {
	display: inline-block;
	height: 1em;
	width: auto;
}

p, li {
	font-weight: var(--fw-normal);
}

ul li {
	position: relative;
}

h1, .h1 {
	font-family: var(--font-heading);
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font-heading);
	margin-bottom: 1rem;
	line-height: 1.4;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
	color: var(--c-black);
}

hr {
	color: #000;
	opacity: 0.5;
}

dl dt,
dl dd {
	display: inline;
	line-height: 1.9;
}

dl dd:after {
	content: '';
	display: block;
}

.btn {
	border-radius: var(--radius-max);
	font-size: 17px;
	font-weight: var(--fw-normal);
	padding: 11px 22px;
	line-height: 1;
	width: max-content;
	display: flex;
}

.btn,
.btn-primary,
.btn-orange {
	--bs-btn-color: var(--c-white);
	--bs-btn-bg: var(--c-orange);
	--bs-btn-border-color: var(--c-orange);
	--bs-btn-hover-color: var(--c-orange);
	--bs-btn-hover-bg: var(--c-white);
	--bs-btn-hover-border-color: var(--c-orange);
	--bs-btn-active-color: var(--c-orange);
	--bs-btn-active-bg: var(--c-white);
	--bs-btn-active-border-color: var(--c-orange);
}

.btn-hover-orange {
	--bs-btn-hover-color: var(--c-white) !important;
	--bs-btn-hover-bg: var(--c-orange) !important;
	--bs-btn-hover-border-color: var(--c-orange) !important;
	--bs-btn-active-color: var(--c-white) !important;
	--bs-btn-active-bg: var(--c-orange) !important;
	--bs-btn-active-border-color: var(--c-orange) !important;	
}

.btn-purple {
	--bs-btn-color: var(--c-white);
	--bs-btn-bg: var(--c-purple);
	--bs-btn-border-color: var(--c-purple);
	--bs-btn-hover-color: var(--c-purple);
	--bs-btn-hover-bg: var(--c-white);
	--bs-btn-hover-border-color: var(--c-purple);
	--bs-btn-active-color: var(--c-purple);
	--bs-btn-active-bg: var(--c-white);
	--bs-btn-active-border-color: var(--c-purple);
}

.btn-hover-purple {
	--bs-btn-hover-color: var(--c-white)  !important;
	--bs-btn-hover-bg: var(--c-purple) !important;
	--bs-btn-hover-border-color: var(--c-purple) !important;
	--bs-btn-active-color: var(--c-white) !important;
	--bs-btn-active-bg: var(--c-purple) !important;
	--bs-btn-active-border-color: var(--c-purple) !important;
}

.btn-green {
	--bs-btn-color: var(--c-white);
	--bs-btn-bg: var(--c-green);
	--bs-btn-border-color: var(--c-green);
	--bs-btn-hover-color: var(--c-green);
	--bs-btn-hover-bg: var(--c-white);
	--bs-btn-hover-border-color: var(--c-green);
	--bs-btn-active-color: var(--c-green);
	--bs-btn-active-bg: var(--c-white);
	--bs-btn-active-border-color: var(--c-green);
}

.btn-hover-green {
	--bs-btn-hover-color: var(--c-white) !important;
	--bs-btn-hover-bg: var(--c-green) !important;
	--bs-btn-hover-border-color: var(--c-green) !important;
	--bs-btn-active-color: var(--c-white) !important;
	--bs-btn-active-bg: var(--c-green) !important;
	--bs-btn-active-border-color: var(--c-green) !important;
}

.btn-black {
	--bs-btn-color: var(--c-white);
	--bs-btn-bg: #161616;
	--bs-btn-border-color: #161616;
	--bs-btn-hover-color: #161616;
	--bs-btn-hover-bg: var(--c-white);
	--bs-btn-hover-border-color: #161616;
	--bs-btn-active-color: #161616;
	--bs-btn-active-bg: var(--c-white);
	--bs-btn-active-border-color: #161616;	
}

.btn-secondary {
	--bs-btn-color: #808080;
	--bs-btn-bg: #EDEDED;
	--bs-btn-border-color: #CECECE;
	--bs-btn-hover-color: #808080;
	--bs-btn-hover-bg: var(--c-white);
	--bs-btn-hover-border-color: #CECECE;
	--bs-btn-active-color: #808080;
	--bs-btn-active-bg: var(--c-white);
	--bs-btn-active-border-color: #CECECE;
}

.btn-header {
	--bs-btn-color: var(--c-white);
	--bs-btn-bg: #BABABA;
	--bs-btn-border-color: #BABABA;
	--bs-btn-hover-color: #BABABA;
	--bs-btn-hover-bg: var(--c-white);
	--bs-btn-hover-border-color: #BABABA;
	--bs-btn-active-color: #BABABA;
	--bs-btn-active-bg: var(--c-white);
	--bs-btn-active-border-color: #BABABA;
}

.btn:visited {
	color: var(--bs-btn-color);
}

.btn:focus,
.btn:focus-visible,
.btn:active,
.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border);
}

.btn-arrow:after {
	content: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.27344 7H17.9401M17.9401 7L11.6901 1M17.9401 7L11.6901 13" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	margin-left: 10px;
	display: inline-block;
	width: 19px;
	height: auto;
}

.btn-arrow:hover:after,
.btn-arrow:active:after,
.btn-arrow:focus:after,
.btn-arrow:focus:after {
	content: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.27344 7H17.9401M17.9401 7L11.6901 1M17.9401 7L11.6901 13" stroke="%23FF6F07" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');	
}

.btn-purple.btn-arrow:hover:after {
	content: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.27344 7H17.9401M17.9401 7L11.6901 1M17.9401 7L11.6901 13" stroke="%239227DA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-green.btn-arrow:hover:after {
	content: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.27344 7H17.9401M17.9401 7L11.6901 1M17.9401 7L11.6901 13" stroke="%2320A134" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-black.btn-arrow:hover:after {
	content: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.27344 7H17.9401M17.9401 7L11.6901 1M17.9401 7L11.6901 13" stroke="%23313131" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-secondary.btn-arrow:after {
	content: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.27344 7H17.9401M17.9401 7L11.6901 1M17.9401 7L11.6901 13" stroke="%23808080" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-scrolldown:after {
	content: url('data:image/svg+xml,<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.33203 1.66602L7.33203 18.3327L7.33203 1.66602ZM7.33203 18.3327L13.332 12.0827L7.33203 18.3327ZM7.33203 18.3327L1.33203 12.0827L7.33203 18.3327Z" fill="white"/><path d="M7.33203 1.66602L7.33203 18.3327M7.33203 18.3327L13.332 12.0827M7.33203 18.3327L1.33203 12.0827" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	margin: -2px 0 0 10px;
	height: 16px;
}

.btn-hover-orange.btn-arrow:hover:after,
.btn-hover-purple.btn-arrow:hover:after,
.btn-hover-green.btn-arrow:hover:after {
	content: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.27344 7H17.9401M17.9401 7L11.6901 1M17.9401 7L11.6901 13" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');	
}


.btn-scrolldown:hover:after,
.btn-scrolldown:active:after,
.btn-scrolldown:focus:after,
.btn-scrolldown:focus:after {
	content: url('data:image/svg+xml,<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.33203 1.66602L7.33203 18.3327L7.33203 1.66602ZM7.33203 18.3327L13.332 12.0827L7.33203 18.3327ZM7.33203 18.3327L1.33203 12.0827L7.33203 18.3327Z" fill="%23FF6F07"/><path d="M7.33203 1.66602L7.33203 18.3327M7.33203 18.3327L13.332 12.0827M7.33203 18.3327L1.33203 12.0827" stroke="%23FF6F07" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-shadow {
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);	
}



/* Backgrounds & texts */
.bg-orange {
	background-color: var(--c-orange);
}

.bg-green {
	background-color: var(--c-green);
}

.bg-purple {
	background-color: var(--c-purple);
}

.text-orange {
	color: var(--c-orange);
}

.text-green {
	color: var(--c-green);
}

.text-purple {
	color: var(--c-purple);
}

.text-white {
	color: var(--c-white);
}

.text-normal {
	font-weight: var(--fw-normal);
}

.text-medium {
	font-weight: var(--fw-medium);
}

.text-bold {
	font-weight: var(--fw-bold);
}




/* Header */
header {
	background-color: #E9E9E9;
}

.admin-bar .sticky-top {
	top: 32px;
}

.navbar {
	padding: 0;
}

.nav-link {
	font-weight: var(--fw-normal);
	font-size: 17px;
	color: var(--c-black);
}

.dropdown-item {
	font-weight: var(--fw-normal);
	font-size: 17px;
	color: var(--c-black);
}

.nav-link:focus, 
.nav-link:hover,
.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--c-orange);
}

.current-menu-item .nav-link,
.nav-link.active {
	color: var(--c-orange);
	position: relative;
}

.current-menu-item .nav-link:after,
.nav-link.active:after  {
	content: '';
	width: calc(100% + 16px);
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background-color: var(--c-orange);
	margin: 0;
}

.nav-link.active:after {
	height: 8px;
	bottom: -31px;
}

.navbar-brand img {
	width: 68px;
}

.navbar-nav {
	column-gap: 20px;
}

.navbar-nav .menu-item {
	padding: 0;
}

.navbar-nav .nav-link {
	padding: 36px 0;
}

.navbar-nav .dropdown-menu {
	border-radius: 0;
	padding: 0;
	border: 0;
	background-color: #E9E9E9;
	width: max-content;
	box-shadow: 0 0 4px rgba(0,0,0,0.25);
}

.navbar-nav .dropdown-menu li {
	border-bottom: 1px solid var(--bs-border-color-translucent);
	padding: 8px 16px;
}

.navbar-nav .dropdown-menu li:last-child {
	border-bottom: 0;
}

.navbar-buttons {
	column-gap: 20px;
}

.dropdown-toggle::after {
	display: none;
}

.product-megamenu-item {
	padding: 10px 8px;
}

.product-megamenu-item > .d-lg-flex {
	gap: 20px;
}

.product-megamenu-item .brand {
	font-size: 12px;
	line-height: 12px;
	font-weight: var(--fw-bold);
	color: #919191;
	text-transform: uppercase;
}

.product-megamenu-item .meta a {
	display: block;
	width: max-content;
}

.product-megamenu-item .title {
	font-family: var(--font-main);
	font-size: 16px;
	font-weight: var(--fw-bold);
}

.product-megamenu-item .excerpt {
	color: #7C7C7C;
	font-size: 12px;
}

.product-megamenu-item .btn {
	font-size: 12px;
	padding: 6px 12px;
}

.product-megamenu-item .btn.btn-arrow:after {
	width: 13px;
}

.product-megamenu-item .thumbnail {
	width: 100%;
	text-align: center;
}

.product-megamenu-item .thumbnail img {
	height: 120px;
	width: auto;
}





/* Sections common */
section {
	padding: 40px 0;
}

section .heading h1,
section .heading h2 {
	font-size: 52px;
	line-height: 1.1;
	letter-spacing: -1px;
	text-transform: uppercase;
}

section .heading h1 strong,
section .heading h2 strong {
	color: var(--c-orange);
	font-weight: var(--fw-normal);
}

section .heading.purple h1 strong,
section .heading.purple h2 strong {
	color: var(--c-purple);
}

section .heading.green h1 strong,
section .heading.green h2 strong {
	color: var(--c-green);
}

section .heading .underline {
	display: block;
	font-weight: var(--fw-medium);
	color: var(--c-orange);
	text-decoration: underline;
	margin-bottom: 16px;
}

section .heading p {
	color: #7C7C7C;
}

section .heading .btn {
	margin-top: 16px;
	margin-right: 26px;
}

section .heading .btn:last-child {
	margin-right: 0;
}



/* Swipers common */
.swiper-nav {
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 18px;
	height: 26px;
}

.swiper-nav .swiper-button-prev {
	left: 0;
}

.swiper-nav .swiper-button-next {
}

.swiper-nav .swiper-button-prev,
.swiper-nav .swiper-button-next {
	width: 18px;
	height: auto;
	position: relative;
	display: inline-block;
	left: unset;
	right: unset;
}

.swiper-nav .swiper-button-prev:after,
.swiper-nav .swiper-button-next:after {
	display: none;
}


.swiper-nav .swiper-pagination-progressbar {
	position: relative;
	display: inline-block;
	width: 146px;
	border-radius: var(--radius-max);
	background-color: rgba(0,0,0,0.1);
	top: 2px;
}

.swiper-nav .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--c-black);
	border-radius: var(--radius-max);
}

.swiper-nav.desktop-nav {
	--swiper-navigation-size: 24px;
	--swiper-navigation-color: var(--c-black);
}

.swiper-nav.desktop-nav .swiper-pagination-progressbar {
	top: 6px;
}

.swiper-nav.desktop-nav .swiper-button-prev,
.swiper-nav.desktop-nav .swiper-button-next {
	margin-right: 20px;
}

.swiper-nav.desktop-nav .swiper-button-prev:after, 
.swiper-nav.desktop-nav .swiper-button-next:after {
	display: inline-block;
	font-weight: var(--fw-bold);
}







/* HP Banner */
section.banner .banner-image {
	height: calc(100vh - 94px);

}

.admin-bar section.banner .banner-image {
	height: calc(100vh - 94px - 32px);
}

section.banner .banner-content {
	bottom: 0;
	padding-bottom: 70px;
	color: var(--c-white);
}

section.banner h1 {
	font-size: 55px;
	line-height: 1;
	letter-spacing: -1px;
	margin-bottom: 24px;	
}

section.banner p {
	color: #C8C8C8;
	margin-bottom: 48px;	
}

section.banner p.text-bigger {
	font-size: 35px;
	line-height: 1;
	color: var(--c-white);
	font-weight: var(--fw-thin);
}

section.banner .btn {
	display: block;
	margin-bottom: 16px;
	padding: 21px 38px;
}



/* HP Logos */
section.logos {
	padding: 46px 0;
}

section.logos .logo-swiper .swiper-wrapper {
	justify-content: space-between;
}

section.logos .logo-swiper .swiper-wrapper .swiper-slide {
	width: auto !important;
	display: flex;
	align-items: center;
	justify-content: center;
}




/* HP Hero */
section.hero {
	padding-top: 90px;
}

section.hero .hero-atts {
	margin-top: 20px;
}

section.hero .hero-atts .hero-att svg {
	background-color: var(--c-orange);
	color: var(--c-white);
	width: 43px;
	height: 43px;
	padding: 6px;
}

/* Hero atts */
.hero-atts {
	column-gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}

.hero-atts .hero-att {
	font-size: 16px;
}

.hero-atts .hero-att p {
	font-weight: var(--fw-bold);
}

.hero-atts .hero-att svg {
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
}



/* Products */
section.products.archive {
	padding-top: 70px;
}

section.products .product-card,
section.product-upsell .product-card {
	margin-bottom: 40px;
}

/* Product cards */
.product-card .product-thumbnail {
	margin-bottom: 16px;
}

.product-card .product-thumbnail .front,
.product-card .product-thumbnail .back {
	aspect-ratio: 3 / 4;
}

.product-card .product-thumbnail .front {
	align-items: center;
	justify-content: center;
	background-color: #eee;
}

.product-card .product-thumbnail .front img {
	height: 100%;
	object-fit: contain;
}

.product-card .product-thumbnail .front {
	opacity: 1;
}

.product-card .product-thumbnail .back {
	opacity: 0;
	width: 100%;
	height: 100%;
	inset: 0;
	padding: 70px 22px 10px 22px;
	align-items: center;
	overflow: auto;
}

.product-card .product-thumbnail .back h4 {
	color: var(--c-white);
	font-size: 32px;
	line-height: 1.1;
	margin-bottom: 24px;
}

.product-card .product-thumbnail .back h4 br {
	display: none;
}

.product-card .product-thumbnail .back ul {
	list-style-type: none;
	padding-left: 42px;
}

.product-card .product-thumbnail .back ul li {
	color: var(--c-white);
	font-weight: var(--fw-bold);
	font-size: 17px;
	margin-bottom: 20px;
}

.product-card .product-thumbnail .back ul li:before {
	position: absolute;
	left: -42px;
	content: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75513 13.068C5.50436 13.0681 5.25604 13.0187 5.02439 12.9227C4.79273 12.8267 4.5823 12.6859 4.40512 12.5085L0.234375 8.33997L1.82588 6.74922L5.75513 10.6785L15.9844 0.449219L17.5759 2.03997L7.10513 12.5085C6.92795 12.6859 6.71751 12.82676.48586 12.9227C6.25421 13.0187 6.00589 13.0681 5.75513 13.068Z" fill="white"/></svg>');
	width: 28px;
	height: 28px;
	background-color: var(--c-black);
	border-radius: var(--radius-max);
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 4px;
}

.product-card .product-reveal {
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	right: 16px;
	bottom: 16px;
	background-color: #707070;
	color: var(--c-white);
	cursor: pointer;
	transition: var(--transition);
}

.product-card .product-reveal:hover {
	background-color: #919191;
}

.product-card .product-reveal span {
	font-size: 30px;
}

.product-card .product-reveal.close span {
	margin-top: -5px;
}

.product-printer-tag {
	top: 10px;
	left: 10px;
	background-color: #707070;
	color: var(--c-white);
	font-size: 10px;
	line-height: 2.4;
	font-weight: var(--fw-bold);
	padding: 1px 8px;
	border-radius: var(--radius-max);
	align-items: center;
}

.product-printer-tag span {
	padding: 0 5px;
}

.product-printer-tag:before {
	width: 16px;
	height: 16px;
}

.product-printer-tag.fdm:before {
	content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_87_3293)"><path d="M-0.000462983 5.15919L-0.000463038 5.78391C0.248041 9.75003 4.57064 12.2198 8.11402 10.2568C11.8634 8.17981 11.8626 2.76328 8.11403 0.68663C4.58059 -1.27098 0.250339 1.18656 -0.000462983 5.15957L-0.000462983 5.15919ZM4.99949 1.87903L5.93684 1.87903L5.93684 2.81611L4.99949 2.81611L4.99949 1.87903ZM7.67139 2.59792L8.34262 3.26895L7.69819 3.90707L7.03271 3.26474L7.67101 2.59792L7.67139 2.59792ZM3.26532 2.59792L3.90362 3.26474L3.23813 3.90707L2.59371 3.26895L3.26494 2.59792L3.26532 2.59792ZM5.6623 3.76276C8.00566 4.01157 7.45198 7.68639 5.06114 7.14435C3.03596 6.685 3.50042 3.53308 5.6623 3.76276ZM8.12475 5.00301L9.06209 5.00301L9.06209 5.94009L8.12475 5.94009L8.12475 5.00301ZM1.87461 5.00301L2.81196 5.00301L2.81196 5.94009L1.87461 5.94009L1.87461 5.00301ZM7.69858 7.03602L8.343 7.67414L7.67177 8.34518L7.03347 7.67835L7.69896 7.03602L7.69858 7.03602ZM3.26111 7.03602L3.90362 7.67835L3.26532 8.34518L2.59409 7.67414L3.26111 7.03602ZM4.99949 8.12699L5.93684 8.12699L5.93684 9.06406L4.99949 9.06406L4.99949 8.12699Z" fill="white"/><path d="M0.000156349 15.0633L0.000156267 16.0004L10.7502 16.0004C11.547 15.8427 12.1267 15.2834 12.25 14.47C11.9299 14.4994 11.6278 14.5251 11.3107 14.4531C11.1924 14.7888 10.973 15.012 10.6096 15.0633L0.000156349 15.0633Z" fill="white"/><path d="M11.8436 6.06445C11.7054 7.61515 10.9786 9.04718 9.87469 10.1259L16 10.1259L16 6.06445L11.8436 6.06445Z" fill="white"/><path d="M13.8124 1.30177C13.6393 -0.325105 11.2466 -0.439943 10.915 1.123C10.8621 1.3722 10.9092 1.60992 10.7316 1.81854L11.2029 2.62929C11.4736 2.43751 11.6976 2.11903 11.7719 1.79212C11.8125 1.61336 11.7918 1.42694 11.842 1.26846C11.9634 0.882991 12.5492 0.823275 12.7816 1.14482C12.8039 1.17545 12.8751 1.31019 12.8751 1.33239L12.8751 3.87835L12.1564 3.87835L11.9687 5.12817L14.7187 5.12817L14.5311 3.87835L13.8124 3.87835L13.8124 1.30177Z" fill="white"/><path d="M10.0311 11.0645L10.3401 11.9832L10.5312 12.0015L10.5312 12.4544C10.5312 13.0332 11.2109 13.5591 11.7653 13.5656C12.3297 13.5725 13.0312 13.0481 13.0312 12.4544L13.0312 12.0015L13.2222 11.9832L13.5312 11.0645L10.0311 11.0645Z" fill="white"/><path d="M5.60135 4.69764C4.54722 4.53189 4.35194 6.12202 5.36127 6.24911C6.38286 6.37811 6.57508 4.85076 5.60135 4.69764Z" fill="white"/></g><defs><clipPath id="clip0_87_3293"><rect width="16" height="16" fill="white" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 16 0)"/></clipPath></defs></svg>');
}

.product-printer-tag.sls:before {
	margin-top: -2px;
	margin-right: -4px;
	content: url('data:image/svg+xml,<svg width="9" height="18" viewBox="0 0 9 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.08594 15.3352H0.112825V8.24023H8.08594V15.3352ZM4.38176 14.7264H5.80474V14.141H4.41567L4.38176 14.1761V14.7264ZM2.39402 14.7264H3.817V14.1761L3.78309 14.141H2.39402V14.7264ZM4.16015 9.4178C2.9477 9.36489 2.2211 10.847 2.99236 11.8231C3.68437 12.6988 5.0449 12.4823 5.4317 11.4242C5.77553 10.4826 5.13186 9.46027 4.16015 9.41745V9.4178ZM6.66296 12.97H1.5358V13.5555H6.66296V12.97Z" fill="white"/><path d="M2.46286 2.9386L5.72013 2.93164C6.26911 3.37197 6.82513 3.81334 7.34087 4.29543C7.56718 4.50707 7.81195 4.73715 7.99562 4.98638H1.24201V5.57186H8.08594V7.65584H0.112825V5.11517C0.763877 4.2662 1.65702 3.62328 2.46286 2.9386Z" fill="white"/><path d="M8.0856 16.9151C8.0856 16.9917 7.86668 17.1389 7.78173 17.1152H0.416695C0.315293 17.1382 0.112825 16.9868 0.112825 16.8918V15.9199H8.08594V16.9151H8.0856Z" fill="white"/><path d="M2.6667 0.572266H5.53516V2.31686H2.6667V0.572266Z" fill="white"/></svg>');
}

.product-card h3,
.product-card h4 {
	font-family: var(--font-main);
	font-size: 20px;
	line-height: 1.25;
	font-weight: var(--fw-bold);
	margin-bottom: 0;
}

.product-card h4 {
	text-transform: uppercase;
	color: #919191;
}

.product-card .btn {
	margin-top: 18px;
}

/* Product tags */
.product-tags {
	margin-top: 10px;
}

.product-tags .tag {
	display: inline-block;
	background-color: #808080;
	color: var(--c-white);
	font-size: 13px;
	line-height: 1;
	padding: 4px 14px;
	border-radius: var(--radius-max);
	margin: 5px 5px 5px 0;
}

.product-tags.orange .tag,
.product-tags .tag.orange,
.product-tags .tag.active {
	background-color: var(--c-orange);
}

.product-tags.purple .tag,
.product-tags .tag.purple {
	background-color: var(--c-purple);
}

.product-tags.green .tag,
.product-tags .tag.green {
	background-color: var(--c-green);
}

.product-tags.buttons .tag {
	padding: 7px 14px;
	border: 1px solid;
}

.product-tags.buttons .tag {
	color: #808080;
	border-color: #808080;
	background-color: #C9C9C9;
}

.product-tags.buttons .tag:hover {
	background-color: var(--c-white);
}

.product-tags.buttons .tag.orange,
.product-tags.buttons .tag.active {
	color: var(--c-white);
	border-color: var(--c-orange);
	background-color: var(--c-orange);
}

.product-tags.buttons .tag.green {
	color: var(--c-white);
	border-color: var(--c-green);
	background-color: var(--c-green);
}

.product-tags.buttons .tag.purple {
	color: var(--c-white);
	border-color: var(--c-purple);
	background-color: var(--c-purple);
}

.product-tags.buttons .tag.grey {
	color: var(--c-white);
	border-color: #808080;
	background-color: #808080;
}

.product-tags .product-printer-tag {
	line-height: 2;
	position: relative;
	top: 4px;
	left: 0;
}

/* Product sample */
section.products.sample {
	padding-bottom: 145px;
}

section.products.sample .heading h2 br {
	display: none;
}

section.products.sample .heading h2 strong {
	color: var(--c-black);
}

section.products.sample .heading .btn {
	margin-left: 55px;
}

section.products.sample .product-tags .tag:not(.active) {
	color: #808080;
    border-color: #808080;
    background-color: #C9C9C9;	
}

section.products.sample .sample-swiper-controls {
	z-index: 10;
	position: absolute;
}

section.products.sample .sample-swiper-vertical .swiper-slide video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 0.56;
}

section.products.sample .sample-swiper-vertical .swiper-slide .caption {
	inset: 0;
	padding: 15px;
	color: var(--c-white);
}

section.products.sample .sample-swiper-vertical .swiper-slide .caption:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to top, black, transparent);
	pointer-events: none;
}

section.products.sample .sample-swiper-vertical .swiper-slide .caption .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	aspect-ratio: 1;
	border-radius: var(--radius-max);
	background-color: var(--c-orange);
	flex-shrink: 0;
	font-size: 12px;
}

section.products.sample .sample-swiper-vertical .swiper-slide .caption p {
	font-size: 12px;
	color: #C5C5C5;
}

section.products.sample .sample-item:fist-child {
	margin-top: 30px;
}

.sample-item .graphics {
	opacity: 0.5;
	transition: var(--transition);
}

.sample-item .graphics.active {
	opacity: 1;
}

.sample-item .graphics .circle {
	width: 31px;
	height: 31px;
	aspect-ratio: 1;
	border-radius: var(--radius-max);
	background-color: var(--c-orange);
	flex-shrink: 0;
	margin-bottom: 6px;
	cursor: pointer;
}

.sample-item .graphics .line {
	width: 2px;
	height: 100%;
	background-color: var(--c-orange);
	margin-bottom: 6px;
}

.sample-item:last-of-type .graphics .line {
	display: none;
}

.sample-item .content {
	padding-left: 24px;
}


/* Product single */
.product .product-meta {
	margin-top: 64px;
}

.product .product-meta h1 {
	font-size: 55px;
	line-height: 1;
	letter-spacing: 0.5px;
}

.product .product-meta .chemical {
	font-size: 15px;
	color: #7C7C7C;
}

.product .product-meta .amount {
	font-weight: var(--fw-medium);
}

.product .product-meta .review-cnt {
	font-size: 14px;
	color: #727272;
	text-decoration: underline;
	margin-right: 50px;
}

.product .product-meta .review-cnt .stars {
	margin-right: 10px;
	margin-bottom: 3px;
}

.product .product-meta .description {
	margin-top: 14px;
	font-weight: var(--fw-medium);
	color: #7C7C7C;
}

.product .product-meta .cta {
	margin-top: 18px;
	margin-bottom: 32px;
}

.product .product-meta .cta .btn {
	padding-left: 100px;
	padding-right: 100px;
}

.product .product-meta .hero.orange .hero-atts svg {
	color: var(--c-orange);
}

.product .product-meta .hero.purple .hero-atts svg {
	color: var(--c-purple);
}

.product .product-meta .hero.green .hero-atts svg {
	color: var(--c-green);	
}

.product .product-meta .hero .hero-atts p {	
	font-size: 16px;
	font-weight: var(--fw-bold);
}

.product .product-video-gallery {
	margin-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E1DED9;
}

.product .product-video-gallery h3 {
	font-size: 16px;
}

.product .product-video-gallery img {
	border: 1px solid var(--c-orange);
	border-radius: 5px;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}

.product .product-properties {
	background-color: #1F1F1F;
	border-radius: 8px;
	margin-top: 20px;
	padding: 40px 30px;
	color: var(--c-white);
}

.product .product-properties h2 {
	font-size: 36px;
	line-height: 1;
	letter-spacing: -0.7px;
	margin-bottom: 40px;
}

.product .product-properties h2 strong {
	font-size: 52px;
	line-height: 1.2;
}

.product .product-properties.orange h2 strong {
	color: var(--c-orange);
}

.product .product-properties.purple h2 strong {
	color: var(--c-purple);
}

.product .product-properties.green h2 strong {
	color: var(--c-green);
}

.product .product-properties ul {
	list-style-type: none;
	padding-left: 40px;
}

.product .product-properties ul li {
	margin-bottom: 25px;
}

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

.product .product-properties ul li:before {
	position: absolute;
	left: -40px;
	top: 0;
	content: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.84888 13.068C5.59811 13.0681 5.34979 13.0187 5.11814 12.9227C4.88648 12.8267 4.67605 12.6859 4.49887 12.5085L0.328125 8.33997L1.91963 6.74922L5.84888 10.6785L16.0781 0.449219L17.6696 2.03997L7.19888 12.5085C7.0217 12.6859 6.81126 12.8267 6.57961 12.9227C6.34796 13.0187 6.09964 13.0681 5.84888 13.068Z" fill="white"/></svg>');
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-max);
	padding-top: 4px;
}

.product .product-properties.orange ul li:before {
	background-color: var(--c-orange);
}

.product .product-properties.purple ul li:before {
	background-color: var(--c-purple);
}

.product .product-properties.green ul li:before {
	background-color: var(--c-green);
}

.product .product-properties ul li h3 {
	font-size: 18px;
	padding-top: 2px;
	margin-bottom: 4px;
}

.product .product-properties ul li p {
	color: #ACACAC;
	font-size: 16px;
	font-weight: var(--fw-bold);
}

.product .product-photo-gallery {
	margin-bottom: 20px;
}

.product .product-photo-gallery .photo {
	margin-bottom: 10px;
}

.product .product-photo-gallery .photo img,
.product .product-photo-gallery .thumb img {
	width: 100%;
	height: 100%;
	background-color: #eee;
}

.product .product-photo-gallery .photo img {
	object-fit: contain;
	aspect-ratio: 3 / 4;
}

.product .product-photo-gallery .thumb img {
	object-fit: cover;
	aspect-ratio: 1;
}

.product .product-compare {
	background-color: #DBDBDB;
	padding: 30px 50px;
	border-radius: 8px;
}

.product .product-compare h2 {
	font-size: 36px;
	line-height: 1;
	letter-spacing: -0.7px;
	margin-bottom: 0;
}

.product .product-compare h4 {
	font-size: 18px;
	color: #999;
}

.product .product-compare h3 {
	color: #1F1F1F;
	font-size: 18px;
	line-height: 2;
}

.product .product-compare ul {
	list-style-type: none;
	padding-left: 20px;
}

.product .product-compare p {
	color: #7C7C7C;	
	line-height: 1.4;
}

.product .product-compare ul li {
	font-size: 16px;
	font-weight: var(--fw-bold);
	line-height: 1.2;
	color: #4A4A4A;
	margin-bottom: 16px;
}

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

.product .product-compare ul li:before {
	position: absolute;
	top: 0;
	left: -20px;
	width: 14px;
	height: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-max);	
}

.product .product-compare ul.pros li:before {
	content: url('data:image/svg+xml,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.42444 6.53398C3.29906 6.53404 3.1749 6.50935 3.05907 6.46135C2.94324 6.41335 2.83802 6.34296 2.74944 6.25423L0.664062 4.16998L1.45981 3.37461L3.42444 5.33923L8.53906 0.224609L9.33481 1.01998L4.09944 6.25423C4.01085 6.34296 3.90563 6.41335 3.78981 6.46135C3.67398 6.50935 3.54982 6.53404 3.42444 6.53398Z" fill="white"/></svg>');
	background-color: var(--c-green);
}

.product .product-compare ul.cons li:before {
	content: url('data:image/svg+xml,<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.665365 5.91732L0.0820312 5.33398L2.41536 3.00065L0.0820312 0.667318L0.665365 0.0839844L2.9987 2.41732L5.33203 0.0839844L5.91536 0.667318L3.58203 3.00065L5.91536 5.33398L5.33203 5.91732L2.9987 3.58398L0.665365 5.91732Z" fill="%23E8EAED"/></svg>');
	background-color: var(--c-red);
	padding-bottom: 2px;
}

/* Upsell  */
.product-upsell {
	padding-bottom: 75px;
}




/* Reviews */
section.reviews {
	background-color: #e6e6e6;
	padding: 75px 0 65px 0;
}

section.reviews h2 {
	margin-bottom: 50px;
	text-align: center;
}

.review-card .thumbnail {
	margin-bottom: 25px;
}

.review-card .thumbnail img {
	max-width: 212px;
	max-height: 212px;
	aspect-ratio: 1;
	object-fit: cover;
}

.review-card .text {
	margin-bottom: 10px;
}

.review-card h3,
.review-card h4 {
	font-family: var(--font-main);
	margin-bottom: 0;
}

.review-card h3 {
	font-size: 16px;
	color: #707170;
	font-weight: var(--fw-normal);	
}

.review-card h4 {
	font-size: 12px;
	font-weight: var(--fw-bold);
}

.review-card .btn {
	margin-top: 25px;
}




/* HP Guides */
section.guides .guide-swiper,
section.guides .heading {
	padding-top: 90px;
}

section.guides .guide-swiper .swiper-nav {
	top: 40px;
	right: 0;	
}

.guide-card .thumbnail:after {
	content: url('data:image/svg+xml,<svg width="86" height="85" viewBox="0 0 86 85" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.5469 61.625L62.2969 42.5L32.5469 23.375V61.625ZM43.1719 85C37.2927 85 31.7677 83.8844 26.5969 81.6531C21.426 79.4219 16.9281 76.3938 13.1031 72.5687C9.27812 68.7438 6.25 64.2458 4.01875 59.075C1.7875 53.9042 0.671875 48.3792 0.671875 42.5C0.671875 36.6208 1.7875 31.0958 4.01875 25.925C6.25 20.7542 9.27812 16.2563 13.1031 12.4313C16.9281 8.60625 21.426 5.57812 26.5969 3.34688C31.7677 1.11563 37.2927 0 43.1719 0C49.051 0 54.576 1.11563 59.7469 3.34688C64.9177 5.57812 69.4156 8.60625 73.2406 12.4313C77.0656 16.2563 80.0938 20.7542 82.325 25.925C84.5563 31.0958 85.6719 36.6208 85.6719 42.5C85.6719 48.3792 84.5563 53.9042 82.325 59.075C80.0938 64.2458 77.0656 68.7438 73.2406 72.5687C69.4156 76.3938 64.9177 79.4219 59.7469 81.6531C54.576 83.8844 49.051 85 43.1719 85ZM43.1719 76.5C52.6635 76.5 60.7031 73.2063 67.2906 66.6188C73.8781 60.0312 77.1719 51.9917 77.1719 42.5C77.1719 33.0083 73.8781 24.9688 67.2906 18.3813C60.7031 11.7938 52.6635 8.5 43.1719 8.5C33.6802 8.5 25.6406 11.7938 19.0531 18.3813C12.4656 24.9688 9.17188 33.0083 9.17188 42.5C9.17188 51.9917 12.4656 60.0312 19.0531 66.6188C25.6406 73.2063 33.6802 76.5 43.1719 76.5Z" fill="%23E8EAED"/></svg>');
	width: 85px;
	height: 85px;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.guide-card .thumbnail img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1.5;
	object-fit: cover;
}

.guide-card .thumbnail h3 {
	left: 15px;
	top: 15px;
	color: var(--c-white);
	font-size: 35px;
	line-height: 1.1;
}

.guide-card .thumbnail h3 strong {
	font-weight: var(--fw-normal);
	display: block;
	color: var(--c-orange);
}

.guide-card.purple .thumbnail h3 strong {
	color: var(--c-purple);
}

.guide-card.green .thumbnail h3 strong {
	color: var(--c-green);
}

.guide-card .thumbnail .logo {
	width: 38px;
	height: auto;
	left: 15px;
	bottom: 15px;
}

.guide-card.purple .logo path {
	fill: var(--c-purple);
}

.guide-card.green .logo path {
	fill: var(--c-green);
}

.guide-card .product-card {
	margin-top: 12px;
}



/* HP Conclusion */
section.conclusion {
	padding-bottom: 90px;
}
section.conclusion h2 s {
	position: relative;
}

section.conclusion h2 s:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 90px;
	transform: translateY(-100%);
	width: 215px;
	height: 43px;
	background-image: url('../img/cosmetics-handwritten.png');
	background-repeat: no-repeat;
	background-size: contain;

}



/* About */
section.about {
	background-color: #E6E6E6;	
}

section.about.hero {
	background-color: #1F1F1F;
	padding: 110px 0;
	color: var(--c-white);
}

section.about.hero .heading h2 {
	color: var(--c-orange);
}

section.about.hero .heading p {
	font-size: 32px;
	color: #E9E9E9;
	margin-bottom: 1em;	
}

section.about.gallery {
	background-color: var(--c-white);
}

section.about.gallery img {
	aspect-ratio: 1;
}

section.about.phases .phase-wrapper {
	padding: 85px 0 100px 0;
}

section.about.phases .phase-wrapper h2 {
	text-transform: uppercase;
	font-size: 52px;	
}

section.about.phases .phase-wrapper p {
	font-size: 32px;
	margin-bottom: 1em;
}

section.about.phases .phase-wrapper.black {
	background-color: #282828;
	color: var(--c-white);
}

section.about.phases .phase-wrapper.black h2 {
	color: var(--c-orange);
}

section.about.phases .phase-wrapper.black p {
	color: #E6E6E6;
}

section.about.phases .phase-nav {
	margin-bottom: 50px;
}

section.about.phases .phase-nav .current,
section.about.phases .phase-nav .next {
	font-size: 35px;
	font-family: var(--font-heading);
	line-height: 1;
	padding: 10px 7px;
	text-transform: uppercase;
	display: inline-block;	
}

section.about.phases .phase-nav .current {
	margin-right: 40px;
	color: var(--c-white);
	background-color: var(--c-orange);
}

section.about.phases .phase-nav .next {
	margin-left: 40px;
	color: rgba(255, 111, 7, 0.6);
	background-color: rgba(255, 111, 7, 0.3);
}

section.about.phases .about-phases-swiper {
	--swiper-navigation-size: 20px;
	--swiper-navigation-color: var(--c-black);
}

/*
section.about.phases .about-phases-swiper .black  {
	--swiper-navigation-color: var(--c-white);
}
*/

section.about.phases .about-phases-swiper .swiper-button-prev,
section.about.phases .about-phases-swiper .swiper-button-next {
	position: relative;
	left: unset;
	top: 5px;
	right: unset;
	width: 40px;
	height: 40px;
	background-color: #D9D9D9;
	border-radius: var(--radius-max);
}

section.about.phases .about-phases-swiper .swiper-button-prev:after, 
section.about.phases .about-phases-swiper .swiper-button-next:after {
	font-weight: var(--fw-bold);
}

section.about.phases .about-phases-swiper .swiper-button-prev {
	margin-right: 14px;
}

section.about.phases .about-phases-swiper .swiper-button-next {
	margin-left: 14px;
}







/* WS Forms */
.wsf-form {
	--wsf-field-button-font-weight: var(--fw-normal);
	--wsf-field-message-success-color-background: var(--c-green-bg);
	--wsf-field-message-success-border-color: var(--c-green);
	--wsf-field-message-success-color: var(--c-green);
	--wsf-form-grid-gap: 8px;
}

.wsf-form label.wsf-label {
	font-weight: var(--fw-normal) !important;
}

.wsf-form input.wsf-field:not([type="checkbox"]),
.wsf-form textarea.wsf-field {
	padding: 16px !important;
	font-size: 16px !important;
	height: auto !important;
	font-weight: var(--fw-normal) !important;
}

.wsf-form input.wsf-field:not([type="checkbox"]):focus,
.wsf-form textarea.wsf-field:focus {
	box-shadow: none !important;
}

.wsf-form input.wsf-field::placeholder,
.wsf-form textarea.wsf-field::placeholder {
	font-weight: var(--fw-normal) !important;
}

.wsf-form button.wsf-button {
	font-size: 16px !important
	font-weight: var(--fw-normal) !important;
	padding: 16px !important;
	line-height: 1 !important;
	width: max-content !important;
	transition: var(--transition) !important;
}

.wsf-form button.wsf-button:focus {
	box-shadow: none !important;
}

.wsf-form input[type=checkbox].wsf-field {
}

.wsf-form input[type=checkbox].wsf-field:focus {
	box-shadow: none !important;
}

.wsf-form input[type=checkbox].wsf-field:checked {
}

.footer-form .wsf-form {
	--wsf-field-button-primary-color-background: var(--c-white);
	--wsf-field-button-primary-border-color: var(--c-white);
	--wsf-field-button-primary-color: var(--c-orange);
	--wsf-field-button-primary-color-background-hover: var(--c-white);
	--wsf-field-button-primary-border-color-hover: var(--c-white);
	--wsf-field-button-primary-color-hover: var(--c-orange);
	--wsf-field-button-primary-color-background-focus: var(--c-white);
	--wsf-field-button-primary-border-color-focus: var(--white);
	--wsf-field-button-primary-color-focus: var(--c-orange);	
}

.footer-form .wsf-form input.wsf-field:not([type="checkbox"]),
.footer-form .wsf-form textarea.wsf-field {
	border-radius: var(--radius-max) !important;
	border: 0 !important;
	color: var(--c-black);
}
.footer-form .wsf-form input.wsf-field::placeholder,
.footer-form .wsf-form textarea.wsf-field::placeholder {
	color: #6B7280 !important;
}

.footer-form .wsf-form button.wsf-button {
	border-radius: 0 var(--radius-max) var(--radius-max)  0 !important;
}

.footer-form .wsf-form .submit-button {
	position: absolute;
	right: 10px;
	top: 1px;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
}

.contact-form .wsf-form {
	--wsf-field-button-primary-color-background: var(--c-orange);
	--wsf-field-button-primary-border-color: var(--c-orange);
	--wsf-field-button-primary-color: var(--c-white);
	--wsf-field-button-primary-color-background-hover: var(--c-white);
	--wsf-field-button-primary-border-color-hover: var(--c-orange);
	--wsf-field-button-primary-color-hover: var(--c-orange);
	--wsf-field-button-primary-color-background-focus: var(--c-white);
	--wsf-field-button-primary-border-color-focus: var(--orange);
	--wsf-field-button-primary-color-focus: var(--c-orange);	
}

.contact-form .wsf-form input.wsf-field:not([type="checkbox"]),
.contact-form .wsf-form textarea.wsf-field {
	background-color: #F5F5F5 !important;
	border-color: #DCE7E7 !important;
	color: #7C7C7C !important;
	border-radius: 0 !important;
}
.contact-form .wsf-form input.wsf-field::placeholder,
.contact-form .wsf-form textarea.wsf-field::placeholder {
	color: #9CA1A4 !important;
	text-decoration: underline;
}

.contact-form .wsf-form button.wsf-button {
	border-radius: 0 !important;
	padding: 16px 40px !important;
	text-decoration: underline;
}

.contact-form .wsf-form  .wsf-field-wrapper[data-type="checkbox"] div {
	transform: translateY(33%);
}

.contact-form .wsf-form  .wsf-field-wrapper[data-type="checkbox"] label,
.contact-form .wsf-form  .wsf-field-wrapper[data-type="checkbox"] label a {
	color: #D9D9D9;	
	text-decoration: underline;
}

.contact-form .wsf-form  .wsf-field-wrapper[data-type="checkbox"] input,
.contact-form .wsf-form  .wsf-field-wrapper[data-type="checkbox"] input:hover {
	background-color: #DCE7E7 !important;
	border-color: #DCE7E7 !important;
	border-radius: 4px;
}

.contact-form .wsf-form  .wsf-field-wrapper[data-type="checkbox"] input:checked:after {
	border-color: var(--c-black);
}

.contact-form .wsf-form .wsf-field-wrapper[data-type="html"],
.contact-form .wsf-form .wsf-field-wrapper[data-type="html"] a {
	color: #D9D9D9;
}




/* FAQ */
section.faq .heading h1 {
	color: var(--c-orange);
	font-size: 18px;
}

section.faq .faq-wrapper {
	margin-bottom: 70px;
}

section.faq .faq-wrapper img {
	max-width: 100px;
	max-height: 100px;
	width: auto;
	height: auto;
	margin-left: 20px;
}

section.faq .faq-wrapper .product-tags {
	margin-bottom: 16px;
}

section.faq .faq-wrapper .faq-accordion {
	clear: both;
}

.faq-accordion .accordion-item {
	overflow: hidden;
	border-bottom: 1px solid #D1D5DB;
	transition: var(--transition);
	padding: 24px 0;
}

.faq-accordion .accordion-item:last-child {
	border-bottom: 1px solid #D1D5DB;
}

.faq-accordion .accordion-header {
	font-family: var(--font-main);
	font-weight: var(--fw-bold);
	font-size: 20px;
}

.faq-accordion .accordion-item .accordion-button {
	font-size: inherit;
	box-shadow: none;
	padding: 0;
	justify-content: space-between;
}

.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: transparent;
	color: var(--c-black);
}

.faq-accordion .accordion-item .accordion-button:after {
	background-image: url('data:image/svg+xml,<svg width="18" height="3" viewBox="0 0 18 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5625 1.51953H16.9225" stroke="%237C7C7C" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	transition: none;
	transform: translateY(8px);
	margin-left: 20px;
}

.faq-accordion .accordion-item .accordion-button.collapsed:after {
	background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5625 8.51953H16.9225" stroke="%237C7C7C" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.23828 0.839844V16.1998" stroke="%237C7C7C" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	transform: none;
}

.faq-accordion .accordion-item .accordion-body {
	padding: 20px 40px 0 0;
	font-size: 17px;
	line-height: 24px;
	color: #919191;
}



/* Where to buy */
section.sellers .heading h1 {
	color: var(--c-orange);
	margin-bottom: 16px;
}

section.sellers .heading h2 {
	color: #565656;
	font-size: 18px;
	margin-bottom: 8px;
}

section.sellers .underline {
	font-weight: var(--fw-medium);
	color: #7c7c7c;
	text-decoration: underline;
	margin-bottom: 8px;
}

section.sellers .country-selectors select {
	padding: 14px 56px 12px 16px;
	color: #3B3E40;
	text-decoration: underline;
	width: auto;
}

section.sellers .country-selectors select,
section.sellers .country-selectors select:focus {
	border-color: #D4D7D9;
	box-shadow: none;
}

section.sellers .results.notfound {
	display: none;
}

section.sellers .sellers-swiper:not(.swiper-initialized) .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

section.sellers .seller-card {
	height: 100%;
	background-color: #F5F5F5;
	padding: 40px 45px 70px 45px;
}

section.sellers .seller-card .logo {
	margin-bottom: 10px;
	height: 52px;
}

section.sellers .seller-card .logo img {
	max-width: 50%;
}

section.sellers .seller-card h3 {
	font-family: var(--font-main), sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	text-decoration: underline;
	color: var(--c-black);
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}

section.sellers .seller-card h3:after {
	content: url('data:image/svg+xml,<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.537471 2.63052C0.35549 2.45133 0.248965 2.2093 0.239744 1.95408C0.230523 1.69885 0.319305 1.44976 0.487882 1.25791C0.656459 1.06605 0.892053 0.945968 1.14635 0.922281C1.40064 0.898595 1.65436 0.973102 1.85547 1.13052L1.94947 1.21452L5.69947 4.95152C6.20047 5.45152 6.23547 6.24352 5.80147 6.78352L5.69747 6.89952L1.94947 10.6315C1.76969 10.8134 1.52706 10.9195 1.27146 10.928C1.01587 10.9365 0.766738 10.8467 0.575289 10.6771C0.383839 10.5076 0.264623 10.2711 0.242152 10.0164C0.21968 9.76165 0.295661 9.50797 0.454471 9.30752L0.538472 9.21352L3.84147 5.92552L0.537471 2.63052Z" fill="black" fill-opacity="0.85"/></svg>');
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
}

section.sellers .seller-card .availability {
	font-size: 14px;
	line-height: 22px;
	color: #9CA1A4;
	text-decoration: underline;
	margin-bottom: 14px;
}

section.sellers .seller-card .product-tags .tag {
	text-decoration: underline;
}

section.sellers .contact-form {
	color: #7C7C7C;
}



/* Contact */
section.contact {
	background-color: #1A1A1A;
	color: #D2D2D2;
	padding: 80px 0 160px 0;
}

section.contact .heading h1 {
	color: var(--c-orange);
}

section.contact .content a {
	color: #D2D2D2;
	text-decoration: underline;
}

section.contact .content form {
	margin-top: 2rem;
}





/* Footer */
footer {
	background-color: var(--c-orange);
	color: var(--c-white);
}

footer .container-xxl {
	padding-top: 45px;
	padding-bottom: 45px;
}

footer .footer-content {
	width: 30%;
	margin-right: 40px;
}

footer .footer-content h2 {
	font-size: 35px;
	text-transform: uppercase;
	letter-spacing: calc(35px * -0.02);
	line-height: 1;
}

footer .footer-navs {
	width: 45%;
	margin-right: 40px;
}

footer .footer-newsletter {
	width: 25%;
}

footer .footer-navs .footer-nav {
	width: 33.33%;
}

footer .footer-navs .footer-nav ul {
	list-style-type: none;
	padding-left: 0;
	font-weight: var(--fw-thin);
}

footer .footer-navs .footer-nav ul li {
	margin-bottom: 16px;
}

footer .footer-navs .footer-nav ul li:last-child {
	margin-bottom: 0;
}

footer .footer-navs .footer-nav ul li a {
	color: var(--c-white);
	line-height: 22px;
}

footer .footer-navs,
footer .footer-newsletter {
	padding-top: 24px;
}

footer .footer-navs h3,
footer .footer-newsletter h3 {
	font-family: var(--font-main);
	font-size: 18px;
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	margin-bottom: 24px;
}

footer .footer-newsletter p {
	font-weight: var(--fw-thin);

}

footer .footer-socials {
	column-gap: 16px;
	margin-top: 4px;
}

footer .footer-socials svg {
	width: 24px;
	height: 24px;
}

footer .hero-atts {
	width: 60%;
}

footer .hero-atts .hero-att p {
	font-weight: var(--fw-normal);
}



/* Section paddings - for better scrolling to anchor */
@media (min-width: 992px) {
	#explore {
		margin-top: -94px !important;
		padding-top: 94px !important;
	}

	#reviews {
		margin-top: calc(-94px - 75px) !important;
		padding-top: calc(94px + 75px) !important;
	}
}






/* Media queries */
/* Smaller than XXL  */
@media (max-width: 1399.98px) {
	.navbar-nav {
		column-gap: 15px;
		margin-right: 10px;
	}

	.navbar-brand {
		margin-right: 10px;
	}
}

/* Smaller than XL */
@media (max-width: 1199.98px) {
	/* Banner  */
	section.banner .banner-content {
		padding-bottom: 35px;
	}

}

/* Smaller than LG */
@media (max-width: 991.98px) {
	/* Common */
	body:not(.page-template-template-kde-koupit) {
		background-color: #E5E5E5;
	}

	section, 
	.section-padding {
	}

	section h1 {
		font-size: 40px;
		letter-spacing: -1px;	
	}

	/* Header */
	header {
		background-color: var(--c-white);
	}

	header.sticky-top {
		position: relative;
	}

	.admin-bar header.sticky-top {
		top: 0;
	}

	.navbar {
		padding: 15px 0;
	}

	.navbar-toggler {
		border: 0;
		padding: 5px;
		background-color: transparent;
		width: 60px;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.navbar-toggler-icon {
		background-image: url('data:image/svg+xml,<svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.5" width="30" height="3" rx="1.5" fill="%232F2F2F"/><rect y="9.5" width="30" height="3" rx="1.5" fill="%232F2F2F"/><rect y="18.5" width="30" height="3" rx="1.5" fill="%232F2F2F"/></svg>');
	}

	.navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: var(--c-white);
	}

	.navbar-brand img {
		width: 55px;
	}

	.navbar-nav .nav-link {
		padding: 8px 0;
		position: relative;
	}

	.navbar-nav .dropdown-menu {
		width: 100%;
		box-shadow: none;
	}

	.navbar-nav .dropdown-menu li {
		padding: 0;
		border-bottom: 1px solid var(--c-white);
	}

	.navbar-nav .dropdown-menu li:last-child {
		border-bottom: 0;
	}

	.dropdown-toggle {
		color: var(--c-black) !important;
	}

	.dropdown-toggle::before {
		display: inline-block;
		content: '+';
		color: var(--c-orange);
		font-size: 32px;
		line-height: 1;
		border: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.dropdown-toggle.show::before {
		content: '–';
	}

	.current-menu-item .nav-link:after {
		display: none;
	}

	.product-megamenu-item {
		padding: 0;
	}

	.product-megamenu-item > .d-grid {
		gap: 10px;
		grid-template-columns: 80px 1fr;
	}

	.product-megamenu-item .meta {
		padding: 10px 20px 10px 0;
		order: 2;
	}

	.product-megamenu-item .meta a {
		width: auto;
	}

	.product-megamenu-item .excerpt br {
		display: none;
	}

	.product-megamenu-item .title {
		line-height: 1;
	}

	.product-megamenu-item .thumbnail {
		width: auto;		
		text-align: left;
		order: 1;
	}

	.product-megamenu-item .thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	/* Swiper common */
	.swiper-nav.desktop-nav {
		top: unset;
		right: unset;
		bottom: 0;
		left: 0;
		column-gap: 10px;
	}

	.swiper-nav.desktop-nav .swiper-button-prev,
	.swiper-nav.desktop-nav .swiper-button-next {
		margin-right: 0;
	} 



	/* Hero */
	section.hero {
		padding-top: 45px;
	}

	section.hero img {
		top: 0;
		right: 0;
		z-index: -1;
		transform: translateY(8%);
	}

	/* Reviews */
	section.reviews {
		background-color: #D2D2D2;
		padding: 40px 0;
	}

	section.reviews h2 {
		text-align: left;
	}

		.review-card .thumbnail img {
		max-width: 100%;
		max-height: 100%;
	}

	.review-thumbnail .thumbnail img {
		aspect-ratio: 1;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	/* Guides */
	section.guides {
		padding-top: 60px;
	}

	section.guides .guide-swiper {
		padding-top: 0;
		padding-bottom: 40px;
	}

	section.guides .guide-swiper .swiper-nav {
		top: unset;
		right: unset;
	}

	section.guides .heading {
		padding-top: 0;
	}

	/* FAQ */
	.faq-accordion {
		--bs-accordion-bg: #E5E5E5;
	}

	.faq-accordion .accordion-header {
		font-size: 15px;
		font-weight: var(--fw-bold);
	}

	/* Product card */ 
	section.products .product-card {
		margin-bottom: 0;
	}

	section.product-upsell .product-card {
		margin-bottom: 64px;
	}

	section.products,
	section.product-upsell {
		padding-bottom: 0;
	}

	section.products.hero .hero-atts {
		grid-template-columns: repeat(4, 1fr);
		stroke: unset;
	}

	.products.hero .hero-atts .hero-att svg {
		width: 40px;
		height: 40px;
		padding: 6px;
		background-color: var(--c-orange);
	}



	/* Product single */
	.product .product-meta {
		margin-top: 10px;
	}

	.product .product-meta .hero .hero-atts {
		grid-template-columns: repeat(4, 1fr);
	}

	.product .product-meta .hero.orange .hero-atts svg {
		background-color: var(--c-orange);
		color: var(--c-white);
	}

	.product .product-meta .hero.purple .hero-atts svg {
		background-color: var(--c-purple);
		color: var(--c-white);
	}

	.product .product-meta .hero.green .hero-atts svg {
		background-color: var(--c-green);	
		color: var(--c-white);
	}


	.product .product-photo-gallery .photo img {
		max-height: 50vh;
	}

	.product .product-photo-gallery .photo img, 
	.product .product-photo-gallery .thumb img {
		background-color: #E5E5E5;
	}

	.product .product-video-gallery {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.product .product-compare {
		margin-top: 0;
		padding: 50px 15px 30px 15px;
		border-radius: 0;
		box-shadow: 0 0 0 100vmax #DBDBDB;
		clip-path: inset(0 -100vmax);
	}

	.product .product-compare h2 {
		font-size: 25px;
		letter-spacing: -0.5px;
	}

	.product .product-compare h4 {
		font-size: 15px;
	}

	.product .product-properties {
		border-radius: 0;
		box-shadow: 0 0 0 100vmax #1F1F1F;
		clip-path: inset(0 -100vmax);
	}

	/* Product sample */
	section.products.sample {
		padding-bottom: 60px;
	}

	section.products.sample .sample-swiper-controls {
		position: relative;
	}

	/* About */
	section.about.phases .about-phases-swiper {
		--swiper-navigation-size: 18px;
	}

	/* Footer */
	footer .footer-content {
		width: 75%;
		margin: 0;
	}

	footer .footer-navs,
	footer .footer-navs .footer-nav,
	footer .hero-atts,
	footer .footer-newsletter {
		width: 100%;
		margin: 0;
	}


	footer .footer-logo {
		max-width: 280px;
	}
}

/* Smaller than MD */
@media (max-width: 767.98px) {
	/* Common */
	:root {
		--bs-body-font-size: 15px;
	}

	.container-xxl {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* Section */
	section .heading h1	{
		font-size: 35px;
		letter-spacing: 0;
	}

	section .heading h2 {
		font-size: 25px;
		letter-spacing: 0;
	}

	/* HP Banner */
	section.banner h1 {
		font-size: 35px;
	}

	section.banner .btn {
		padding: 7px 24px;
		margin-bottom: 10px;
	}

	section.banner p.text-bigger {
		font-size: 15px;
		line-height: 1.33;
	}

	/* Swiper common */
	.swiper-nav .swiper-button-prev {
		content: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5L1 5M1 5L5.12499 9M1 5L5.125 0.999999" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	}

	.swiper-nav .swiper-button-next {
		content: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5H12M12 5L7.87501 1M12 5L7.87501 9" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	}


	/* Hero */ 
	.hero-atts {
		grid-template-columns: 1fr 1fr;
	}

	.hero-atts .hero-att {
		font-size: 12px;
	}


	/* Product single */
	.product .product-meta h1 {
		font-size: 25px;
	}

	.product .product-meta .amount {
		font-size: 14px;		
	}

	/* About */
	section.about.hero .heading p,
	section.about.phases .phase-wrapper p {
		font-size: 15px;
	}

	section.about.phases .phase-wrapper h2 {
		font-size: 35px;
	}

	section.about.phases .phase-nav .current, 
	section.about.phases .phase-nav .next {
		font-size: 15px;
		padding: 5px 10px;
	}

	section.about.phases .phase-nav .current {
		margin-right: 20px;
	}

	section.about.phases .phase-nav .next {
		margin-left: 20px;
	}

	/* Where to buy */
	section.sellers .country-selectors select {
		width: 75%;
	}

	section.sellers .country-selectors select:first-of-type {
		margin-bottom: 10px;
	}

	section.sellers .sellers-swiper:not(.swiper-initialized) .swiper-wrapper {
		grid-template-columns: 1fr;
	}

	/* Footer */
	footer .footer-socials {
		justify-content: center;
	}

	footer .footer-navs ul {
		display: none;
	}

	footer .footer-navs .footer-nav {
		border-top: 1px solid var(--c-white);
	}

	footer .footer-navs .footer-nav:last-child {
		border-bottom: 1px solid var(--c-white);		
	}

	footer .footer-navs h3 {
		padding: 24px 0;
		margin: 0;
		cursor: pointer;
	}

	footer .footer-navs h3:after {
		content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2V14M2 8H14" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		position: absolute;
		width: 16px;
		height: 16px;
		top: calc(50% - 4px);
		right: 0;
		transform: translateY(-50%);
	}

	footer .footer-navs h3.open:after {
		content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8H14" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');		
	}


}

/* Smaller than SM */
@media (max-width: 575.98px) {
	/* Footer */
	footer .footer-content {
		width: 100%;
	}

	section.hero img {
		transform: translate(38%, 8%);
	}

}