@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {

	/* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1920,24,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--step--2: clamp(0.6944rem, 0.6413rem + 0.2656vw, 0.96rem);
	--step--1: clamp(0.8333rem, 0.76rem + 0.3667vw, 1.2rem);
	--step-0: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	--step-1: clamp(1.2rem, 1.065rem + 0.675vw, 1.875rem);
	--step-2: clamp(1.44rem, 1.2593rem + 0.9038vw, 2.3438rem);
	--step-3: clamp(1.728rem, 1.4877rem + 1.2017vw, 2.9297rem);
	--step-4: clamp(2.0736rem, 1.7559rem + 1.5885vw, 3.6621rem);
	--step-5: clamp(2.4883rem, 2.0705rem + 2.0893vw, 4.5776rem);
	--step-6: clamp(2.986rem, 2.4388rem + 2.7361vw, 5.722rem);

	--space-3xs: clamp(0.25rem, 0.225rem + 0.125vw, 0.375rem);
	--space-2xs: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
	--space-xs: clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem);
	--space-s: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	--space-m: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
	--space-l: clamp(2rem, 1.8rem + 1vw, 3rem);
	--space-xl: clamp(3rem, 2.7rem + 1.5vw, 4.5rem);
	--space-2xl: clamp(4rem, 3.6rem + 2vw, 6rem);
	--space-3xl: clamp(5rem, 4.5rem + 2.5vw, 7.5rem);
	--space-4xl: clamp(6rem, 5.4rem + 3vw, 9rem);
	
	--space-3xs-2xs: clamp(0.25rem, 0.15rem + 0.5vw, 0.75rem);
	--space-2xs-xs: clamp(0.5rem, 0.375rem + 0.625vw, 1.125rem);
	--space-xs-s: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
	--space-s-m: clamp(1rem, 0.75rem + 1.25vw, 2.25rem);
	--space-m-l: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
	--space-l-xl: clamp(2rem, 1.5rem + 2.5vw, 4.5rem);
	--space-xl-2xl: clamp(3rem, 2.4rem + 3vw, 6rem);
	--space-2xl-3xl: clamp(4rem, 3rem + 5vw, 9rem);

	--space-xs-l: clamp(0.75rem, 0.3rem + 2.25vw, 3rem);
	--space-s-l: clamp(1rem, 0.6rem + 2vw, 3rem);
	--space-s-xl: clamp(1rem, 0.3rem + 3.5vw, 4.5rem);
 	--space-m-xl: clamp(1.5rem, 0.9rem + 3vw, 4.5rem);

	--space-2-4: clamp(0.125rem, 0.1rem + 0.125vw, 0.25rem);
	
	--space-0-xl: clamp(0rem, -3rem + 6.25vw, 4.5rem);
	--space-0-xxxl: calc(var(--space-0-xl) * 3);

	--red: #ef2333;
	
	--wave-size-sm: clamp(70px, 44px + 8.125vw, 200px);
	--wave-size-md: clamp(190px, 118px + 22.5vw, 550px);
	--wave-size-lg: clamp(450px, 284px + 51.875vw, 1280px);

}


body:not(.wp-admin) {background-color: var(--red); font-family: 'Montserrat', 'Roboto', system-ui;}


/* global utility classes */

.container-fluid {padding: 0;}

.content-wrapper {width: 100%; max-width: 1920px; margin-inline: auto;}

.content-padding {padding-inline: var(--space-m-xl);}
.content-padding-md {padding-inline: calc(var(--space-m-xl) + var(--space-0-xl));}
.content-padding-lg {padding-inline: calc(var(--space-m-xl) + var(--space-0-xxxl));}

@media (max-width: 991.98px) {
.content-md-max-width {max-width: min(100%, 40rem); margin-inline: auto;}
}


	/* heading & heading-container */

.heading-container {
	--heading-container-width: 100%;
	--heading-svg-color: var(--red);
	width: var(--heading-container-width);
	text-align: center;
}
.heading-container svg {
	position: relative;
	top: calc(var(--space-s) * -1);
	width: clamp(12.5rem, 9.25rem + 16.25vw, 28.75rem);
	font-size: 25.5px;
}
.heading-container svg path {fill: rgba(0,0,0,0);}
.heading-container svg textPath {fill: var(--heading-svg-color); font-weight: 500; text-align: center;}
@media (max-width: 991.98px) {
.heading-container svg {top: calc(var(--space-2xs) * -1);}
}

.heading {
	--heading-font-size: var(--step-6);
	--heading-color: #fff;
	--heading-shadow-size: var(--space-2-4);
	--heading-shadow-color: #da1f2e;
	margin-bottom: var(--heading-margin-bottom, 0);
	font-family: 'Bungee', system-ui;
	font-size: var(--heading-font-size);
	line-height: 1;
	color: var(--heading-color);
	text-shadow:
		var(--heading-shadow-size) var(--heading-shadow-size) var(--heading-shadow-color),
		var(--heading-shadow-size) calc(var(--heading-shadow-size) * -1) var(--heading-shadow-color),
		calc(var(--heading-shadow-size) * -1) calc(var(--heading-shadow-size) * -1) var(--heading-shadow-color),
		calc(var(--heading-shadow-size) * -1) var(--heading-shadow-size) var(--heading-shadow-color);
	transition: all 0.3s;
}
@media (max-width: 1199.98px) {
.heading {--heading-font-size: var(--step-5);}
}

.heading a {text-decoration: none; color: var(--heading-color); border-radius: 0.1em;}
.heading a:focus {outline: none;}
.heading a:focus-visible {outline: 0.03em solid var(--heading-color); outline-offset: 0.1em;}



	/* button */

.button-lg {
	--button-background: var(--red);
	--button-active-background: #272020;
	--button-text-color: #272020;
	--button-active-text-color: var(--red);
	--button-flash-size: 3px;
	--button-flash-color: var(--button-background, #fff);
	--button-flash-background: transparent;
	--button-radius: calc(var(--space-xl) + var(--button-flash-size) * 2);
	--button-rotate: 0deg;
	position: relative; overflow: hidden;
	display: inline-flex; align-items: center; justify-content: center;
	min-width: clamp(17.5rem, 12.5rem + 10.4167vw, 25rem);
	min-height: calc(var(--space-xl) + var(--button-flash-size) * 2);
	padding: var(--space-2xs) var(--space-l-xl);
	font-size: var(--step-0); font-weight: 900; text-decoration: none;
	border: 0; border-radius: var(--button-radius);
	color: var(--button-text-color);
	background: var(--button-flash-background);
	transition: all 0.4s;
}
@media (max-width: 767.98px) {
.button-lg {min-width: min(100%, 400px);}
}

.button-lg .button-flash {position: absolute; inset: 0;}
.button-lg .button-flash:after {content: ""; position: absolute; inset: var(--button-flash-size); border-radius: calc(var(--button-radius) - var(--button-flash-size)); background: var(--button-background); transition: background 0.4s;}
.button-text {position: relative;}
.button-lg:hover {color: var(--button-active-text-color);}
.button-lg:hover .button-flash:after {background: var(--button-active-background);}
.button-lg:focus {outline: none;}
.button-lg:focus-visible {outline: 0.1em solid var(--button-active-text-color); outline-offset: 0.2em;}

@supports (background: paint(propjockey)) or ((width: 1rlh) and ((-webkit-hyphens: none) or (-moz-appearance: none))) {
	@property --button-rotate {
		syntax: "<angle>";
		initial-value: 0deg;
		inherits: false;
	}
	@media (prefers-reduced-motion: no-preference) {
		.button-lg:hover .button-flash:before {
			content: "";
			background: conic-gradient(from var(--button-rotate), transparent 0%, var(--button-flash-color) 10%, transparent 20%);
			position: absolute; inset: 0;
			animation: buttonRotate 1.5s linear infinite;
		}
		@keyframes buttonRotate {
			to {--button-rotate: 360deg;}
		}
	}
}


	/* wave */

.wave-sm {
	--mask-size-value: var(--wave-size-sm);
	--mask-position-x: calc(var(--mask-size) / 2);
	--mask-image: url('img/backgrounds/wave-sm.png');
}
.wave-md {
	--mask-size-value: var(--wave-size-md);
	--mask-image: url('img/backgrounds/wave-md.png');
}
.wave-lg {
	--mask-size-value: var(--wave-size-lg);
	--mask-position-x: calc(var(--mask-size) * 1.9);
	--mask-image: url('img/backgrounds/wave-lg.png');
}
@media (max-width: 767.98px) {
.wave-md {--mask-position-x: calc(var(--mask-size) / 2);}
.wave-lg {--mask-position-x: calc(var(--mask-size) * -1.4);}
}

@supports (width: round(0px, 0px)) {
	.wave {--mask-size: round(up, var(--mask-size-value), 10px);}
	.wave:before {top: calc(var(--mask-height) * -1);}
}

@supports not (width: round(0px, 0px)) {
	.wave {--mask-size: var(--mask-size-value);}
	.wave:before {top: calc(var(--mask-height) * -1 + 1px);}
}

.wave {
	--mask-div-height: 0px;
	--mask-height: calc(var(--mask-size) / 10);
	--mask-background-color: var(--red);
	height: var(--mask-div-height);
	background: var(--mask-background-color);
}

.wave:before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
	height: var(--mask-height);
	background-color: var(--mask-background-color);
	background-size: var(--mask-size);
	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	mask-size: var(--mask-size);
  	mask-position: var(--mask-position-x, 0) var(--mask-position-y, 0);
  	mask-repeat: repeat-x;
}

.wave-bg {
  	--wave-bg-size: clamp(70px, 44px + 8.125vw, 200px);
 	background-image: url('img/backgrounds/wave-red-bg.png'); background-position: left top; background-size: var(--wave-bg-size) auto; background-repeat: repeat space;
}


	/* mobile lists scroll */

.mobile-scroll-container {
	--mobile-scroll-width: calc(100% + var(--space-m-xl) * 2);
	--mobile-scroll-margin-left: calc(var(--space-m-xl) * -1);
	--mobile-scroll-margin-right: calc(var(--space-m-xl) * -1);
	--mobile-scroll-background: #fff;
	--mobile-scroll-shadow-color: var(--mobile-scroll-background);
	--mobile-scroll-scrollbar-color: #f0f0f0;
	position: relative; 
}
@media (max-width: 1199.98px) {
.mobile-scroll-container {width: var(--mobile-scroll-width); margin-left: var(--mobile-scroll-margin-left); margin-right: var(--mobile-scroll-margin-right);}
.mobile-scroll-container:before {content: ''; position: absolute; z-index: 5; inset: 0 auto 0 0; width: var(--space-m-xl); background-image: linear-gradient(to right, var(--mobile-scroll-shadow-color) 20%, transparent 100%);}
.mobile-scroll-container:after {content: ''; position: absolute; inset: 0 0 0 auto; width: var(--space-m-xl); background-image: linear-gradient(to left, var(--mobile-scroll-shadow-color) 20%, transparent 100%);}
.mobile-scroll-container > * {overflow: scroll; scrollbar-color: var(--mobile-scroll-scrollbar-color) var(--mobile-scroll-background); scrollbar-width: thin;}
.mobile-scroll-container > * > *:is(ol, ul) > li:first-child {padding-left: var(--space-m-xl);}
.mobile-scroll-container > * > *:is(ol, ul) > li:last-child {padding-right: var(--space-m-xl);}
}


	/* shop link */

.shop-link {display: flex; align-items: end; gap: var(--space-2xs-xs); width: fit-content; font-size: var(--step-0); line-height: 1; font-weight: 900; text-transform: uppercase; text-decoration: none; border-radius: 0.1em; color: #3f090e; transition: all 0.3s;}
.shop-link:is(:hover, :focus, :active) {outline: none; color: #65171e;}
.shop-link:focus-visible {outline: 0.1em solid #65171e; outline-offset: 0.2em;}
.shop-link span {margin-bottom: 0.1em;}
.shop-link svg {width: var(--space-m); transform: scale(1.1) rotate(0deg) translateZ(0); transition: all 0.2s;}
.shop-link:hover svg {transform: scale(1.1) rotate(-12deg) translateZ(0);}


	/* global editable content styles */

.content-container {
	--content-color: #65171e;
	--content-heading-color: var(--content-color);
	--content-link-color: var(--red);
	--content-active-link-color: #b70f1a;
	--content-font-size: var(--step-0);
	font-size: var(--content-font-size);
	color: var(--content-color);
}

.content-container > *:not(div, iframe, img, a:has(img), .gallery) {margin-bottom: var(--space-s);}
.content-container > *:where(div, iframe, img, a:has(img), .gallery) {margin-bottom: calc(var(--space-s) + var(--content-font-size) / 5);}
.content-container > *:has(+ div, + iframe, + img, + .gallery) {margin-bottom: calc(var(--space-s) + var(--content-font-size) / 5);}

.content-container h2 {font-size: var(--step-2); font-weight: 700; color: var(--content-heading-color);}
.content-container h3 {font-size: var(--step-1); font-weight: 700; color: var(--content-heading-color);}
.content-container h4 {font-size: var(--step-0); font-weight: 700; color: var(--content-heading-color);}

.content-container ol {padding-left: 1.5em;}
.content-container ul {padding-left: 1.5em; list-style: circle;}
.content-container li {margin-bottom: var(--space-s);}

.content-container a {text-decoration: none; text-underline-offset: 0.15em; text-decoration-style: dashed; border-radius: 0.1em; color: var(--content-link-color);}
.content-container a:is(:hover, :active) {text-decoration: underline; color: var(--content-active-link-color);}
.content-container a:focus-visible {outline: 0.1em solid var(--content-active-link-color); outline-offset: 0.2em; color: var(--content-active-link-color);}

.content-container a:has(img) {display: block; overflow: hidden; margin-block: calc(var(--space-s) + var(--step-0) / 5);}
.content-container a:hover img {transform: scale(1.05);}

.content-container img {max-width: 100%; height: auto; transition: all 0.4s;}

.content-container strong, .content-container b {font-weight: 700;}

.content-container .gallery {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-s); margin-bottom: calc(var(--space-s) + var(--content-font-size) / 5) !important;}
.content-container .gallery .gallery-item {float: none !important; width: auto !important; margin: 0 !important; text-align: left !important;}
.content-container .gallery a {margin-top: 0;}
.content-container .gallery img {border: none !important;}
.content-container .gallery br {display: none !important;}
.content-container .gallery dd {margin-bottom: 0 !important;}
.content-container .gallery-caption {font-size: var(--step--1);}
@media (max-width: 767.98px) {
.content-container .gallery {grid-template-columns: 1fr;}
}


	/* pagination */
	
.pagination ul {gap: var(--space-m); list-style-type: none; margin: 0 auto; padding: 0;}
.pagination li a {display: flex; align-items: center; justify-content: center; height: var(--space-m); font-size: var(--step-0); font-weight: 700; text-decoration: none; border-radius: 0.1em; color: #f7d876; transition: all 0.3s;}
.pagination li a:is(:hover, :focus, :active), .pagination li.active a {color: #272020;}
.pagination li a:focus-visible {outline: 0.1em solid #272020; outline-offset: 0.2em;}
.pagination li span {font-size: var(--step-0); font-weight: 700;}
.pagination-arrow-prev {margin-right: var(--space-3xs-2xs);}
.pagination-arrow-next {margin-left: var(--space-3xs-2xs);}
.pagination-arrow svg {width: var(--space-m); height: var(--space-m);}
@media (max-width: 575.98px) {
.pagination li:has(span), .pagination li.b {display: none;}
}



/* header */

header {
	--header-logo-width: clamp(136px, 124px + 3.75vw, 196px);
	--header-logo-height: calc(var(--header-logo-width) * 0.928);
	position: relative;
}

.skip-nav-link {position: absolute; z-index: 1000; transform: translateY(-150%); left: var(--space-xs); top: var(--space-xs); padding: var(--space-2xs) var(--space-s); color: var(--red); font-size: var(--step--1); line-height: 1; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; white-space: nowrap; border-radius: 0.2em; background-color: #272020; transition: all .2s ease-in-out;}
.skip-nav-link:focus {transform: translateY(0); text-decoration: none; outline: 0.1em solid #272020; outline-offset: 0.2em;}


	/* nav */

.navbar {position: absolute; z-index: 500; inset: 0 0 auto 0; padding: 0 var(--space-m-xl);}
.navbar-collapse {gap: 36px; margin-top: -1em; margin-left: var(--space-m-xl); }
@media (max-width: 1199.98px) {
.navbar-collapse {margin-top: 0;}
}
@media (max-width: 767.98px) {
.navbar {background-color: #d01d2c;}
.navbar-collapse {margin-left: 0;}
}


.navbar-toggler {position: absolute; z-index: 1000; top: 18px; right: var(--space-m); display: flex; flex-direction: column; gap: 9px; padding: 6px; border: 0;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler:focus-visible {outline: 2px solid #fff;}
.navbar-toggler .icon-bar {display: block; width: 33px; height: 2px; border-radius: 0px; background-color: #ebd380; transition: all 0.2s;}
.navbar-toggler .icon-bar:nth-child(1) {transform: rotate(-45deg); transform-origin: 100% -100%;}
.navbar-toggler .icon-bar:nth-child(2) {opacity: 0;}
.navbar-toggler .icon-bar:nth-child(3) {transform: rotate(45deg); transform-origin: 100% 150%;}
.navbar-toggler.collapsed .icon-bar {width: 24px;}
.navbar-toggler.collapsed .icon-bar:nth-child(1) {transform: rotate(0);}
.navbar-toggler.collapsed .icon-bar:nth-child(2) {opacity: 1;}
.navbar-toggler.collapsed .icon-bar:nth-child(3) {transform: rotate(0);}


.nav-logo {margin-top: calc(var(--space-l) * 0.9); border-radius: calc(var(--space-s) / 10);}
.nav-logo:focus-visible {outline: calc(var(--space-s) / 10) solid #fff; outline-offset: calc(var(--space-s) / 3);}
.nav-logo img, .nav-mobile-logo img {width: var(--header-logo-width);}
@media (min-width: 768px) {
body:not(.page-home) .nav-logo {transform: scale(0.75); transform-origin: 0 0;}
}
@media (max-width: 767.98px) {
.nav-logo {position: absolute; top: 0; left: 50vw; transform: translateX(-50%); margin-top: 16px;}
.nav-mobile-logo {margin: 16px 0 var(--space-xl) 0; text-align: center;}
}


.nav-list {display: flex; flex-direction: row; gap: var(--space-xs-l); margin: 0; padding: 0; list-style: none;}
.nav-list a {display: flex; align-items: center; font-size: var(--step-0); text-transform: uppercase; text-decoration: none; border-radius: 0.1em; color: #fff; transition: 0.2s;}
.nav-list a:is(:hover, :active, :focus) {outline: 0; color: #ebd380;}
.nav-list a svg {width: calc(var(--space-s) * 1.333);}
@media (min-width: 768px) {
.nav-list a:focus-visible {outline: 0.1em solid #fff; outline-offset: 0.2em;}
}
@media (max-width: 767.98px) {
.nav-list a {font-size: var(--step-1);}
.nav-list a svg {width: var(--space-l);}
}

.navbar .dropdown-menu {border: 0;}
.navbar .dropdown-item {margin-block: calc(var(--space-2xs) / 3); padding: calc(var(--space-2xs) / 3) 0;}
.navbar .dropdown-item:is(:hover, :focus, :active) {background-color: transparent;}
@media (min-width: 768px) {
.navbar .dropdown-menu {padding: 0 var(--space-l); border-radius: var(--space-s); background-color: #da1f2e; box-shadow: -9px 9px 0px 0px rgba(34, 5, 8, 0.18);}
}
@media (max-width: 767.98px) {
.navbar .dropdown-item {margin-block: calc(var(--space-2xs) / 2); padding: calc(var(--space-2xs) / 2) 0;}
}


.nav-menu {font-weight: 650;}
.nav-menu .dropdown-toggle::after {content: url('img/icons/chevron-down.svg'); width: calc(var(--space-2xs) * 1.333); margin-left: var(--space-2xs); transition: all 0.5s;}
.nav-menu .dropdown-toggle.show::after {transform: rotate(-180deg);}
@media (min-width: 768px) {
.nav-menu .dropdown-menu {--dropdown-menu-items-count: 10; display: block; top: calc(100% + var(--space-s)); overflow: hidden; visibility: hidden; opacity: 0; max-height: 0; transition: max-height 0.5s ease-out 0s, opacity 0.5s ease-out 0s, visibility 0.2s ease-out 0s;}
.nav-menu .dropdown-menu.show {visibility: visible; opacity: 1; max-height: calc(var(--space-s) * 1.333 * 2 + var(--space-l) * var(--dropdown-menu-items-count) + var(--space-2xs));}
.nav-menu .dropdown-menu li:first-child {margin-top: calc(var(--space-s) * 1.333);}
.nav-menu .dropdown-menu li:last-child {margin-bottom: calc(var(--space-s) * 1.333);}
}
@media (max-width: 767.98px) {
.nav-menu {flex-direction: column; gap: calc(var(--space-xl) * 0.75); max-width: calc(var(--space-l) * 12); margin: 0 auto var(--space-xl) auto; padding-inline: var(--space-m-xl);}
.nav-menu .dropdown-toggle::after {width: calc(var(--space-xs) * 1.2);}
.nav-menu .dropdown-menu {position: static; padding: 0; margin: 0; background-color: transparent;}
.nav-menu .dropdown-menu {display: block; overflow: hidden; visibility: hidden; max-height: 0; transition: max-height 0.6s;}
.nav-menu .dropdown-menu.show {visibility: visible; max-height: 600px; transition: max-height 1s;}
.nav-menu .dropdown-menu li:first-child {margin-top: var(--space-2xs);}
}


.nav-utils {margin-left: auto;}
.nav-utils a:has(svg) {transform: rotate(0deg) translateZ(0);}
.nav-utils a:hover:has(svg) {transform: rotate(-12deg) translateZ(0);}
.nav-utils button {margin-top: -0.2em; padding: var(--space-3xs); font-size: var(--step-0); border: none; border-radius: 0.1em; color: #fff; background: transparent;}
.nav-utils button:is(:hover, :active, :focus) {outline: 0; border: 0 !important; color: #ebd380;}
.nav-utils button:focus-visible {outline: 0.1em solid #fff; outline-offset: 0.2em;}
.nav-utils button svg {width: calc(var(--space-s) * 1.333);}
.nav-utils-content {display: flex; flex-direction: row; align-items: center; margin-left: auto;}
@media (min-width: 1200px) {
.nav-utils .dropdown-menu {display: contents;}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.nav-utils .dropdown-menu {right: 0; left: auto; display: block; top: calc(100% + var(--space-s)); overflow: hidden; visibility: hidden; opacity: 0; max-height: 0; transition: max-height 0.5s ease-out 0s, opacity 0.5s ease-out 0s, visibility 0.2s ease-out 0s;}
.nav-utils .dropdown-menu.show {visibility: visible; opacity: 1; max-height: calc(var(--space-s) * 1.333 * 2 + var(--space-l) + var(--space-2xs));}
.nav-utils-content {gap: var(--space-m);}
.nav-utils-content .nav-list {margin-block: calc(var(--space-s) * 1.333);}
}
@media (max-width: 767.98px) {
.nav-utils-content {flex-wrap: wrap; gap: calc(var(--space-m) * 1.1); max-width: calc(var(--space-l) * 12); margin: 0 auto calc(var(--space-m-xl) * 2) auto; padding-inline: var(--space-m-xl);}
.nav-utils .dropdown-menu {display: contents;}
}

.navbar .social-media {align-items: center;}
.nav-list.nav-langs {gap: var(--space-s); margin-left: clamp(36px, -224px + 21.6667vw, 192px); font-weight: 400;}
.nav-list.nav-langs a.active {font-weight: 900;}
.nav-list.nav-shop {margin: -0.5em 0 0 clamp(36px, -84px + 10vw, 108px);}
.nav-list.nav-shop svg {width: var(--space-m);}
@media (max-width: 767.98px) {
.navbar .social-media {width: 100%; justify-content: space-between;}
.nav-list.nav-langs {gap: var(--space-m); margin-left: auto;}
.nav-list.nav-langs a {font-size: var(--step-0);}
.nav-list.nav-shop {margin-left: 0; transform: scale(1.1);}
.nav-list.nav-shop svg {width: var(--space-l);}
}


	/* hero */

.hero {height: clamp(580px, 340px + 31.25vw, 940px);}
.hero-subpage {height: clamp(15rem, 12.5rem + 5.2083vw, 18.75rem);}
@media (max-width: 767.98px) {
.hero {height: clamp(65.75rem, 58.25rem + 25vw, 70.25rem);}
.hero-subpage {height: clamp(13rem, 11.5714rem + 7.1429vw, 15rem);}
}
@media (max-width: 479.98px) {
.hero {height: clamp(54rem, 30.5rem + 117.5vw, 65.75rem);}
}

.hero-swiper {width: 100%; height: 100%;}
.hero-swiper .content-wrapper {position: relative;}

.hero-swiper .swiper-buttons {position: absolute; z-index: 1000; inset: auto var(--space-m-xl) calc(var(--space-xs-s) * 6.5) auto; gap: 24px;}
.hero-swiper .swiper-button {font-size: var(--step-0); border-radius: 0.1em; transition: all 0.2s;}
.hero-swiper .swiper-button.swiper-prev-button {transform: rotate(180deg) translateZ(0);}
.hero-swiper .swiper-button.swiper-next-button {transform: rotate(0deg) translateZ(0);}
.hero-swiper .swiper-button.swiper-prev-button:hover {transform: rotate(168deg) translateZ(0);}
.hero-swiper .swiper-button.swiper-next-button:hover {transform: rotate(-12deg) translateZ(0);}

.hero-swiper .swiper-button svg {width: 2em; fill: #f7d876; transition: all 0.4s;}
.hero-swiper .swiper-button:is(:hover, :focus, :active) svg {fill: #fff;}
.hero-swiper .swiper-button:focus-visible {outline: 0.1em solid #fff; outline-offset: 0.2em;}

.hero-swiper .swiper-pagination {inset: auto auto calc(var(--space-xs-s) * 6.5) calc(var(--space-m-xl) - var(--space-2-4)) !important; display: flex; gap: var(--space-s); width: auto !important;}
.hero-swiper .swiper-pagination-bullet {width: auto; height: auto; opacity: 1; margin-inline: 0px !important; padding: var(--space-2-4) calc(var(--space-2-4) * 2); font-size: var(--step-0); font-weight: 700; border-radius: 0.1em; color: #f7d876; background: none; transition: all 0.4s;}
.hero-swiper .swiper-pagination-bullet:is(:hover, :focusm, :active), .hero-swiper .swiper-pagination-bullet-active {color: #fff;}
.hero-swiper .swiper-pagination-bullet:focus-visible {outline: 0.1em solid #fff; outline-offset: 0.2em;}
@media (max-width: 991.98px) {
.hero-swiper .swiper-pagination {bottom: calc(var(--space-xs-s) * 5.5) !important;}
}
@media (max-width: 767.98px) {
.hero-swiper .swiper-pagination {inset: auto 0 var(--space-2xl-3xl) 0 !important; width: 100% !important; justify-content: center;}
}


.hero-swiper .swiper-slide .content-wrapper {height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.hero-swiper .swiper-slide-1 .content-wrapper {
	--slide-img-count: 3;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='980' preserveAspectRatio='none' viewBox='0 0 1920 980'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1265%26quot%3b)' fill='none'%3e%3crect width='1920' height='980' x='0' y='0' fill='rgba(239%2c 35%2c 51%2c 1)'%3e%3c/rect%3e%3cpath d='M296.447%2c775.528C331.536%2c772.594%2c361.188%2c752.677%2c379.643%2c722.69C399.203%2c690.908%2c411.439%2c651.358%2c392.745%2c619.059C374.076%2c586.802%2c333.716%2c579.258%2c296.447%2c578.944C258.452%2c578.624%2c219.001%2c586.226%2c197.295%2c617.412C172.363%2c653.233%2c161.89%2c701.982%2c185.076%2c738.957C207.325%2c774.437%2c254.714%2c779.017%2c296.447%2c775.528' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1144.466%2c254.927C1193.1%2c252.715%2c1232.616%2c221.253%2c1258.163%2c179.811C1285.338%2c135.727%2c1304.033%2c81.824%2c1279.183%2c36.389C1253.58%2c-10.423%2c1197.721%2c-31.36%2c1144.466%2c-28.073C1096.449%2c-25.109%2c1060.754%2c10.301%2c1035.772%2c51.414C1009.473%2c94.693%2c987.463%2c146.368%2c1011.321%2c191.039C1036.177%2c237.578%2c1091.76%2c257.325%2c1144.466%2c254.927' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M910.745%2c557.787C967.433%2c558.327%2c1025.618%2c536.985%2c1052.908%2c487.295C1079.419%2c439.023%2c1062.274%2c381.302%2c1033.444%2c334.378C1006.205%2c290.044%2c962.77%2c256.84%2c910.745%2c255.914C857.161%2c254.96%2c807.857%2c283.942%2c780.237%2c329.869C751.712%2c377.301%2c745.696%2c436.599%2c773.199%2c484.63C800.857%2c532.931%2c855.089%2c557.257%2c910.745%2c557.787' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M555.782%2c960.753C653.572%2c958.77%2c739.957%2c899.456%2c786.556%2c813.46C831.003%2c731.434%2c827.777%2c630.768%2c777%2c552.503C730.205%2c480.376%2c641.751%2c458.946%2c555.782%2c457.76C467.064%2c456.536%2c373.503%2c472.796%2c323.735%2c546.25C268.157%2c628.28%2c259.809%2c736.7%2c308.21%2c823.159C357.641%2c911.456%2c454.611%2c962.804%2c555.782%2c960.753' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1055.688%2c756.21C1110.329%2c752.101%2c1153.067%2c713.497%2c1179.27%2c665.373C1204.181%2c619.623%2c1209.575%2c565.313%2c1184.49%2c519.659C1158.476%2c472.315%2c1109.66%2c442.739%2c1055.688%2c440.457C997.256%2c437.986%2c938.474%2c458.918%2c906.53%2c507.907C871.561%2c561.535%2c862.125%2c631.862%2c895.093%2c686.743C927.284%2c740.331%2c993.351%2c760.898%2c1055.688%2c756.21' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1625.477%2c422.861C1695.792%2c422.677%2c1774.33%2c414.82%2c1809.915%2c354.174C1845.78%2c293.051%2c1816.622%2c219.161%2c1780.924%2c157.941C1745.576%2c97.321%2c1695.648%2c37.336%2c1625.477%2c37.875C1555.928%2c38.409%2c1509.306%2c100.308%2c1474.114%2c160.299C1438.336%2c221.289%2c1404.046%2c293.883%2c1439.361%2c355.143C1474.7%2c416.443%2c1554.72%2c423.046%2c1625.477%2c422.861' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1093.575%2c732.963C1139.159%2c733.304%2c1181.911%2c707.961%2c1203.181%2c667.643C1223.221%2c629.657%2c1211.998%2c585.575%2c1191.133%2c548.036C1169.497%2c509.11%2c1138.01%2c473.417%2c1093.575%2c470.441C1044.291%2c467.14%2c994.084%2c489.901%2c970.411%2c533.252C947.504%2c575.199%2c961.681%2c625.346%2c986.769%2c666.026C1010.408%2c704.356%2c1048.543%2c732.627%2c1093.575%2c732.963' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.hero-swiper .swiper-slide-2 .content-wrapper {
	--slide-img-count: 1;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='980' preserveAspectRatio='none' viewBox='0 0 1920 980'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1006%26quot%3b)' fill='none'%3e%3crect width='1920' height='980' x='0' y='0' fill='rgba(239%2c 35%2c 51%2c 1)'%3e%3c/rect%3e%3cpath d='M1364.884%2c354.396C1418.994%2c354.781%2c1477.452%2c347.48%2c1507.061%2c302.188C1539.025%2c253.294%2c1534.838%2c189.43%2c1505.902%2c138.685C1476.687%2c87.45%2c1423.857%2c52.04%2c1364.884%2c52.853C1307.162%2c53.649%2c1258.68%2c92.133%2c1230.442%2c142.482C1202.871%2c191.642%2c1195.975%2c252.595%2c1226.169%2c300.189C1254.673%2c345.118%2c1311.677%2c354.017%2c1364.884%2c354.396' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1806.094%2c786.216C1843.096%2c786.136%2c1877.762%2c764.93%2c1894.207%2c731.783C1909.184%2c701.595%2c1897.032%2c667.304%2c1879.308%2c638.642C1862.718%2c611.813%2c1837.566%2c591.429%2c1806.094%2c589.293C1770.365%2c586.868%2c1732.276%2c596.963%2c1713.376%2c627.381C1693.605%2c659.201%2c1698.436%2c699.811%2c1717.322%2c732.164C1736.042%2c764.232%2c1768.962%2c786.296%2c1806.094%2c786.216' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M570.831%2c845.202C617.986%2c846.968%2c659.125%2c815.693%2c682.532%2c774.719C705.74%2c734.094%2c709.685%2c684.083%2c685.884%2c643.802C662.457%2c604.154%2c616.878%2c584.972%2c570.831%2c585.677C526.079%2c586.362%2c483.029%2c607.873%2c461.72%2c647.232C441.286%2c684.975%2c452.02%2c729.273%2c472.737%2c766.862C494.386%2c806.141%2c526.012%2c843.524%2c570.831%2c845.202' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M569.517%2c287.216C616.474%2c287.55%2c654.738%2c252.999%2c677.101%2c211.708C698.322%2c172.525%2c699.671%2c125.898%2c677.959%2c86.986C655.669%2c47.038%2c615.245%2c20.195%2c569.517%2c18.901C521.461%2c17.541%2c473.025%2c38.386%2c449.898%2c80.533C427.471%2c121.404%2c441.198%2c169.848%2c464.55%2c210.198C487.849%2c250.455%2c523.005%2c286.885%2c569.517%2c287.216' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1539.356%2c353.392C1598.565%2c352.962%2c1646.822%2c310.424%2c1675.211%2c258.463C1702.334%2c208.819%2c1705.458%2c149.446%2c1677.72%2c100.143C1649.441%2c49.879%2c1597.029%2c17.021%2c1539.356%2c16.987C1481.626%2c16.953%2c1429.38%2c49.873%2c1400.709%2c99.98C1372.234%2c149.744%2c1372.52%2c210.163%2c1400.04%2c260.462C1428.757%2c312.95%2c1479.528%2c353.827%2c1539.356%2c353.392' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M331.819%2c1160.064C426.868%2c1157.887%2c526.607%2c1129.323%2c572.199%2c1045.894C616.444%2c964.93%2c577.082%2c871.98%2c533.768%2c790.514C486.482%2c701.577%2c432.263%2c601.317%2c331.819%2c593.779C222.006%2c585.537%2c123.427%2c659.646%2c69.52%2c755.672C16.757%2c849.661%2c12.919%2c966.934%2c71.574%2c1057.363C125.967%2c1141.222%2c231.89%2c1162.353%2c331.819%2c1160.064' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M675.714%2c826.08C731%2c825.219%2c782.617%2c799.585%2c812.008%2c752.75C843.455%2c702.639%2c853.744%2c639.571%2c825.311%2c587.691C795.884%2c533.996%2c736.856%2c500.787%2c675.714%2c504.061C619.207%2c507.087%2c579.475%2c553.156%2c551.509%2c602.351C523.965%2c650.804%2c504.808%2c708.386%2c531.861%2c757.115C559.525%2c806.946%2c618.726%2c826.968%2c675.714%2c826.08' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.hero-swiper .swiper-slide-3 .content-wrapper {
	--slide-img-count: 2;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='980' preserveAspectRatio='none' viewBox='0 0 1920 980'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1049%26quot%3b)' fill='none'%3e%3crect width='1920' height='980' x='0' y='0' fill='rgba(239%2c 35%2c 51%2c 1)'%3e%3c/rect%3e%3cpath d='M870.075%2c934.268C939.862%2c938.962%2c1010.759%2c908.355%2c1045.706%2c847.766C1080.632%2c787.215%2c1071.075%2c710.889%2c1032.569%2c652.549C997.68%2c599.688%2c933.381%2c579.671%2c870.075%2c581.664C810.622%2c583.536%2c753.742%2c610.518%2c724.388%2c662.252C695.387%2c713.364%2c703.349%2c774.8%2c731.095%2c826.605C760.749%2c881.972%2c807.409%2c930.053%2c870.075%2c934.268' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1881.309%2c266.054C1922.683%2c263.832%2c1955.79%2c236.882%2c1977.873%2c201.823C2001.919%2c163.647%2c2019.988%2c117.988%2c2000.075%2c77.502C1978.175%2c32.974%2c1930.808%2c1.991%2c1881.309%2c5.489C1835.968%2c8.693%2c1810.658%2c52.801%2c1788.447%2c92.458C1766.963%2c130.817%2c1744.204%2c174.488%2c1764.942%2c213.256C1786.476%2c253.511%2c1835.722%2c268.502%2c1881.309%2c266.054' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M341.108%2c963.71C394.505%2c961.174%2c437.688%2c925.497%2c464.702%2c879.368C492.064%2c832.645%2c506.436%2c775.077%2c478.867%2c728.476C451.676%2c682.513%2c394.494%2c669.07%2c341.108%2c670.45C290.514%2c671.758%2c242.96%2c693.003%2c215.158%2c735.294C184.128%2c782.496%2c168.08%2c842.696%2c195.356%2c892.162C223.366%2c942.959%2c283.165%2c966.462%2c341.108%2c963.71' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1620.52%2c1029.533C1724.974%2c1030.755%2c1793.265%2c930.223%2c1840.708%2c837.157C1882.993%2c754.21%2c1898.458%2c657.066%2c1851.329%2c576.773C1804.713%2c497.354%2c1712.573%2c459.44%2c1620.52%2c462.025C1533.039%2c464.482%2c1454.537%2c513.149%2c1411.123%2c589.136C1368.059%2c664.509%2c1371.802%2c753.71%2c1409.078%2c832.107C1453.457%2c925.445%2c1517.176%2c1028.324%2c1620.52%2c1029.533' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1121.738%2c512.674C1214.683%2c518.966%2c1310.455%2c484.065%2c1359.027%2c404.572C1409.445%2c322.059%2c1401.116%2c217.929%2c1353.131%2c133.978C1304.761%2c49.352%2c1219.079%2c-15.656%2c1121.738%2c-10.573C1030.745%2c-5.822%2c968.503%2c74.161%2c928.727%2c156.138C894.455%2c226.77%2c896.881%2c306.775%2c934.256%2c375.816C973.735%2c448.744%2c1038.999%2c507.073%2c1121.738%2c512.674' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1113.413%2c96.034C1153.703%2c96.904%2c1190.317%2c74.926%2c1211.77%2c40.812C1234.831%2c4.141%2c1246.779%2c-42.974%2c1224.005%2c-79.824C1202.01%2c-115.414%2c1155.244%2c-119.11%2c1113.413%2c-118.335C1073.379%2c-117.593%2c1030.012%2c-110.359%2c1009.701%2c-75.852C989.177%2c-40.982%2c1001.248%2c2.072%2c1022.151%2c36.716C1042.241%2c70.012%2c1074.535%2c95.194%2c1113.413%2c96.034' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M873.795%2c320.505C932.873%2c318.542%2c988.112%2c286.235%2c1014.396%2c233.289C1038.33%2c185.077%2c1016.221%2c131.997%2c990.975%2c84.459C963.355%2c32.449%2c932.617%2c-28.65%2c873.795%2c-31.466C812.092%2c-34.42%2c766.198%2c18.661%2c735.429%2c72.227C704.809%2c125.535%2c686.096%2c189.503%2c716.023%2c243.203C746.579%2c298.032%2c811.061%2c322.589%2c873.795%2c320.505' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
@media (max-width: 767.98px) {
.hero-swiper .swiper-slide .content-wrapper {isolation: isolate; background-size: auto 110%;}
.hero-swiper .swiper-slide-1 .content-wrapper {background-position: 48% 0%;}
.hero-swiper .swiper-slide-2 .content-wrapper {background-position: 20% 0%;}
.hero-swiper .swiper-slide-3 .content-wrapper {}
}

.hero-swiper .swiper-slide .slide-background {position: absolute; inset: 0;}
.hero-swiper .swiper-slide.swiper-slide-active .slide-background {animation-name: fadeInScale; animation-duration: 1.5s; animation-fill-mode: both; animation-delay: 0.25s;}
.hero-swiper .slide-background img {position: relative;}
.hero-swiper .swiper-slide.swiper-slide-active .slide-background img {animation: shake2 20s ease 0s infinite normal forwards;}
.hero-swiper .swiper-slide-1 .slide-background img {bottom: calc(clamp(19.2px, 2.5vw, 48px) * -1); left: calc(clamp(21.6px, 2.8125vw, 54px) * -1); width: clamp(350px, 178px + 22.3958vw, 608px);}
.hero-swiper .swiper-slide-2 .slide-background img {bottom: clamp(19.2px, 2.5vw, 48px); left: clamp(57.6px, 7.5vw, 144px); width: clamp(560px, 283.3333px + 36.0243vw, 975px);}
.hero-swiper .swiper-slide-3 .slide-background img {bottom: clamp(12px, 1.5625vw, 30px); left: clamp(24px, 3.125vw, 60px); width: clamp(405px, 205px + 26.0417vw, 705px);}
@media (max-width: 767.98px) {
.hero-swiper .swiper-slide .slide-background {z-index: -1;}
.hero-swiper .swiper-slide-1 .slide-background img {bottom: min(2vw, 10px); left: 0; width: min(85vw, 408px);}
.hero-swiper .swiper-slide-2 .slide-background img {bottom: calc(min(10vw, 48px) * -1); left: min(32vw, 154px); width: min(160vw, 768px);}
.hero-swiper .swiper-slide-3 .slide-background img {bottom: 0; left: 0; width: 95vw;}
}

.hero-swiper .swiper-slide .slide-title {margin-bottom: var(--space-m-l); animation-delay: 0.5s;}
.hero-swiper .swiper-slide.swiper-slide-active .slide-title {animation-name: fadeInUp; animation-duration: 0.75s; animation-fill-mode: both; animation-timing-function: ease-out;}
.hero-swiper .swiper-slide .slide-text {font-size: var(--step-0); line-height: 1.2; color: #ffe9a5; animation-delay: 0.75s;}
.hero-swiper .swiper-slide.swiper-slide-active .slide-text {animation-name: fadeInUp; animation-duration: 0.75s; animation-fill-mode: both; animation-timing-function: ease-out;}
@media (min-width: 768px) {
.hero-swiper .slide-content {position: absolute; top: calc(var(--space-s) * 10); left: calc(var(--space-m-xl) + var(--space-s-xl) * 3); width: fit-content;}
}
@media (max-width: 1199.98px) {
.hero-swiper .slide-content {top: calc(var(--space-s) * 11);}
}
@media (max-width: 991.98px) {
.hero-swiper .slide-content {left: calc(var(--space-m-xl) + var(--space-s-xl) * 2);}
}
@media (max-width: 767.98px) {
.hero-swiper .slide-content {display: contents; text-align: center;}
.hero-swiper .swiper-slide .slide-title {order: 1; margin-top: calc(var(--header-logo-height) + var(--space-xl)); margin-bottom: var(--space-xl);}
.hero-swiper .swiper-slide .slide-text {order: 3; margin-top: var(--space-m); animation-delay: calc(0.5s + 0.25s * var(--slide-img-count));}
}


@media (min-width: 768px) {
.hero-swiper .slide-product {position: absolute; z-index: 200;}
.hero-swiper .swiper-slide-1 .slide-product {right: clamp(48px, 6.25vw, 120px); bottom: clamp(0px, 120px + -6.25vw, 72px); width: clamp(342px, 44.53125vw, 855px); height: clamp(326px, 42.448vw, 815px);}
.hero-swiper .swiper-slide-2 .slide-product {right: clamp(36px, 4.6875vw, 90px); bottom: clamp(24px, 124px + -5.2083vw, 84px); width: clamp(360px, 46.98vw, 902px); height: clamp(315px, 41vw, 787px);}
.hero-swiper .swiper-slide-3 .slide-product {right: clamp(50px, 6.51vw, 125px); bottom: clamp(0px, 150px + -7.8125vw, 90px); width: clamp(330px, 42.96875vw, 825px); height: clamp(313px, 40.8333vw, 784px);}
}
@media (max-width: 767.98px) {
.hero-swiper .slide-product {position: relative; order: 2; width: min(100vw, 480px); height: min(100vw, 480px);}
}

.hero-swiper .swiper-slide .slide-product img {transition: all 0.4s;}
.hero-swiper .swiper-slide .slide-product:hover img {transform: translateY(-5%) scale(1.05) rotate(-5deg);}
.hero-swiper .swiper-slide .slide-product div:first-child img {transition-delay: 0.2s;}
.hero-swiper .swiper-slide .slide-product div:nth-child(2) img {transition-delay: 0.1s;}
.hero-swiper .swiper-slide .slide-product div:nth-child(3) img {transition-delay: 0s;}

.hero-swiper .swiper-slide.swiper-slide-active .slide-product div {animation-name: fadeInElastic; animation-duration: 0.75s; animation-fill-mode: both; animation-timing-function: ease-in-out;}
.hero-swiper .swiper-slide .slide-product div:first-child {animation-delay: 0.5s;}
.hero-swiper .swiper-slide .slide-product div:nth-child(2) {animation-delay: 0.75s;}
.hero-swiper .swiper-slide .slide-product div:nth-child(3) {animation-delay: 1s;}
@media (max-width: 767.98px) {
.hero-swiper .swiper-slide .slide-product div:first-child {animation-delay: 0.5s;}
.hero-swiper .swiper-slide .slide-product div:nth-child(2) {animation-delay: 0.75s;}
.hero-swiper .swiper-slide .slide-product div:nth-child(3) {animation-delay: 1s;}
}

.hero-swiper .swiper-slide-1 .slide-product div {position: absolute;}
.hero-swiper .swiper-slide-1 .slide-product div:first-child {top: 0; left: clamp(84px, 10.9375vw, 210px); width: clamp(138px, 18.073vw, 347px);}
.hero-swiper .swiper-slide-1 .slide-product div:nth-child(2) {top: clamp(56px, 7.292vw, 140px); right: 0; width: clamp(195px, 25.46875vw, 489px);}
.hero-swiper .swiper-slide-1 .slide-product div:nth-child(3) {bottom: 0; left: 0; width: clamp(237px, 30.885vw, 593px);}
@media (max-width: 767.98px) {
.hero-swiper .swiper-slide-1 .slide-product div:first-child {left: clamp(78px, 24.375vw, 117px); width: clamp(138px, 43.125vw, 207px);}
.hero-swiper .swiper-slide-1 .slide-product div:nth-child(2) {top: clamp(64px, 20vw, 96px); width: clamp(186px, 58.125vw, 279px);}
.hero-swiper .swiper-slide-1 .slide-product div:nth-child(3) {width: clamp(228px, 71.25vw, 342px);}
}

.hero-swiper .swiper-slide-2 .slide-product div {max-width: 100%; height: auto;}
@media (max-width: 767.98px) {
.hero-swiper .swiper-slide-2 .slide-product div {padding-inline: min(5vw, 24px) min(2vw, 10px);}
}

.hero-swiper .swiper-slide-3 .slide-product div {position: absolute; width: clamp(232px, 30.208vw, 580px);}
.hero-swiper .swiper-slide-3 .slide-product div:first-of-type {top: 0; right: 0;}
.hero-swiper .swiper-slide-3 .slide-product div:nth-of-type(2) {bottom: 0; left: 0;}
@media (max-width: 767.98px) {
.hero-swiper .swiper-slide-3 .slide-product div {position: absolute; width: clamp(232px, 72.5vw, 348px);}
}


.hero-subpage .content-wrapper {
	height: calc(100% - 1px);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='980' preserveAspectRatio='none' viewBox='0 0 1920 980'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1265%26quot%3b)' fill='none'%3e%3crect width='1920' height='980' x='0' y='0' fill='rgba(239%2c 35%2c 51%2c 1)'%3e%3c/rect%3e%3cpath d='M296.447%2c775.528C331.536%2c772.594%2c361.188%2c752.677%2c379.643%2c722.69C399.203%2c690.908%2c411.439%2c651.358%2c392.745%2c619.059C374.076%2c586.802%2c333.716%2c579.258%2c296.447%2c578.944C258.452%2c578.624%2c219.001%2c586.226%2c197.295%2c617.412C172.363%2c653.233%2c161.89%2c701.982%2c185.076%2c738.957C207.325%2c774.437%2c254.714%2c779.017%2c296.447%2c775.528' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1144.466%2c254.927C1193.1%2c252.715%2c1232.616%2c221.253%2c1258.163%2c179.811C1285.338%2c135.727%2c1304.033%2c81.824%2c1279.183%2c36.389C1253.58%2c-10.423%2c1197.721%2c-31.36%2c1144.466%2c-28.073C1096.449%2c-25.109%2c1060.754%2c10.301%2c1035.772%2c51.414C1009.473%2c94.693%2c987.463%2c146.368%2c1011.321%2c191.039C1036.177%2c237.578%2c1091.76%2c257.325%2c1144.466%2c254.927' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M910.745%2c557.787C967.433%2c558.327%2c1025.618%2c536.985%2c1052.908%2c487.295C1079.419%2c439.023%2c1062.274%2c381.302%2c1033.444%2c334.378C1006.205%2c290.044%2c962.77%2c256.84%2c910.745%2c255.914C857.161%2c254.96%2c807.857%2c283.942%2c780.237%2c329.869C751.712%2c377.301%2c745.696%2c436.599%2c773.199%2c484.63C800.857%2c532.931%2c855.089%2c557.257%2c910.745%2c557.787' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M555.782%2c960.753C653.572%2c958.77%2c739.957%2c899.456%2c786.556%2c813.46C831.003%2c731.434%2c827.777%2c630.768%2c777%2c552.503C730.205%2c480.376%2c641.751%2c458.946%2c555.782%2c457.76C467.064%2c456.536%2c373.503%2c472.796%2c323.735%2c546.25C268.157%2c628.28%2c259.809%2c736.7%2c308.21%2c823.159C357.641%2c911.456%2c454.611%2c962.804%2c555.782%2c960.753' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1055.688%2c756.21C1110.329%2c752.101%2c1153.067%2c713.497%2c1179.27%2c665.373C1204.181%2c619.623%2c1209.575%2c565.313%2c1184.49%2c519.659C1158.476%2c472.315%2c1109.66%2c442.739%2c1055.688%2c440.457C997.256%2c437.986%2c938.474%2c458.918%2c906.53%2c507.907C871.561%2c561.535%2c862.125%2c631.862%2c895.093%2c686.743C927.284%2c740.331%2c993.351%2c760.898%2c1055.688%2c756.21' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1625.477%2c422.861C1695.792%2c422.677%2c1774.33%2c414.82%2c1809.915%2c354.174C1845.78%2c293.051%2c1816.622%2c219.161%2c1780.924%2c157.941C1745.576%2c97.321%2c1695.648%2c37.336%2c1625.477%2c37.875C1555.928%2c38.409%2c1509.306%2c100.308%2c1474.114%2c160.299C1438.336%2c221.289%2c1404.046%2c293.883%2c1439.361%2c355.143C1474.7%2c416.443%2c1554.72%2c423.046%2c1625.477%2c422.861' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1093.575%2c732.963C1139.159%2c733.304%2c1181.911%2c707.961%2c1203.181%2c667.643C1223.221%2c629.657%2c1211.998%2c585.575%2c1191.133%2c548.036C1169.497%2c509.11%2c1138.01%2c473.417%2c1093.575%2c470.441C1044.291%2c467.14%2c994.084%2c489.901%2c970.411%2c533.252C947.504%2c575.199%2c961.681%2c625.346%2c986.769%2c666.026C1010.408%2c704.356%2c1048.543%2c732.627%2c1093.575%2c732.963' fill='rgba(198%2c 28%2c 41%2c 0.5)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
	background-size: cover; background-position: top center; background-repeat: no-repeat;
}
@media (max-width: 767.98px) {
.hero-subpage .content-wrapper {background-size: auto clamp(54rem, 30.5rem + 117.5vw, 65.75rem);}
}


.hero-swiper .wave, .hero-subpage .wave {position: absolute; z-index: 100; inset: auto 0 0 0;}
.hero-swiper .wave.wave-sm, .hero-subpage .wave.wave-sm {
	--mask-background-color: #d3b155;
	--mask-div-height: calc(var(--mask-size) / 2.5);
}
.hero-swiper .wave.wave-md {
	--mask-background-color: #ebd380;
}
.hero-subpage .wave.wave-md {
	--mask-background-color: #f7d876;
}
.page-fun-zone .hero-subpage .wave.wave-md {
	--mask-background-color: var(--red);
}


/* home products */

.home-products {background-color: #ebd380;}

.home-products .content-wrapper {position: relative; padding-top: calc(var(--space-s-l) * 1.75); background-image: url('img/backgrounds/home-products-bg.svg'); background-repeat: no-repeat; background-size: cover; background-position: center top;}
@media (min-width: 1921px) {
.home-products .content-wrapper {background-size: 100%;}
}

.home-products .heading-container {
	--heading-svg-color: #65171e;
}
.home-products .heading-container .heading {
	--heading-color: #3f090e;
	--heading-shadow-color: #d3b155;
}

.home-products .wave {
	--mask-background-color: #feedb9;
}

.home-products-dragon {position: absolute; z-index: 100; bottom: calc(var(--space-s) * -2.5); right: calc(var(--space-0-xxxl) + var(--space-m-xl));}
.home-products-dragon img {width: clamp(7.375rem, 4.375rem + 15vw, 22.375rem);}
.home-products-dragon:hover img {animation: shake 1.5s ease 0s 1 normal forwards;}


.home-products-desc {position: relative; top: calc(var(--space-xl) * -0.75); max-width: clamp(37.5rem, 29.1667rem + 17.3611vw, 50rem); margin: 0 auto; padding-bottom: calc(var(--space-l-xl) * 2); text-align: center;}
.home-products-desc h3 {margin-bottom: var(--space-xs); font-size: var(--step-1); font-weight: 900; text-transform: uppercase; color: #65171e;}
.home-products-desc p {margin-bottom: var(--space-xs); font-size: var(--step-0); font-weight: 500; color: #65171e;}
.home-products-desc p:last-of-type {margin-bottom: 0;}
.home-products-desc .button-lg {
	--button-background: #3f090e;
	--button-active-background: #ebd380;
	--button-text-color: #ebd380;
	--button-active-text-color: #3f090e;
	margin: var(--space-l) auto 0 auto;
}
@media (max-width: 767.98px) {
.home-products-desc {width: 100%; margin-top: var(--space-l); padding-bottom: calc(var(--space-l-xl) * 1.75);}
.home-products-desc p {text-wrap: balance;}
.home-products-desc p br {display: none;}
}


.products-swiper-container {
	position: relative;
	top: calc(var(--space-xl) * -1.5);
	padding: 0 var(--space-xl);
}
@media (max-width: 1399.98px) {
.products-swiper-container {top: calc(var(--space-xl) * -1.25);}
}
@media (max-width: 699.98px) {
.products-swiper-container {top: calc(var(--space-l) * -1); margin-inline: auto; max-width: 480px;}
}
@media (max-width: 439.98px) {
.products-swiper-container {padding: 0;}
}

.products-swiper {position: static; width: 100%; /* height: 100%; */ padding-top: var(--space-m);}
.products-swiper .swiper-wrapper {height: auto;}

.products-swiper .swiper-button {position: absolute; z-index: 100; top: calc(50% - 1em); font-size: var(--step-0); border-radius: 0.1em; transition: all 0.4s;}
.products-swiper .swiper-button.swiper-prev-button {left: 0; transform: rotate(180deg) translateZ(0);}
.products-swiper .swiper-button.swiper-next-button {right: 0; transform: rotate(0deg) translateZ(0);}
.products-swiper .swiper-button.swiper-prev-button:hover {transform: rotate(168deg) translateZ(0);}
.products-swiper .swiper-button.swiper-next-button:hover {transform: rotate(-12deg) translateZ(0);}
.products-swiper .swiper-button svg {width: 2em; fill: #3f090e; transition: all 0.4s;}
.products-swiper .swiper-button:hover svg {fill: #da1f2e;}
.products-swiper .swiper-button:focus-visible {outline: 0.1em solid #3f090e; outline-offset: 0.2em;}
@media (max-width: 439.98px) {
.products-swiper .swiper-button {top: auto; bottom: 10%;}
}


.products-swiper .swiper-slide {container-type: inline-size; width: calc(25% - var(--space-xs-s) * 0.75); margin-right: var(--space-xs-s);}
.products-swiper .swiper-slide a {margin-bottom: var(--space-m); text-decoration: none;}
.products-swiper .swiper-slide a:focus {outline: none; box-shadow: none;}
@media (max-width: 1399.98px) {
.products-swiper .swiper-slide {width: calc(33.33333% - var(--space-xs-s) * 2 / 3);}
}
@media (max-width: 991.98px) {
.products-swiper .swiper-slide {width: calc(50% - var(--space-xs-s) / 2);}
}
@media (max-width: 699.98px) {
.products-swiper .swiper-slide {width: 100%;}
}


.products-swiper .slide-title {
	--heading-font-size: clamp(1.375rem, 0.4821rem + 5.7143cqi, 1.875rem);
	--heading-color: #65171e;
	--heading-shadow-size: calc(var(--space-2-4) / 2);
	--heading-shadow-color: #d3b155;
	margin-top: var(--space-m);
	border-radius: 0.1em;
	transform: scale(1);
	transition: all 0.3s;
}
.products-swiper a:hover .slide-title {
	--heading-color: #3f090e;
	transform: scale(1.1);
}
.products-swiper a:focus .slide-title {outline: 0.1em solid #65171e; outline-offset: 0.2em;}

.products-swiper .slide-img {position: relative; width: 100cqw; height: 100cqw; padding: 8cqw;}
.products-swiper .slide-img img {width: 100%; height: 100%; object-fit: contain; transform: rotate(9deg) scale(1); filter: drop-shadow(0cqw 4cqw 6cqw rgba(74, 58, 16, 0.65)); transition: all 0.4s;}
.products-swiper a:hover .slide-img img {transform: rotate(-3deg) scale(1.1);}

@supports (-webkit-hyphens:none) {
	.products-swiper .slide-img img {
		transform: rotate(9deg) translateZ(0) scale(1);
	}
	.products-swiper a:hover .slide-img img {
		transform: rotate(-3deg) translateZ(0) scale(1.1);
	}
}

.products-swiper .slide-blob {position: absolute; opacity: 0.4; aspect-ratio: 1; border-radius: 23cqw 36cqw 20cqw 28cqw; background-color: #d7b75d; transition: all 1s;}
.products-swiper .slide-blob-1 {width: 82cqw; transform: translateX(0) rotate(-130deg);}
.products-swiper .slide-blob-2 {left: 12cqw; top: 6cqw; width: 78cqw; transform: translateX(0) rotate(-15deg);}

.products-swiper a:hover .slide-blob-1 {transform: translateX(-5%) rotate(-130deg);}
.products-swiper a:hover .slide-blob-2 {transform: translateX(5%) rotate(-15deg);}



/* home new products */

.home-new-products {background-color: #feedb9;}

.home-new-products .content-wrapper {position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-s); padding-bottom: var(--space-4xl);}
@media (min-width: 992px) {
.home-new-products-left {padding: var(--space-s) 0 0 var(--space-0-xxxl);}
.home-new-products-right {padding: var(--space-l) var(--space-0-xl) 0 0;}
}
@media (max-width: 991.98px) {
.home-new-products .content-wrapper {grid-template-columns: 1fr; gap: 0; width: 100%; padding-top: var(--space-2xl);}
.home-new-products-left, .home-new-products-right {display: contents;}
.home-new-products-left .heading-container {order: 1;}
.home-new-products-left .home-new-products-desc {order: 3;}
.home-new-products-right .home-new-products-img {order: 2;}
}


.home-new-products .heading-container {
	--heading-svg-color: #605129;
}
.home-new-products .heading-container .heading {
	--heading-color: #d3b155;
	--heading-shadow-color: #f3d37e;
}
@media (min-width: 992px) {
.home-new-products .heading-container {--heading-container-width: fit-content;}
body.lang-en .home-new-products .heading-container {position: relative; left: calc(var(--space-l-xl) * -1);}
}
@media (min-width: 1200px) {
body.lang-en .home-new-products .heading-container {left: calc(var(--space-s-xl) * -1);}
}


.home-new-products-dragon {position: absolute; z-index: 100; bottom: calc(var(--space-m) * -1); left: clamp(11.25rem, 5.1875rem + 30.3125vw, 41.5625rem);}
.home-new-products-dragon img {width: clamp(7.25rem, 4.3rem + 14.75vw, 22rem);}
.home-new-products-dragon:hover img {animation: shake 1.5s ease 0s 1 normal forwards;}
@media (max-width: 991.98px) {
.home-new-products-dragon {bottom: calc(clamp(2rem, 0.125rem + 9.375vw, 5.9375rem) * -1); left: auto; right: calc(var(--space-0-xxxl) + var(--space-m-xl));}
}


.home-new-products-desc {margin-top: calc(var(--space-m) * -1);}
.home-new-products-desc p {margin-bottom: var(--space-xs); font-size: var(--step-0); text-wrap: balance; text-wrap: pretty; font-weight: 500; color: #605129;}
.home-new-products-desc p:last-of-type {margin-bottom: 0;}
.home-new-products-desc p strong {font-weight: 800;}
.home-new-products-desc p em {font-style: italic;}
.home-new-products-desc .button-lg {
	--button-background: #605129;
	--button-active-background: #feedb9;
	--button-text-color: #feedb9;
	--button-active-text-color: #605129;
	margin-top: var(--space-l-xl);
}
@media (min-width: 992px) {
.home-new-products-desc p {padding-right: var(--space-0-xl);}
}
@media (max-width: 991.98px) {
.home-new-products-desc {margin-top: 0; text-align: center;}
.home-new-products-desc p {margin-bottom: var(--space-s);}
.home-new-products-desc .button {margin: var(--space-l) auto 0 auto;}
}


.home-new-products-img {container-type: inline-size; isolation: isolate; position: relative;}
@media (max-width: 991.98px) {
.home-new-products-img {width: min(100%, 640px); margin: 0 auto var(--space-2xl) auto;}
}

.home-new-products-img img:not(:last-child) {position: absolute;}
.home-new-products-img img.home-new-products-img-blob-1 {
	--fade-in-elastic-opacity: 0.38;
	z-index: -3; bottom: 1.24cqw; right: 3.98cqw; width: 85.57cqw;
}
.home-new-products-img img.home-new-products-img-blob-2 {
	--fade-in-elastic-opacity: 0.38;
	z-index: -2; bottom: 27.61cqw; left: 0; width: 49.75cqw; animation-delay: 0.3s;
}
.home-new-products-img img.home-new-products-img-blob-3 {
	--fade-in-elastic-opacity: 0.74;
	z-index: -1; bottom: -2cqw; right: 3.25cqw; transform: rotate(145deg); width: 38.06cqw; animation-delay: 0.6s;
}
.home-new-products-img img.home-new-products-img-main {display: block; width: 94.65cqw; margin-left: auto; padding-bottom: 9.7cqw; animation-delay: 0.3s;}



/* fun zone */

.home-fun-zone-container .heading {
	--heading-color: #272020;
	--heading-shadow-color: #c01a27;
}

.home-fun-zone-container h3 {
	--heading-font-size: var(--step-3);
	--heading-shadow-size: calc(var(--space-2-4) * 0.75);
}

.home-fun-zone-container .button-lg {
	--button-background: #272020;
	--button-active-background: var(--red);
	--button-text-color: var(--red);
	--button-active-text-color: #272020;
	--button-flash-color: #e6cd7c;
}

.home-fun-zone-container .wave.wave-sm {
	--mask-background-color: #b70f1a;
	--mask-div-height: calc(var(--mask-size) / 2.5);
}
.home-fun-zone-container .wave.wave-md {
	--mask-background-color: #272020;
	--mask-div-height: 0px;
}

	/* fun zone header */

.home-fun-zone .content-wrapper {padding-top: var(--space-xl-2xl);}
.home-fun-zone .heading-container {--heading-svg-color: #272020; order: 2;}
.home-fun-zone .heading-container .heading {text-wrap: nowrap;}
.home-fun-zone p {order: 1; margin-bottom: var(--space-xs); font-size: var(--step-0); font-weight: 500; text-wrap: balance; text-wrap: pretty; color: #272020;}
@media (min-width: 992px) {
.home-fun-zone .content-wrapper {gap: var(--space-xl-2xl);}
.home-fun-zone .heading-container {--heading-container-width: fit-content;}
.home-fun-zone p {animation-delay: 0.5s;}
}
@media (max-width: 991.98px) {
.home-fun-zone p {margin: calc(var(--space-xs) * -1) 0 var(--space-xl) 0;}
}

	/* home media */

.home-media {padding: var(--space-2xl) 0 var(--space-4xl) 0;}
.home-media .button-lg {top: calc(var(--space-xl) / -2 - var(--button-flash-size));}
.home-media h3 {margin-bottom: var(--space-xl);}
.home-media iframe {border-radius: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);}
@media (max-width: 767.98px) {
.home-media iframe {width: calc(100% + var(--space-m-xl) * 2); margin-inline: calc(var(--space-m-xl) * -1);}
}

	/* home contests */

.home-contests {padding-bottom: var(--space-xl);}
.home-contests h3 {margin-bottom: var(--space-xl);}
.home-contests .button-lg {margin-top: var(--space-xs);}
.home-contests-container {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-l); margin-bottom: var(--space-xs);}
@media (max-width: 767.98px) {
.home-contests-container {grid-template-columns: 1fr; max-width: min(100%, 400px); margin-inline: auto;}
}

.home-contests-item {container-type: inline-size;}

.home-contests-img {display: grid;  grid-template: 1fr / 1fr; aspect-ratio: 1;}

.home-contests-img-bg-container {grid-column: 1 / 2; grid-row: 1 / 2;}
.home-contests-img-bg {aspect-ratio: 1; background-size: contain; background-repeat: no-repeat; background-position: center;}
.home-contests-item-shield .home-contests-img-bg {background-image: url('img/backgrounds/home-contests-shield-bg.svg');}
.home-contests-item-rocket .home-contests-img-bg {background-image: url('img/backgrounds/home-contests-rocket-bg.svg');}
.home-contests-item-gift .home-contests-img-bg {background-image: url('img/backgrounds/home-contests-gift-bg.svg');}

.home-contests-item .home-contests-img-bg-container {transition: all 1.5s;}
.home-contests-item:hover .home-contests-img-bg-container {transform: rotate(90deg);}

.home-contests-img-container {grid-column: 1 / 2; grid-row: 1 / 2; place-self: center; }
.home-contests-item-shield .home-contests-img-container {width: 40.5%; margin: -5% -5% 0 0;}
.home-contests-item-rocket .home-contests-img-container {width: 37.5%;}
.home-contests-item-gift .home-contests-img-container {width: 36%; margin: -4% 0 0 0;}
.home-contests-item .home-contests-img-container {transition: all 1s;}
.home-contests-item:hover .home-contests-img-container {transform: scale(1.1);}

@media (min-width: 768px) {
.home-contests-item-shield .home-contests-img-bg {animation-delay: 0s;}
.home-contests-item-rocket .home-contests-img-bg {animation-delay: 1s;}
.home-contests-item-gift .home-contests-img-bg {animation-delay: 2s;}
.home-contests-item-shield .home-contests-img img {animation-delay: 0.5s;}
.home-contests-item-rocket .home-contests-img img {animation-delay: 1.5s;}
.home-contests-item-gift .home-contests-img img {animation-delay: 2.5s;}
}
@media (max-width: 767.98px) {
.home-contests-img img {animation-delay: 0.5s;}
}

.home-contests-text {padding-block: var(--space-m-l); font-size: clamp(0.875rem, -0.0509rem + 7.4074cqi, 1.875rem); line-height: 1.2; font-weight: 800; transition: all 0.4s;}
.home-contests-item-shield .home-contests-text {--fade-in-up-rotate-rotation: -15deg; animation-delay: 0.5s;}
.home-contests-item-rocket .home-contests-text {--fade-in-up-rotate-rotation: 18deg; animation-delay: 1.5s;}
.home-contests-item-gift .home-contests-text {--fade-in-up-rotate-rotation: -8deg; animation-delay: 2.5s;}
.home-contests-item .home-contests-text div {transition: all 0.4s;}
.home-contests-item-shield:hover .home-contests-text div {transform: rotate(15deg);}
.home-contests-item-rocket:hover .home-contests-text div {transform: rotate(-18deg);}
.home-contests-item-gift:hover .home-contests-text div {transform: rotate(8deg);}
@media (min-width: 768px) and (max-width: 991.98px) {
.home-contests-text br {display: none;}
}
@media (max-width: 767.98px) {
.home-contests-text {animation-delay: 0.75s !important;}
}

	/* home news */

.home-news {padding-block: var(--space-xl) calc(var(--space-m-xl) * 2);}

.home-news-content {container-type: inline-size; gap: var(--space-m-l);}
@media (min-width: 992px) {
.home-news-text {width: calc(65cqw - var(--space-m-l) / 2);}
.home-news-img {width: calc(35cqw - var(--space-m-l) / 2);}
}
@media (max-width: 991.98px) {
.home-news-content {gap: 0;}
.home-news-text {display: contents;}
.home-news-img {margin-bottom: var(--space-l);}
}

.home-news h3 {margin-bottom: var(--space-xl);}
.home-news h4 {margin: -0.2em 0 var(--space-m) 0; font-size: var(--step-2); font-weight: 900; text-wrap: balance; color: #f7d876;}
.home-news p {margin-bottom: var(--space-m-l); font-size: var(--step-0); color: #272020;}
@media (max-width: 991.98px) {
.home-news h4 {margin: 0 0 var(--space-l) 0;}
}


/* page products + page products category */

.page-products .heading-container {
	--heading-svg-color: #65171e;
	pointer-events: none;
}
.page-products .heading {
	--heading-color: #3f090e;
	--heading-shadow-color: #d3b155;
}


.page-products-header {padding-top: calc(var(--space-s-l) * 1.75); background-color: #f7d876;}

.page-products-header .wave-sm {
	--mask-background-color: #feedb9;
}

.page-products-footer {padding-top: calc(var(--space-m-xl) * 1.5); background-color: #f7d876;}
@media (max-width: 1199.98px) {
.page-products-footer {padding-top: calc(var(--space-m-xl) * 0.5);}
}

.page-products-footer .wave.wave-sm {
	--mask-background-color: #b70f1a;
	--mask-div-height: calc(var(--mask-size) / 2.5);
}
.page-products-footer .wave.wave-md {
	--mask-background-color: #272020;
	--mask-div-height: 0px;
}


.page-products-header .mobile-scroll-container, .page-products-footer .mobile-scroll-container {
	--mobile-scroll-background: #f7d876;
	--mobile-scroll-scrollbar-color: #d3b155;
}
.page-products-header .products-categories-list {margin-top: calc(var(--space-l) * -1); margin-bottom: var(--space-s-xl);}
.page-products-footer .products-categories-list {margin-bottom: calc(var(--space-m-xl) * 1.75);}
.products-categories-list ul {column-gap: var(--space-2xs); row-gap: var(--space-s); margin: 0; padding: 0; list-style: none; white-space: nowrap;}
.products-categories-list li a {
	--heading-font-size: var(--step-1);
	--heading-color: #65171e;
	--heading-shadow-size: calc(var(--space-2-4) / 2);
	--heading-shadow-color: #d3b155;
	padding: 0.5em 1.2em; text-decoration: none; line-height: 2; border: 1px solid #f7d876; border-radius: 2em; transition: all 0.3s;
}
.products-categories-list li a:is(:hover, :focus, :active), .page-products-footer li a:is(:hover, :focus, :active) {border: 1px solid #65171e;}
@media (min-width: 768px) and (max-width: 1199.98px) {
.page-products-header .products-categories-list {margin-top: calc(var(--space-l) * -2); margin-bottom: 0;}
}
@media (max-width: 1199.98px) {
.products-categories-list {padding-block: var(--space-m-xl);}
.page-products-footer .products-categories-list {margin-bottom: calc(var(--space-m-xl) * 0.75);}
}




.products-cat-desc {overflow: hidden; padding-top: var(--space-l-xl); background-color: #feedb9;}

.products-cat-desc .wave {
	--mask-background-color: #fff;
}


@media (min-width: 768px) {
.products-cat-desc .content-wrapper {display: grid; grid-template-columns: repeat(8, 1fr);}
.products-cat-left {grid-column: 1 / span 5; margin-bottom: var(--space-xl-2xl);}
.products-cat-right {grid-column: 6 / span 3; margin-bottom: var(--space-xl-2xl);}
}
@media (min-width: 1200px) {
.products-cat-right {align-self: start;}
}
@media (max-width: 767.98px) {
.products-cat-left:not(:has(+ .products-cat-right)) {margin-bottom: var(--space-xl-2xl);}
.products-cat-right {max-width: min(100%, 480px); margin: 0 auto max(-15vw, -72px) auto;}
}


.products-cat-left > div {column-gap: var(--space-s-xl); margin-block: var(--space-s) var(--space-m);}
@media (max-width: 1199.98px) {
.products-cat-left > div {gap: 0;}
}

.products-cat-desc p {width: 80%; margin-bottom: var(--space-xs); font-size: var(--step-0); font-weight: 500; color: #65171e;}
.products-cat-desc .shop-link {margin-top: calc(var(--space-s) * 1.25);}
@media (max-width: 1199.98px) {
.products-cat-desc p {width: 90%;}
}
@media (max-width: 767.98px) {
.products-cat-desc p {width: 100%;}
}

.products-cat-desc-img {container-type: inline-size; position: relative; width: 100%; height: 100%;}

.products-cat-desc-img > img {margin-top: 6cqw; filter: drop-shadow(0cqw 4cqw 6cqw rgba(74, 58, 16, 0.65));}
@supports (-webkit-hyphens:none) {
.products-cat-desc-img > img {transform: translateZ(0);}
}
@media (min-width: 768px) {
.products-cat-desc-img > img {position: absolute;}
}


.products-cat-desc-blob {position: absolute; opacity: 0.4; aspect-ratio: 1; border-radius: 23cqw 36cqw 20cqw 28cqw; background-color: #d7b75d; transition: all 1s;}
.products-cat-desc-blob-1 {top: 10cqw; left: 10cqw; width: 80cqw; transform: translateX(0) rotate(-130deg);}
.products-cat-desc-blob-2 {top: 10cqw; left: 16cqw; width: 76cqw; transform: translateX(0) rotate(-15deg);}
.products-cat-desc-img:hover .products-cat-desc-blob-1 {transform: translateX(-5%) rotate(-130deg);}
.products-cat-desc-img:hover .products-cat-desc-blob-2 {transform: translateX(5%) rotate(-15deg);}



.products-cat-stock {background-color: #fff;}

.products-cat-stock .wave {
	--mask-background-color: #feedb9;
}
section:has(+ .page-products-footer) .products-cat-stock .wave {
	--mask-background-color: #f7d876;
}

.products-cat-subcats {position: relative;}

.products-cat-subcats .mobile-scroll-container {
	--mobile-scroll-scrollbar-color: #f7d876;
	position: relative; padding-bottom: var(--space-s);
}
.page-products:not(.page-products-category) .products-cat-subcats .mobile-scroll-container {
	--mobile-scroll-width: calc(100% - var(--step-0) * 8 + var(--space-m-xl) * 1);
	--mobile-scroll-margin-right: calc(var(--space-m-xl) * -0.5);
}
@media (max-width: 797.98px) { 
.page-products:not(.page-products-category) .products-cat-subcats .mobile-scroll-container {--mobile-scroll-width: calc(100% - var(--step--1) * 8 + var(--space-m-xl) * 1.6);}
}

.products-cat-subcats .nav-tabs {gap: var(--space-3xs-2xs); padding: var(--space-l) calc(var(--step-0) * 8) calc(var(--space-s) + var(--wave-size-sm) / 10) 0; border-bottom: 0;}
.products-cat-subcats .nav-tabs .nav-link {padding: 0.5em 1.2em; font-size: var(--step-0); line-height: 1; font-weight: 900; text-transform: uppercase; white-space: nowrap; border: 1px solid #fff; border-radius: 2em; color: #65171e;}
.products-cat-subcats .nav-tabs .nav-link:is(.active, :hover, :active, :focus) {border: 1px solid #3f090e; color: #3f090e;}
.products-cat-subcats:has(+ .collapse:not(.show)) .nav-tabs .nav-link.active:not(:hover, :focus) {border: 1px solid #fff; color: #65171e;}
.products-cat-subcats .products-cat-nav div {padding: var(--space-l) 0 calc(var(--space-s) + var(--wave-size-sm) / 10) 0;}

.products-cat-subcats .collapse-button {position: absolute; inset: var(--space-l) 0 calc(var(--space-l) + var(--wave-size-sm) / 10) auto; padding-inline: 0; font-size: var(--step-0); line-height: 1; font-weight: 600; text-transform: uppercase; border: none; color: #65171e;}
.products-cat-subcats .collapse-button:is(:hover, :focus, :active) {color: #3f090e; outline: none;}
.products-cat-subcats .collapse-button div {position: relative; padding-right: calc(var(--space-s) * 2);}
.products-cat-subcats .collapse-button.collapsed div:after, .products-cat-subcats .collapse-button div:before {content: ''; position: absolute; inset: calc(50% - 1px) 0 auto auto; width: var(--space-s); height: 2px; background-color: currentColor; transition: all 0.3s;}
.products-cat-subcats .collapse-button.collapsed div:before {transform: rotate(90deg);}
.products-cat-subcats .collapse-button:not(.collapsed) div:before {transform: rotate(360deg);}
.products-cat-subcats .collapse-button:not(.collapsed) div:after {width: 0; transform: rotate(90deg);}
.products-cat-subcats .collapse-button:not(.collapsed) div span {opacity: 0;}
@media (max-width: 767.98px) {
.products-cat-subcats .collapse-button {font-size: var(--step--1);}
.products-cat-subcats .collapse-button div {padding-right: calc(var(--space-s) * 1.25);}
.products-cat-subcats .collapse-button.collapsed div:after, .products-cat-subcats .collapse-button div:before {inset: calc(50% - 2px) 0 auto auto; width: var(--space-xs);}
}


.page-products.page-products-category .products-cat-stock-container {padding-bottom: var(--space-l-xl);}

.products-cat-items {
	--products-cat-items-max-cols: 8;
	--products-cat-items-min-size: 124px;
	--products-cat-items-gap: var(--space-s);
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(var(--products-cat-items-min-size), calc((100% - var(--products-cat-items-gap) * (var(--products-cat-items-max-cols) - 1)) / var(--products-cat-items-max-cols))), 1fr));
	column-gap: var(--products-cat-items-gap);
	row-gap: calc(var(--products-cat-items-gap) * 1.5);
	padding-bottom: var(--space-xl-2xl);
}
.page-products-category .products-cat-items {
	--products-cat-items-max-cols: 4;
}

.products-cat-item {container-type: inline-size; position: relative; font-weight: 500; text-decoration: none; color: #65171e; text-align: center;}

.products-cat-img {width: 100%; min-height: 0; aspect-ratio: 1; margin-bottom: var(--space-xs);}
.products-cat-img img {width: 100%; height: 100%; object-fit: contain; transform: scale(0.8) rotate(0deg); transition: all 0.3s;}
.products-cat-item:hover .products-cat-img img {transform: scale(0.9) rotate(-5deg);}

.products-cat-title {opacity: 0.7; line-height: 1.2; transition: all 0.3s;}
.page-products:not(.page-products-category) .products-cat-title {font-size: clamp(0.8125rem, 0.425rem + 5cqi, 1rem);}
.page-products.page-products-category .products-cat-title {font-size: clamp(0.8125rem, 0.492rem + 4.1353cqi, 1.5rem);}
.products-cat-item:hover .products-cat-title {opacity: 1;}

.products-cat-badges {position: absolute; z-index: 10; left: 0; top: 0;}
.products-cat-badge {width: fit-content; margin-bottom: 0.5em; padding: 0.1em 0.75em 0.1em 0.75em; font-size: clamp(0.625rem, 0.4502rem + 2.2556cqi, 1rem); font-weight: 500; text-transform: uppercase; text-align: left; border-radius: 0.3125em; color: #fff; background-color: var(--product-badge-color);}
.products-cat-badge-new {--product-badge-color: #ba9d50;}
.products-cat-badge-bestseller {--product-badge-color: #da1f2e;}


/* page product */


.page-product-breadcrumbs {background-color: #f7d876;}

.page-product-breadcrumbs .wave {
	--mask-background-color: #fff;
}

.page-product-breadcrumbs .mobile-scroll-container {
	--mobile-scroll-background: #f7d876;
	--mobile-scroll-scrollbar-color: #d3b155;
	margin-bottom: calc(var(--space-xs-s) + var(--wave-size-sm) / 10);
}
.page-product-breadcrumbs nav {
	--bs-breadcrumb-divider: '•';
}
.page-product-breadcrumbs .breadcrumb {margin-bottom: 0; padding-block: var(--space-m-l) var(--space-xs-s);}

.page-product-breadcrumbs li {display: flex; font-size: var(--step--1); white-space: nowrap; font-weight: 500; color: #3f090e;}
.page-product-breadcrumbs li.active {font-weight: 700; color: #3f090e;}
.page-product-breadcrumbs li + li:before {color: #65171e !important;}
.page-product-breadcrumbs li.active:before {color: #3f090e !important; font-weight: 500;}
.page-product-breadcrumbs li a {text-transform: uppercase; text-decoration: none; color: #65171e; border-radius: 0.1em; transition: all 0.3s;}
.page-product-breadcrumbs li a:is(:hover, :active, :focus) {color: #3f090e;}
.page-product-breadcrumbs li a:focus-visible {outline: 0.12em solid #3f090e; outline-offset: 0.2em;}


.product-info {background-color: #fff;}

.product-info-wave div:first-child {
	--mask-div-height: calc(var(--space-2-4) + 1px);
	--mask-background-color: #feedb9;
}
.product-info-wave div:last-child {
	--mask-background-color: #fff;
}

.product-info > .content-wrapper {display: grid; grid-template-columns: 1fr 1fr; padding-block: var(--space-xl-2xl) var(--space-xl);}

.product-info-right {padding-right: clamp(0px, -240px + 20vw, 144px);}
@media (max-width: 991.98px) {
.product-info > .content-wrapper {grid-template-columns: 1fr;}
.product-info-left, .product-info-right {display: contents;}
}

.product-img {width: 100%;}
.product-img img {width: 100%; height: 100%; object-fit: contain; transition: all 0.3s;}
@media (min-width: 992px) {
.product-img {min-height: 0; aspect-ratio: 1;}
.product-img img {transform: scale(0.8) rotate(0deg);}
.product-img img:hover {transform: scale(0.85) rotate(-5deg);}
}
@media (max-width: 991.98px) {
.product-img {margin-bottom: var(--space-l);}
.product-img img {transform: scale(0.95) rotate(0deg);}
.product-img img:hover {transform: scale(1) rotate(-5deg);}
}

.product-info h1 {margin-bottom: var(--space-l); font-size: var(--step-3); font-weight: 900; color: #3f090e;}

.product-add-info {column-gap: var(--space-s-m); margin-bottom: var(--space-m); font-size: var(--step-1); font-weight: 500; color: #3f090e;}
.product-add-info strong {font-weight: 800;}

.product-desc {margin-bottom: var(--space-m);}
.product-desc * {margin-bottom: 0.9em; line-height: 1.2; font-weight: 500;}
.product-desc p a {text-decoration: underline; text-decoration-style: dashed;}
.product-desc p a:is(:hover, :active) {text-decoration-style: solid;}
.product-desc p a:is(:focus) {outline-offset: 0.1em; text-decoration: none;}

.product-badges {column-gap: var(--space-m); row-gap: var(--space-s); margin-bottom: var(--space-l);}
.product-badge {gap: var(--space-xs); height: var(--space-l); color: var(--product-badge-color);}
.product-badge-new {--product-badge-color: #ba9d50;}
.product-badge-bestseller {--product-badge-color: #da1f2e;}
.product-badge svg {width: var(--product-badge-svg-size);}
.product-badge-new svg {--product-badge-svg-size: calc(var(--space-l) * 0.85); margin-right: var(--space-3xs); transform: rotate(-30deg);}
.product-badge-bestseller svg {--product-badge-svg-size: calc(var(--space-l) - 2px);}
.product-badge div {padding-inline: var(--space-xs); font-size: var(--step-0); line-height: 1; text-transform: uppercase; font-weight: 500; color: #fff; border-radius: calc(var(--space-s) / 2.4); background-color: var(--product-badge-color);}
@media (min-width: 768px) {
.product-info h1:has(+ .product-add-info) {margin-bottom: var(--space-m);}
}
@media (max-width: 767.98px) {
.product-badges {column-gap: var(--space-s); row-gap: var(--space-xs);}
.product-badge {gap: var(--space-2xs); height: calc(var(--space-l) * 0.85);}
.product-badge div {font-size: var(--step--1);}
.product-badge-new svg {--product-badge-svg-size: calc(var(--space-m) * 0.85);}
.product-badge-bestseller svg {--product-badge-svg-size: calc(var(--space-m) - 2px);}
}

.product-desc-footer {column-gap: var(--space-m-l); row-gap: var(--space-s-m);}


.other-products {padding-top: var(--space-xl-2xl); background-color: #fff;}

.other-products .wave {
	--mask-background-color: #f7d876;
}

.other-products .heading {
	--heading-font-size: var(--step-3);
	--heading-color: #3f090e;
	--heading-shadow-size: calc(var(--space-2-4) * 0.75);
	--heading-shadow-color: #d5bfc1;
	margin-bottom: var(--space-l-xl); text-align: center;
}

.other-products-swiper-container {position: relative; margin-bottom: var(--space-xl-2xl); padding: 0 var(--space-xl);}

.other-products-swiper {position: static; width: 100%; /* height: 100%; */ padding-top: var(--space-s);}
.other-products-swiper .swiper-wrapper {height: auto;}

.other-products-swiper .swiper-button {position: absolute; z-index: 100; top: calc(50% - 1em); font-size: var(--step-0); border-radius: 0.1em; transition: all 0.4s;}
.other-products-swiper .swiper-button.swiper-prev-button {left: 0; transform: rotate(180deg) translateZ(0);}
.other-products-swiper .swiper-button.swiper-next-button {right: 0; transform: rotate(0deg) translateZ(0);}
.other-products-swiper .swiper-button.swiper-prev-button:hover {transform: rotate(168deg) translateZ(0);}
.other-products-swiper .swiper-button.swiper-next-button:hover {transform: rotate(-12deg) translateZ(0);}
.other-products-swiper .swiper-button svg {width: 2em; fill: #3f090e; transition: all 0.4s;}
.other-products-swiper .swiper-button:hover svg {fill: #da1f2e;}
.other-products-swiper .swiper-button:focus-visible {outline: 0.1em solid #3f090e; outline-offset: 0.2em;}
@media (max-width: 439.98px) {
.other-products-swiper .swiper-button {top: auto; bottom: 10%;}
}

.other-products-swiper .swiper-slide {container-type: inline-size; width: calc(16.66666% - var(--space-xs-s) * 5 / 6); margin-right: var(--space-xs-s);}
.other-products-swiper .swiper-slide a {text-decoration: none;}
.other-products-swiper .swiper-slide a:focus {outline: none; box-shadow: none;}
@media (max-width: 1199.98px) {
.other-products-swiper .swiper-slide {width: calc(20% - var(--space-xs-s) * 4 / 5);}
}
@media (max-width: 991.98px) {
.other-products-swiper .swiper-slide {width: calc(50% - var(--space-xs-s) * 2 / 3);}
}
@media (max-width: 439.98px) {
.other-products-swiper .swiper-slide {width: 100%;}
}

.other-products-swiper .slide-title {opacity: 0.7; margin-top: var(--space-s); padding-inline: 4cqw; font-size: clamp(0.8125rem, 0.3385rem + 5.8333cqi, 1.25rem); line-height: 1.2; font-weight: 500; text-align: center; border-radius: 0.1em; color: #65171e; transition: all 0.3s;}
.other-products-swiper a:hover .slide-title {opacity: 1;}
.other-products-swiper a:focus .slide-title {outline: 0.1em solid #65171e; outline-offset: 0.2em;}

.other-products-swiper .slide-img {position: relative; width: 100cqw; height: 100cqw; padding: 4cqw;}
.other-products-swiper .slide-img img {width: 100%; height: 100%; object-fit: contain; transform: rotate(0deg) scale(1); transition: all 0.4s;}
.other-products-swiper a:hover .slide-img img {transform: rotate(-5deg) scale(1);}


/* page fun zone */

.fun-zone-header .heading-container {
	--heading-svg-color: #65171e;
	pointer-events: none;
}
.fun-zone-header .heading {
	--heading-color: #272020;
	--heading-shadow-color: #c01a27;
}

.fun-zone-footer .wave.wave-sm {
	--mask-background-color: #b70f1a;
	--mask-div-height: calc(var(--mask-size) / 2.5);
}
.fun-zone-footer .wave.wave-md {
	--mask-background-color: #272020;
	--mask-div-height: 0px;
}

.fun-zone-main .button-lg {
	--button-background: #272020;
	--button-active-background: var(--red);
	--button-text-color: var(--red);
	--button-active-text-color: #272020;
	--button-flash-color: #e6cd7c;
}


.fun-zone-header {padding-top: calc(var(--space-s-l) * 1.75);}
.fun-zone-footer {padding-top: calc(var(--space-m-xl) * 1.5);}
@media (max-width: 1199.98px) {
.fun-zone-footer {padding-top: calc(var(--space-m-xl) * 0.5);}
}


.fun-zone-header .mobile-scroll-container, .fun-zone-footer .mobile-scroll-container {
	--mobile-scroll-background: var(--red);
	--mobile-scroll-scrollbar-color: #65171e;
}
.fun-zone-header .fun-zone-categories-list {margin-top: calc(var(--space-l) * -1); margin-bottom: var(--space-s-l);}
.fun-zone-footer .fun-zone-categories-list {margin-bottom: calc(var(--space-m-xl) * 1.75);}
.fun-zone-categories-list ul {column-gap: var(--space-2xs); row-gap: var(--space-s); margin: 0; padding: 0; list-style: none; white-space: nowrap;}
.fun-zone-categories-list li a {
	--heading-font-size: var(--step-1);
	--heading-color: #272020;
	--heading-shadow-size: calc(var(--space-2-4) / 2);
	--heading-shadow-color: #c01a27;
	padding: 0.5em 1.2em; text-decoration: none; line-height: 2; border: 1px solid var(--red); border-radius: 2em; transition: all 0.3s;
}
.fun-zone-categories-list li a:is(:hover, :focus, :active, .active) {border: 1px solid #272020;}
@media (min-width: 768px) and (max-width: 1199.98px) {
.fun-zone-header .fun-zone-categories-list {margin-top: calc(var(--space-l) * -2); margin-bottom: 0;}
}
@media (max-width: 1199.98px) {
.fun-zone-categories-list {padding-block: var(--space-m-xl);}
.fun-zone-footer .fun-zone-categories-list {margin-bottom: calc(var(--space-m-xl) * 0.75);}
}


.fun-zone-main > .content-wrapper {padding-block: calc(var(--space-m-xl) + var(--space-s));}

.fun-zone-heading {margin-bottom: var(--space-xl-2xl); font-size: var(--step-4); line-height: 1; text-transform: uppercase; font-weight: 800; text-align: center;}

.fun-zone-featured-item:has(+ *) {margin-bottom: var(--space-xl-2xl);}

.fun-zone-grid {display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--space-s); row-gap: var(--space-xl-2xl);}
.fun-zone-grid:has(+ .pagination) {margin-bottom: var(--space-xl-2xl);}
@media (max-width: 991.98px) {
.fun-zone-grid {grid-template-columns: 1fr;}
}


	/* fun zone głośno o nas */

.fun-zone-content {padding: var(--space-m-xl) var(--space-m-xl) 0 var(--space-m-xl); background-color: var(--red); border-radius: var(--space-m-xl);}
.fun-zone-content:has(.pagination) {padding-bottom: calc(var(--space-m-xl) + var(--space-s));}

.fun-zone-content .button-lg {margin-block: var(--space-m-l) calc(var(--space-m-xl) + var(--space-s));}

.fun-zone-article-info h1, .fun-zone-article-info h2 {margin-bottom: var(--space-m-l); font-size: var(--step-4); font-weight: 800;}
.fun-zone-article-info h1 a, .fun-zone-article-info h2 a {text-decoration: none; border-radius: 0.1em; color: #272020;}
.fun-zone-article-info h1 a:focus-visible, .fun-zone-article-info h2 a:focus-visible {outline: 0.05em solid #272020; outline-offset: 0.1em;}

.fun-zone-article-info time {display: inline-block; margin-bottom: var(--space-m); line-height: 1.25; font-weight: 800;}

.fun-zone-feature-img {margin: 0 calc(var(--space-m-xl) * -1) var(--space-m) calc(var(--space-m-xl) * -1); text-align: center;}
.fun-zone-feature-img.img-horizontal img {max-width: 100%; height: auto;}
@media (min-width: 768px) {
.fun-zone-feature-img.img-vertical {min-height: 0; aspect-ratio: 16 / 9;}
.fun-zone-feature-img.img-vertical img {width: auto; height: 100%;}
}
@media (max-width: 767.98px) {
.fun-zone-feature-img.img-vertical img {max-width: 100%; height: auto;}
}

.fun-zone-lead p {font-size: var(--step-0); color: #272020;}
.fun-zone-lead p.fun-zone-lead-title {margin-bottom: var(--space-m); font-size: var(--step-2); line-height: 1.25; font-weight: 900; color: #f7d876;}

.fun-zone-article {
	--content-color: #272020;
	--content-heading-color: #f7d876;
	--content-link-color: #f7d876;
	--content-active-link-color: #fff;
}

.fun-zone-article > img, .fun-zone-article > p > img, .fun-zone-article > a:has(img), .fun-zone-article > p > a:has(img), .fun-zone-article .ratio {width: calc(100% + var(--space-m-xl) * 2); max-width: calc(100% + var(--space-m-xl) * 2); margin-inline: calc(var(--space-m-xl) * -1);}


	/* fun zone media */

.fun-zone-video {text-align: center;}

.fun-zone-video .ratio {margin-bottom: var(--space-s);}
.fun-zone-featured-item .fun-zone-video .ratio {margin-bottom: var(--space-m-l);}

.fun-zone-video-title-container {gap: var(--space-l-xl);}
.fun-zone-video-title {margin-bottom: var(--space-m-l); font-size: var(--step-0); line-height: 1.25; font-weight: 800; text-align: left;}
.fun-zone-featured-item .fun-zone-video-title {font-size: var(--step-1);}

.fun-zone-yt-link {position: relative; top: -0.25em; gap: var(--space-xs); font-size: var(--step-1); text-decoration: none; border-radius: 0.1em; color: #272020; transition: all 0.3s; }
.fun-zone-yt-link:is(:hover, :focus, :active, .active) {color: #fff;}
.fun-zone-yt-link:focus-visible {outline: 0.1em solid #fff; outline-offset: 0.2em;}
.fun-zone-yt-link svg {width: var(--space-l);}


	/* fun zone konkursy */

.fun-zone-contest {text-align: center;}

.fun-zone-contest-img {margin-bottom: var(--space-m-l);}
.fun-zone-contest-img a {display: block; overflow: hidden;}
.fun-zone-contest-img a img {transition: all 0.4s;}
.fun-zone-contest-img a:hover img {transform: scale(1.05);}


/* page default */

.page-default-header .wave {
	--mask-background-color: #fff;
}

.page-default-main .wave.wave-sm {
	--mask-background-color: #b70f1a;
	--mask-div-height: calc(var(--mask-size) / 2.5);
}
.page-default-main .wave.wave-md {
	--mask-background-color: #272020;
	--mask-div-height: 0px;
}

.page-default-header {padding-top: var(--space-l); color: #3f090e; background-color: #f7d876;}
.page-default-header h1 {margin-bottom: calc(var(--space-l) + var(--wave-size-sm) / 10); font-size: var(--step-3); line-height: 1.2; font-weight: 900; text-align: center;}

.page-default-main {font-size: var(--step-0); color: #65171e; background-color: #fff;}
.page-default-main > .content-wrapper {padding-block: var(--space-2xl) var(--space-3xl);}

.page-default-main .content-container > *:has(+ h2) {margin-bottom: 0 !important;}
.page-default-main .content-container h2 {margin-bottom: var(--space-xl-2xl); font-weight: 900;}
.page-default-main .content-container * + h2 {margin-top: var(--space-xl-2xl);}


/* footer */

footer {background-color: #272020;}

.footer-wave-1 div:first-child {
	--mask-div-height: calc(var(--space-2-4) + 1px);
	--mask-background-color: #772128;
}
.footer-wave-1 div:last-child {
	--mask-background-color: #272020;
}
.footer-wave-2 .wave:first-child {
	--mask-div-height: calc(var(--space-2-4) + 1px);
	--mask-background-color: #772128;
}

.contact {padding-block: var(--space-xl-2xl); color: #fff;}
.contact-bottom {gap: var(--space-l-xl); padding-block: var(--space-l-xl) calc(var(--space-xl-2xl) - 5px);}

.contact .heading-container {
	--heading-svg-color: #9d1621;
}
.contact .heading-container .heading {
	--heading-color: var(--red);
	--heading-shadow-color: #71131a;
}

.contact > h3 {margin-block: calc(var(--space-l) * -1) calc(var(--space-s) * 2.5); font-size: var(--step-2); font-weight: 700;}
@media (max-width: 1199.98px) {
.contact > h3 {margin-block: calc(var(--space-xs) * -1) calc(var(--space-m) * 1);}
}

.contact-container {display: grid; grid-template-columns: 1fr 1fr; margin-inline: auto;}
@media (max-width: 1199.98px) {
.contact-container {grid-template-columns: 1fr;}
}

@media (min-width: 768px) {
.contact-nav-sm {display: contents;}
}
@media (max-width: 768.98px) {
.contact-nav-sm {display: flex; justify-content: space-between; width: 100%; max-width: 20rem; margin-bottom: var(--space-s);}
}

.contact-info a, .contact-info div {gap: var(--space-s); margin-bottom: var(--space-s); padding-block: var(--space-3xs); font-size: var(--step-1); line-height: 1.25; text-decoration: none; color: #fff;}
.contact-info a:is(:hover, :active, :focus) {outline: none; color: var(--red);}
.contact-info a svg, .contact-info div svg {flex-shrink: 0; width: var(--space-l); color: var(--red); transform: rotate(0deg) translateZ(0); transition: all 0.3s;}
.contact-info a:is(:hover, :active, :focus) svg {transform: rotate(-12deg) translateZ(0)}
.contact-info a span {border-radius: 0.1em; transition: all 0.3s;}
.contact-info a:focus-visible span {outline: 0.1em solid var(--red); outline-offset: 0.2em;}
@media (max-width: 1199.98px) {
.contact-info {margin-bottom: var(--space-s);}
.contact-info a, .contact-info div {gap: var(--space-2xs); margin-bottom: var(--space-m); text-align: center;}
}

.contact-nav {padding-top: 0.75em; font-size: var(--step-0); line-height: 1.25; text-transform: uppercase;}
.contact-nav h3 {margin-bottom: var(--space-m); font-size: var(--step-0); font-weight: 700;}
.contact-nav ul {padding: 0; list-style: none;}
.contact-nav ul.langs {gap: var(--space-s);}
.contact-nav li {margin-bottom: var(--space-2xs);}
.contact-nav a {text-decoration: none; border-radius: 0.1em; color: #fff; transition: all 0.3s;}
.contact-nav a:is(:hover, :active, :focus) {color: var(--red);}
.contact-nav a:focus-visible {outline: 0.1em solid var(--red); outline-offset: 0.2em;}
.contact-nav ul.langs a.active {font-weight: 900;}

.contact-buttons {gap: var(--space-m-l);}
@media (max-width: 768.98px) {
.contact-buttons {width: min(100%, 400px);}
}

.contact-bottom .social-media {gap: var(--space-l-xl); margin: 0; padding: 0; list-style: none;}
.contact-bottom .social-media li {animation-delay: 0s; animation-duration: 0.75s;}
.contact-bottom .social-media li:nth-child(2) {animation-delay: 0.25s;}
.contact-bottom .social-media li:nth-child(3) {animation-delay: 0.5s;}
.contact-bottom .social-media li:nth-child(4) {animation-delay: 0.75s;}
.contact-bottom .social-media a {display: inline-block; font-size: var(--step-0); border-radius: 0.1em; color: var(--red); transform: rotate(0deg) translateZ(0); transition: all 0.2s;}
.contact-bottom .social-media a:is(:hover, :focus, :active) {outline: none; color: #fff;}
.contact-bottom .social-media a:hover {transform: rotate(-12deg) translateZ(0);}
.contact-bottom .social-media a:focus-visible {outline: 0.1em solid var(--red); outline-offset: 0.2em;}
.contact-bottom .social-media a svg {width: var(--space-l);}


.bottom-container {background-color: var(--red);}
body:not(.wp-admin) .bottom {padding-block: calc(var(--space-l) * 1.25); font-size: var(--step--2); font-weight: 600; color: #fff;}
@media (max-width: 767.98px) {
body:not(.wp-admin) .bottom {font-size: var(--step--1);}
}

.bottom-logo img {width: 216px;}
.bottom-logo a {display: inline-block; border-radius: 2px;}
.bottom-logo a:focus-visible {outline: 2px solid #fff; outline-offset: 10px;}
@media (max-width: 991.98px) {
.bottom-logo {width: 100%; text-align: center; margin-bottom: var(--space-l);}
}

@media (min-width: 992px) {
.bottom-copyright {margin-left: var(--space-xl-2xl);}
}
@media (max-width: 767.98px) {
.bottom-copyright {width: 100%; margin-bottom: var(--space-2xs);}
}

.bottom-links ul {gap: var(--space-s-m); margin: 0; padding: 0; list-style: none;}
.bottom-links a {text-decoration: none; border-radius: 0.1em; color: #fff;}
.bottom-links a:is(:hover, :active, :focus) {outline: none; color: #272020;}
.bottom-links a:focus-visible {outline: 0.15em solid #272020; outline-offset: 0.4em;}
@media (min-width: 768px) {
.bottom-links {margin-left: var(--space-xl-2xl);}
}
@media (max-width: 479.98px) {
.bottom-links ul {flex-direction: column; gap: var(--space-2xs);}
}

.newmanstudio {display: inline-block; margin-left: auto;}
.newmanstudio a {font-weight: 400; text-decoration: none; border-radius: 0.1em; color: #fff; transition: all 0.4s;}
.newmanstudio a:is(:hover, :focus, :active) {outline: none; color: #272020;}
.newmanstudio a:focus-visible {outline: 0.15em solid #272020; outline-offset: 1em;}
.newmanstudio a svg {width: var(--space-m); height: auto; margin-left: var(--space-2xs);}
.newmanstudio a svg path {fill: #fff; transition: fill 0.4s;}
.newmanstudio a:is(:hover, :focus, :active) svg path {fill: #272020;}


/* modal */

.modal-dialog {
	--bs-modal-width: calc(min(100vw, 1920px) - (var(--space-m-xl) + var(--space-0-xxxl)) * 2);
	--bs-modal-border-radius: var(--space-s-m);
	--bs-modal-bg: var(--red);
	--bs-modal-header-border-color: #b70f1a;	
}

.modal-header {height: var(--space-2xl); padding: 0 var(--space-l);}
.modal-title {font-size: var(--step-0); font-weight: 800; color: #272020;}
.modal-header .btn-close {--bs-btn-close-color: #272020; opacity: 1; transform: rotate(0deg); transition: all 0.3s;}
.modal-header .btn-close:is(:hover, :active) {transform: rotate(180deg);}
.modal-header .btn-close:focus {outline: none; box-shadow: none;}
.modal-header .btn-close:focus-visible {outline: 0.1em solid #272020;}

.modal-body {
	--content-color: #272020;
	--content-heading-color: #f7d876;
	--content-link-color: #f7d876;
	--content-active-link-color: #fff;
	padding: var(--space-xl-2xl) var(--space-xl-2xl) 0 var(--space-xl-2xl);
}
.modal-body > *:last-child {margin-bottom: 0;}
@media (max-width: 767.98px) {
.modal-body {padding: var(--space-l) var(--space-l) 0 var(--space-l);}
}

.modal-footer {justify-content: center; padding: var(--space-l); border-top: none;}
.modal-footer img {width: clamp(3rem, 2.8rem + 1vw, 4rem);}


/* cookies banner */

#cookies-info {
	z-index: 1000;
	position: fixed; bottom: var(--space-m); left: 50%; transform: translateX(-50%);
	display: grid;
	width: calc(min(100vw, 1920px) - (var(--space-m-xl) + var(--space-0-xxxl)) * 2);
	margin: 0;
	padding: var(--space-xl-2xl) var(--space-xl-2xl) var(--space-l) var(--space-xl-2xl);
	border-radius: var(--space-s-m);
	background-color: #b70f1a;
	background-image: url('img/backgrounds/cookies-bg.svg'); background-repeat: no-repeat; background-size: cover; background-position: center center;
}
#cookies-info .content-container {
	--content-color: #fff;
	--content-link-color: #fff;
	--content-active-link-color: #272020;
	--content-font-size: var(--step--1);
}
#cookies-info .content-container a {font-weight: 700;}

#cookies-info a#cookie-info-accept {
	--button-background: #272020;
	--button-active-background: #b70f1a;
	--button-text-color: var(--red);
	--button-active-text-color: #272020;
	--button-flash-color: #e6cd7c;
	margin-left: auto;
}

@media (max-width: 767.98px) {
#cookies-info {padding: var(--space-l);}
#cookies-info a#cookie-info-accept {margin-inline: auto;}
}


/* fancybox overrides */
	
#fancybox-outer {border-radius: calc(var(--space-s-m) + 1px);}
#fancybox-content {cursor: pointer !important; border-radius: var(--space-s-m); background-color: transparent !important;}
#fancybox-img {border-radius: var(--space-s-m);}

#fancybox-prev, #fancybox-next {height: 42px !important; width: 47px !important; margin-top: -16px !important; background-position: 0 0 !important; background-repeat: no-repeat; background-size: cover; transition: all 0.4s;}
#fancybox-prev span, #fancybox-next span {display: none;}
#fancybox-prev {left: 20px !important; transform: rotate(180deg) translateZ(0); margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='46.737px' height='41.456px' viewBox='0 0 46.737 41.456' enable-background='new 0 0 46.737 41.456' xml:space='preserve'%3E%3Cpath fill='%23EF2333' d='M46.632,21.271c0.065-0.169,0.105-0.351,0.105-0.543v-0.001c0-0.001,0-0.001,0-0.001 c0-0.194-0.04-0.378-0.107-0.549c-0.002-0.006-0.003-0.013-0.006-0.02c-0.077-0.188-0.189-0.356-0.332-0.497L27.068,0.439 c-0.586-0.586-1.535-0.586-2.121,0s-0.586,1.535,0,2.121l16.668,16.666L1.5,19.229c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5 l40.115-0.002L24.948,38.896c-0.586,0.586-0.586,1.535,0,2.121c0.293,0.293,0.677,0.439,1.061,0.439s0.768-0.146,1.061-0.439 l19.223-19.225c0.002-0.002,0.004-0.002,0.006-0.004c0.002-0.001,0.002-0.004,0.003-0.005c0.138-0.138,0.247-0.303,0.322-0.484 C46.627,21.29,46.628,21.28,46.632,21.271z'/%3E%3C/svg%3E") !important;}
#fancybox-next {right: 20px !important; transform: rotate(0deg) translateZ(0); margin-right: 10px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='46.737px' height='41.456px' viewBox='0 0 46.737 41.456' enable-background='new 0 0 46.737 41.456' xml:space='preserve'%3E%3Cpath fill='%23EF2333' d='M46.632,21.271c0.065-0.169,0.105-0.351,0.105-0.543v-0.001c0-0.001,0-0.001,0-0.001 c0-0.194-0.04-0.378-0.107-0.549c-0.002-0.006-0.003-0.013-0.006-0.02c-0.077-0.188-0.189-0.356-0.332-0.497L27.068,0.439 c-0.586-0.586-1.535-0.586-2.121,0s-0.586,1.535,0,2.121l16.668,16.666L1.5,19.229c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5 l40.115-0.002L24.948,38.896c-0.586,0.586-0.586,1.535,0,2.121c0.293,0.293,0.677,0.439,1.061,0.439s0.768-0.146,1.061-0.439 l19.223-19.225c0.002-0.002,0.004-0.002,0.006-0.004c0.002-0.001,0.002-0.004,0.003-0.005c0.138-0.138,0.247-0.303,0.322-0.484 C46.627,21.29,46.628,21.28,46.632,21.271z'/%3E%3C/svg%3E") !important;}

#fancybox-prev:hover, #fancybox-prev:active, #fancybox-prev:focus {transform: rotate(168deg) translateZ(0); background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='46.737px' height='41.456px' viewBox='0 0 46.737 41.456' enable-background='new 0 0 46.737 41.456' xml:space='preserve'%3E%3Cpath fill='%23f7d876' d='M46.632,21.271c0.065-0.169,0.105-0.351,0.105-0.543v-0.001c0-0.001,0-0.001,0-0.001 c0-0.194-0.04-0.378-0.107-0.549c-0.002-0.006-0.003-0.013-0.006-0.02c-0.077-0.188-0.189-0.356-0.332-0.497L27.068,0.439 c-0.586-0.586-1.535-0.586-2.121,0s-0.586,1.535,0,2.121l16.668,16.666L1.5,19.229c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5 l40.115-0.002L24.948,38.896c-0.586,0.586-0.586,1.535,0,2.121c0.293,0.293,0.677,0.439,1.061,0.439s0.768-0.146,1.061-0.439 l19.223-19.225c0.002-0.002,0.004-0.002,0.006-0.004c0.002-0.001,0.002-0.004,0.003-0.005c0.138-0.138,0.247-0.303,0.322-0.484 C46.627,21.29,46.628,21.28,46.632,21.271z'/%3E%3C/svg%3E") !important;}
#fancybox-next:hover, #fancybox-next:active, #fancybox-next:focus {transform: rotate(-12deg) translateZ(0); background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='46.737px' height='41.456px' viewBox='0 0 46.737 41.456' enable-background='new 0 0 46.737 41.456' xml:space='preserve'%3E%3Cpath fill='%23f7d876' d='M46.632,21.271c0.065-0.169,0.105-0.351,0.105-0.543v-0.001c0-0.001,0-0.001,0-0.001 c0-0.194-0.04-0.378-0.107-0.549c-0.002-0.006-0.003-0.013-0.006-0.02c-0.077-0.188-0.189-0.356-0.332-0.497L27.068,0.439 c-0.586-0.586-1.535-0.586-2.121,0s-0.586,1.535,0,2.121l16.668,16.666L1.5,19.229c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5 l40.115-0.002L24.948,38.896c-0.586,0.586-0.586,1.535,0,2.121c0.293,0.293,0.677,0.439,1.061,0.439s0.768-0.146,1.061-0.439 l19.223-19.225c0.002-0.002,0.004-0.002,0.006-0.004c0.002-0.001,0.002-0.004,0.003-0.005c0.138-0.138,0.247-0.303,0.322-0.484 C46.627,21.29,46.628,21.28,46.632,21.271z'/%3E%3C/svg%3E") !important;}

#fancybox-close {top: 25px !important; right: 25px !important; width: 40px !important; height: 40px !important; background: none !important; border-radius: 0 !important;}
#fancybox-close span {display: none;}
#fancybox-close:before {content: ''; position: absolute; top: 18px; display: block; transform: rotate(135deg); width: 40px; height: 3px; background-color: var(--red); transition: background-color 0.4s;}
#fancybox-close:after {content: ''; position: absolute; top: 18px; display: block; transform: rotate(45deg); width: 40px; height: 3px; background-color: var(--red); transition: background-color 0.4s;}
#fancybox-close:hover:before, #fancybox-close:active:before, #fancybox-close:focus:before, #fancybox-close:hover:after, #fancybox-close:active:after, #fancybox-close:focus:after {background-color: #f7d876;}

@media (max-width: 991.98px) {
#fancybox-prev {left: 10px !important; transform: rotate(180deg) scale(.8) translateZ(0);}
#fancybox-next {right: 10px !important; transform: rotate(0deg) scale(.8) translateZ(0);}
#fancybox-prev:hover, #fancybox-prev:active, #fancybox-prev:focus {transform: rotate(168deg) scale(.8) translateZ(0);}
#fancybox-next:hover, #fancybox-next:active, #fancybox-next:focus {transform: rotate(-12deg) scale(.8) translateZ(0);}
#fancybox-close {top: 15px !important; right: 15px !important; transform: scale(.8);}
}
@media (max-width: 575.98px) {
#fancybox-prev {left: 2px !important; transform: rotate(180deg) scale(.7) translateZ(0);}
#fancybox-next {right: 2px !important; transform: rotate(0deg) scale(.7) translateZ(0);}
#fancybox-prev:hover, #fancybox-prev:active, #fancybox-prev:focus {transform: rotate(168deg) scale(.7) translateZ(0);}
#fancybox-next:hover, #fancybox-next:active, #fancybox-next:focus {transform: rotate(-12deg) scale(.7) translateZ(0);}
#fancybox-close {top: 10px !important; right: 10px !important; transform: scale(.75);}
}



/* global animations */
 
 
@media (prefers-reduced-motion: no-preference) {

	.fade-in,
	.fade-in-up,
	.fade-in-elastic,
	.fade-in-rotate,
	.fade-in-up-rotate,
	.fade-in-scale-left {opacity: 0;}
	
	@keyframes fadeIn {
		from {opacity: 0;}
		to {opacity: 1;}
	}
	
	@keyframes fadeInUp {
		0% {opacity: 0; transform: translateY(40%);}
		100% {opacity: 1; transform: translateY(0);}
	}

	@keyframes fadeInScale {
		0% {opacity: 0; transform: scale(0.9);}
		100% {opacity: 1; transform: scale(1);}
	}
		
	@keyframes fadeInScaleLeft {
		0% {opacity: 0; transform: translateX(-5%) translateY(-5%) scale(0.8);}
		100% {opacity: 1; transform: translateX(0) translateY(0) scale(1);}
	}
	
	@keyframes fadeInElastic {
		0% {opacity: 0; transform: scale(0.75);}
		60% {opacity var(--fade-in-elastic-opacity, 1); transform: scale(1.05);}
		100% {opacity: var(--fade-in-elastic-opacity, 1); transform: scale(1);}
	}
	
	@keyframes fadeInRotate {
		0% {opacity: 0; transform: rotate(0deg);}
		80% {opacity: 1; transform: rotate(96deg);}
		100% {opacity: 1; transform: rotate(90deg);}
	}
	
	@keyframes fadeInUpRotate {
		0% {opacity: 0; transform: translateY(40%) rotate(0deg);}
		100% {opacity: 1; transform: translateY(0) rotate(var(--fade-in-up-rotate-rotation));}
	}

	@keyframes shake {
		0%, 100% {transform: rotate(0deg); transform-origin: 50% 100%;}
		10% {transform: rotate(2deg);}
		20%, 40%, 60% {transform: rotate(-4deg);}
		30%, 50%, 70% {transform: rotate(4deg);}
		80% {transform: rotate(-2deg);}
		90% {transform: rotate(2deg);}
	}
	
	@keyframes shake2 {
		0%, 100% {transform: translateX(0%); transform-origin: 50% 50%;}
		15% {transform: translateX(-30px) rotate(-6deg);}
		30% {transform: translateX(15px) rotate(6deg);}
		45% {transform: translateX(-15px) rotate(-3.6deg);}
		60% {transform: translateX(9px) rotate(2.4deg);}
		75% {transform: translateX(-6px) rotate(-1.2deg);}
	}	
	
	.fadeInAnimation {animation-name: fadeIn; animation-duration: 1.5s; animation-fill-mode: both;}
	.fadeInUpAnimation {animation-name: fadeInUp; animation-duration: 1.5s; animation-fill-mode: both;}
	.fadeInScaleLeftAnimation {animation-name: fadeInScaleLeft; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease-out}
	.fadeInElasticAnimation {animation-name: fadeInElastic; animation-duration: 1s; animation-fill-mode: both;}
	.fadeInRotateAnimation {animation-name: fadeInRotate; animation-duration: 1.5s; animation-fill-mode: both;}
	.fadeInUpRotateAnimation {animation-name: fadeInUpRotate; animation-duration: 1s; animation-fill-mode: both;}

}

/* prefers-reduce-motion */

/* 
@media (prefers-reduced-motion: reduce) {
	*, ::after, ::before {transition: 0s !important;}
}
 */