/*
	PER MODULE from Product Entity Reference
	
	Layouts all references of the product entity in the frontend store. 
	This exclude Product details pages.
	
	- Product Box
	>	Views/Shared/_ProductBox.cshtml
	
	- Order Summary
	>	Views/Shared/Components/OrderSummary/Default.cshtml

	- Mini Shopping Cart
	>	Views/Shared/Components/FlyoutShoppingCart/Default.cshtml

	- Recently Viewed
	>	Views/Shared/Components/RecentlyViewedProductsBlock/Default.cshtml

	- Wishlist
	>	Views/ShoppingCart/Wishlist.cshtml
	
	- Order Details
	>	Views/Order/Details.cshtml

	- Compare
	>	Views/Product/CompareProducts.cshtml

	- AjaxCart Added to cart popup
	>	Views/Shared/Components/NopAjaxCartShoppingCart/ProductAddedToCartPopupDialog.cshtml

	- AjaxCart Added to wishlist popup
	>	Views/Shared/Components/NopAjaxCartShoppingCart/ProductAddedToWishlistPopupDialog.cshtml
		
	- Sale of the day
	>	Views/Shared/Components/SaleOfTheDay/SaleOfTheDay.cshtml
	
	- Instant Search
	>	Views/Components/InstantSearch/InstantSearch.cshtml
	
	BLOCK:		per
	ELEMENT:	per__name
						per__remove
						per__unit-price
						per__quantity-input
						...
	MODIFIER:	per--mini-shopping-cart
						per--instant-search
						per--recently-viewed
						per--order-summary
						...
*/

.sale-of-the-day{
	max-width: 1280px;
    margin: auto;
}

.per {
	line-height: 1.5;
	text-align: initial;
	display: grid;
	margin: initial;
	align-items: start;
	font-size: initial;
	position: relative;
}

.per--sale-of-the-day {
	width: 100%;
	height: 100%;
}


.stack {
	display: flex;
	flex-wrap: wrap;
}

.section-title {
	text-align: center;
    margin: 30px auto;
    font-size: 24px;
    color: #00c0f0;
    border-bottom: solid 2px #00c0f0;

	max-width: 1280px;
}

/* Modifier - Image background */
.sale-of-the-day .per {
	position: relative;
	grid-template-columns: .5rem .5rem 5fr .5rem .5fr 1fr .5rem;
	grid-template-rows: 0rem 1fr .5rem auto auto auto .5rem ;
	align-items: center;
	max-width: 25.5rem;
	margin: 0 auto;
}

.sale-of-the-day .per::before {
	content: "";
	width: 100%;
	height: 100%;
	/* border-radius: .5rem; */
	position: relative;
	z-index: -1;
	grid-column: 2 / 7;
	grid-row: 3 / 8;
	background-color: #ccc;
	color: #00c0f0;
	
}



.sale-of-the-day .per__image-text-alt {
	font-size: 12px;
	color: #00c0f0;
	text-transform: uppercase;
	font-weight: normal;

	align-self: end;
	grid-column: 3;
	grid-row: 4;
}



.sale-of-the-day .per__image {
	grid-column: 1 / -1;
	grid-row: 1 / 9;
	position: relative;
	z-index: 0;
	width: 100%;
	border: 0;
	/* border-radius: .5rem; */
}


.sale-of-the-day .per__name {
	color: #fff;
	background-color: #00c0f0;
	font-size: 15px;
	font-weight: 400;

	grid-column: 3;
	grid-row: 5;
	padding: 10px;
	max-width: 100%;

	z-index: 1;
}

.sale-of-the-day .per__short-description {
	grid-column: 3;
	grid-row: 6;

	font-size: 14px;
	color: #000;
	font-weight: 300;
}



.sale-of-the-day .per__image-tag-title {
	color: #00c0f0;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;

	grid-row: 2;
	align-self: end;
}

.sale-of-the-day .per__old-price {
	color: #515151;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	text-decoration: line-through;

	grid-row: 3;
}

.per__price {
	color: #00c0f0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1;

	grid-row: 4;
	align-self: start;
}

.sale-of-the-day .per__badge {
	grid-column: 4 / 7;
	grid-row: 5;
	display: grid;
	gap: .37rem;
	grid-template-rows: 1.5fr auto auto auto;
	position: absolute;
	align-items: center;
	width: 100%;
	bottom: .5rem;
	z-index: 1;
}


.sale-of-the-day .per__badge::after {
	content: "";
	width: 100%;
	height: 116%;
	padding-bottom: 100%;
	background-color: #e9e9e9;
	border-radius: 8px;
	
	z-index: -1;
	position: absolute;
	/* border: 1px solid #DB2331; */
	bottom: -12px;
}



@media (min-width: 48rem) {
	/* .sale-of-the-day .per__badge {
		bottom:18px;
	} */
	.per__price {	
		font-size: 16px;
	}
}

.showcase--related-products {
	grid-column: 1 / -1;
}



.prod-ov {
	display: grid;
	gap: .5rem;
	align-items: start;
}

.prod-ov--product-box {
	grid-template-columns: 100px 1fr;
	gap: .75rem;
	padding: .5rem;
	border: solid thin #C1C8D1;
	background-color: white;
	/* border-radius: 6px; */
}

.prod-ov--order-summary {
	display: grid;
	grid-template-columns: 144px 1fr;
	gap: 1rem;
}

.prod-ov--order-summary .qty-input {
	max-width: 3rem;
	text-align: center;
}



.prod-ov--product-box .prod-ov__short-desc {
	display: none;
}

.category-page--landing .product-page.price-brou--text{
		font-size: 15px;	
}

.price__brou__sale .product-page.price-brou{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 5px;
    /* border: 1px #0c447c solid; */
    max-width: 400px;
    padding: 2px;
	border-radius: 8px;
}

.price__brou__sale .product-page.price-brou-img {
    max-width: 61%;  
}