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

/* CATEGORY COLORS */

.women{background-color:#d0d3d4}
.lingerie{background-color:#d0d3d4}
.men{background-color:#d0d3d4}
.kids{background-color:#d0d3d4}
.home{background-color:#d0d3d4}
.beauty{background-color:#d0d3d4}
.ambient_food{background-color:#d0d3d4}
.frozen_food{background-color:#d0d3d4}
.groceries{background-color:#d0d3d4}
.wines_and_spirits{background-color:#d0d3d4}
.offers{background-color:#d0d3d4}

/* HEADER ALTERATION */

.below_menu_wrap{border:0}

/* PAGE */

.page_content{width:87.5%; padding:0; min-height:calc(100vh - (215px + 296px + 314px + 120px)); margin:0 0 120px}

/* CATEGORY HEAD */

.category_head_wrap{display:flex; width:100%}

.category_head_cat_img_wrap{position:relative; display:flex; width:47.2%; height:auto; z-index:0}
.category_head_cat_img_wrap a{display:flex; align-items:flex-start; width:100%; color:inherit; text-decoration:none; transition:.2s}
.category_head_cat_img_wrap img{aspect-ratio:1/1; object-fit:cover}

.category_head_img_title_wrap{position:absolute; display:flex; flex-direction:column; width:fit-content; max-width:calc(100% - 60px); left:30px; bottom:30px; padding:25px 15px; background-color:rgba(255,255,255,.9); font-family:'MSLondonDemibold'; transition:.2s}
.category_head_img_title h3{font-size:26px; font-weight:normal; line-height:1.25; margin:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.category_head_img_subtitle_wrap{display:flex; align-items:flex-end}
.category_head_img_subtitle{margin-top:16px; font-size:16px; color:#000; line-height:1; transition:.2s}
.categorey_head_img_sub_icon{display:flex; margin-left:6px}
.cat-arrow{display:flex; width:16px; height:16px; min-width:16px; min-height:16px; transition:.2s}

.category_head_cat_img_wrap:hover .category_head_img_title_wrap{background-color:rgba(255,255,255,1); filter:drop-shadow(1px 2px 3px rgba(0,0,0,.35)); transition:.4s}
.category_head_cat_img_wrap:hover .category_head_img_subtitle{color:#005641; transition:.4s}
.category_head_cat_img_wrap:hover .cat-arrow{fill:#005641; transition:.4s}

.category_head_img_title_wrap:hover .category_head_img_subtitle{color:inherit}
.category_head_img_title_wrap:hover .cat-arrow{fill:inherit}

.category_head_img_subtitle_wrap:hover .category_head_img_subtitle{color:#005641; transition:.4s}
.category_head_img_subtitle_wrap:hover .cat-arrow{fill:#005641; transition:.4s}

.category_head_cat_content_wrap{display:flex; width:52.7%; padding:70px 0 0 80px}

.category_head_cat_content{width:100%; color:#000}
.category_head_cat_content_title{margin:0 0 28px}
.category_head_cat_content_title h1{font-family:'MSLondonDemibold'; font-weight:normal; font-size:26px; line-height:1; margin:0}
.category_head_cat_content_subtitle{font-family:'MSLondonDemibold'; font-size:16px; line-height:1; margin:0 0 24px}

/* CATEGORY HEAD — 3 LEVEL CATEGORY FIX */

.category_head_cat_subcats_wrap{
	display:block;
	width:100%;
}

.category_head_cat_subcats_wrap > ul{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:0 32px;
	width:100%;
	height:auto;
	max-height:none;
	list-style:none;
	margin:0;
	padding:0;
	overflow:visible;
}

.category_head_cat_subcats_wrap > ul > li{
	display:block;
	width:100%;
	margin:0 0 22px;
}

.category_head_cat_subcats_wrap > ul > li:nth-of-type(n + 23),
.category_head_cat_subcats_wrap > ul > li:nth-of-type(n + 25){
	display:block;
}

.category_head_level2_link,
.category_head_cat_subcats_wrap > ul > li > a{
	display:block;
	width:100%;
	font-family:'MSLondonDemibold';
	text-transform:uppercase;
	font-size:16px;
	line-height:1.15;
	margin:0 0 10px;
	padding:0 24px 0 0;
	color:#000;
	text-decoration:none;
}

.category_head_level3{
	display:block!important;
	height:auto!important;
	max-height:none!important;
	overflow:visible!important;
	list-style:none;
	margin:0;
	padding:0;
}

.category_head_level3 li{
	display:block!important;
	width:100%!important;
	margin:0;
}

.category_head_level3 li a{
	display:block;
	width:100%;
	font-family:'MSLondonSemibold';
	text-transform:capitalize;
	font-size:15px;
	line-height:18px;
	margin:0 0 8px;
	padding:0 24px 0 0;
	color:#000;
	text-decoration:none;
}

.category_head_cat_subcats_wrap a:hover{
	-webkit-text-decoration:solid underline #005641;
	text-decoration:solid underline #005641;
	text-decoration-thickness:2px;
	text-underline-offset:4px;
}

.category_head_cat_all_cats{display:flex; width:100%; margin:8px 0 0; font-family:'MSLondonDemibold'}
.category_head_cat_all_cats a{color:inherit; -webkit-text-decoration:solid underline #000; text-decoration:solid underline #000; text-decoration-thickness:1px; text-underline-offset:4px; transition:.2s}
.category_head_cat_all_cats a:hover{-webkit-text-decoration:solid underline #005641; text-decoration:solid underline #005641; text-decoration-thickness:2px; transition:.4s}

/* BELOW CAT HEADER */

.below_cat_header_wrap{display:flex; align-items:center; justify-content:space-between; width:calc(100% - 74px); margin:80px 0 0}
.below_cat_header_main_img{display:flex; align-items:flex-start; width:33.6%; height:auto; position:relative}
.below_cat_header_main_img img{aspect-ratio:3/4; object-fit:cover}

.below_cat_header_content_wrap{display:flex; flex-direction:column; width:calc(66.4% - 40px)}
.below_cat_header_content_title{display:flex; justify-content:center; align-items:center; width:100%; margin:0 0 23px}
.below_cat_header_content_title h2{font-family:'MSLondonBold'; font-weight:normal; font-size:28px; line-height:1; margin:0}

.below_cat_header_content_items_wrap{display:flex; width:100%; height:auto}
.below_cat_header_content_items_wrap ul{display:flex; justify-content:center; width:inherit; list-style:none; padding:0; margin:0}
.below_cat_header_content_items_wrap ul li{display:flex; flex-direction:column; width:calc(100% / 4); height:auto; margin-right:20px}
.below_cat_header_content_items_wrap ul li:last-of-type{margin-right:0}
.below_cat_header_content_items_wrap ul li:nth-of-type(n+5){display:none}

.below_cat_header_content_items_wrap ul li a{background-color:#fff; color:inherit; text-decoration:none; transition:.2s}
.below_cat_header_content_items_wrap ul li a:hover{filter:drop-shadow(1px -1px 2px rgba(0,0,0,.35))}

@supports (-webkit-hyphens:none) {
	.below_cat_header_content_items_wrap ul li a:hover{transition:.4s}
}

.below_cat_header_content_items_wrap ul li a:hover .below_cat_header_content_product_title{color:#005641; padding:0 12px; transition:.4s}
.below_cat_header_content_items_wrap ul li a:hover .product_price{color:#000; padding:0 12px; transition:.4s}

.below_cat_header_content_img{display:flex; align-items:flex-start; position:relative; z-index:0}
.below_cat_header_content_img img{aspect-ratio:.77/1; object-fit:cover}
.below_cat_header_content_product_title{font-family:'MSLondonDemibold'; font-size:14px; line-height:1.125rem; min-height:36px; margin:10px 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition:.2s}
.below_cat_header_content_product_title sup{font-size:10px; line-height:0}

.below_cat_header_content_product_price_wrap{display:flex; font-family:'MSLondonDemibold'; font-size:14px; line-height:1; margin:16px 0 10px}
.product_price{transition:.2s}
.below_cat_header_content_product_price_wrap .product_price del{-webkit-text-decoration:line-through solid #ea122a; text-decoration:line-through solid #ea122a; text-decoration-thickness:1px; margin-right:6px}
.below_cat_header_content_product_price_wrap .product_price ins{-webkit-text-decoration:none; text-decoration:none}

/* STYLE UPDATES */

.style_updates_wrap{display:flex; flex-direction:column; align-items:center; width:calc(100% - 74px); margin:80px 0 0}
.style_updates_title{display:flex; justify-content:center; align-items:center; width:100%; margin:10px 0 0}
.style_updates_title h4{font-family:'MSLondonSemibold'; font-weight:normal; font-size:24px; line-height:1; margin:0}

.style_updates_content_wrap{display:flex; width:100%; height:auto; margin:30px 0 0}
.style_updates_content_wrap ul{display:flex; justify-content:center; width:inherit; list-style:none; padding:0; margin:0}
.style_updates_content_wrap ul li{display:flex; flex-direction:column; width:calc(100% / 3); height:auto; margin-right:20px}
.style_updates_content_wrap ul li:last-of-type{margin-right:0}
.style_updates_content_wrap ul li:nth-of-type(n+4){display:none}
.style_updates_content_wrap ul li a{color:inherit; text-decoration:none; transition:.2s}

.style_updates_content_wrap ul li:hover .style_updates_content_img{filter:drop-shadow(1px -1px 2px rgba(0,0,0,.35))}
@supports (-webkit-hyphens:none) {
	.style_updates_content_wrap ul li:hover .style_updates_content_img{transition:.4s}
}

.style_updates_content_wrap ul li a:hover ~ a .style_updates_content_subcat_txt{color:#005641; fill:#005641; transition:.4s}
.style_updates_content_wrap ul li a:hover .style_updates_content_subcat_txt{color:#005641; fill:#005641; transition:.4s}

.style_updates_content_img{display:flex; position:relative; align-items:flex-start; justify-content:flex-start}
.style_updates_content_img img{aspect-ratio:1/.75; object-fit:cover}

.style_updates_content_cat_txt{font-family:'MSLondonSemibold'; font-size:16px; line-height:1; margin:22px 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; transition:.2s}
.style_updates_content_subcat_txt{display:flex; align-items:center; font-family:'MSLondonDemibold'; font-size:16px; line-height:1.125; margin:20px 0 0; color:#000; transition:.2s}
.style-arrow{display:flex; width:16px; height:16px; min-width:16px; min-height:16px; margin-left:10px; transition:.2s}

/* ABOVE CAT FOOTER */

.above_cat_footer_wrap{display:flex; flex-direction:column; align-items:center; width:1072px; margin:120px 0 0}
.above_cat_footer_title{display:flex; justify-content:center; align-items:center; width:100%; height:42px; margin:24px 0 0}
.above_cat_footer_title h3{font-family:'MSLondonDemibold'; font-weight:normal; font-size:28px; margin:0}

.above_cat_footer_content{position:relative; display:flex; justify-content:space-between; width:100%; margin:24px 0 0}
.above_cat_main_img{display:flex; align-items:flex-start; width:50%; position:relative}
.above_cat_main_img img{aspect-ratio:.96925/1}

.above_cat_other_img_wrap{display:flex; flex-wrap:wrap; width:calc(50% - 16px); justify-content:space-between; align-content:space-between; align-items:flex-start}
.above_cat_other_img_wrap img{display:flex; width:32.3%; height:auto; aspect-ratio:.62453/1; position:relative}
.above_cat_other_img_wrap img:first-of-type,
.above_cat_other_img_wrap img:last-of-type{width:64.6%; aspect-ratio:1.24907/1}
.above_cat_other_img_wrap img:nth-of-type(n+5){display:none}

.above_cat_footer_content_wrap{position:absolute; z-index:1; bottom:0; left:50%; transform:translate(-50%,25%); padding:20px 0 3px; background-color:rgba(255,255,255,.9); width:fit-content; max-width:710px; font-family:'MSLondonDemibold'}
.above_cat_footer_content_txt{font-size:18px; line-height:1; padding:0 77px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1}
.above_cat_footer_shop_cat{display:flex; justify-content:center; align-content:center; width:100%; line-height:1; margin:10px 0 0}
.shop-cat-arrow{display:flex; width:16px; height:16px; min-width:16px; min-height:16px; margin-left:10px; transition:.2s}

.above_cat_footer_content_wrap a{color:inherit; text-decoration:none; transition:.2s}
.above_cat_footer_content_wrap a:hover{color:#005641; fill:#005641; transition:.4s}

/* IMG PLACEHOLDERS */

.category_head_cat_img_wrap:after,
.below_cat_header_main_img:after,
.below_cat_header_content_img:after,
.style_updates_content_img:after,
.above_cat_main_img:after{
	content:"IMAGE PLACEHOLDER";
	font-family:'MSLondonDemibold';
	font-size:14px;
	position:absolute;
	z-index:-1;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	height:100%;
	background-color:#f5f5f5;
	color:#000;
}

.above_cat_other_img_wrap img:after{content:"IMAGE PLACEHOLDER"; font-family:'MSLondonDemibold'; font-size:14px; position:absolute; z-index:-1; display:flex; align-items:center; justify-content:center; text-align:center; top:0; width:100%; height:100%; background-color:#f5f5f5; color:#000}

/* RESPONSIVE */

@media all and (max-width:1680px) {
	.category_head_cat_content_wrap{padding:60px 0 0 70px}
	.category_head_cat_content_title{margin:0 0 24px}
	.category_head_cat_content_subtitle{margin:0 0 20px}
}

@media all and (max-width:1600px) {
	.category_head_cat_content_wrap{padding:60px 5px 0 70px}

	.category_head_cat_subcats_wrap > ul{
		max-height:328px;
		overflow:auto;
		padding-right:8px;
	}

	.category_head_cat_subcats_wrap > ul::-webkit-scrollbar{width:5px; height:5px}
	.category_head_cat_subcats_wrap > ul::-webkit-scrollbar-thumb{background:#757575}
	.category_head_cat_subcats_wrap > ul::-webkit-scrollbar-thumb:hover{background:#333}
	.category_head_cat_subcats_wrap > ul::-webkit-scrollbar-track{background:#fff}

	@-moz-document url-prefix() {
		.category_head_cat_subcats_wrap > ul {
			scrollbar-width:thin;
			scrollbar-color:#757575 #fff;
		}
	}
}

@media all and (max-width:1366px) {
	.category_head_cat_subcats_wrap > ul{max-height:287px}
}

@media all and (max-width:1280px) {
	.category_head_cat_subcats_wrap > ul{max-height:246px}
}

@media all and (max-width:1200px) {
	.page_content{width:100%; margin:0 0 80px}

	.category_head_cat_subcats_wrap > ul{max-height:328px}

	.below_cat_header_wrap{width:calc(100% - 32px); margin:50px 0 0}
	.below_cat_header_content_wrap{width:calc(66.4% - 20px)}
	.below_cat_header_content_items_wrap ul li{margin-right:16px}

	.style_updates_wrap{width:calc(100% - 32px); margin:50px 0 0}
	.style_updates_content_wrap ul li{margin-right:16px}
	.style_updates_content_cat_txt{margin:18px 0 0}
	.style_updates_content_subcat_txt{margin:16px 0 0}

	.above_cat_footer_wrap{width:calc(100% - 32px); max-width:1072px; margin:60px 0 0}
	.above_cat_footer_content_wrap{max-width:66.666%}
}

@media all and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5) {
	.category_head_cat_subcats_wrap > ul{max-height:287px}
}

@media all and (max-width:1023px) and (-webkit-min-device-pixel-ratio:1.5) {
	.category_head_cat_img_wrap{width:50%}

	.category_head_img_title_wrap{max-width:calc(100% - 40px); left:20px; bottom:20px}
	.category_head_img_title h3{font-size:24px}

	.category_head_cat_content_wrap{width:50%; padding:50px 5px 0 60px}
	.category_head_cat_content_title{margin:0 0 24px}
	.category_head_cat_content_title h1{font-size:24px}
	.category_head_cat_content_subtitle{margin:0 0 20px}

	.category_head_cat_subcats_wrap > ul{max-height:296px}
	.category_head_level2_link,
	.category_head_cat_subcats_wrap > ul > li > a{padding:0 16px 0 0}
	.category_head_level3 li a{padding:0 16px 0 0}

	.below_cat_header_wrap{position:relative}
	.below_cat_header_main_img{width:50%}
	.below_cat_header_content_wrap{width:calc(50% - 20px); align-items:flex-end}

	.below_cat_header_content_title{position:absolute; top:0; left:0; margin:0 0 21.25px}
	.below_cat_header_content_title h2{max-width:72%; text-align:center; line-height:1.125}

	.below_cat_header_content_items_wrap ul{justify-content:flex-start; overflow-x:auto; padding-bottom:2px; scroll-snap-type:x mandatory}
	.below_cat_header_content_items_wrap ul::-webkit-scrollbar{width:0; height:0}

	@-moz-document url-prefix() {
		.below_cat_header_content_items_wrap ul {scrollbar-width:none}
	}

	.below_cat_header_content_items_wrap ul li{min-width:calc(100% / 2 - 32px); width:calc(100% / 2); height:auto; margin-right:16px; scroll-snap-align:start; scroll-snap-stop:always}

	.style_updates_content_cat_txt{margin:16px 0 0; line-height:1.25; -webkit-line-clamp:2}
	.style_updates_content_subcat_txt{margin:14px 0 0}

	.above_cat_footer_content_wrap{padding:18.875px 0 3px; transform:translate(-50%,50%)}
	.above_cat_footer_wrap{width:calc(100% - 16px); max-width:unset}
	.above_cat_footer_content_txt{padding:0 18.875px; text-align:center; line-height:1.125; -webkit-line-clamp:2}
	.above_cat_footer_shop_cat{padding:0 18.875px; margin:8.875px 0 0}
}

@media all and (max-width:834px) and (-webkit-min-device-pixel-ratio:1.5) {
	.category_head_wrap{flex-wrap:wrap}
	.category_head_cat_img_wrap{width:100%}

	.category_head_img_title_wrap{max-width:calc(100% - 64px); left:32px; bottom:-64px; padding:10px 15px 30px}

	.category_head_cat_content_wrap{width:100%; padding:94px 8px 24px 48px}
	.category_head_cat_content_title{margin:0 0 20px}
	.category_head_cat_content_subtitle{margin:0 0 16px}
}

@media all and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5) {
	.category_head_cat_content_wrap{padding:94px 8px 24px 32px}
	.category_head_cat_content{display:flex; flex-wrap:wrap; align-items:baseline}
	.category_head_cat_content_subtitle{margin:0 0 16px 8px}

	.category_head_cat_subcats_wrap > ul{
		grid-template-columns:1fr;
		max-height:328px;
	}

	.below_cat_header_wrap{flex-wrap:wrap; justify-content:flex-end; width:100%}
	.below_cat_header_main_img{width:100%}
	.below_cat_header_content_wrap{width:calc(100% - 16px); margin-top:-8px}
	.below_cat_header_content_items_wrap ul li{min-width:calc(100% / 3 - 32px); width:calc(100% / 3)}
	.below_cat_header_content_items_wrap ul li:last-of-type{margin-right:16px}

	.style_updates_wrap{width:calc(100% - 16px)}
	.style_updates_content_wrap ul{flex-wrap:wrap}
	.style_updates_content_wrap ul li{width:100%; margin-right:unset}
	.style_updates_content_wrap ul li:nth-of-type(n+2){margin-top:24px}

	.above_cat_footer_content{flex-wrap:wrap; justify-content:center}
	.above_cat_main_img{width:100%; order:0}
	.above_cat_other_img_wrap{width:100%; align-content:unset; order:2}
	.above_cat_other_img_wrap img{width:calc(100% / 3 - 4px)}
	.above_cat_other_img_wrap img:first-of-type,
	.above_cat_other_img_wrap img:last-of-type{width:calc(100% * 2/3 - 4px)}
	.above_cat_other_img_wrap img:nth-of-type(n+3){margin-top:8px}

	.above_cat_footer_content_wrap{order:1; padding:16px 0 3px; transform:unset; position:unset; margin:-36.25px 0 8px; max-width:calc(100% - 16px)}
	.above_cat_footer_content_txt{padding:0 16px}
	.above_cat_footer_shop_cat{padding:0 16px}
}

@media all and (max-width:430px) and (-webkit-min-device-pixel-ratio:1.5) {
	.header_below_top_wrap{border:0}

	.category_head_img_title_wrap{max-width:calc(100% - 32px); left:16px}

	.category_head_cat_content_wrap{padding:94px 8px 24px 16px}
	.category_head_cat_content_subtitle{display:none}

	.category_head_cat_subcats_wrap > ul{
		grid-template-columns:1fr;
	}

	.below_cat_header_content_items_wrap ul li{min-width:calc(100% / 2 - 32px); width:calc(100% / 2)}

	.above_cat_footer_content_txt{-webkit-line-clamp:3}
}