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

/* basic styles */

	em.nice-price { white-space: nowrap; }
	em.nice-price u { text-decoration: none; }
	em.nice-price u.comma { display: inline-block; margin: 0 1px 0 0; }


/*						*/
/* HEADNOTES 			*/	
/* FOOTNOTES 			*/	
/*						*/

	main section .mirror p.headnotes {
		font-size: 12px;
		line-height: 1.3;
		margin: 15px 0 15px 0;
		padding: 10px;
		color: var(--yellow);
		border-radius: 4px;
	}
	main section .mirror p.headnotes span[data-label="validity"]{
		display:block; 
		text-align: center;
		font-family: Metro;
		font-size: 2.0rem;
	}
	main section .mirror p.headnotes:has(span[data-label="validity"]:empty) { display: none; }
	
	.container > .white-block > .copies > .products > div > .headnotes { margin-top: 5px; }
	
	@media screen and (min-width:1440px)                        { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
	@media screen and (min-width:1240px) and (max-width:1439px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
	@media screen and (min-width:1040px) and (max-width:1239px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
	@media screen and (min-width: 960px) and (max-width:1039px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
 	@media screen and (min-width: 860px) and (max-width: 959px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
 	@media screen and (min-width: 700px) and (max-width: 859px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
 	@media screen and (min-width: 580px) and (max-width: 699px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
 	@media screen and (min-width: 310px) and (max-width: 579px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2.5rem;} }
	@media screen and (min-width:   0px) and (max-width: 309px) { main section .mirror p.headnotes span[data-label="validity"]{font-size: 2rem;} }
	
	p.footnotes {
		font-size: 13px;
		line-height: 1.3;
		color: #002d72;
		margin: 15px 0 0 0;
	}
	p.footnotes span[data-label="store-only"] { display:inline-block; }
	p.footnotes span[data-label="validity"]   { display:inline-block; float: right; }

	@media screen and (min-width:1440px)                        {}
	@media screen and (min-width:1240px) and (max-width:1439px) {}
	@media screen and (min-width:1040px) and (max-width:1239px) {}
	@media screen and (min-width: 960px) and (max-width:1039px) { p.footnotes span[data-label="store-only"] { display:inline; } p.footnotes span[data-label="validity"] {display: inline; float: none; }}
 	@media screen and (min-width: 860px) and (max-width: 959px) { p.footnotes span[data-label="store-only"] { display:inline; } p.footnotes span[data-label="validity"] {display: inline; float: none; }}
 	@media screen and (min-width: 700px) and (max-width: 859px) { p.footnotes span[data-label="store-only"] { display:block; }  p.footnotes span[data-label="validity"] {display: block;  float: none; }} 
 	@media screen and (min-width: 580px) and (max-width: 699px) { p.footnotes span[data-label="store-only"] { display:block; }  p.footnotes span[data-label="validity"] {display: block;  float: none; }}
 	@media screen and (min-width: 310px) and (max-width: 579px) { p.footnotes span[data-label="store-only"] { display:block; }  p.footnotes span[data-label="validity"] {display: block;  float: none; }}
	@media screen and (min-width:   0px) and (max-width: 309px) { p.footnotes span[data-label="store-only"] { display:block; }  p.footnotes span[data-label="validity"] {display: block;  float: none; }}


	.products-footnotes-wrapper {
		padding: 0 0 15px 0;
	}
	.products-footnotes-wrapper ul {
		margin: 0 0 0 20px;
		padding: 0;
		font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
		font-weight: normal;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.products-footnotes-wrapper ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.products-footnotes-wrapper ul li:before {
		display: block;
		position: relative;
		width: 100px;
		height: 20px;
		margin: 0 0 -20px 0;
		text-align: right;
		left: -105px;
	}
	.products-footnotes-wrapper ul li:nth-child(1):before { content: "*"; }
	.products-footnotes-wrapper ul li:nth-child(2):before { content: "**"; }
	.products-footnotes-wrapper ul li:nth-child(3):before { content: "***"; }
	.products-footnotes-wrapper ul li:nth-child(4):before { content: "****"; }
	.products-footnotes-wrapper ul li:nth-child(5):before { content: "*****"; }
	.products-footnotes-wrapper ul li:nth-child(6):before { content: "******"; }
	.products-footnotes-wrapper ul li:nth-child(7):before { content: "*******"; }








p.notice {
	color: #002d72;
	font-size: 1.7rem;
	line-height: 1.2;
}







/*						*/
/* NO RESULT			*/
/*						*/

.no-result {
	text-align: center;
}
.no-result p {
    text-align: center;
	display: inline-block;
}
.no-result p i {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 0 -30px 0;
    font-size: 20px;
    line-height: 30px;
    color: #BF0000;
}
.no-result p i:before { content:"\E900"; }
.no-result p em {
	height: 30px;
    font-size: 20px;
    line-height: 30px;
    margin-left: 35px;
}





/* Grid */

	.products-wrapper {
		position: relative;
		overflow: hidden;
		max-width: 100vw;
		padding: 2px;
	}
	
	/*						*/
	/* arrows 				*/
	/*						*/
	
	
		.products-wrapper .arrows {
			position: absolute;
			pointer-events: none;
			margin: 0;
			padding: 0;
			list-style: none;
			top: calc(50% - 15px);
			transform: translateY(-50%);
			width: 100%;
			height: 40px;
			font-size: 35px;
			line-height: 40px;
			text-align: center;
			z-index: 99;
		}
		.products-wrapper .arrows li {
			position: absolute;
			width: 40px;
			height: 40px;
			background-color: rgba(0,0,0,0.44);
			color: white;
			border-radius: 5px;
			text-align: center;
		}
		.products-wrapper .arrows li:nth-child(1) {
			left:10px;
		}
		.products-wrapper .arrows li:nth-child(2) {
			right: 10px;
		}
		.products-wrapper .arrows li i {
			position: absolute;
			inset:0;
			font-size: inherit;
			line-height: inherit;
			color: inherit;
		}
		.products-wrapper .arrows li:nth-child(1) i:before { content:"\EBA3"; }
		.products-wrapper .arrows li:nth-child(2) i:before { content:"\EBA8"; }
		
		@media screen and (min-width:1040px) { .products-wrapper .arrows { display: none; } }
		
		
	
	/*						*/
	/* products 			*/
	/*						*/

		section.products-offer {}
		section.products-offer .mirror {
			max-width: 2000px;
		}
		section.products-offer .products {
			margin: 25px 0;
		}
		section.products-offer ul.products-grid li.product {
			background-size: 101% 101%;
			background-repeat: no-repeat;
			background-position: center;
			scroll-snap-align: center;
			scroll-snap-type: x;
		}
		section.products-offer#food-offer  ul.products-grid li.product { background-image: url("../../images/background/food.webp"); }
		section.products-offer#drink-offer ul.products-grid li.product { background-image: url("../../images/background/drink.webp"); }
	
	
	ul.products-grid {
		display: block;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		width: calc(100% + 15px);
		scroll-snap-type: x mandatory;
	}
	
	/* responsives */

		@media screen and (min-width:1840px)                        { html { font-size: 10.6px; } }
		@media screen and (min-width:1640px) and (max-width:1839px) { html { font-size: 10.6px; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { html { font-size: 10.6px; } }
		@media screen and (min-width:1240px) and (max-width:1439px) { html { font-size: 10.0px; } }
		@media screen and (min-width:1040px) and (max-width:1239px) { html { font-size: 9.0px;} }
		@media screen and (min-width: 960px) and (max-width:1039px) { html { font-size: 9.0px; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { html { font-size: 7.6px; } }
		@media screen and (min-width: 700px) and (max-width: 859px) { html { font-size: 9.8px; } }
		@media screen and (min-width: 580px) and (max-width: 699px) { html {font-size: 7.5px;} }
		@media screen and (min-width: 440px) and (max-width: 579px) { html { font-size: 10px; } }
		@media screen and (min-width: 310px) and (max-width: 439px) { html {font-size: 7.5px;} }
		@media screen and (min-width:   0px) and (max-width: 309px) { html { font-size: 7.0px; } }
	
	ul.products-grid > li {
		display: inline-block;
		position: relative;
		list-style: none;
		margin: 0 25px 25px 0;
		padding: 0;
		user-select: none;
		cursor: default;
		font-size: 1.5rem;
		line-height: 1.2;
		background-color: white;
		box-shadow: 0 0 0 1px gray, 0 3px 3px 0 rgba(74,74,74,0.08);
		box-shadow: none;
		border-radius: 5px;
		overflow: hidden;
		overflow: hidden;
		box-shadow: 0 0px 0 1px rgba(74,74,74,0.2);
		/* box-shadow: inset 0 0 50px 0 #0000002b; */
		box-shadow: 0 0px 0 2px rgba(255,255,255,0.99);
	}
	ul.products-grid > li[data-appearance="1"] { aspect-ratio:1/1; }
	ul.products-grid > li[data-appearance="2"] {aspect-ratio: 2/0.975;}

	
	ul.products-grid > li .mgb {
		position: absolute;
		text-align: center;
		width: 100%;
		font-size: 20px;
		z-index: 999;
		text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white;
		display: none;
	}
	ul.products-grid > li figure {
		position: absolute;
		top: 6.66%;
		right: 5px;
		width: 60%;
		height: auto;
		aspect-ratio: 1 / 1.3;
		margin: 0;
		padding: 0;
		/*background-image: url("../../images/products/cdn/54493-1-2_01.png.jpeg");*/
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		top: calc(55% - 5%);
		right: 10%;
		z-index: 1;
	}
	section#drink-offer ul.products-grid > li figure {
		top: 40%;
		width: 50%;
		aspect-ratio: 1 / 1.5;
		/* outline:1px solid orange; */
	}

	ul.products-grid > li[data-found="0"] figure {
		background-color: #EEEEEE;
		background-image:url("../../images/progress/loader-16x16.gif");
		background-size: 16px 16px;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 5px;
	}
	@media screen and (min-width:1840px)                        { section.products-offer#food-offer ul.products-grid > li figure {top: 60%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:1640px) and (max-width:1839px) { section.products-offer#food-offer ul.products-grid > li figure {top: 55%;right: 17%;width: 46%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:1440px) and (max-width:1639px) { section.products-offer#food-offer ul.products-grid > li figure {top: 62%;right: 5%;width: 60%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:1240px) and (max-width:1439px) { section.products-offer#food-offer ul.products-grid > li figure {top: 51%;right: 5%;width: 48%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:1040px) and (max-width:1239px) { section.products-offer#food-offer ul.products-grid > li figure {top: 60%;right:10%;width: 50%;aspect-ratio: 1 / 2;} }
	@media screen and (min-width: 960px) and (max-width:1039px) { section.products-offer#food-offer ul.products-grid > li figure {top: 50%;right: 5%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 860px) and (max-width: 959px) { section.products-offer#food-offer ul.products-grid > li figure {top: 59%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 700px) and (max-width: 859px) { section.products-offer#food-offer ul.products-grid > li figure {top: 60%;right: 5%;width: 40%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 580px) and (max-width: 699px) { section.products-offer#food-offer ul.products-grid > li figure {top: 50%;right: 7%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 510px) and (max-width: 579px) { section.products-offer#food-offer ul.products-grid > li figure {top: 62%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 440px) and (max-width: 509px) { section.products-offer#food-offer ul.products-grid > li figure {top: 60%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 310px) and (max-width: 439px) { section.products-offer#food-offer ul.products-grid > li figure {top: 60%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:   0px) and (max-width: 309px) { section.products-offer#food-offer ul.products-grid > li figure {top: 61%;right: 5%;width: 50%;aspect-ratio: 1 / 1.5;} }

	@media screen and (min-width:1840px)                        { section.products-offer#drink-offer ul.products-grid > li figure {top: 63%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:1640px) and (max-width:1839px) { section.products-offer#drink-offer ul.products-grid > li figure { top: 54%; right:10%; width: 50%; aspect-ratio: 1 / 1.5; } }
	@media screen and (min-width:1440px) and (max-width:1639px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 50%;right:10%;width: 40%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:1240px) and (max-width:1439px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 56%;right:10%;width: 37%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width:1040px) and (max-width:1239px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 60%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 960px) and (max-width:1039px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 55%;right: 6%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 860px) and (max-width: 959px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 52%;right: 5%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 700px) and (max-width: 859px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 56%;right:10%;width: 40%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 580px) and (max-width: 699px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 54%;right:10%;width: 50%;aspect-ratio: 1 / 1.5;} }
	@media screen and (min-width: 510px) and (max-width: 579px) { section.products-offer#drink-offer ul.products-grid > li figure { top: 54%; right:10%; width: 50%; aspect-ratio: 1 / 1.5; } }
	@media screen and (min-width: 440px) and (max-width: 509px) { section.products-offer#drink-offer ul.products-grid > li figure { top: 54%; right:10%; width: 50%; aspect-ratio: 1 / 1.5; } }
	@media screen and (min-width: 310px) and (max-width: 439px) { section.products-offer#drink-offer ul.products-grid > li figure { top: 60%; right:10%; width: 50%; aspect-ratio: 1 / 1.5; } }
	@media screen and (min-width:   0px) and (max-width: 309px) { section.products-offer#drink-offer ul.products-grid > li figure {top: 52%;right: 1%;width: 40%;aspect-ratio: 1 / 1.5;} }
 

	ul.products-grid > li figure img {
		width: 100%;
		height: auto;
		object-fit: contain;
		float: right;
		/* top: 44%; */
		position: relative;
		transform: translateY(-50%);
		outline: 0px dotted orange;
	}
	/* responsives */

		@media screen and (min-width:1840px)                        { section.products-offer#food-offer ul.products-grid > li figure img { max-height:290px; } }
		@media screen and (min-width:1640px) and (max-width:1839px) { section.products-offer#food-offer ul.products-grid > li figure img { max-height:290px; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 230px;} }
		@media screen and (min-width:1240px) and (max-width:1439px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 200px;} }
		@media screen and (min-width:1040px) and (max-width:1239px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 315px;} }
		@media screen and (min-width: 960px) and (max-width:1039px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 205px;} }
		@media screen and (min-width: 860px) and (max-width: 959px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 185px;} }
		@media screen and (min-width: 700px) and (max-width: 859px) { section.products-offer#food-offer ul.products-grid > li figure img { max-height:165px; } }
		@media screen and (min-width: 580px) and (max-width: 699px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 245px;} }
		@media screen and (min-width: 510px) and (max-width: 579px) { section.products-offer#food-offer ul.products-grid > li figure img { max-height:215px; } }
		@media screen and (min-width: 440px) and (max-width: 509px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 255px;} }
		@media screen and (min-width: 310px) and (max-width: 439px) { section.products-offer#food-offer ul.products-grid > li figure img {max-height: 165px;} }
		@media screen and (min-width:   0px) and (max-width: 309px) { section.products-offer#food-offer ul.products-grid > li figure img { max-height:70px; } }

		@media screen and (min-width:1840px)                        { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 280px;} }
		@media screen and (min-width:1640px) and (max-width:1839px) { section.products-offer#drink-offer ul.products-grid > li figure img { max-height:280px; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 260px;} }
		@media screen and (min-width:1240px) and (max-width:1439px) { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 200px;} }
		@media screen and (min-width:1040px) and (max-width:1239px) { section.products-offer#drink-offer ul.products-grid > li figure img { max-height:235px; } }
		@media screen and (min-width: 960px) and (max-width:1039px) { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 225px;} }
		@media screen and (min-width: 860px) and (max-width: 959px) { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 237px;} }
		@media screen and (min-width: 700px) and (max-width: 859px) { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 205px;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 315px;} }
		@media screen and (min-width: 510px) and (max-width: 579px) { section.products-offer#drink-offer ul.products-grid > li figure img { max-height:295px; } }
		@media screen and (min-width: 440px) and (max-width: 509px) { section.products-offer#drink-offer ul.products-grid > li figure img { max-height:235px; } }
		@media screen and (min-width: 310px) and (max-width: 439px) { section.products-offer#drink-offer ul.products-grid > li figure img { max-height:162px; } }
		@media screen and (min-width:   0px) and (max-width: 309px) { section.products-offer#drink-offer ul.products-grid > li figure img {max-height: 120px;} }

		@media screen and (min-width:1840px)                        { ul.products-grid[data-count="2"] > li figure img { max-height:430px; } }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid[data-count="2"] > li figure img { max-height:390px; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid[data-count="2"] > li figure img { max-height:350px; } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid[data-count="2"] > li figure img { max-height:280px; } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid[data-count="2"] > li figure img { max-height:255px; } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid[data-count="2"] > li figure img { max-height:215px; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid[data-count="2"] > li figure img { max-height:215px; } }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid[data-count="2"] > li figure img { max-height:265px; } }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid[data-count="2"] > li figure img { max-height:215px; } }
		@media screen and (min-width: 440px) and (max-width: 579px) { ul.products-grid[data-count="2"] > li figure img { max-height:315px; } }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid[data-count="2"] > li figure img { max-height:215px; } }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid[data-count="2"] > li figure img { max-height:215px; } }

	ul.products-grid > li[data-found="0"] figure img { visibility: hidden; }
	
	ul.products-grid > li figcaption {
		position: relative;
		text-align: left;
		width:  100%;
		height: 100%;
		z-index: 2;

	}
	ul.products-grid > li figcaption .copies {
		width: 60%;
		position: absolute;
		margin: 1.5em 0 0 1.5em;
		text-align: left;
		/* outline: 1px solid orange; */
	}
	ul.products-grid > li figcaption .prices {
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	ul.products-grid > li.product[data-price_template="single-price"] figcaption .prices,
	ul.products-grid > li.product[data-price_template="old-new-price"] figcaption .prices,
	#drink-offer ul.products-grid > li[data-price_template="single-price"] .package-type,
	/*#drink-offer ul.products-grid > li[data-price_template="single-price-highlighted"] .package-type,*/
	#drink-offer ul.products-grid > li[data-price_template="single-price"] .price[data-kind="units"],
	#drink-offer ul.products-grid > li[data-price_template="single-price-highlighted"] .price[data-kind="units"] {
		/* text-shadow:0 0 1px #7f7270,
		            0 0 2px #7f7270,
		            0 0 3px #7f7270,
		            0 0 4px #7f7270,
		            0 0 5px #7f7270; */
	}
	ul.products-grid > li.product[data-price_template="old-new-price"] figcaption .prices .price[data-kind="old"],
	#food-offer ul.products-grid > li[data-price_template="single-price"] .package-type,
	#food-offer ul.products-grid > li[data-price_template="single-price-highlighted"] .package-type,
	ul.products-grid > li[data-price_template="old-new-price"] .package-type,
	#food-offer ul.products-grid > li[data-price_template="single-price"] .price[data-kind="units"],
	#food-offer ul.products-grid > li[data-price_template="single-price-highlighted"] .price[data-kind="units"],
	#food-offer ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="units"] {
		/* text-shadow:0 0 1px rgba(255,255,255,0.5),
		            0 0 2px rgba(255,255,255,0.5),
		            0 0 3px rgba(255,255,255,0.5),
		            0 0 4px rgba(255,255,255,0.5),
		            0 0 5px rgba(255,255,255,0.5); */
	}
	ul.products-grid > li.product[data-price_template="single-price"] figcaption .prices .numeric-space,
	ul.products-grid > li.product[data-price_template="single-price-highlighted"] figcaption .prices .numeric-space,
	ul.products-grid > li.product[data-price_template="old-new-price"] figcaption .prices .numeric-space {
	}
	
	
	/* grid sizes */
	
	ul.products-grid > li {}

		/* responsives */

		@media screen and (min-width:1840px)                        { ul.products-grid > li[data-appearance="1"] { width:calc( 33.333% - 25px); } }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li[data-appearance="1"] { width:calc( 33.333% - 25px); } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li[data-appearance="1"] { width:calc( 33.333% - 25px); } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-appearance="1"] { width:calc( 33.333% - 25px); } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-appearance="1"] { width:calc( 50.000% - 25px); } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-appearance="1"] { width:calc( 50.000% - 25px); } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-appearance="1"] { width:calc( 50.000% - 25px); } }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-appearance="1"] { width:calc( 50.000% - 25px); } }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-appearance="1"] { width:calc(100.000% - 25px); } }
		@media screen and (min-width: 440px) and (max-width: 579px) { ul.products-grid > li[data-appearance="1"] { width:calc(100.000% - 25px); } }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li[data-appearance="1"] { width:calc(100.000% - 25px); } }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-appearance="1"] { width:calc(100.000% - 25px); } }

		@media screen and (min-width:1840px)                        { ul.products-grid > li[data-appearance="2"] { width:calc( 2 *  33.333% - 25px); } }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li[data-appearance="2"] { width:calc( 2 *  33.333% - 25px); } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li[data-appearance="2"] { width:calc( 2 *  33.333% - 25px); } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-appearance="2"] { width:calc( 2 *  33.333% - 25px); } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 *  50.000% - 25px); aspect-ratio:1/1; } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 *  50.000% - 25px); aspect-ratio:1/1; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 *  50.000% - 25px); aspect-ratio:1/1; } }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 *  50.000% - 25px); aspect-ratio:1/1; } }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 * 100.000% - 25px); aspect-ratio:1/1; } }
		@media screen and (min-width: 440px) and (max-width: 579px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 * 100.000% - 25px); aspect-ratio:1/1; } }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 * 100.000% - 25px); aspect-ratio:1/1; } }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-appearance="2"] { width:calc( 1 * 100.000% - 25px); aspect-ratio:1/1; } }
 
		/*
		@media screen and (min-width:1840px)                        { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid[data-count="2"] > li { width:calc( 50% - 30px); } }
		@media screen and (min-width: 440px) and (max-width: 579px) { ul.products-grid[data-count="2"] > li { width:calc(100% - 30px); } }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid[data-count="2"] > li { width:calc(100% - 30px); } }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid[data-count="2"] > li { width:calc(100% - 30px); } }
		*/

	/* debug */
	
	ul.products-grid > li code {
		display: block;
		position: relative;
		width: 100%;
		height: 30px;
		margin-bottom: -30px;
		top: -10px;
		opacity: .5;
	}

	/* pictos */
	
	ul.products-grid > li .icons {
		position: absolute;
		right: 1em;
		top: 2em;
	}
	ul.products-grid > li[data-price_template="old-new-price"] .icons { top: 6.5em; }
	ul.products-grid > li[data-price_template="bmpl"] .icons { top: 6.5em; }
	ul.products-grid > li .icons .icon {
		display: block;
		position: relative;
		width: 4.5em;
		aspect-ratio:1/1;
		background-size: contain;
		background-repeat: no-repeat;
		outline: 2px dotted orange;
		outline: none;
	}
	ul.products-grid > li .icons .icon[data-type="frozen"] { background-image:url("../../images/elements/deep-frozen.png"); }
	ul.products-grid > li .icons .icon[data-type="price_margin"] {
		width: 7.5em;
		background-image:url("../../images/elements/fix-arres.png"); 
	}
	
	/* copies */
	
	ul.products-grid > li figcaption .copies p[data-label="nam"] {
		font-family: Metro, sans-serif;
		font-weight: 700;
		font-size: 2.25rem;
		line-height: 1.15;
		color: var(--blue);
		max-width: 90%;
		margin-bottom: 0px;
		text-align: left;
	}
	section.products-offer#food-offer  ul.products-grid > li figcaption .copies p[data-label="nam"] {}
	section.products-offer#drink-offer ul.products-grid > li figcaption .copies p[data-label="nam"] { color: white;	}
	
	@media screen and (min-width:1840px)                        { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {
	font-size: 3rem;
}}
	@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {
	font-size: 3rem;
}}
	@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li figcaption .copies p[data-label="nam"] { font-size: 4rem; }}
	@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {
	font-size: 3rem;
}}
	@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li figcaption .copies p[data-label="nam"] {}}
	
		/*
		@media screen and (min-width:1840px)                        { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:3rem; } }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:3rem; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:3rem; } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:3rem; } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:3rem; } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:3rem; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:3rem; } }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:2rem; } }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:2rem; } }
		@media screen and (min-width: 440px) and (max-width: 579px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:2rem; } }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:2rem; } }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid[data-count="2"] > li figcaption .copies p[data-label="nam"] { font-size:2rem; } }
		*/
	
	
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name {
		text-transform: uppercase;
		word-break:normal;
		-webkit-hyphens: auto;
		    -ms-hyphens: auto;
		     -o-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;
	}
	ul.products-grid > li figcaption .copies p[data-label="desc"] {
		font-family: Metro, sans-serif;
		font-weight: 500;
		font-size: 1.35rem;
		line-height: 1.15;
		color: black;
		max-width: 90%;
		margin-bottom: 0px;
		text-align: left;
		transform: scale(0.90,1);
		transform-origin: left top;
	}
	section.products-offer#food-offer  ul.products-grid > li figcaption .copies p[data-label="desc"] {}
	section.products-offer#drink-offer ul.products-grid > li figcaption .copies p[data-label="desc"] { color: white;	}
	
	@media screen and (min-width:1840px)                        { ul.products-grid > li figcaption .copies p[data-label="desc"] {}}
	@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {}}
	@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {}}
	@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {}}
	@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {
	font-size: 2.0rem;
}}
	@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {}}
	@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {
	font-size: 1.9rem;
}}
	@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {
	font-size: 1.22rem;
}}
	@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {
	font-size: 3rem;
}}
	@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {
	font-size: 1.7rem;
}}
	@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {}}
	@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {
	font-size: 1.5rem;
}}
	@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li figcaption .copies p[data-label="desc"] {}}

	ul.products-grid > li figcaption .copies p[data-label="ssy"] {
		font-family: Metro, sans-serif;
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1.15;
		color: black;
		max-width: 90%;
		margin-bottom: 0px;
		text-align: left;
	}
	section.products-offer#food-offer  ul.products-grid > li figcaption .copies p[data-label="ssy"] {}
	section.products-offer#drink-offer ul.products-grid > li figcaption .copies p[data-label="ssy"] { color: white;	}
	
	@media screen and (min-width:1840px)                        { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}
	@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li figcaption .copies p[data-label="ssy"] {}}

	
	
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts {}
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="brand_name"] {
		text-transform: uppercase;
		display: inline-block;
	}
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="brand_name"] .brand-logo {}
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="brand_name"] .brand-logo:empty { display: none; }
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="brand_name"] .brand-name { display:inline-block; margin-right: 0.2em; }
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="brand_name"] .brand-name:empty { display: none; }
	
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"]  {
		display: inline-block;
		margin-bottom: 5px;
		text-transform: uppercase;
		word-break:normal;
		/*
		-webkit-hyphens: auto;
		    -ms-hyphens: auto;
		     -o-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;
		*/	
		-webkit-hyphens: manual;
		    -ms-hyphens: manual;
		     -o-hyphens: manual;
		   -moz-hyphens: manual;
		        hyphens: manual;
				
		-webkit-hyphenate-limit-chars: 10 4 4;
		    -ms-hyphenate-limit-chars: 10 4 4;
		     -o-hyphenate-limit-chars: 10 4 4;
		   -moz-hyphenate-limit-chars: 10 4 4;
		        hyphenate-limit-chars: 10 4 4;
				
		text-wrap:balance;
	}
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="label"]      {
		display: block;
		font-family: Metro, sans-serif;
		font-weight: normal;
		font-size: 1.5rem;
		line-height: 1.25;
	}
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="ssy"] {
		display: block;
		font-family: Metro, sans-serif;
		font-weight: normal;
		font-size: 1.5rem;
		line-height: 1.25;
	}
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="ssy"]:before { content:"Csz.: "; }
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="ssy"]:empty:before { content:""; }

	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts p[data-label="ssy"] span:before { content:"Csz.: "; }
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts p[data-label="ssy"] span:empty:before { content:""; }

	ul.products-grid > li figcaption .copies p[data-label="ssy"]:before { content:"Csz.: "; }
	ul.products-grid > li figcaption .copies p[data-label="ssy"]:empty:before { content:""; }

	/* highlighting searched text */
	
	ul.products-grid > li figcaption .copies p[data-label="nam"] b {
		display: inline-block;
		background-color:#6DEAAD;
		border-radius: 4px;
		box-shadow: 0 0 0 1px #6DEAAD;
		font-weight: normal;
	}
	Xul.products-grid > li figcaption .copies p[data-label="nam"]:hover b { background-color: transparent; box-shadow: none; }

	/* brands-logos */
	
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts .brand-logo {
		display: block;
		position: relative;
		width: calc(80% + 2px);
		height: calc(0.7em + 0px);
		margin: 0 0 calc(-1em + 2px) 0;
		padding: 0 0 2px 0;
		top:  0px;
		left: -1px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left center;
	}
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts .brand-logo img {
		height: 150%;
		object-fit: scale-down;
		margin-right: 5px;
	}
	ul.products-grid > li[data-brand="aro"              ] figcaption .copies p[data-label="nam"] span.name-parts .brand-logo img { height: 200%; margin-top:-0.9em; margin-bottom: -0.3em; }
	ul.products-grid > li[data-brand="metrochef"        ] figcaption .copies p[data-label="nam"] span.name-parts .brand-logo img { height: 170%; margin-top:-0.5em; }
	ul.products-grid > li[data-brand="metropremium"     ] figcaption .copies p[data-label="nam"] span.name-parts .brand-logo img { height: 170%; margin-top:-0.5em; }
	ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts .brand-logo img { height: 370%; margin-top:-0.0em; }
	ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="brand_name"] { float:left; }
	ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] {margin-left: 65px;min-height: 2.5em;}

	@media screen and (min-width:1840px)                        { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }
	@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="old-new-price"] ul.products-grid > li[data-brand="metroprofessional"] figcaption .copies p[data-label="nam"] span.name-parts em[data-label="name_nice"] { margin-left: 45px;min-height: 2.5em; } }

	
	/*
	li.product[data-brand="abonett"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/abonett.png"); }
	li.product[data-brand="aro"                   ] .brand-logo { background-color:white; background-image: url("../../images/brands/aro.svg"); }
	li.product[data-brand="arany fácán"           ] .brand-logo { background-color:white; background-image: url("../../images/brands/aranyfacan.png"); }
	li.product[data-brand="barilla"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/barilla.svg"); }
	li.product[data-brand="cerbona"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/cerbona.svg"); }
	li.product[data-brand="cirio"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/cirio.svg"); }
	li.product[data-brand="darling"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/darling.png"); }
	li.product[data-brand="dawtona"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/dawtona.png"); }
	li.product[data-brand="delikat"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/delikat.png"); }
	li.product[data-brand="dr. oetker"            ] .brand-logo { background-color:white; background-image: url("../../images/brands/droetker.svg"); }
	li.product[data-brand="fine life"             ] .brand-logo { background-color:white; background-image: url("../../images/brands/finelife.svg"); }
	li.product[data-brand="friskies"              ] .brand-logo { background-color:white; background-image: url("../../images/brands/friskies.png"); }
	li.product[data-brand="globus"                ] .brand-logo { background-color:white; background-image: url("../../images/brands/globus.png"); }
	li.product[data-brand="gyermelyi"             ] .brand-logo { background-color:white; background-image: url("../../images/brands/gyermelyi.svg"); }
	li.product[data-brand="hame"                  ] .brand-logo { background-color:white; background-image: url("../../images/brands/hame.svg"); }
	li.product[data-brand="haribo"                ] .brand-logo { background-color:white; background-image: url("../../images/brands/haribo.svg"); }
	li.product[data-brand="happy frucht"          ] .brand-logo { background-color:white; background-image: url("../../images/brands/happyfrucht.png"); }
	li.product[data-brand="heinz"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/heinz.svg"); }
	li.product[data-brand="hellmans"              ] .brand-logo { background-color:white; background-image: url("../../images/brands/hellmans.svg"); }
	li.product[data-brand="kitekat"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/kitekat.png"); }
	li.product[data-brand="knorr"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/knorr.svg"); }
	li.product[data-brand="korona"                ] .brand-logo { background-color:white; background-image: url("../../images/brands/korona.svg"); }
	li.product[data-brand="kotányi"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/kotanyi.svg"); }
	li.product[data-brand="lays"                  ] .brand-logo { background-color:white; background-image: url("../../images/brands/lays.svg"); }
	li.product[data-brand="lucullus"              ] .brand-logo { background-color:white; background-image: url("../../images/brands/lucullus.svg"); }
	li.product[data-brand="maggi"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/maggi.svg"); }
	li.product[data-brand="metro chef"            ] .brand-logo { background-color:white; background-image: url("../../images/brands/metrochef.svg"); }
	li.product[data-brand="metro professional"    ] .brand-logo { background-color:white; background-image: url("../../images/brands/metroprofessional.svg"); }
	li.product[data-brand="milka"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/milka.svg"); }
	li.product[data-brand="mogyi"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/mogyi.png"); }
	li.product[data-brand="mutti"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/mutti.svg"); }
	li.product[data-brand="nadudvari"             ] .brand-logo { background-color:white; background-image: url("../../images/brands/nadudvari.svg"); }
	li.product[data-brand="nescafe"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/nescafe.svg"); }
	li.product[data-brand="nestle"                ] .brand-logo { background-color:white; background-image: url("../../images/brands/nestle.png"); }
	li.product[data-brand="nissin"                ] .brand-logo { background-color:white; background-image: url("../../images/brands/nissins.svg"); }
	li.product[data-brand="omnia"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/omnia.svg"); }
	li.product[data-brand="orsi"                  ] .brand-logo { background-color:white; background-image: url("../../images/brands/orsi.svg"); }
	li.product[data-brand="pepsi"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/pepsi.png"); }
	li.product[data-brand="pfanner"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/pfanner.png"); }
	li.product[data-brand="pickwick"              ] .brand-logo { background-color:white; background-image: url("../../images/brands/pickwick.png"); }
	li.product[data-brand="premiko"               ] .brand-logo { background-color:white; background-image: url("../../images/brands/premiko.svg"); }
	li.product[data-brand="rauch"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/rauch.png"); }
	li.product[data-brand="reno"                  ] .brand-logo { background-color:white; background-image: url("../../images/brands/reno.svg"); }
	li.product[data-brand="rege"                  ] .brand-logo { background-color:white; background-image: url("../../images/brands/rege.png"); }
	li.product[data-brand="rioba"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/rioba.svg"); }
	li.product[data-brand="rio mare"              ] .brand-logo { background-color:white; background-image: url("../../images/brands/riomare.svg"); }
	li.product[data-brand="royal"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/royal.png"); }
	li.product[data-brand="sigma"                 ] .brand-logo { background-color:white; background-image: url("../../images/brands/sigma.svg"); }
	li.product[data-brand="sio"                   ] .brand-logo { background-color:white; background-image: url("../../images/brands/sio.png"); }
	li.product[data-brand="soos"                  ] .brand-logo { background-color:white; background-image: url("../../images/brands/soos.png"); }
	li.product[data-brand="szerencsi"             ] .brand-logo { background-color:white; background-image: url("../../images/brands/szerencsi.png"); }
	li.product[data-brand="tarrington house"      ] .brand-logo { background-color:white; background-image: url("../../images/brands/tarringtonhouse.svg"); }
	li.product[data-brand="univer"                ] .brand-logo { background-color:white; background-image: url("../../images/brands/univer.svg"); }
	li.product[data-brand="vöslauer"              ] .brand-logo { background-color:white; background-image: url("../../images/brands/voslauer.svg"); }
	*/
	
	li.product[data-brand="notfound"              ] .brand-logo { background-color:white; background-image: url("../../images/brands/notfound.svg"); }
	
	/* disable logo on text search */
	ul.products-grid > li figcaption .copies p[data-label="nam"] span.name-parts em[data-label="brand_name"]:has('b') .brand-logo { display: none!important; }
	




	/* prices */

	ul.products-grid > li .prices {
		font-family: Metro, sans-serif;
		margin: 0;
		padding: 0;
	}
	ul.products-grid > li .prices > ul.price-levels {
		display: block;
		width: calc(100% - 10px);
		margin: 0 0 5px 5px; 
		padding: 0;
		font-size: 0; line-height: 0;
		font-family: inherit;
		text-align: center;
		overflow: hidden;
		color: #002d72;
	}
	ul.products-grid > li .prices > ul.price-levels li {
		list-style: none;
		display: inline-block;
		position: relative;
		margin: 0; 
		padding: 0 0 10px 0;
		vertical-align: bottom;
		overflow: hidden;
		font-family: inherit;
		font-size: 1.3rem;
		line-height: 1.1;
		/*aspect-ratio:1 / 1.15;*/
		box-shadow: 5px 0 5px 0 rgba(0,0,0,0.15);
	}
	
	/* responsives */

	@media screen and (min-width:1640px)                        { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.05; } }
	@media screen and (min-width:1440px) and (max-width:1639px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.10; } }
	@media screen and (min-width:1240px) and (max-width:1439px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.15; } }
	@media screen and (min-width:1040px) and (max-width:1239px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.15; } }
	@media screen and (min-width: 960px) and (max-width:1039px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.15; } }
	@media screen and (min-width: 860px) and (max-width: 959px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.15; } }
	@media screen and (min-width: 700px) and (max-width: 859px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.15; } }
	@media screen and (min-width: 580px) and (max-width: 699px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.15; } }
	@media screen and (min-width: 310px) and (max-width: 579px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.00; } }
	@media screen and (min-width:   0px) and (max-width: 309px) { XXXul.products-grid > li .prices > ul.price-levels li { aspect-ratio:1 / 1.15; } }
	
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(1) { background-color:#fde300; width:40%; z-index:3; }
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(2) { background-color:#fff5b3; width:30%; z-index:2; }
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(3) { background-color:#fff5b3; width:30%; z-index:1; box-shadow: none; }

	ul.products-grid > li .prices > ul.price-levels > li:nth-child(1) b { font-family: Metro; font-weight:900; font-size: 2.2rem;}

	ul.products-grid > li .prices > ul.price-levels > li .amount {
		display: block;
		padding: 7px 0 7px 0;
	}
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(1) .amount {
		background-color:#1d4078;
		color: #fde300;
		font-size: 1.3rem;
		font-weight: bold;
	}
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(2) .amount,
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(3) .amount {
		background-color:#96b6cc;
		color: #1e4079;
	}

	ul.products-grid > li .prices > ul.price-levels > li .price {}
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(1) .price {
		font-family: Metro, sans-serif;
		font-size: 4rem;
		line-height: 1.2;
		font-weight: 900;
	}
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(2) .price,
	ul.products-grid > li .prices > ul.price-levels > li:nth-child(3) .price {
		font-family: Metro, sans-serif;
		font-weight: 900;
		font-size: 2.2rem;
		line-height: 1.5;
	}
	ul.products-grid > li .prices > ul.price-levels > li .units {
		line-height: 1.5;
	}

	/*					*/
	/* price types 		*/
	/*					*/
	
		/*											*/
		/* single prices 							*/
		/*											*/
		
		ul.products-grid > li[data-price_template="single-price"] {}
		ul.products-grid > li[data-price_template="single-price-highlighted"] figcaption .prices,
		ul.products-grid > li[data-price_template="single-price"] figcaption .prices {
			bottom: 1.5em;
		}
		ul.products-grid > li[data-price_template="single-price"] .price,
		ul.products-grid > li[data-price_template="single-price-highlighted"] .price {
			margin-left: 1.5em;
		}
		ul.products-grid > li[data-price_template="single-price-highlighted"] .price {
			display:inline-block;
		}
		@media screen and (min-width:1440px)                        { ul.products-grid > li[data-price_template="single-price"] .price {font-size: 1.5rem;} }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="single-price"] .price {font-size: 1.5rem;} }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="single-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="single-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="single-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="single-price"] .price {font-size: 1.2rem;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="single-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 310px) and (max-width: 579px) { ul.products-grid > li[data-price_template="single-price"] .price {font-size: 1.3rem;} }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="single-price"] .price {font-size: 1rem;} }
		
		
		
		ul.products-grid > li[data-price_template="single-price-highlighted"] .price:after {
			content: "";
			display: block;
			width: 0;
			height: 0;
		}
		ul.products-grid > li[data-price_template="single-price"] .price { color: var(--yellow); }
		ul.products-grid > li[data-price_template="single-price-highlighted"] .price { color: white; }
		ul.products-grid > li[data-price_template="single-price"]  .price .price-value {
			display: inline-block;
			font-family: Metro;
			font-weight: 900;
			font-size: 3.5em;
			line-height: 1.2;
			padding-bottom: 6px;
		}
		ul.products-grid > li[data-price_template="single-price-highlighted"]  .price .price-value {
			display: inline-block;
			font-family: Metro;
			font-weight: 700;
			font-size: 4rem;
			line-height: 1.2;
			padding: 6px 8px;
			background-color:#013b7c;
		}
		ul.products-grid > li[data-price_template="single-price"]  .price .price-value:after,
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="new"] .price-value:after {
			content:"";
			display: block;
			position: relative;
			width: 100%;
			top:         3px;
			height:      4px;
			margin: 0 0 -6px 0;
			background-color: var(--yellow);
			box-shadow:0 0 1px #7f7270,
			0 0 2px #7f7270,
			0 0 3px #7f7270,
			0 0 4px #7f7270,
			0 0 5px #7f7270;
			z-index: -1;
		}
		
		ul.products-grid > li[data-price_template="single-price"]  .price[data-kind="units"],
		ul.products-grid > li[data-price_template="single-price-highlighted"]  .price[data-kind="units"] {
			display: block;
			font-family: Metro;
			font-weight: normal;
			font-size: 1.5rem;
			line-height: 1;
			margin-top: 1em;
		}
		#food-offer ul.products-grid > li[data-price_template="single-price"]  .price[data-kind="units"],
		#food-offer ul.products-grid > li[data-price_template="single-price-highlighted"]  .price[data-kind="units"] { color:black; }
		#drink-offer ul.products-grid > li[data-price_template="single-price"]  .price[data-kind="units"],
		#drink-offer ul.products-grid > li[data-price_template="single-price-highlighted"]  .price[data-kind="units"] { color:white; }

		ul.products-grid > li[data-price_template="single-price"]  .price[data-kind="units"][data-valid="0"],
		ul.products-grid > li[data-price_template="single-price"]  .price[data-kind="units"]:empty { display: none; }
		
		ul.products-grid > li[data-price_template="single-price"]  .package-type,
		ul.products-grid > li[data-price_template="single-price-highlighted"]  .package-type {
			display: block;
			font-family: Metro;
			font-weight: normal;
			font-size: 1em;
			line-height: 1;
			margin-top: .5em;
			margin-bottom: -.1em;
		}
		ul.products-grid > li[data-price_template="single-price-highlighted"]  .package-type {
			display:block;
			padding:5px 10px;
			background-color:#62b9e8;
			color:var(--blue);
			border-bottom: 4px solid white;
		}
		#food-offer ul.products-grid > li[data-price_template="single-price"]  .package-type,
		#food-offer ul.products-grid > li[data-price_template="single-price-highlighted"]  .package-type { color:var(--blue); }
		#drink-offer ul.products-grid > li[data-price_template="single-price"]  .package-type,
		#drink-offer ul.products-grid > li[data-price_template="single-price-highlighted"]  .package-type { color:white; }

		
		/*											*/
		/* no price, but percent badge 				*/
		/*											*/
		
		/* percent badge */
		
		ul.products-grid > li[data-price_template="no-price"] .badge.percent {
			position: absolute;
			top:   0.3em;
			right: 0.3em;
			width: auto;
			padding: 0 .4em;
			font-family: Metro;
			font-weight: 900;
			text-align: center;
			background-color: #BF0000;
			color: white;
			font-size:   5rem;
			height:      1.2em;
			line-height: 1.1em;
			box-shadow: 2px 5px 10px 0 rgb(0 0 0 / 50%);
		}
		@media screen and (min-width:1840px)                        { ul.products-grid > li[data-price_template="no-price"] .badge.percent {} }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 5rem; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 5rem; } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 5rem; } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 4.5rem;} }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 5rem; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 4rem;} }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 4.6rem;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 3rem;} }
		@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 5rem; } }
		@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 4rem;} }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 2.5rem; box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 50%);} }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="no-price"] .badge.percent { font-size: 2.8rem; box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 50%);} }
		
		ul.products-grid > li[data-price_template="no-price"] .badge.percent:before {
			float: right;
			content:"*";
			font-family: Metro;
			font-weight: normal;
			font-size: 0.5em;
			line-height: 1.5em;
		}
		ul.products-grid > li[data-price_template="no-price"] .badge.percent:after { 
			content:"%";
			color: yellow;
		}
		
		/* custom text badge */
		
		ul.products-grid > li[data-price_template="no-price"] .badge.custom {
			position: absolute;
			top:   0.3em;
			right: 0.3em;
			width: auto;
			padding: 0 .4em;
			font-family: Metro;
			font-weight: 900;
			text-align: center;
			background-color: #BF0000;
			color: white;
			text-transform: uppercase;
			font-size: 5rem;
			height:      1.2em;
			line-height: 1.1em;
			transform-origin: right top;
			transform:scale(0.9,1);
			box-shadow: 2px 5px 10px 0 rgb(0 0 0 / 50%);
		}
		@media screen and (min-width:1840px)                        { ul.products-grid > li[data-price_template="no-price"] .badge.custom {} }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 3.0rem;} }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 2.5rem;} }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 3.1rem;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 1.5rem;} }
		@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 2.5rem;} }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 1.0rem; box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 50%);} }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="no-price"] .badge.custom { font-size: 1.3rem; box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 50%);} }
		
		
		
		
		
		/*											*/
		/* old and new price with percent badge 	*/
		/*											*/
		
		ul.products-grid > li[data-price_template="old-new-price"] {}
		
		ul.products-grid > li[data-price_template="old-new-price"] figure { transform:translateY(20%); }
		
		ul.products-grid > li[data-price_template="old-new-price"] figcaption .prices {
			bottom: 1em;
		}
		@media screen and (min-width:1440px)                        { ul.products-grid > li[data-price_template="old-new-price"] .price {font-size: 1.5rem;} }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="old-new-price"] .price {font-size: 1.5rem;} }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="old-new-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="old-new-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="old-new-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="old-new-price"] .price {font-size: 1.2rem;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="old-new-price"] .price { font-size:2rem; } }
		@media screen and (min-width: 310px) and (max-width: 579px) { ul.products-grid > li[data-price_template="old-new-price"] .price {font-size: 1.3rem;} }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="old-new-price"] .price {font-size: 1rem;} }
		
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] {
			margin-left: 1.5em;
			color: black;
		}
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="new"] {
			margin-left: 1.5em;
			color: #117F93;
			color: var(--yellow);
		}
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="units"] {
			margin-left: 1.5em;
			color: black;
		}
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-label {
			display: block;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1;
		}
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value {
			display: inline-block;
			padding-bottom: 0.5rem;
			font-family: Metro;
			font-weight: 900;
			font-size: 2.5em;
			line-height: 1;
			/*border-bottom:4px solid black;*/
		}
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:after {
			content:"";
			display: block;
			position: relative;
			width: 100%;
			top:         3px;
			height:      3px;
			margin: 0 0 -3px 0;
			background-color: black;
			/* box-shadow: 0 0 1px rgba(255,255,255,0.5),
						0 0 2px rgba(255,255,255,0.5),
						0 0 3px rgba(255,255,255,0.5),
						0 0 4px rgba(255,255,255,0.5),
						0 0 5px rgba(255,255,255,0.5); */
			z-index: -1;
		}
		
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {
			display: block;
			position: relative;
			z-index: 1;
			width: 100%;
			height: 1.75rem;
			margin-bottom: calc(-2.3rem + 7px);
			overflow: hidden;
			content: "";
			border-bottom: 3px solid rgba(255,0,0,0.73);
			transform-origin: center center;
			transform: rotate(-10deg);
		}
		@media screen and (min-width:1440px)                        { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 2.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width: 310px) and (max-width: 579px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="old"] .price-value:before {height: 3.75rem;m;margin-bottom: calc(-1.0em + 12px);border-bottom-width: 4px;} }
		
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="new"] .price-value {
			display: inline-block;
			font-family: Metro;
			font-weight: 900;
			font-size: 3.5em;
			line-height: 1.2;
			padding-bottom: 6px;
		}
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="units"] {
			display: inline-block;
			font-family: Metro;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1;
			margin-top: 1em;
		}
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="units"][data-valid="0"],
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="units"]:empty { display: none; }
		
		/* two prices (from-until) */
		
		ul.products-grid > li[data-price_template="old-new-price"] .price[data-kind="units"] span[data-price_type="multiple-prices"] .nice-price.price-min .comma { display: none; }
		
		ul.products-grid > li[data-price_template="old-new-price"] .package-type {
			display: block;
			font-family: Metro;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1;
			margin-top: .5em;
			margin-bottom: 0;
			color: black;
			position: relative;
			top: 0.5em;
		}
		
		
		/* percent badge */
		
		ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {
			position: absolute;
			top:   0.3em;
			right: 0.3em;
			width: auto;
			padding: 0 .4em;
			font-family: Metro;
			font-weight: 900;
			text-align: center;
			background-color: #BF0000;
			color: white;
			font-size: 3.5rem;
			height:      1.2em;
			line-height: 1.1em;
			box-shadow: 2px 5px 10px 0 rgb(0 0 0 / 50%);
		}
		@media screen and (min-width:1840px)                        { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {} }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent { font-size:5rem; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent { font-size:5rem; } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {font-size: 4rem;} }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent { font-size:5rem; } }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {font-size: 4rem;} }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {font-size: 6rem;} }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {font-size: 4rem;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {font-size: 6rem;} }
		@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent { font-size:5rem; } }
		@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent { font-size:5rem; } }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent { font-size:5rem; } }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.percent {font-size: 3rem;} }
		
		ul.products-grid > li[data-price_template="old-new-price"] .badge.percent:before {
			float: right;
			content:"*";
			font-family: Metro;
			font-weight: normal;
			font-size: 0.5em;
			line-height: 1.5em;
		}
		ul.products-grid > li[data-price_template="old-new-price"] .badge.percent:after { 
			content:"%";
			color: yellow;
		}
		
		/* custom text badge */
		
		ul.products-grid > li[data-price_template="old-new-price"] .badge.custom {
			position: absolute;
			top:   0.3em;
			right: 0.3em;
			width: auto;
			padding: 0 .4em;
			font-family: Metro;
			font-weight: 900;
			text-align: center;
			background-color: #BF0000;
			color: white;
			text-transform: uppercase;
			font-size: 5rem;
			height:      1.2em;
			line-height: 1.1em;
			transform-origin: right top;
			transform:scale(0.9,1);
			box-shadow: 2px 5px 10px 0 rgb(0 0 0 / 50%);
		}
		@media screen and (min-width:1840px)                        { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom {} }
		@media screen and (min-width:1640px) and (max-width:1839px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width:1440px) and (max-width:1639px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width:1240px) and (max-width:1439px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width:1040px) and (max-width:1239px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 3.0rem;} }
		@media screen and (min-width: 960px) and (max-width:1039px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width: 860px) and (max-width: 959px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 2.5rem;} }
		@media screen and (min-width: 700px) and (max-width: 859px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 3.1rem;} }
		@media screen and (min-width: 580px) and (max-width: 699px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 1.5rem;} }
		@media screen and (min-width: 510px) and (max-width: 579px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 3.5rem; } }
		@media screen and (min-width: 440px) and (max-width: 509px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 2.5rem;} }
		@media screen and (min-width: 310px) and (max-width: 439px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 1.0rem; box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 50%);} }
		@media screen and (min-width:   0px) and (max-width: 309px) { ul.products-grid > li[data-price_template="old-new-price"] .badge.custom { font-size: 1.3rem; box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 50%);} }
		
		
		/*											*/
		/* bmpl price 								*/
		/*											*/

		ul.products-grid > li[data-price_template="bmpl"] {}
		
		ul.products-grid > li[data-price_template="bmpl"] figure { transform:translateY(10%); }
		
		ul.products-grid > li[data-price_template="bmpl"] .badge {
			position: absolute;
			top:   0.4em;
			right: 0.4em;
			width:  6em;
			height: 6em;
			background-image:url(../../images/elements/tobbet-olcsobban.webp);
			background-size:contain;
		}








		@media screen and (max-width:1039px) {

			section.products-offer .mirror {
				padding-bottom: 0;
			}
			section.products-offer .mirror[data-mobile="full-width"] {
				max-width:none;
				width: 100vw;
				margin: 0;
				padding: 0 0 20px 0;
			}
			section.products-offer .products { margin: 0; }
			section.products-offer .scroller {
				white-space: nowrap;
				padding:2px 25px 5px 25px;
				overflow-x: auto;
				scroll-snap-type: x mandatory;
				-webkit-overflow-scrolling: touch;
				scroll-behavior: smooth;
			}
		}