/*
 * Copyright(c) 2021 Andaman Star Co., Ltd.
 *
 * Version: 5.1
 */

/* @media (min-width: 0px) { */
	:root {
		--header-icon-height: calc(var(--vertical-margin-single) * 2);
		--header-height: calc(var(--vertical-margin-single) * 6);

		--dark-text-color-1: rgb(34, 34, 34); /* #222 */

		/* --sidebar-width: calc(100vw * 0.0041666667 * 12 + 144px);   /* 240px @1920 and 192px @960 */
		--sidebar-width: calc(100vw * 0.0041666667 * 16 + 192px);   /* 320px @1920 and 256px @960 */

		--product-grid-width: calc((100vw * 0.53125 + 280px) / 4.5);
		--article-grid-width: calc((100vw * 0.53125 + 280px) / 4.5);

		/* --annotes-image-slider-width : calc((100vw - (100vw * 0.0041666667 *12 + 144px)) * 0.25); */
		--annotes-image-slider-width : calc((100vw * 0.95 - 144px) / 4);
		--annotes-image-slider-height: calc((100vw * 0.95 - 144px) / 4 * 4 / 3); 
	}
/* } */

@media (orientation: portrait), (max-width: 960px) {
	:root {
		--annotes-image-slider-height: calc((100vw * 0.95 - 144px) / 4 * 8); 
	}
}

@media (orientation: landscape), (min-width: 2500px) {
	:root {
		--sidebar-width: calc(100vw * 0.0041666667 * 28 + 192px);   /* 320px @1920 and 256px @960 */
	}
}

/* @media (min-width: 0px) { */
	body {
		/* background-color: var(--brand-color-1-transparent); */
		background-color: white;
	}

	h1 {
		margin-left: var(--horizontal-margin-single);
	}

	.btn {
		font-size: var(--font-size-medium);
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 1px solid grey;
		cursor: pointer;
	}

	/* .btn:hover {
		background-color: lightgrey;
		border-color: #269abc;
	} */

	.btn:disabled {
		cursor: not-allowed;
		opacity: 0.5;
	}

/* } */

/* Header BEGIN */
/* @media (min-width: 0px) { */
	header a {
		text-decoration: none;
	}

	.header-fix {
		display: block;
	}

	.header-overlap {
		width: 17%;
		display: flex;
		height: var(--header-height);
		justify-content: space-between;
		align-items: center;
		position: fixed;
		z-index: 5000;
		transition: .3s;
		margin-left: 1%;
		color: var(--brand-color-1);
	}

	.header-half {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		z-index: -1;
		width: 100%;
		height: calc(var(--header-height) * 0.5);
	}

	.header-upper {
		background-image: linear-gradient(92deg, var(--brand-color-white), var(--brand-color-1-dark) 100%, var(--brand-color-1));
		display: flex;
		justify-content: space-between;
		align-items: center;
		z-index: 1000;
	}

	.header-upper-left {
		margin-left: 1%;
	}

	.header-upper-right {
		margin-right: var(--horizontal-margin-single);
	}

	.header-upper-right a {
		color: white;
	}

	.header-upper-right nav.help-popup {
		width: fit-content; 
	}

	.header-upper-right nav.help-popup ul {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.header-upper-right nav.help-popup ul li {
		white-space: nowrap;
	}

	.header-upper-right nav.help-popup a {
		color: black;
	}


	.delivery-fee-badge {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #fff4f6;
		border: 2px solid #fedee2;
		border-radius: 3px;
		margin-right: var(--horizontal-margin-single);
	}

	.delivery-fee-badge-text {
		color: #d20404;
		line-height: 110%;
		font-size: var(--font-size-xsmall);
	}

	.delivery-fee-badge-price {
		color: #d20404;
		line-height: 100%;
		font-weight: bold;
		font-size: var(--font-size-small);
	}

	.header-lower {
		top: calc(var(--header-height) * 0.5);
		background-color: white;
	}

	.header-lower.qa {
		background-color: lightgoldenrodyellow;
	}

	.header-lower-left {
		margin-left: var(--horizontal-margin-single);
		flex-shrink: 0;
	}

	.header-lower-center {
		width: 65%;
		flex-shrink: 3;
	}

	.header-lower-right {
		display: flex;
		justify-content: flex-end;
		width: 40%;
	}

	div.customer-navigation-box {
		display: flex;
		align-items: center;
		justify-content: right;
	}

	.header-lower-right .customer-navigation-box button {
		height: 70%;
		line-height: 0; /* It makese difference when the size of font gets bigger compared to the height of button. */
		/* padding-bottom: 0; */
		/* padding-top: 0; */
		width: calc(var(--font-size-medium) * 8);
	}

	.header-lower-right .customer-navigation-box .login-button {
		border-color: var(--brand-color-1);
		color: var(--brand-color-1);
		background-color: white;
	}

	.wrapper.header-overlap {
		height: var(--header-height);
		justify-content: space-between;
		margin: 0 auto;
		transition: .3s;
	}

	/* header nav {
		display: none;
	} */

	.my-account-button {
		/* display: flex; */
		align-items: center;
		height: calc(var(--header-height) * 0.5);
		margin-right: var(--horizontal-margin-single);
		cursor: pointer;
		color: white;
	}

	.header-upper-right .annotes-tooltip-menu-item a {
		color: black;
	}

	.shopping-cart-box {
		display: flex;
		align-items: center;
		height: calc(var(--header-height) * 0.5);
		margin-right: var(--horizontal-margin-single);
		width: auto;
	}

	.shopping-cart-icon {
		display: inline-flex;
		margin-right: var(--horizontal-margin-eighth);
	}

	.shopping-cart-icon img {
		top: 0;
	}

	.shopping-cart-counter {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		color: white;
		font-weight: bold;
		font-size: var(--font-size-large);
		width: calc(var(--font-size-xlarge) * 1.3);
		height: calc(var(--font-size-large) * 1.2);
		text-align: center;
		background-color: var(--brand-color-1-dark);
		border-radius: var(--border-radius-round);
		margin-top: var(--vertical-margin-eighth);
	}

	.shopping-cart-popup {
		width: calc(var(--product-grid-width) * 1.5);
		padding: 0;
		background-color: white;
		box-shadow: 0 1px 6px rgba(0,0,0, .3);
		/* The following for debugging */
		/* display: inline-block; */
		/* top: calc(var(--header-height) * 0.5); */
		/* right: -15%; */
		/* left: auto; */
	}

	.shopping-cart-popup-title {
		display: flex;
		justify-content: space-between;
		background-color: lightgrey;
		padding: var(--horizontal-margin-quarter) var(--horizontal-margin-half);
	}

	.shopping-cart-popup-title .shopping-cart-clear {
		cursor: pointer;
	}

	.shopping-cart-popup-items {
		display: block;
	}

	.scl-empty {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: calc(var(--header-height) * 2);
		/* The following for debugging */
		/* display: none; */
	}

	.scl-empty img {
		width: var(--font-size-double-xlarge);
	}

	.scl-empty .text {
		color: grey;
	}

	.scp-total .value, .scp-grand-total .value, .scp-delivery-fee .value  {
		display: inline-block;
		width: 5em;
	}

	.scp-total, .scp-delivery-fee, .scp-grand-total  {
		padding: var(--horizontal-margin-quarter) var(--horizontal-margin-half);
		text-align: right;
		display: none;
	}

	.scp-grand-total .symbol, .scp-grand-total .amount {
		font-weight: bold;
		color: var(--brand-color-1-dark);
	}

	.shopping-cart-popup-cta {
		padding-top: var(--vertical-margin-half);
		padding-bottom: var(--vertical-margin-half);
		width: 100%;
	}

	.shopping-cart-popup-cta:enabled {
		background-color: var(--brand-color-1);
		color: white;
	}

	.shopping-cart-popup-cta:hover {
		background-color: var(--brand-color-1-dark);
	}

	/* SCL = Shopping Cart Listing */
	/* SCLI = Shopping Cart Listing Item */
	.scli {
		display: flex;
		justify-content: space-evenly;
		padding: var(--vertical-margin-half) var(--horizontal-margin-half);
		/* border-bottom: 1px dashed grey; */
	}

	.scli ~ .scli {
		border-top: 1px dashed grey;
	}

	.scli-left {
		width: 0; /* Will be 20% when start to show image */
	}

	.scli-middle {
		width: 65%;
	}

	.scli-right {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 30%;
		margin-left: 5%;
	}

	.scli-counter {
		display: flex;
		justify-content: space-between;
	}

	.scli-counter-adjuster {
		display: flex;
		cursor: pointer;
	}

	.scli-counter-adjuster img {
		width: var(--font-size-xlarge);
		height: var(--font-size-xlarge);
	}

	.scli-qty {
		width: var(--horizontal-margin-double);
		border: 1px solid grey;
		border-radius: var(--border-radius-tight);
		text-align: center;
	}

	.scli-subtotal {
		margin-top: var(--vertical-margin-half);
		text-align: right;
	}
/* } */
@media (orientation: landscape) {
	.header-lower-left {
		width: var(--sidebar-width);
	}
	.trustpilot-widget {
		max-width: 15em; /* Added for Smallest desktop (980 x 600) */
	}
}

@media (orientation: portrait), (max-width: 960px) {
	.header-fix {
		height: calc(var(--header-height) * 1.75);
	}

	.header-padding {
		padding-top: calc(var(--header-height) * 1.75);
	}

	header nav {
		left: 1%;
	}

	nav.menu-in-header, nav.menu-in-header a {
		background-color: white;
		color: var(--brand-color-1-light);
	}

	.menu-item-in-header-2col {
		background-color: dimgray;
	}

	.menu-item-in-header-2col > div {
		display: inline-block;
		width: 45%;
	}

	.menu-item-in-header-2col > div + div {
		border-left: 1px solid black;
	}

	.menu-item-top {
		padding-left: var(--horizontal-margin-single);
		padding-right: var(--horizontal-margin-single);
	}

	nav.menu-in-header .menu-item-top, nav.menu-in-header .menu-item-top a {
		background-color: var(--brand-color-1);
		color: white;
	}

	.menu-item-top > div {
		display: flex;
		align-items: center;
		max-width: 80%;
	}

	.vertical-divider {
		width: var(--border-xthin);
		background-color: white;
		height: 66%;
		margin: var(--horizontal-margin-single);
	}

	.menu-account-item {
		background-color: dimgray;
	}

	.header-lower-center {
		width: 100%;
	}

	.header-lower-right {
		width: 22%;
	}

	.header-under-lower {
		position: fixed;
		top: calc(var(--header-height));
		z-index: 100000;
		width: 100%;
		justify-content: center;
		align-items: center;
		height: calc(var(--header-height) * 0.75);
	}

	.header-overlap {
		width: 50%;
		/* height: calc(var(--header-height) * 0.5); */
		justify-content: center;
		margin-left: 25%;
		align-items: flex-end;
	}

	.shopping-cart-popup {
		width: 97vw;
	}
	
	div.customer-navigation-box {
		display: none;
	}

	.my-account-button {
		margin-right: 0;
	}

	a.help-box {
		display: none;
	}

	.delivery-fee-badge {
		margin-right: 0;
		margin-left: var(--horizontal-margin-single);
	}

	.delivery-fee-badge-text {
		line-height: 120%;
		font-size: var(--font-size-xsmall);
	}

	.delivery-fee-badge-price {
		font-size: var(--font-size-small);
	}
}
/* Header END */

/* Breadcrumb START */
/* @media (min-width: 0px) { */
	.breadcrumb {
		padding-left: var(--horizontal-margin-half);
		margin-left: 0;
		color: grey;
	}
	.breadcrumb a {
		color: black;
	}
/* } */
/* Breadcrumb END */


/* Footer BEGIN */
/* @media (min-width: 0px) { */
	footer {
		padding-top: var(--vertical-margin-double);
	}

	footer.sitemap {
		margin-top: 0;
	}

	footer ul {
		padding-left: 0;
	}

	footer a {
		font-size: var(--font-size-medium);
	}
/* } */
@media (orientation: landscape) and (min-width: 961px) {
}
/* Footer END */

/* Sidebar BEGIN */
/* @media (min-width: 0px) { */
	::-webkit-scrollbar {
		background-color: rgba(0, 0, 0, 0);
		width: 8px;
	}
	::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: inherit;
	}

	aside#sidebar-wrapper {
		background: var(--brand-color-1-transparent);
	}

	.sidebar {
		width: var(--sidebar-width);
		height: calc(100vh - var(--header-height));
		background-color: rgb(0, 0, 0, 0);
		overflow-y: scroll;
		transition: background-color 0.3s cubic-bezier(0, 0, 0.2, 1);
	}
	.sidebar:hover::-webkit-scrollbar-thumb {
		background-color: grey;
	}

	.sidebar-padding-for-sticky {
		height: 100vh;
		width: var(--sidebar-width);
	}

	.sidebar-header {
		margin-left: var(--horizontal-margin-single);
		padding-top: var(--vertical-margin-single);
	}

	.sidebar-header > a {
		font-size: var(--font-size-large);
		color: var(--dark-text-color-1);
	}

	.sidebar-category-list ul {
		padding-left: var(--horizontal-margin-double);
	}

	.sidebar-category-list a {
		font-size: var(--font-size-medium);
		color: var(--dark-text-color-1);
	}
/* } */
/* Sidebar END */

/* Category Board BEGIN */
/* @media (min-width: 0px) { */
	* {
		    box-sizing: border-box;
	}

	.category-board-container {
		margin-top: var(--vertical-margin-single);
		height: var(--vertical-margin-quintuple); /* CLS fix */
	}

	.category-board a {
		color: var(--dark-text-color-1);
		text-decoration: none;
	}
	
	.category-board a span {
		font-size: var(--font-size-small);
	}

	.category-board-tile {
		display: flex;
		justify-content: center;
		align-items: center;
		height: var(--vertical-margin-quintuple);
		background: #fff;
		text-align: center;
		border: 1px solid #767575;
		border-radius: var(--border-radius-tight);
		/* padding-top: var(--vertical-margin-single); */
		margin-left: var(--horizontal-margin-eighth);
		margin-right: var(--horizontal-margin-eighth);
		position: relative;
		line-height: 1.2;
		background-size: cover;
	}

	.category-board-text {
		opacity: 1;
		text-shadow: 0.2em 0.2em 0.2em white,
			calc(-1 * 0.2em) 0.2em 0.2em white,
			0.2em calc(-1 * 0.2em) 0.2em white,
			calc(-1 * 0.2em) calc(-1 * 0.2em) 0.2em white,
			0.2em 0px 0.2em white,
			0px 0.2em 0.2em white,
			calc(-1 * 0.2em) 0px 0.2em white,
			0px calc(-1 * 0.2em) 0.2em white;
	}
/* } */
/* Category Board END */

/* Main Content BEGIN */
@media (min-width: 0px) {
	.main-content, .annotes-main-content {
		width: calc(100vw - var(--sidebar-width));
	}
}
@media (orientation: landscape) and (min-width: 961px) {
	.main-content, .annotes-main-content {
		overflow-y: scroll;
		height: calc(100vh - var(--header-height));
	}
}

@media (orientation: portrait), (max-width: 960px) {
	.main-content, .annotes-main-content {
		width: auto;
		min-width: calc(90vw);
	}
}
/* Main Content END */

/* Title, Preamble and social */
.title-and-preamble {
	display: flex;
	justify-content: center;
	align-items: center;
}
.title-and-preamble div.wrapper {
	justify-content: space-between;
	align-items: flex-start;
}
h1 {
	margin-top: var(--vertical-margin-single);
}
section.page-description p {
	margin-left: var(--horizontal-margin-single);
}
.social-buttons {
	display: flex;
	justify-content: center;
}
@media (orientation: portrait), (max-width: 960px) {
	.title-and-preamble {
		flex-direction: column;;
	}
	.title-and-preamble div.wrapper {
		flex-direction: column;
	}
	section.page-description p {
		margin-right: var(--horizontal-margin-single);
	}
	.social-buttons {
		margin-top: var(--vertical-margin-single);
	}
	.social-sections {
		width: 100%;
	}
}
/* Main Content END */

/* Tile Grid START */
/* @media (min-width: 0px) { */
	.tile-grid__item {
		width: var(--article-grid-width);
		margin-bottom: var(--vertical-margin-single);
		margin-top: var(--vertical-margin-single);
		background-color: var(--brand-color-white);
		border-radius: var(--border-xthin);
		box-shadow: 0px 1px 3px rgb(0 0 0 / 38%);
	}
	.tile-grid__item:hover {
		box-shadow: 0 1px 6px rgba(0,0,0, .3);
	}
	.tile-grid__item img {
		width: 100%;
		height: auto;
	}
	.tile-grid__image-with-overlay {
		position: relative;
		text-align: center;
		height: calc(var(--article-grid-width) * 0.4);
	}
	.tile-grid__image-overlay-text {
		color: white;
		font-weight: bold;
		text-shadow:
			var(--text-shadow-size-medium) var(--text-shadow-size-medium) var(--text-shadow-size-medium) black,
			calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) var(--text-shadow-size-medium) black,
			var(--text-shadow-size-medium) calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) black,
			calc(-1 * var(--text-shadow-size-medium)) calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) black,
			var(--text-shadow-size-medium) 0px var(--text-shadow-size-medium) black,
			0px var(--text-shadow-size-medium) var(--text-shadow-size-medium) black,
			calc(-1 * var(--text-shadow-size-medium)) 0px var(--text-shadow-size-medium) black,
			0px calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) black;
		position: absolute;
		top: var(--vertical-margin-quarter);
		left: var(--horizontal-margin-half);
	}
	.tile-grid__title {
		display: flex;
		justify-content: center;
		height: calc(var(--font-size-medium) * 3);
		overflow: hidden;
	}

	.tile-grid__title span {
		width: 90%;
		font-weight: bold;
		font-size: var(--font-size-small);
		/* This does not work with IE 11. */
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
/* } */
@media (orientation: portrait), (max-width: 960px) {
	.section-subsection > div.tile-grid__item {
		width: calc(var(--article-grid-width) * 1.5);
	}
	.tile-grid__item img {
		width: 100%;
	}
	.tile-grid__image-with-overlay {
		width: 100%;
		height: calc(var(--article-grid-width) * 0.6);
	}
}
/* Tile Grid END */


/* Product Grid */
/* @media (min-width: 0px) { */
	.product-category-title {
		background-color: var(--brand-color-1-dark);
	}

	.product-category-title > h2 {
		color: white;
		padding-top: var(--vertical-margin-half);
	}

	div.product-category-title.collapsed svg.collapser {
		display: none;
	}

	div.product-category-title.collapsed svg.expander {
		display: inline;
	}

	div.product-category-title.expanded svg.collapser {
		display: inline;
	}

	div.product-category-title.expanded svg.expander {
		display: none;
	}

	.section {
		padding-top: 0;
	}

	.section-subsection.multi-column.product-grid {
		justify-content: flex-start;
	}
	
	.product-grid--item {
		width: var(--product-grid-width);
		margin-bottom: var(--vertical-margin-single);
		margin-top: var(--vertical-margin-single);
		margin-left: var(--horizontal-margin-eighth);
		margin-right: var(--horizontal-margin-eighth);
		background-color: var(--brand-color-white);
		border-style: ridge;
		border-width: var(--border-xthin);
	}

	.product-grid--item:hover {
		box-shadow: 0 1px 6px rgba(0,0,0, .3);
	}

	.product-grid--item picture {
		width: 100%;
		height: calc(var(--product-grid-width) * 0.9);
		position: relative;
	}

	.product-grid--item img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		max-height: calc(var(--product-grid-width) * 0.9);
		padding: 0.2em;
		width: 100%;
		height: auto; 
		object-fit: contain;
		/* box-shadow: var(--horizontal-margin-eighth) var(--vertical-margin-eighth) 3px rgba(0,0,0,0.4); */
		border-radius: var(--horizontal-margin-double);
		/* margin-top: var(--vertical-margin-half); */
	}

	.product-grid--item-image-with-overlay {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		text-align: center;
		height: calc(var(--product-grid-width) * 0.9);
	}
	
	.product-grid--item-image-overlay-text {
		/* color: #9EBFF8; */
		/* color: lemonchiffon; */
		color: #ffff99;
		font-weight: bold;
		text-shadow:
			var(--text-shadow-size-medium) var(--text-shadow-size-medium) var(--text-shadow-size-medium) black,
			calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) var(--text-shadow-size-medium) black,
			var(--text-shadow-size-medium) calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) black,
			calc(-1 * var(--text-shadow-size-medium)) calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) black,
			var(--text-shadow-size-medium) 0px var(--text-shadow-size-medium) black,
			0px var(--text-shadow-size-medium) var(--text-shadow-size-medium) black,
			calc(-1 * var(--text-shadow-size-medium)) 0px var(--text-shadow-size-medium) black,
			0px calc(-1 * var(--text-shadow-size-medium)) var(--text-shadow-size-medium) black;
		position: absolute;
		top: var(--vertical-margin-quarter);
		left: var(--horizontal-margin-half);
	}
	
	.product-grid--item-title {
		display: flex;
		justify-content: center;
		height: calc(var(--font-size-medium) * 4.5);
		overflow: hidden;
	}

	.product-grid--item-title span {
		width: 90%;
		font-weight: bold;
		/* This does not work with IE 11. */
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.product-grid--item-price {
		display: flex;
		justify-content: center;
		margin-top: var(--vertical-margin-single);
	}

	.product-grid--item-price span {
		width: 90%;
		font-weight: bold;
		font-size: var(--font-size-large);
		color: var(--brand-color-1-dark);
	}

	.product-grid--item-cta {
		display: flex;
		justify-content: center;
		margin-top: var(--vertical-margin-single);
		margin-bottom: var(--vertical-margin-single);
	}

	.product-grid--item-cta .btn {
		width: calc(var(--product-grid-width) * 0.9);
		height: var(--vertical-margin-triple);
	}

	.product-grid--item-counter, .product-detail--item-counter {
		display: none;
		justify-content: center;
		margin-top: var(--vertical-margin-single);
		margin-bottom: var(--vertical-margin-single);
	}

	.product-detail--item-counter {
		width: 100%;
	}

	.product-grid--item-counter .btn, .product-detail--item-counter .btn {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: calc(var(--product-grid-width) * 0.9);
		height: var(--vertical-margin-triple);
		background-color: var(--brand-color-1);
	}

	.product-detail--item-counter .btn {
		width: 100%;
	}

	.product-grid--item-counter-adjuster {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 25%;
		color: white;
		font-size: var(--font-size-xlarge);
		cursor: pointer;
	}

	.pgli-qty {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		height: 80%;
		color: var(--brand-color-1);
		background-color: white;
		font-size: var(--font-size-xlarge);
	}

	.product-grid--item-caption-longtext {
		font-size: var(--font-size-small);
	}
	
/* } */
@media (orientation: landscape) {
	.product-category-title {
		padding-left: var(--horizontal-margin-single);
		padding-right: var(--horizontal-margin-single);
	}
}
@media (orientation: portrait), (max-width: 960px) {
	.section-subsection.multi-column.product-grid {
		justify-content: space-evenly;
	}

	.product-grid--item-image-with-overlay {
		width: calc(var(--product-grid-width) * 1.5 - (var(--horizontal-margin-eighth) * 2));
		height: calc(var(--product-grid-width) * 0.9 * 1.5);
	}
	
	.section-subsection > div.product-grid--item {
		width: calc(var(--product-grid-width) * 1.5);
	}

	.product-grid--item picture {
		height: calc(var(--product-grid-width) * 1.5 * 0.8);
	}

	.product-grid--item img {
		/* width: calc(var(--product-grid-width) * 1.5 * 0.9); */
		max-height: calc(var(--product-grid-width) * 1.5 * 0.8);
	}

	.product-grid--item-cta .btn, .product-grid--item-counter .btn {
		width: calc(var(--product-grid-width) * 1.5 * 0.9);
	}

}
/* Product Gird  END */

/* Object Grid START */
/* Object Grid END */

/* Article Grid START */
/* @media (min-width: 0px) { */
	.section-subsection.multi-column.article-grid {
		justify-content: flex-start;
	}
	
	.article-grid__item {
		margin-left: var(--horizontal-margin-eighth);
		margin-right: var(--horizontal-margin-eighth);
	}

	.article-grid__item .tile-grid__title {
		height: calc(var(--font-size-medium) * 8);
	}

	.product-grid--item-caption-longtext {
		font-size: var(--font-size-small);
	}
	
/* } */
@media (orientation: portrait), (max-width: 960px) {
	.section-subsection.multi-column.article-grid {
		justify-content: space-evenly;
	}

}
/* Article Gird END */

/* Category Grid END */
/* @media (min-width: 0px) { */
	.section-subsection.category-grid {
		justify-content: flex-start;
	}
	.category-grid__item {
		margin-left: var(--horizontal-margin-quarter);
		margin-right: var(--horizontal-margin-quarter);
	}
	.category-grid__item .tile-grid__image-with-overlay {
		height: calc(var(--article-grid-width) * 0.53333);
	}
	.category-grid__item .tile-grid__title {
		padding-top: var(--vertical-margin-half);
	}
/* } */
@media (orientation: portrait), (max-width: 960px) {
	.category-grid__item .tile-grid__image-with-overlay {
		height: calc(var(--article-grid-width) * 0.53333 * 1.5);
	}
}
/* Category Grid END */


#fb-messanger-fake-button {
	position: fixed;
	bottom: 24px;
	right: 12px;
	margin: 0px 12px;
	z-index: 2147483644;
	transition: opacity 
}