/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 26 2025 | 16:23:36 */
t/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.shop-page-section{
	background-image: url(https://shocase.ae/wp-content/uploads/2025/03/BG.png), url(https://shocase.ae/wp-content/uploads/2025/03/BG.png);
    background-repeat: no-repeat;
    background-position: left 100%, right 40%;
    background-size: auto;
}
.shocase-sort-dropdown h3,.cart_totals h2{
	color: #ae6262;
	font-family: 'Relais Display', sans-serif !important;
    font-weight: bold !important;
    font-style: normal;
	font-size: 28px;
	line-height: 60px;
	text-transform: uppercase;
}
.shocase-shop-grid{
	display: grid !important; 
	grid-template-columns: repeat(2, 1fr); 
	gap: 65px;
	max-width:1140px;
	margin: 50px auto;	
}

.shocase-product-box{
	text-align:center;
	background: #eeebe3;
	padding:10px;
/* 	width:380px; */
	display: table;
    margin-left: auto;
    margin-right: auto;
}
.shocase-product-box img{
	max-width:100%;
	height:auto;
	aspect-ratio: 1/1; 
	overflow: hidden;
}
.shocase-product-box h3{
	margin-bottom: 5px;
}
.shocase-product-box h3,.shocase-product-box h3 a{
	font-size: 12px;
    line-height: 27px;
    color: #ae6262;
    font-family: 'Relais Display', sans-serif !important;
    font-weight: bold !important;
    font-style: normal;
	font-size: 14px;
	text-transform: uppercase;	
}
.shocase-product-box h3 a{
	text-decoration:none;
}
.shocase-product-price{
	font-size: 12px;
	color: #070707;
	font-weight: 300;
	font-family: "Poppins",sans-serif;
}
.custom-pagination {
    text-align: center !important;
    margin-top: 20px;
}
.custom-pagination a, .custom-pagination span {
    display: inline-block;
    padding: 8px 12px;
    margin: 3px;
    border: 1px solid #ddd;
    background: #eeebe3;
    text-decoration: none;
    color: #333;
}
.custom-pagination .current {
    background: #023840;
    color: #fff;
    font-weight: bold;
}
.shocase-add-to-cart-btn a.add-cart-btn{
	padding:10px 30px;
	text-transform:uppercase;
	text-decoration:none;
	transition: all 0.3s ease-out;
	display:table;
	margin-left:auto;
	margin-right:auto;
	width: 178px;
	height: 34px;
	background-color: #cfe1d5;
	border: 1px solid #1c1c1c;
	font-size: 13px;
	color: #070707;
	font-weight: 300;
	font-family: "Poppins";
	text-align: center;
}
.shocase-add-to-cart-btn a.add-cart-btn:hover{
	background-color: #16373f;
	color:#ffffff;
	transition: all 0.3s ease-out;
}
.single-product .content-area{
	padding-top:10%;
    min-height:900px;
	height:100%;
	padding-bottom:300px;
} 
.single-product .product_title{
	color: #ae6262;
	font-family: 'Relais Display', sans-serif !important;
    font-weight: bold !important;
    font-style: normal;
	font-size: 52px;
	line-height: 52px;
	text-transform: uppercase;
}
.single-product .product_meta{
	display:none;
}
.type-product .price .woocommerce-Price-amount{
	color: #676767;
	font-weight: 400;
	font-family: "Poppins";
}
.cart .quantity{
	margin-right:0 !important;
}
.cart .quantity .input-text{
	font-size: 10px;
	color: #676767;
	font-weight: 400;
	font-family: "Poppins";
	border-radius:0 !important;
	min-height:48px;
	min-width: 100px;
	
}
.woocommerce div.product form.cart{
	margin-top:2em;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    border:10px solid #eeebe3;
	
}
.woocommerce-product-gallery--with-images:before{
	content: url(https://shocase.ae/wp-content/uploads/2024/09/Asset-11-1.svg);
    position: absolute;
    top: -20px;
    left: -20px;
    display: block;
    z-index: 10;
    height: 100px;
    width: 100px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
	width: 70px;
    height: 70px;
    border-radius: 35px;
	aspect-ratio: 1/1 !important; 
	overflow: hidden;
}
/* .woocommerce div.product div.images{
	aspect-ratio: 1/1 !important; 
	overflow: hidden;
} */
.woocommerce div.product div.images .flex-control-thumbs li{
	width: 20%;
	margin:6px;
}
.woocommerce div.product div.images .flex-control-thumbs{
	margin-left: auto;
    margin-right: auto;
    display: table;
	margin-top: 20px;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce div.product div.images .flex-control-thumbs li img:hover{
	opacity:1 !important;
	border: 3px solid #16373f;
}
/* .woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport{
	border:10px solid #eeebe3 !important;
} */
.woocommerce-product-gallery__wrapper img{
	aspect-ratio: 1/1 !important; 
	overflow: hidden;
}
.woocommerce-breadcrumb{
	display:none;
}
.woocommerce div.product form.cart .button,.wc-block-components-totals-coupon__button{
	border-radius: 0px;
    width: 140px;
    height: 48px;
    background-color: #cfe1d5;
    border: 1px solid #1c1c1c;
	font-size: 13px;
    color: #070707;
    font-weight: 300;
    font-family: "Poppins";
    text-align: center;
	text-transform:uppercase;
}
.wc-block-components-totals-coupon__button:hover{
	background:#16373f !important;
	color:#fff;
}
.woocommerce-product-details__short-description p{
	font-size: 13px;
    color: #070707;
	font-weight: 300;
	font-family: "Poppins";
}
.wc-block-components-sidebar-layout.wc-block-cart {
    padding-top: 50px !important;
}
.wc-block-components-quantity-selector{
	background: #cfe1d5;
}
.wc-block-cart-items thead tr th{
	font-size: 13px;
	letter-spacing: 1px;
	color: #161616;
	font-weight: 300;
	font-family: "Poppins";
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
	font-weight: 300;
    font-family: "Poppins" !important;
	font-size: 13px !important;
    letter-spacing: 1px;
    color: #161616 !important;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
	font-size: 11px;
	letter-spacing: 1px;
	color: #161616;
	font-weight: 500;
	font-family: "Poppins";
	text-decoration:none;
}
.wc-block-cart__submit-button{
	width: 142px;
    height: 37px;
    background-color: #16373f;
    border: 1.1056499481201172px solid #393939;
	font-size: 11px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Poppins";
	text-transform:uppercase;
	text-decoration:none !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
	width:25% !important;
	background-color: #16373f;
    border: 1.1056499481201172px solid #393939;
	font-size: 11px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Poppins";
	text-transform:uppercase;
	text-decoration:none !important;
}
.wc-block-cart__submit-button:hover{
	color:#fff;
}
.wc-block-components-sidebar,.wc-block-checkout__contact-fields,.wc-block-checkout__billing-fields,.wc-block-checkout__payment-method,.wc-block-components-checkbox,.wc-block-checkout__terms,.wc-block-checkout__actions_row{
	font-weight: 300;
	font-family: "Poppins" !important;
	font-size:13px;
}
.coupon .button,.actions .button{
	background: #cfe1d5 !important;
	color: #161616 !important;
	font-weight: 400;
	font-family: "Poppins";
	text-align: center;
	border-color:#161616 !important;
	border-radius:0 !important;
	font-size:11px !important;
	min-height: 30px !important;
}
.coupon .input-text{
	border-radius:0 !important;
	font-size:11px !important;
	width: 55% !important;
}
.coupon label{
	font-size:11px !important;
	
}
.cart_totals h2{
	display:none !important;
}
.wc-proceed-to-checkout .checkout-button{
	background-color: #16373f !important;
    border: 1.1056499481201172px solid #393939 !important;
	font-size: 11px !important;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 300 !important;
	font-family: "Poppins";
	text-transform:uppercase;
	text-decoration:none !important
}
.shop_table{
	font-family: "Poppins" !important;
}
.cart-subtotal{
	display:none !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url],.wc-blocks-components-select .wc-blocks-components-select__select{
	background-color: #cfe1d5 !important;
	border: 1px solid #1c1c1c !important;
	border-radius:0px !important;
}
.wp-block-woocommerce-checkout-order-summary-block{
	border-radius:0px !important;
	background:#eeebe3 !important;
	border:0px !important;
	padding:10px;
}

.woocommerce-checkout{
	background:#eeebe3 !important;
}
.wp-block-woocommerce-checkout-order-summary-totals-block,.wp-block-woocommerce-cart-order-summary-totals-block {
    display: none !important;
}
.woocommerce-cart .site-main,.woocommerce-checkout .site-main,.page-id-2461 .site-main{
	padding-top:10%;
}
.page-id-2461 .site-main .page-header h1{
	color: #ae6262;
    font-family: 'Relais Display', sans-serif !important;
    font-weight: bold !important;
    font-style: normal;
    font-size: 28px;
    line-height: 60px;
    text-transform: uppercase;
}
.shop_table{
	border:none !important;
}
.shop_table thead tr th{
	opacity: 0.851;
	width: 77px;
	height: 24px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #161616;
	font-weight: 300;
	font-family: "Poppins";
	text-transform:uppercase;
	border:none !important;
}
.woocommerce table.shop_table td{
	border-left:0;
	border-right:0;
}
.woocommerce table.shop_table tr{
	background:none !important;
}
.woocommerce a.remove{
	width: 12px;
	height: 12px;
	color: #cfe1d5 !important;
}
.woocommerce table.shop_table .product-name a{
	opacity: 0.851;
	width: 325px;
	height: 48px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #161616;
	font-weight: 300;
	font-family: "Poppins";
	text-decoration:none;
}
.woocommerce table.shop_table .product-quantity .quantity input{
	padding: 0 !important;
    min-width: 31px !important;
    min-height: 27px !important;
    background-color: #cfe1d5;
    border: none !important;
}
.woocommerce table.shop_table .product-price .woocommerce-Price-amount{
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
	color: #161616;
	font-weight: 400;
	font-family: "Poppins";
}
.woocommerce table.shop_table  .product-subtotal{
	display:none;
}
.woocommerce-cart .site-main .page-header h1,.woocommerce-checkout .site-main .page-header h1{
	font-size: 28px;
	line-height: 60px;
	text-transform: uppercase;
	color: #ae6262;
	font-family: 'Relais Display', sans-serif !important;
    font-weight: bold !important;
    font-style: normal;
}
/* .woocommerce-product-gallery__image{
	border:10px solid #eeebe3;
} */


#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
	width:100px !important;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{

		background:none !important;
}
/* mini cart css */
.cart-header h3{
	color: #023840;
	font-family: 'Relais Display', sans-serif !important;
    font-weight: bold !important;
    font-style: normal;
}
.custom-mini-cart ul{
	list-style:none;
	padding-left: 0px;
}
.custom-mini-cart ul .cart-item{
	padding: 8px 0 3px 0;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}
.custom-mini-cart ul .cart-item:before{
	display:none;	
}
.custom-mini-cart ul .cart-item .cart-image{
	max-width:30%;
	display: inline-grid;
	border:1px solid #eeebe3;
}
.custom-mini-cart ul .cart-item .cart-details {
    width: 70%;
    display: inline-grid;
    float: right;
    padding-left: 5px;
    padding-top: 10px;
	font-family: "Poppins";
}
.custom-mini-cart .cart-total,.empty-cart{
	font-family: "Poppins";
}
.custom-mini-cart .cart-product-title{
	color: #ae6262;
	font-size: 13px;
}
.custom-mini-cart .cart-quantity{
	font-size:11px;
}
.custom-mini-cart .cart-footer{
	padding-top:10px;
}
.custom-mini-cart .cart-footer .viewcart-btn{
	text-transform:uppercase;
	font-family: "Poppins";
	background: #cfe1d5;
	color:#023840;
	font-size:13px;
	padding:5px 7px;
	text-align:center;
}
.custom-mini-cart .cart-footer .checkout-btn{
	text-transform:uppercase;
	font-family: "Poppins";
	background: #023840;
	color:#fff;
	font-size:13px;
	padding:5px 7px;
	text-align:center;
}
@media(min-width:768px) and (max-width:1024px){
	.single-product .content-area{
		padding-top: 14%;
    	min-height: 750px;
		padding-bottom: 120px;
	}
}
@media(max-width:767px){
	.shocase-shop-grid{
		grid-template-columns: repeat(1, 1fr);
	}
	.single-product .content-area{
		padding-top:30%;
		padding-bottom: 100px;
	}
	.single-product .product_title{
		font-size: 36px;
	}
	.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
		width:40% !important;
	}
	.woocommerce-product-gallery--with-images:before{
		height: 70px;
        width: 70px;
		top: -10px;
        left: -10px;
	}
	.coupon .input-text{
		width: 50% !important;
	}
	.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{
		display:block;
		text-align:left !important;
	}
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
		display:none;
	}
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
		text-align:left !important;
		background:none !important;
	}
	.checkout-button{
		border-radius:0 !important;
	}
	.product-remove{
		text-align:right !important;
	}
	.woocommerce-cart .site-main, .woocommerce-checkout .site-main,.page-id-2461 .site-main {
		padding-top: 20%;
	}
	.woocommerce div.product form.cart{
		display: table;
    	margin-right: auto;
    	margin-left: auto;
	}
}