@charset "UTF-8";
/* CSS Document */





	/* shared */

	main h1 {
		font-family: Metro;
		font-size: 8rem;
		line-height: 1.2;
		text-align: center;
	}
	main h2 {
		font-family: Metro;
		font-weight: 900;
		font-size: 4.5rem;
		line-height: 1.2;
		letter-spacing: 1.0pt;
		text-align: center;
		text-transform: uppercase;
		color: var(--yellow);
		margin-bottom: 20px;
		font-kerning: normal;
	}
	@media screen and (max-width:1039px) { main h2 { font-size: 3rem; } }
	
	main h3 {
		font-family: Metro;
		font-weight: 600;
		font-size: 3rem;
		line-height: 1.2;
		text-align: center;
		text-transform: uppercase;
		color: var(--blue);
		text-wrap:balance;
		margin-bottom: 15px;
	}
	main .mirror {
		max-width: 800px;
	}
	main p {
		font-family: Metro;
		text-align: center;
		color: var(--white);
		font-size: 1.4rem;
		line-height: 1.3;
		text-wrap:balance;
	}
	main section .mirror p {
		font-weight: normal;
		font-size: 2.3rem;
		line-height: 1.2;
		color: rgba(255,255,255,0.85);
	}
	@media screen and (min-width: 0px) and (max-width:1039px) { main section .mirror p {font-size: 3.0rem;line-height: 1.4;/* padding-inline:10%; */} }

	main .buttons {
		display: block;
		text-align: center;
		margin: 25px auto;
	}
	@media screen and (max-width:1039px) { main .buttons { margin: 5px auto; } }
	main .buttons button {
		display: inline-block;
		min-width: 350px;
		padding: 8px 30px 12px 30px;
		border-radius: 15px;
		background-color: var(--yellow);
		color: var(--blue);
		font-family: Metro;
		font-weight: 800;
		font-size: 3rem;
		line-height: 1.1;
		text-transform: uppercase;
		outline: none;
		border: none;
		appearance:none;
		cursor:pointer;
		box-shadow: 0 0 0 0 var(--yellow) 0 0 0 0 var(-yellow);
		transition: box-shadow 0.3s ease;
	}
	@media screen and (max-width:1039px) { main .buttons button {font-size: 2rem;min-width: 40vw;} }
	
	main .buttons button:hover {
		box-shadow: 0 0 0 3px var(--yellow), 0 0 35px 0 var(--yellow);
	}

	main section .mirror {
		padding: 30px 0;
	}
	main section .mirror h2.pinned {
		/*
		position: sticky;
		margin-top: -25px;
		padding-top: 25px;
		top: 0;
		width: 100%;
		height: 70px;
		z-index: 10000;
		*/
		background-color: transparent;
	}
	main section .mirror h2.pinned.active {
		/*
		color: var(--blue)!important;
		z-index: 1002;
		top: 50px;
		*/
	}
	main section .mirror h2.pinned::before {
		/*
		content: "";
		position: absolute;
		z-index: -1;
		top: 25px;
		left:0;
		right: 0;
		margin:0 -50vw;
		width: 150vw;
		height: 0px;
		background-color: var(--yellow);
		pointer-events: none;
		Xtransition: height 0.15s ease;
		*/
	}
	main section .mirror h2.pinned.active::before {
		/*
		box-shadow:0 2px 10px 0 rgba(0,0,0,0.5);
		height:60px;
		*/
	}
	html header:before { 
		Xtransition: box-shadow 0.3s ease 0.3s;
	}
	html[data-sticky_active="1"] header:before {
		Xbox-shadow: 0 0 0 0 rgba(0,0,0,0.0);
		Xtransition: box-shadow 0.3s ease;
	}
	







	/*						*/
	/* products 			*/
	/*						*/
	/*
		section.products-offer {}
		section.products-offer .mirror {
			max-width: 2000px;
		}
		section.products-offer .products {
			margin: 25px 0;
		}
		section.products-offer .products ul.scroller {
			position: relative;
			margin: 0;
			padding: 0;
			width: calc(100% - 10px);
			list-style: none;
			font-size: 0;
			line-height: 0;
			text-align: left;
		}
		section.products-offer#food-offer  .products ul.scroller li .p-bgr { background-image: url("../../images/background/food.webp"); }
		section.products-offer#drink-offer .products ul.scroller li .p-bgr { background-image: url("../../images/background/drink.webp"); }
	*/
			

	/*
		section.products-offer {
			.mirror {
				max-width: 2000px;
			}
			.products {
				margin: 25px 0;
			}
			.products ul.scroller {
				position: relative;
				margin: 0;
				padding: 0;
				width: calc(100% - 10px);
				list-style: none;
				font-size: 0;
				line-height: 0;
				text-align: left;
			}
			.products ul.scroller li {
				display: inline-block;
				position: relative;
				vertical-align: top;
				width: calc(100% / 4 - var(--product_spacing));
				aspect-ratio:1/1;
				margin: 0 var(--product_spacing) var(--product_spacing) 0;
				padding: 0;
				list-style: none;
				font-size: 1.25rem;
				line-height: 1.2;
				border-radius: 5px;
				overflow: hidden;
			}
			.products ul.scroller li .p-bgr {
				position: absolute;
				inset:0;
				border-radius: 5px;
				background-color: rgba(255,255,255,0.55);
				border: 2px solid white;
				background-repeat: no-repeat;
				background-size: cover;
			}
			&#food-offer  .products ul.scroller li .p-bgr { background-image: url("../../images/background/food.webp"); }
			&#drink-offer .products ul.scroller li .p-bgr { background-image: url("../../images/background/drink.webp"); }
		}
	*/

	/*					*/
	/* product copies 	*/
	/*					*/

	/*
		section.products-offer {
			.products ul.scroller li .p-fcp {
				position: absolute;
				left:20px;
				top: 20px;
				width: 50%;
				font-family: Metro;
				text-align: left;
			}
			.products ul.scroller li .p-fcp .p-tt {
				text-transform: uppercase;
				font-weight: 600;
				font-size: 1.8rem;
				text-align: left;
				margin-bottom: 3px;
				color: black;
			}
			.products ul.scroller li .p-fcp .p-ds {
				text-align: left;
				font-size: 1.5rem;
				color: black;
			}
			.products ul.scroller li .p-fcp .p-ds span {
				display: block;
			}
		}
	*/

	/*						*/
	/* product icons 		*/
	/*						*/

	/*
		.p-pic {
			position: absolute;
			right:10px;
			top: 10px;
		}
		.p-pic {
			.p-pi {
				position: relative;
				width: var(--product_icon_size);
				height: auto;
				margin: 0 0 calc(var(--product_icon_size) / 10) 0;
				background-size: contain;
				background-repeat: no-repeat;
				text-indent:-1000em;
				overflow: hidden;
			}
			.p-pi[data-label=""] { display: none; }
			.p-pi[data-label="huf"] { background-image:url("../../images/elements/flag-hun.png"); aspect-ratio:150/96; }
			.p-pi[data-label="dfr"] { background-image:url("../../images/elements/deep-frozen.png"); aspect-ratio:1/1; }
			.p-pi[data-label="ret"] {}
			.p-pi[data-label="ret"] {}
		}
	*/
		
	/* product prices */

	/*
		section.products-offer .products ul.scroller li .p-prc {
			position: absolute;
			left:20px;
			bottom: 20px;
			width: 50%;
			font-family: Metro;
			color: black;
			text-align: left;
		}
		section.products-offer .products ul.scroller li .p-prc .p-am {
			text-align: left;
			color: black;
			font-size: 1.2rem;
		}
		section.products-offer .products ul.scroller li .p-prc .p-cp {
			display: inline-block;
			font-weight: 800;
			font-size: 3.5rem;
			text-align: left;
			color: var(--yellow);
			position: relative;
			margin-bottom: 10px;
		}
		section.products-offer .products ul.scroller li .p-prc .p-cp:after {
			content:"";
			display: block;
			position: absolute;
			bottom: -5px;
			left: 0; right: 0;
			border-bottom: 4px solid var(--yellow);

		}
		section.products-offer .products ul.scroller li .p-prc .p-up {
			font-size: 1.2rem;
			text-align: left;
			color: black;
		}
		section.products-offer .buttons button {
			color: var(--orange);
		}
	*/
		
	/* product photo */

	/*
		section.products-offer .products ul.scroller li .p-img {
			position: absolute;
			right:10px;
			bottom: 20px;
			width: 50%;
			height: 80%;
		}
		section.products-offer .products ul.scroller li .p-img img {
			width: 100%;
			height: auto;
			height: 100%;
			object-position: center center;
			object-fit: contain;
			XXXfilter: url(#remove-white);
		}
		*/




	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	HERO									*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		/* top banner */

		section#top-banner {
			height: 800px;
			overflow: hidden;
			border-bottom: 5px solid var(--yellow);
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { section#top-banner { height: 50vh; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { section#top-banner { height: 50vh; } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { section#top-banner { height: 50vh; } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { section#top-banner { height: 50vh; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { section#top-banner { height: 50vh; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { section#top-banner { height: 48vh; } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { section#top-banner { height: 43vh; } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { section#top-banner { height: 43vh; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { section#top-banner { height: 38vh; } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { section#top-banner { height: 34vh; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { section#top-banner { height: 32vh; } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { section#top-banner { height: 42vh; } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { section#top-banner { height: 52vh; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { section#top-banner { height: 52vh; } }
		
		@media screen and (min-width:1040px) { section#top-banner [data-mobile="1"] { display:none; } }
		@media screen and (min-width: 0px) and (max-width:1039px) { section#top-banner [data-desktop="1"] { display:none; } }
		
		section#top-banner .mirror {
			max-width: 2000px;
		}
		section#top-banner .content {
			height: inherit;
		}
		
		/* hero */

		main .hero h1 {
			font-family: Metro;
			font-size: 8rem;
			line-height: 1.2;
			text-align: center;
		}
		main .hero h2 {
			font-family: Metro;
			font-weight: 900;
			font-size: 4rem;
			line-height: 1.2;
			letter-spacing: 0.5pt;
			text-align: center;
			text-transform: uppercase;
			color: var(--white);
		}
		
		@media screen and (min-width:1040px) {
			main .hero .tags {
				transform:rotate(-3deg);
			}
			main .hero .tags ul {
				display: block;
				font-family: Metro;
				font-weight: 800;
				font-size: 4.5rem;
				line-height: 1.1;
				text-transform: uppercase;
			}
			main .hero .tags ul li {
				display: inline-block;
				vertical-align: middle;
				padding: 2px 12px 5px 8px;
				margin: 0 10px 15px 0;
			}
			main .hero .tags ul:nth-child(1){ font-size:4.5rem; }
			main .hero .tags ul:nth-child(2){ font-size:4.8rem; }
			main .hero .tags ul:nth-child(3){ font-size:4.7rem;	}

			main .hero .tags ul:nth-child(1) li:nth-child(2n+0),
			main .hero .tags ul:nth-child(2) li:nth-child(2n+1),
			main .hero .tags ul:nth-child(3) li:nth-child(2n+0) {
				background-color: var(--orange);
				color: var(--white);
			}
			main .hero .tags ul:nth-child(1) li:nth-child(2n+1),
			main .hero .tags ul:nth-child(2) li:nth-child(2n+0),
			main .hero .tags ul:nth-child(3) li:nth-child(2n+1) {
				background-color: var(--yellow);
				color: var(--blue);
			}
		}
		@media screen and (min-width: 0px) and (max-width:1039px) {
			main .hero .tags {
				transform:rotate(-3deg);
				font-size: 4.5rem;
			}
			/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { main .hero .tags { font-size: 4.25rem; } }
			/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { main .hero .tags { font-size: 4.00rem; } }
			/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { main .hero .tags { font-size: 3.75rem; } }
			/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { main .hero .tags { font-size: 3.50rem; } }
			/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { main .hero .tags { font-size: 3.25rem; } }
			/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { main .hero .tags { font-size: 3.00rem; } }
			/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { main .hero .tags { font-size: 2.80rem; } }
			/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { main .hero .tags { font-size: 2.60rem; } }
			/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { main .hero .tags { font-size: 2.40rem; } }
			/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { main .hero .tags { font-size: 2.00rem; } }
			/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { main .hero .tags { font-size: 1.80rem; } }
			/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { main .hero .tags { font-size: 1.60rem; } }
			/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { main .hero .tags { font-size: 2.20rem; } }
			/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { main .hero .tags { font-size: 2.00rem; } }
			
			main .hero .tags ul {
				display: block;
				font-family: Metro;
				font-weight: 800;
				font-size: inherit;
				line-height: 1.1;
				text-transform: uppercase;
				white-space: nowrap;
			}
			main .hero .tags ul li {
				display: inline-block;
				vertical-align: middle;
				padding: 2px 12px 5px 8px;
				margin: 0 10px 15px 0;
				min-height: 45px;
				line-height: 38px;
			}
			/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { main .hero .tags ul li { min-height:45px; line-height:38px; margin:0 10px 15px 0; } }
			/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { main .hero .tags ul li { min-height:45px; line-height:38px; margin:0 10px 15px 0; } }
			/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { main .hero .tags ul li { min-height:45px; line-height:38px; margin:0 10px 15px 0; } }
			/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { main .hero .tags ul li { min-height:45px; line-height:38px; margin:0 10px 15px 0; } }
			/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { main .hero .tags ul li { min-height:45px; line-height:38px; margin:0 10px 15px 0; } }
			/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { main .hero .tags ul li { min-height:40px; line-height:34px; margin:0 8px 12px 0; } }
			/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { main .hero .tags ul li { min-height:40px; line-height:34px; margin:0 8px 12px 0; } }
			/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { main .hero .tags ul li { min-height:40px; line-height:34px; margin:0 8px 12px 0; } }
			/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { main .hero .tags ul li { min-height:40px; line-height:34px; margin:0 8px 12px 0; } }
			/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { main .hero .tags ul li { min-height:35px; line-height:30px; margin:0 5px 10px 0; } }
			/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { main .hero .tags ul li { min-height:35px; line-height:30px; margin:0 5px 10px 0; } }
			/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { main .hero .tags ul li { min-height:35px; line-height:30px; margin:0 5px 10px 0; } }
			/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { main .hero .tags ul li { min-height:35px; line-height:30px; margin:0 5px 10px 0; } }
			/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { main .hero .tags ul li { min-height:35px; line-height:30px; margin:0 5px 10px 0; } }
			
			main .hero .tags ul:nth-child(1){ font-size:inherit; }
			main .hero .tags ul:nth-child(2){ font-size:inherit; }
			main .hero .tags ul:nth-child(3){ font-size:inherit;	}

			main .hero .tags ul:nth-child(1) li:nth-child(2n+0),
			main .hero .tags ul:nth-child(2) li:nth-child(2n+1),
			main .hero .tags ul:nth-child(3) li:nth-child(2n+0),
			main .hero .tags ul:nth-child(4) li:nth-child(2n+0) {
				background-color: var(--orange);
				color: var(--white);
			}
			main .hero .tags ul:nth-child(1) li:nth-child(2n+1),
			main .hero .tags ul:nth-child(2) li:nth-child(2n+0),
			main .hero .tags ul:nth-child(3) li:nth-child(2n+1),
			main .hero .tags ul:nth-child(4) li:nth-child(2n+1) {
				background-color: var(--yellow);
				color: var(--blue);
			}
			main .hero .tags ul:nth-child(1) li:nth-child(1) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(1) li:nth-child(2) { transform:rotate(0deg); font-size:0.85em; }
			main .hero .tags ul:nth-child(1) li:nth-child(3) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(1) li:nth-child(4) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(1) li:nth-child(5) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(2) li:nth-child(1) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(2) li:nth-child(2) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(2) li:nth-child(3) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(2) li:nth-child(4) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(2) li:nth-child(5) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(3) li:nth-child(1) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(3) li:nth-child(2) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(3) li:nth-child(3) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(3) li:nth-child(4) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(3) li:nth-child(5) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(4) li:nth-child(1) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(4) li:nth-child(2) { transform:rotate(0deg); font-size:1.0em; }
			main .hero .tags ul:nth-child(4) li:nth-child(3) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(4) li:nth-child(4) { transform:rotate(0deg); font-size:0.9em; }
			main .hero .tags ul:nth-child(4) li:nth-child(5) { transform:rotate(0deg); font-size:0.9em; }
		}


		

		main .hero-background {
			background-image: url(../../images/assets/grill-texture.webp);
			background-repeat: no-repeat;
			background-size: 110%;
			background-position: center;
			width: 100%;
			height: 100%;
			position: relative;
			animation: background-animation 15s infinite linear;
		}
		@media screen and (min-width: 0px) and (max-width:1039px) { main .hero-background { animation: none; background-size: 200% 100%; background-position: top center; } }
		@keyframes background-animation {
			0% {
				background-position: 0 0;
			}
			100% {
				background-size:200%;
			}
		}
		main .hero-background .effect {
			position: absolute;
			inset:0;
			mix-blend-mode:plus-lighter;
			mix-blend-mode: color-dodge;
		}
		main .hero-background .effect video {
			position: absolute;
			inset:0;
			width: 100%;
		}
		@media screen and (min-width:   0px) and (max-width:1039px) { main .hero-background .effect video { display: none; } }
		
		main .hero h1.fancy-title {
			position: relative;
			font-size: 400px;
			line-height: 1;
			height: 450px;
			margin-bottom: 0px;
			text-align: center;
			outline: 1px solid orange;
			outline: none;
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { main .hero h1.fancy-title { height: 20vh; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { main .hero h1.fancy-title { height: 20vh; } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { main .hero h1.fancy-title { height: 20vh; } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { main .hero h1.fancy-title { height: 20vh; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { main .hero h1.fancy-title { height: 20vh; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { main .hero h1.fancy-title { height: 15vh; } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { main .hero h1.fancy-title { height: 15vh; } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { main .hero h1.fancy-title { height: 15vh; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { main .hero h1.fancy-title { height: 10vh; } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { main .hero h1.fancy-title { height: 10vh; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { main .hero h1.fancy-title { height: 10vh; } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { main .hero h1.fancy-title { height: 10vh; } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { main .hero h1.fancy-title { height: 10vh; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { main .hero h1.fancy-title { height: 10vh; } }
		
		main .hero h1.fancy-title .text-original {
			display: block;
			position: relative;
			font-family: Times, "Times New Roman", "serif";
			font-weight: bold;
			font-style: italic;
			letter-spacing: -2pt;
			width: 100%;
			text-align: center;
			position: absolute;
			color: rgba(255,255,255,0.00);
			transform:scale(0.85,1) rotate(-5deg);
			z-index: 10;
		}
		main .hero h1.fancy-title .text-styled {
			position: relative;
			z-index: 9;
			width: 100%;
			height: 100%;
			pointer-events: none;
		}
		main .hero h1.fancy-title .text-styled::before {
			content:"";
			position: absolute;
			display: block;
			inset:0;
			background: url(../../images/assets/title-texture-2.webp) center/cover no-repeat;
			mask-image: url(../../images/assets/title/mask.svg);
			mask-size: contain;
			mask-repeat: no-repeat;
			mask-position: center;
			-webkit-mask-image: url(../../images/assets/title/mask.svg);
			-webkit-mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			z-index: 0;
		}
		@media screen and (min-width: 0px) and (max-width:1039px) { main .hero h1.fancy-title .text-styled::before { mask-image: url(../../images/assets/title/mask.m.svg); -webkit-mask-image: url(../../images/assets/title/mask.m.svg); } }
		main .hero h1.fancy-title .text-styled .effect,
		main .hero h1.fancy-title .text-styled .stroke,
		main .hero h1.fancy-title .text-styled .shadow {
			position: absolute;
			display: block;
			inset: 0;
			pointer-events: none;
		}
		main .hero h1.fancy-title .text-styled .effect {
			z-index: 3;
			mix-blend-mode:plus-lighter;
			mask-image: url(../../images/assets/title/mask.svg);
			mask-size: contain;
			mask-repeat: no-repeat;
			mask-position: center;
			-webkit-mask-image: url(../../images/assets/title/mask.svg);
			-webkit-mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
		}
		@media screen and (min-width: 0px) and (max-width:1039px) { main .hero h1.fancy-title .text-styled .effect { mask-image: url(../../images/assets/title/mask.m.svg); -webkit-mask-image: url(../../images/assets/title/mask.m.svg); } }
		main .hero h1.fancy-title .text-styled:before {
			animation: emberGlow 1.8s infinite alternate;
			filter: brightness(1.3) saturate(1.4);
			box-shadow: 0 0 30px rgba(255, 80, 0, 0.6), 0 0 60px rgba(255, 30, 0, 0.3);
		}
		@media screen and (min-width: 0px) and (max-width:1039px) { main .hero h1.fancy-title .text-styled:before { animation: none; filter:none; box-shadow:none; } }
		@keyframes emberGlow {
			0% {
				filter: brightness(1.1) saturate(1.2);
				box-shadow: 0 0 20px rgba(255, 60, 0, 0.4), 0 0 40px rgba(255, 40, 0, 0.2);
			}
			100% {
				filter: brightness(1.6) saturate(1.8);
				box-shadow: 0 0 40px rgba(255, 120, 0, 0.8), 0 0 80px rgba(255, 80, 0, 0.5);
			}
		}

		main .hero h1.fancy-title .text-styled .stroke {
			background: url(../../images/assets/title/stroke.svg) center/contain no-repeat;
			z-index: 4;
		}
		@media screen and (min-width: 0px) and (max-width:1039px) { main .hero h1.fancy-title .text-styled .stroke { background: url(../../images/assets/title/stroke.m.svg) center/contain no-repeat; } }
		main .hero h1.fancy-title .text-styled .shadow {
			background: url(../../images/assets/title/shadow.svg) center/contain no-repeat;
			z-index: 2;
		}
		@media screen and (min-width: 0px) and (max-width:1039px) { main .hero h1.fancy-title .text-styled .shadow { background: url(../../images/assets/title/shadow.m.svg) center/contain no-repeat; } }
		main .hero h2 .text-original {
			position: absolute;
			pointer-events: none;
			opacity: 0;
		}
		main .hero .fire {

		}




	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	LEAD									*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		main section#lead {
			border-bottom: 5px solid var(--yellow);
		}
		main section#lead .background {
			background-image: url(../../images/background/lead.webp);
			background-size: cover;
			padding-block:100px;
		}
		main section#lead h2 {
			color: white;
		}








	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	FOOD									*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		main section#food-offer {
			border-bottom: 5px solid var(--yellow);
		}
		main section#food-offer .background {
			background-image: url(../../images/background/food-offer.webp);
			background-size: cover;
		}
		main section#food-offer h2 {
			color: var(--yellow);
		}
		main section#food-offer .mirror-inner {
			max-width: 800px;
			display: inline-block;
		}
		main section#food-offer ul.decors {
			position: absolute;
			left: 0;
			right: 0;
			height: 600px;
			pointer-events: none;
			margin: 0; padding: 0;
		}
		@media screen and (max-width:1039px) { main section#food-offer ul.decors { display: none; } }		
		main section#food-offer ul.decors li.decor {
			display: block;
			position: absolute;
			list-style: none;
			width: 600px;
			height: inherit;
			background-size: contain;
			background-repeat: no-repeat;
		}
		main section#food-offer ul.decors li.decor:nth-child(1) { left:0;  background-position:top left;  background-image: url("../../images/background/food-offer/1.webp"); }
		main section#food-offer ul.decors li.decor:nth-child(2) { right:0; background-position:top right; background-image: url("../../images/background/food-offer/2.webp"); }






	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	RECIPES									*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		main section#recipes {
			border-bottom: 5px solid var(--yellow);
		}
		main section#recipes .background {
			background-image: url(../../images/background/recipes.webp);
			background-size: cover;
			background-position: center bottom;
			padding-bottom: 35px;
		}
		main section#recipes .mirror {
			max-width:  2000px;
		}
		main section#recipes h2 {
			color: var(--yellow);
		}
		main section#recipes ul {
			list-style: none;
			margin: 0; 
			padding: 30px 0 0 0;
			font-size: 0; line-height: 0;
		}
		main section#recipes ul li {
			display: inline-block;
			vertical-align: top;
			cursor: pointer;
			transform:scale(1.0,1.0);
			transition: transform 0.3s ease;
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { main section#recipes ul li { display:inline-block; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { main section#recipes ul li { display:inline-block; } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { main section#recipes ul li { display:inline-block; } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { main section#recipes ul li { display:inline-block; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { main section#recipes ul li { display:inline-block; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { main section#recipes ul li { display:inline-block; } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { main section#recipes ul li { display:inline-block; } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { main section#recipes ul li { display:inline-block; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { main section#recipes ul li { display:inline-block; } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { main section#recipes ul li { display: block; width: 100%!important; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { main section#recipes ul li { display: block; width: 100%!important; } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { main section#recipes ul li { display: block; width: 100%!important; } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { main section#recipes ul li { display: block; width: 100%!important; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { main section#recipes ul li { display: block; width: 100%!important; } }
		
		main section#recipes ul li * { cursor: pointer; }
		main section#recipes ul li:hover {
			transform:scale(1.1,1.1);
		}
		
		main section#recipes ul[data-count="3"] li { width: calc(33.333% - 25px); margin-right: 25px; }
		
		main section#recipes ul li label {
			text-align: center;
		}
		main section#recipes ul li label input {
			position: absolute;
			opacity: 0;
		}
		main section#recipes ul li label figure {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 100%;
			aspect-ratio:5 / 4;
			margin-bottom: -50px;
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { main section#recipes ul li label figure { aspect-ratio:5 / 4; margin-bottom:-50px; } }
		
		main section#recipes ul li label figure .image {
			position: absolute;
			display: block;
			inset:0;
			z-index: 3;
			width: 100%;
			height: 100%;
			background-color: gray;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;

			mask-image: url("../../images/background/recipe-mask.svg");
			mask-size: cover;
			mask-repeat: no-repeat;
			mask-position: center;

			-webkit-mask-image: url("../../images/background/recipe-mask.svg");
			-webkit-mask-size: cover;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;

			filter: drop-shadow(0 15px 25px black);
		}
		main section#recipes ul li label figure .shadow {
			content:"";
			display: block;
			position: absolute;
			inset:10px -10px -10px 10px;
			background-image: url(../../images/background/recipe-mask-shadow.webp);
			background-size: cover;
			background-repeat: no-repeat;
			z-index: 1;
			opacity: 0.5;
			transform:translate(0,0);
			transition:all 0.3s ease;
		}
		main section#recipes ul li:hover label figure .shadow {
			transform:translate(0,20px);
			opacity: .5;
		}		
		main section#recipes ul li label figcaption {
			display: inline-block;
			position: relative;
			z-index: 3;
			background-color: black;
			transform:rotate(-3deg);
			padding: 10px 35px;
			font-family: Metro;
			font-weight: 400;
			font-size: 2.2rem;
			line-height: 1.2;
			color: white;
			transition:all 0.3s ease;
			transform: scale(1,1) rotate(0deg);
		}
		main section#recipes ul li:hover label figcaption {
			transform: scale(1.2,1.2) rotate(-3deg);
		}
		
		main section#recipes ul li label figcaption .hl {
			display: block;
			font-weight: 700;
			font-size: 2.5rem;
		}
		main section#recipes ul li label figcaption .nl {
			display: block;
			font-weight: 400;
			font-size: 2.2rem;
			opacity: 0.8;
		}









	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	INFLUENCERS								*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		main section#influencers {
			border-bottom: 5px solid var(--yellow);
		}
		main section#influencers .background {
			background-image: url(../../images/background/influencers.webp);
			background-size: cover;
		}
		main section#influencers .mirror:nth-child(1) {
			max-width: 2000px;
			padding-bottom: 0;
		}
		main section#influencers h2 {
			color: var(--yellow);
		}
		
		
		/*					*/
		/* persons 			*/
		/*					*/
		
		main section#influencers .persons {
			margin: 40px 0 15px 0;
			width: 100%;
			height: var(--star_size);
		}
		main section#influencers .persons ul.scroller {
			list-style: none;
			display: block;
			position: relative;
			margin: 0;
			padding: 0;
			left: 50%;
			transform:translateX(-56.25%);
			text-align: center;
		}
		main section#influencers .persons[data-count="1"] ul.scroller { width: calc(100% * 1); }
		main section#influencers .persons[data-count="2"] ul.scroller { width: calc(100% * 2); }
		main section#influencers .persons[data-count="3"] ul.scroller { width: calc(100% * 3); }
		
		main section#influencers .persons ul.scroller li {
			display: inline-block;
			position: relative;
			height: inherit;
			transform:translateX(-100%);
		}
		main section#influencers .persons ul.scroller li figure {
			position: relative;
			display: block;
			width:         var(--star_size);
			height:        var(--star_size);
			margin:   0 0 calc(var(--star_size) * -1) 0; 
			border-radius: var(--star_size);
			left:calc(var(--star_size) / 2);
			background-repeat: no-repeat;
			background-size: cover;
			padding: 0;
			z-index: 2;
		}
		main section#influencers .persons ul.scroller li figcaption {
			position: relative;
			left: var(--star_size);
			height: var(--star_size);
			z-index: 1;
		}
		main section#influencers .persons ul.scroller li figcaption h3 {
			position: absolute;
			display: block;
			top: calc(var(--star_size) / 12);
			left: 0;
			width: auto;
			padding: 8px 30px 8px calc(var(--star_size) / 1.5);
			background-color: var(--orange);
			color: white;
			transform:rotate(-10deg);
			font-family: Metro;
			font-weight: 600px;
			font-size: 3rem;
			line-height: 1.2;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 0.5pt;
			box-shadow: 0 5px 0 0 rgba(68,30,23,0);
			z-index: 2;
		}
		main section#influencers .persons ul.scroller li figcaption h4 {
			position: absolute;
			display: block;
			bottom: 0;
			left: 0;
			width: calc(var(--star_size) * 2.5);
			padding: 25px 30px 25px calc(var(--star_size) / 1.5);
			background-color: white;
			color: black;
			font-family: Metro;
			font-weight: 700px;
			font-size: 1.5rem;
			line-height: 1.2;
			text-align: center;
			text-transform: uppercase;
			z-index: 1;
		}
		
		/*					*/
		/* videos 			*/
		/*					*/
		
		main section#influencers .mirror:nth-child(2) {
			max-width: 2000px;
			padding-top: 0;
		}
		main section#influencers .videos {
			padding: 25px 0 25px 0;
		}
		main section#influencers .videos ul.navigator {
			position: absolute;
			pointer-events: none;
			top: calc(50% - 33px);
			left: 0;
			right: 0;
		}
		main section#influencers .videos ul.navigator li {
			display: block;
			position: relative;
			list-style: none;
			width:  45px;
			height: 45px;
			margin: 0 0 -45px 0;
			background-color: var(--yellow);
			border-radius: 5px;
			overflow: hidden;
			pointer-events: all;
			cursor: pointer;
			box-shadow: 0 0 0 0 var(--yellow) 0 0 0 0 var(-yellow);
			transition: box-shadow 0.3s ease;
		}
		main section#influencers .videos ul.navigator li:hover {
			box-shadow: 0 0 0 3px var(--yellow), 0 0 35px 0 var(--yellow);
		}
		
		main section#influencers .videos ul.navigator li:nth-child(1) { float:left;  margin-left: 25px; }
		main section#influencers .videos ul.navigator li:nth-child(2) { float:right; margin-right:25px; }
		main section#influencers .videos ul.navigator li i {
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			font-size: 3rem;
			line-height: 45px;
		}
		main section#influencers .videos ul.navigator li:nth-child(1) i:before { content:"\EBA3"; }
		main section#influencers .videos ul.navigator li:nth-child(2) i:before { content:"\EBA8"; }

		
		main section#influencers .videos ul.scroller {
			display: block;
			list-style: none;
			margin: 0; 
			padding: 25px 0;
			font-size: 0; line-height:0;
			white-space: nowrap;
			background-color: black;
			border-radius: 15px;
			scroll-snap-type: x mandatory;
		}
		main section#influencers .videos ul.scroller li {
			display: inline-block;
			vertical-align: top;
			width: 400px;
			margin: 0 25px 0 0;
			aspect-ratio:16/9;
			border-radius: 15px;
			overflow: hidden;
			scroll-snap-align: start;
		}
		main section#influencers .videos ul.scroller a {
			border:none;
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: top center;
			background-size: cover;
		}
		main section#influencers .videos ul.scroller a .caption {
			display: block;
			position: absolute;
			left: 50%;
			top: 50%;
			transform:translate(-50%,-50%);
			font-family: Helvetica, Arial, "sans-serif";
			font-size: 2.5rem;
			line-height: 1.3;
			color: white;
			text-shadow: 0 0 3px black, 0 0 6px rgba(0,0,0,0.7), 0 0 9px rgba(0,0,0,0.4), 0 0 12px rgba(0,0,0,0.2);
		}
		
		main section#influencers .videos ul.scroller li iframe {
			border:none;
			display: block;
			width: 100%;
			height: 100%;
		}





	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	DRINKS									*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		main section#drink-offer {
			border-bottom: 5px solid var(--yellow);
		}
		main section#drink-offer .background {
			background-image: url(../../images/background/drink-offer.webp);
			background-size: cover;
		}
		main section#drink-offer h2 {
			color: var(--yellow);
		}
		main section#drink-offer .mirror-inner {
			max-width: 800px;
			display: inline-block;
		}





	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	LEAFLETS								*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		main section#catalogs {
			border-bottom: 5px solid var(--yellow);
		}
		main section#catalogs .background {
			background-image: url(../../images/background/catalogs.webp);
			background-size: cover;
		}
		main section#catalogs h2 {
			color: var(--yellow);
		}
		main section#catalogs .mirror {
			max-width:  2000px;
		}
		.container ~ .container[data-label="leaflets"]:before {
			content:"";
			display: block;
			width: 100%;
			height: 15px;
		}

			#leaflets {
				margin-bottom: 30px;
			}
			#leaflets h3.block-title {
				font-family: Metro-ExtraBold;
				font-weight: normal;
				font-size: 3.3rem;
				line-height: 1.29;
				color: #002d72;
				text-transform: uppercase;
				padding-top: 15px;
				margin-bottom: 15px;
				text-align: left;
			}

			#leaflets .white-block {
				background-color: transparent;
				margin-bottom: 15px;
				padding: 5px 15px 0 15px;
				border-radius: 5px;
			}

			#leaflets .tab-selector {
				width: calc(100% - 2px);
				height: 40px;
				border-radius: 2px;
				background-color: transparent;
				border: solid 1px #b2b9c2;
				margin: 5px 0 15px 0;
				padding-left: 6px;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-size: 16px;
				font-weight: normal;
				font-style: normal;
				font-stretch: normal;
				line-height: 1.5;
				letter-spacing: normal;
				color: white;			
			}
			
			#leaflets ul.tab-chooser {
				margin: 0 0 15px 0;
				padding: 0;
				list-style: none;
			}
			#leaflets ul.tab-chooser li {
				display: inline-block;
				list-style: none;
				margin: 0 14px 0 0;
			}
			
			#leaflets ul.tab-chooser li a {
				display: block;
				text-decoration: none;
				padding: 0 0 13px 0;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-weight: bold;
				font-style: normal;
				text-rendering: optimizeLegibility;
				font-display: swap;
				font-size: 1.6rem;
				line-height: 1.2;
				color: rgba(255,255,255,0.5);
				text-transform: inherit;
				border-bottom: 3px solid rgba(0,0,0,0);
			}
			#leaflets ul.tab-chooser li a:hover {
				border-bottom: 3px solid #DDDDDD;
			}
			#leaflets ul.tab-chooser li.current a {
				border-bottom: 3px solid white;
				color: white;
				text-decoration: none;
			}
			#leaflets .tab-content {}
			#leaflets .tab-content .tab-pane { display: none; }
			#leaflets .tab-content .tab-pane.current { display: block; }
			
			#leaflets ul.catalogs-container {
				display: block;
				width: calc(100% + 12px);
				font-size: 0; line-height: 0;
				margin: 0; padding: 0;
				outline: 0px dotted orange;
			}
			#leaflets ul.catalogs-container li.catalog {
				display: inline-block;
				position: relative;
				list-style: none;
				margin: 0 12px 12px 0;
				padding: 0;
				background-color: white;
				vertical-align: top;
			}
			#leaflets ul.catalogs-container li.catalog:first-child {
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
			}
			#leaflets ul.catalogs-container li.catalog:last-child {
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
			}
			
			#leaflets ul.catalogs-container li.catalog:hover {
				background-color: #cce0ff;
			}
			
/* XXXXL */ @media screen and (min-width:1600px)                        { #leaflets ul.catalogs-container li.catalog { width: calc(20.0000% - 12px); } }
/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { #leaflets ul.catalogs-container li.catalog { width: calc(20.0000% - 12px); } }
/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { #leaflets ul.catalogs-container li.catalog { width: calc(20.0000% - 12px); } }
/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { #leaflets ul.catalogs-container li.catalog { width: calc(20.0000% - 12px); } }
/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { #leaflets ul.catalogs-container li.catalog { width: calc(20.0000% - 12px); } }
/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { #leaflets ul.catalogs-container li.catalog { width: calc(25.0000% - 12px); } }
/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { #leaflets ul.catalogs-container li.catalog { width: calc(33.3333% - 12px); } }
/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { #leaflets ul.catalogs-container li.catalog { width: calc(33.3333% - 12px); } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #leaflets ul.catalogs-container li.catalog { width: calc(33.3333% - 12px); } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #leaflets ul.catalogs-container li.catalog { width: calc(50.0000% - 12px); } }
			
			#leaflets ul.catalogs-container li.catalog a {
				display: block;
				position: relative;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				text-decoration: none;
				text-align: left;
			}
			#leaflets ul.catalogs-container li.catalog a figure {
				width: calc(100% - 24px);
				aspect-ratio:2/3;
				margin-block-start: 0;
				margin-block-end: 0;
				margin-inline-start: 0;
				margin-inline-end: 0;
				margin: 12px 0 0 12px;
				background-size: 100% 100%;
				background-repeat: no-repeat;
				background-position: top center;
				outline: 0px solid red;
			}
			#leaflets ul.catalogs-container li.catalog[data-fit="2"] a figure { background-size: 200% 100%; background-position: top left; }
			#leaflets ul.catalogs-container li.catalog[data-fit="3"] a figure { background-size: 200% 100%; background-position: top center; }
			
/* XXXXL */ @media screen and (min-width:1600px)                        { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
			#leaflets ul.catalogs-container li.catalog a figcaption {
				color: #0064fe;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-style: normal;
				font-stretch: normal;
				letter-spacing: normal;
				font-weight:normal;				
				font-size: 1.6rem;
				line-height: 1.9rem;
				margin: 12px 0 0 12px;
				min-height: 110px;
			} 
			#leaflets ul.catalogs-container li.catalog a figcaption p.title {
				font-family: Lato;
				font-size: 1.6rem;
				line-height: 1.3;
				font-weight: bold;
				color: #002d72;
				height: 40px;
				line-clamp:2;
				-webkit-line-clamp:2;
				overflow: hidden;
			}
			#leaflets ul.catalogs-container li.catalog a figcaption p.validity-text {
				margin-top: 5px;
				font-family: Lato;
				font-size: 1.6rem;
				line-height: 1.3;
				font-weight: bold;
				color: #002d72;
			}
			#leaflets ul.catalogs-container li.catalog a figcaption p.dates {
				margin-top: 10px;
				font-family: Lato;
				font-size: 1.3rem;
				line-height: 1.3;
				color: #002d72;
			}


	#catalogs .tab-chooser,
	#catalogs .tab-selector { display: none; }
	@media screen and (min-width:1040px) and (max-width:9999px) { #catalogs .tab-chooser[data-desktop="1"] { display:block; } }
	@media screen and (min-width: 580px) and (max-width:1039px) { #catalogs .tab-chooser[data-tablet="1"]  { display:block; } }
	@media screen and (min-width:   0px) and (max-width: 579px) { #catalogs .tab-selector[data-mobile="1"] { display:block; } }













	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 	STORES									*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/

		main section#stores .mirror {
			max-width:  2000px;
		}
		main section#stores {
			XXborder-bottom: 75px solid var(--yellow);
			margin-bottom: -13px;
		}
		main section#stores .background {
			background-image: url(../../images/background/stores.webp);
			background-size: cover;
			padding-block:50px;
		}
		main section#stores h2 {
			color: var(--yellow);
		}
		
		main section#stores .stores {
			display: flex;
			margin: 25px 0 0 0; 
			padding: 0;
		}
		main section#stores .stores .store-list {
			flex-grow: 1;
			flex-shrink: 1;
			flex-basis: 0%;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			overflow: hidden;
		}
		main section#stores .stores .store-map {
			flex-grow: 4;
			flex-shrink: 1;
			flex-basis: 0%;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			overflow: hidden;
		}
		main section#stores .stores .store-map .map-demo {
			position: relative;
			width:100%;
			height: 100%;
			background-image:url("../../images/demo/map.webp");
			background-size: cover;
			background-repeat: no-repeat;
		}
		main section#stores .stores .store-list ul {
			list-style: none;
			margin: 0 12px 0 0;
			padding: 0;
		}
		main section#stores .stores .store-list ul li {
			list-style: none;
			display: block;
			background-color: white;
			margin: 0;
			padding: 0;
			position: relative;
			height: 50px;
			margin-bottom: 1px;
		}
		main section#stores .stores .store-list ul li,
		main section#stores .stores .store-list ul li * {
			cursor: pointer;
		}
		main section#stores .stores .store-list ul li:last-child { margin-bottom: 0; }
		main section#stores .stores .store-list ul li label {
			position: absolute;
			inset:8px 0 0 10px;
			text-align: left;
			color: var(--blue);
			font-family: Lato;
		}
		main section#stores .stores .store-list ul li label input {
			position: absolute;
			opacity: 0;
		}
		main section#stores .stores .store-list ul li:has(input:checked) { background-color: var(--yellow); }
		main section#stores .stores .store-list ul li label i {
			display: block;
			position: relative;
			float: right;
			text-align: center;
			font-size:     12px;
			line-height:   16px;
			width:         20px;
			height:        20px;
			margin:   0 0 -20px 0;
			border-radius: 20px;
			border: 2px solid var(--blue);
			top: 5px;
			right: 5px;
			opacity: 0.25;
		}
		main section#stores .stores .store-list ul li:has(input:checked) label i { opacity: 1; background-color: var(--blue); color: white; }
		main section#stores .stores .store-list ul li label i:before { content:"\EA7C"; }
		
		main section#stores .stores .store-list ul li label input:not(:checked) ~ i:before { font-size:0; }
		main section#stores .stores .store-list ul li label input:checked       ~ i:before { }
		
		main section#stores .stores .store-list ul li label .store-name {
			color: inherit;
			text-align: inherit;
			font-family: inherit;
			font-weight: 700;
			font-size: 1.6rem;
			line-height: 1.2;
			margin-bottom: 3px;
		}
		main section#stores .stores .store-list ul li label .store-address {
			color: inherit;			
			text-align: inherit;
			font-family: inherit;
			font-size: 1.15rem;
			line-height: 1.2;
		}
			
		main section#stores .map-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
		}
		main section#stores .map-wrapper #map {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.maplibregl-ctrl-zoom-in,
		.maplibregl-ctrl-zoom-out,
		.maplibregl-ctrl-reset {
			font-size:   25px !important;
			line-height: 50px !important;
			width:       50px !important;
			height:      50px !important;
		}
		.maplibregl-ctrl-zoom-in svg,
		.maplibregl-ctrl-zoom-out svg,
		.maplibregl-ctrl-reset svg {
			width:  25px !important;
			height: 25px !important;
		}
		.mapboxgl-ctrl.mapboxgl-ctrl-attrib, .maplibregl-ctrl.maplibregl-ctrl-attrib {
			background-color: transparent;
		}
		.maplibregl-ctrl-attrib-inner {
			font-size: 1rem;
		}

		@media screen and (min-width: 0px) and (max-width:1039px) { 
			main section#stores .stores { display: block; }
			main section#stores .stores .store-map { border-radius: 5px; }
			main section#stores .stores .store-list { display: none; }
			main section#stores .map-wrapper { width: calc(100vw - 10px); height: 70vw; }

		}





/*
#top-banner {}
#top-banner .hero-background {
	background-image: url("../../images/assets/head-1.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	padding-top: 5%;
	padding-bottom: 5%;
}

#top-banner .hero {
	display: flex;
}
#top-banner .hero .copy {
	flex:4;
}
#top-banner .hero .badge {
	flex:1;
}


#top-banner .hero .copy h1 {
	overflow: hidden;
	text-indent: -1000em;
	background-image: url("../../images/assets/main-title.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	aspect-ratio:1200 / 346;
	margin-bottom: -3%;
}
#top-banner .hero .copy h2 {
	overflow: hidden;
	text-indent: -1000em;
	background-image: url("../../images/assets/title.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	aspect-ratio:1200 / 130;
}
#top-banner .hero .badge {
	overflow: hidden;
	text-indent: -1000em;
	background-image: url("../../images/assets/badge.webp");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100px;
	aspect-ratio:1/1;
}




#own-brands {
}
#own-brands .hash-placeholder {
	top: -100px;
}
#own-brands:before {
	position: relative;
	content:"";
	display: block;
	background-color: #E8E8E8;
	top: -150px;
	height: 150px;
	margin-bottom: -150px;
	z-index: -1;
}
#own-brands .content {
	background-color: #E8E8E8;
}


#own-brands h2 {
	font-family: Oswald;
	font-size: 3rem;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: var(--green);
}
#own-brands h3 {
	font-family: Oswald;
	font-size: 3rem;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: var(--blue);
	text-wrap:balance;
	margin-bottom: 15px;
}
#own-brands p {
	text-align: center;
	color: var(--blue);
	font-size: 1.4rem;
	line-height: 1.3;
}
#own-brands .own-brand-logos {
	margin-top: 50px;
	margin-bottom: 80px;
}
#own-brands .own-brand-logos img {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
#own-brands .own-brand-logos img:nth-child(1) { width: 80px; }
#own-brands .own-brand-logos img:nth-child(2) { width: 80px; }
#own-brands .own-brand-logos img:nth-child(3) { width: 80px; }
#own-brands .own-brand-logos img:nth-child(4) { width: 80px; }
#own-brands .own-brand-logos img:nth-child(5) { width: 80px; }
#own-brands .own-brand-logos img:nth-child(6) { width: 80px; }
#own-brands .own-brand-logos img:nth-child(7) { width: 80px; }

#own-brands .buttons[data-template="1"] {}
#own-brands .buttons[data-count="1"] {}
#own-brands .buttons a.button {
	margin-top: 20px;
	display: inline-block;
	background-color: var(--blue);
	color: var(--yellow);
	padding: 10px 25px;
	border-radius: 5px;
	font-family: Oswald;
	font-size: 2.3rem;
	line-height: 1.1;
	text-transform: uppercase;
	transition: background-color 0.5s ease;
}
#own-brands .buttons a.button:hover {
	background-color: var(--green);
}

#own-brands .buttons a.button i {}
#own-brands .buttons a.button em { font-style: normal; }






#loyalty-levels {}
#loyalty-levels .articles {}
#loyalty-levels .articles article { padding-top: 30px;padding-bottom: 20px;}

#loyalty-levels .articles article:nth-child(1) {
	background-color: #7CB2D6;
}
#loyalty-levels .articles article:nth-child(2) {
	background-color: #D1E9F9;
}
#loyalty-levels .articles article:nth-child(3) {
	background-color: #7CB2D6;
}
#loyalty-levels .articles article:nth-child(4) {
	background-color: #333333;
	padding-top:0; padding-bottom: 0;
}


#loyalty-levels .articles article .background {
	text-align: center;
}
#loyalty-levels .articles article .background .mirror {
	width: 700px;
}
#loyalty-levels .articles article .copy {
	display: flex;
	left: 50%;
	max-width: 700px;
}
#loyalty-levels .articles article .copy figure {
	flex:1;
}
#loyalty-levels .articles article .copy figcaption {
	flex:1;
	text-align: left;
}
#loyalty-levels .articles article:nth-child(4) .copy {
	display: block;
}

#loyalty-levels .articles article:nth-child(1) .copy figure     {flex:4;height: 170px;}
#loyalty-levels .articles article:nth-child(1) .copy figcaption { flex:5; }

#loyalty-levels .articles article:nth-child(2) .copy figure     {order:2;height: 210px;}
#loyalty-levels .articles article:nth-child(2) .copy figcaption { order:1;  }

#loyalty-levels .articles article:nth-child(3) .copy figure     {height: 200px;}
#loyalty-levels .articles article:nth-child(3) .copy figcaption {  }



#loyalty-levels .articles article figcaption div.level {
	display: block;
	font-family: Oswald;
	font-size: 3.5rem;
	text-transform:uppercase;
}
#loyalty-levels .articles article figcaption div.level h3 {
	display: inline-block;
	padding: 10px 15px; 
	background-color: #0063A5;
	color: white;
}
#loyalty-levels .articles article figcaption div.range {
	display: block;
	font-family: Oswald;
	font-size: 2.5rem;
	text-transform:uppercase;
	margin-bottom: 20px;
}
#loyalty-levels .articles article figcaption div.range h4 {
	display: inline-block;
	padding: 8px 15px;
	background-color: #014282;
	color: white;
}
#loyalty-levels .articles article ul.prizes {
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--blue);
}
#loyalty-levels .articles article ul.prizes li {
	margin:  0 0 0 20px;
	padding: 0 0 0 0;
}
#loyalty-levels .articles article ul.prizes li:before {
	content:"";
	position: relative;
	display: block;
	width:          6px;
	height:         6px;
	border-radius:  6px;
	margin:    0 0 -6px 0;
	left:          -14px;
	top: 5px;
	background-color: var(--blue);
	
}
#loyalty-levels .interval {
	display: block;
	font-family: Oswald;
	font-size: 1.6rem;
	text-transform:uppercase;
	margin-bottom: 20px;

}
#loyalty-levels .interval h5 {
	display: inline-block;
	padding: 8px 15px;
	background-color: var(--yellow);
	color: var(--blue);
}

#loyalty-levels .articles article:nth-child(4) figcaption div.level h3 {
	background-color: var(--yellow);
	color:var(--blue);
}
#loyalty-levels .articles article:nth-child(4) figcaption div.range .lines {
	display: block;
}
#loyalty-levels .articles article:nth-child(4) figcaption div.range .lines h4 {
	background-color: var(--green);
	color: white;
	font-size: 2.5rem;
}
#loyalty-levels .articles article:nth-child(4) figcaption div.range .lines:nth-child(2) h4 {
	margin-top: -8px;
}
#loyalty-levels .articles article:nth-child(4) .background {
	position: relative;
	left: 0;
	height: 400px;
}
#loyalty-levels .articles article:nth-child(4) .background figure {
	position: absolute;
	width: 100%;
	height: inherit;
	background-size: cover;
}
#loyalty-levels .articles article:nth-child(4) .mirror {
	top: 50%;
	transform: translate(-50%,-50%);
}








#promotion {

}
#promotion .background {
	background-color: var(--blue);
	padding: 50px 0;
}
#promotion h2 {
	text-align: center;
	font-family: Oswald;
	font-size: 3rem;
	line-height: 1.2;
	color:var(--yellow);
	margin-bottom: 25px;
	text-transform: uppercase;
}
#promotion ul.steps {
	display: flex;
	padding-inline:10%;
}
#promotion ul.steps li {
	flex:1;
}
#promotion ul.steps li:nth-child(2) h3:before,
#promotion ul.steps li:nth-child(3) h3:before {
	content:"";
	display: block;
	position: relative;
	width:  40px;
	height:      130px;
	margin: 0 0 -130px 0;
	left: -20px;
	background-image: url("../../images/assets/arrow.right.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
	
}

#promotion ul.steps li .copy {
	display: block;
}
#promotion ul.steps li h3 {
	text-align: center;
}
#promotion ul.steps li h3 i {
	display: block;
	width:  100%;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 15px;
}
#promotion ul.steps li:nth-child(1) h3 i { background-image: url("../../images/assets/purchase.webp"); }
#promotion ul.steps li:nth-child(2) h3 i { background-image: url("../../images/assets/cart.webp"); }
#promotion ul.steps li:nth-child(3) h3 i { background-image: url("../../images/assets/gift.webp"); }

#promotion ul.steps li h3 em {
	display: block;
	font-family: Oswald;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1.2;
	color: var(--yellow);
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#promotion ul.steps li p {
	color: white;
	font-family: Lato-Light;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
	padding-inline:15%;
}
#promotion ul.steps li .buttons {
	text-align: center;
}
#promotion ul.steps li .buttons[data-template="1"] {}
#promotion ul.steps li .buttons[data-count="1"] {}
#promotion ul.steps li .buttons a.button {
	margin-top: 20px;
	display: inline-block;
	background-color: var(--yellow);
	color: var(--blue);
	padding: 7px 17px;
	border-radius: 5px;
	font-family: Oswald;
	font-size: 1.3rem;
	line-height: 1.1;
	text-transform: uppercase;
	transition: background-color 0.5s ease;
}
#promotion ul.steps li .buttons a.button:hover {
	background-color: white;
}

#promotion ul.steps li .buttons a.button i {}
#promotion ul.steps li .buttons a.button em { font-style: normal; }
#promotion .period {}
#promotion .period .date {
	display: inline-block;
}

#promotion .outro {
	position: relative;
	left: 50%;
	transform:translateX(-50%);
	max-width: 600px;
	margin: 50px 0 50px 0;
	text-align: center;
}
#promotion .outro p {
	color: white;
	font-family: Lato-Light;
	font-size: 1.2rem;
	line-height: 1.2;
	text-wrap: balance;
}
#promotion .outro p.period {
	font-family: Lato;
	font-size: 2rem;
	margin-top: 20px;
}
#promotion .outro p.period .date {
	color: var(--yellow);
}

*/



			/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
			/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
			/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
			/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
			/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
			/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
			/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
			/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
			/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
			/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {  }
			/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {  }
			/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {  }
			/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {  }
			/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {  }
			/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
			/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
			/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {  }
			/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {  }
			/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {  }
			/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) {  }
			/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {  }
			/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {  }
			/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {  }
			/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {  }
			/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {  }
			/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {  }
			


			/*     S   */  @media screen and (min-width: 0px) and (max-width: 699px) {
				#top-banner .hero-background { padding-bottom: 13%; }
			}	
			/*  Mobile  */ @media screen and (min-width: 0px) and (max-width: 1139px) {
				#top-banner .hero {flex-direction: column;/* align-items: center; */}
				#top-banner .hero .badge {
					order: 1;
					width: 100%;
					height: auto;
					aspect-ratio: auto;
					margin-bottom: 10px;
				}
				#top-banner .hero .badge figure { height: 180px; background-size: contain; }
				#top-banner .hero .copy { order: 2; width: 100%; }
				#own-brands p { text-wrap:balance; }
				#own-brands .own-brand-logos { margin-top:20px; margin-bottom: 20px; }
				#own-brands .spacer { height: 20px; }
				#loyalty-levels .articles article .background .mirror { padding-bottom: 0; width: calc(100vw - 40px); max-width: 700px; }
				#loyalty-levels .articles article .copy { width: calc(100vw - 20px); max-width:auto; }
				#loyalty-levels .articles article:nth-child(4) .background figure { background-position: 70% 50%; background-size: calc(4 * 320px) calc(4 * 120px); }
				#promotion ul.steps { display: block; }
				#promotion ul.steps li { margin-bottom: 50px; }
				#promotion ul.steps li h3 i { height: 60px; }
				#promotion ul.steps li .buttons a.button { font-size: 2rem; }
			}