/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
/* -- font sizes adjustment ---*/
@media only screen and (min-width: 1400px) {
	 .elementor-kit-54{
        --e-global-typography-03970e9-font-size: calc(14px + 2px);
        --e-global-typography-03970e9-line-height: calc(20px + 2px);
        --e-global-typography-9d2ceb6-font-size: calc(13px + 2px);
        --e-global-typography-9d2ceb6-line-height: calc(16px + 2px);
        --e-global-typography-5950776-font-size: calc(13px + 2px);
        --e-global-typography-5950776-line-height: calc(17px + 2px);
        --e-global-typography-db5a859-font-size: calc(16px + 2px);
        --e-global-typography-db5a859-line-height: calc(25px + 2px);
        --e-global-typography-7798a6e-font-size: calc(16px + 2px);
        --e-global-typography-7798a6e-line-height: calc(24px + 2px);
	}
    .elementor-kit-54 {
    	--e-global-typography-primary-font-size:calc(16px + 2px);
        --e-global-typography-primary-line-height: calc(22px + 2px);
        --e-global-typography-secondary-font-size: calc(18px + 2px);
        --e-global-typography-secondary-line-height: calc(25px + 2px);
        --e-global-typography-text-font-size: calc(16px + 2px);
        --e-global-typography-text-line-height: calc(22px + 2px);
        --e-global-typography-accent-font-size: calc(20px + 2px);
        --e-global-typography-accent-line-height: calc(28px + 2px);
        --e-global-typography-9d2ceb6-font-size: calc(13px + 2px);
        --e-global-typography-9d2ceb6-line-height: calc(16px + 2px);
        --e-global-typography-5ad8967-font-size: calc(18px + 2px);
        --e-global-typography-5ad8967-line-height: calc(25px + 2px);
        --e-global-typography-4ceb42a-font-size: calc(12px + 2px);
        --e-global-typography-4ceb42a-line-height: calc(15px + 2px);
        --e-global-typography-db5a859-font-size: calc(16px + 2px);
        --e-global-typography-db5a859-line-height: calc(25px + 2px);
        --e-global-typography-03970e9-font-size: calc(14px + 2px);
        --e-global-typography-03970e9-line-height: calc(20px + 2px);
        --e-global-typography-5950776-font-size: calc(14px + 2px);
        --e-global-typography-5950776-line-height: calc(17px + 2px);
        --e-global-typography-7798a6e-font-size: calc(16px + 2px);
        --e-global-typography-7798a6e-line-height: calc(24px + 2px);
        --e-global-typography-9a59aa0-font-size: calc(24px + 2px);
        --e-global-typography-9a59aa0-line-height: calc(24px + 2px);
        --e-global-typography-40d88a8-font-size: calc(24px + 2px);
        --e-global-typography-40d88a8-line-height: calc(34px + 2px);
        --e-global-typography-5a1f744-font-size: calc(18px + 2px);
        --e-global-typography-5a1f744-line-height: calc(22px + 2px);
        --e-global-typography-5693a5a-font-size: calc(10px + 2px);
        --e-global-typography-5693a5a-line-height: calc(12px + 2px);
        --e-global-typography-a90fa66-font-size: calc(18px + 2px);
        --e-global-typography-a90fa66-line-height: calc(22px + 2px);
        --e-global-typography-bde7aab-font-size: calc(12px + 2px);
        --e-global-typography-bde7aab-line-height: calc(15px + 2px);
        --e-global-typography-8e7336d-font-size: calc(18px + 2px);
        --e-global-typography-8e7336d-line-height: calc(28px + 2px);
        --e-global-typography-1acfa38-font-size: calc(22px + 2px);
        --e-global-typography-1acfa38-line-height: calc(38.8px + 2px);
        --e-global-typography-123b79c-font-size: calc(20px + 2px);
        --e-global-typography-123b79c-line-height: calc(25px + 2px);
	}
}
/* -- font sizes adjustment ends ---*/
.hentry, .site-main {
    margin-bottom: 0 !important;
}
.mr_cats_grids img {
	max-height:110px;
		min-height:110px;
	object-fit:cover;
	object-position: center top;
}

.mr_cats_grids .wpr-grid-filters {
	display:none !important;
}
/*@media (min-width: 1024px) and (max-width: 1850px) {
	body {
		zoom: 80%;
	}
}*/

@media (min-width: 768px) {
	body {
		zoom: 80%;
	}
}
@media (min-width: 768px) {
    .content-area, .widget-area {
        margin-bottom: 0;
    }
	.site-main {
        margin-bottom: 30px;
    }
}
html {
	margin:0 !important;
}
.merage_seven_grid_layout article img {
	max-height:151px;
	min-height:151px;
	object-fit: cover;
    width: auto;
}
/*-- search page style --*/
body.search-results, body.search-no-results, body.search, body.woocommerce-account:has(.mrg_myaccount_form) {
	background-color: #fff;
	
}
@media (min-width: 768px) {
    .left-sidebar:not(.search-results) .content-area {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}
body  .col-full {
	width: 100%; /*min(100%, 1480px);*/
	padding:0 10px;
	margin:auto;
	max-width: min(100%,90%);
	padding:0;
}
body  .col-full:has([data-elementor-type="wp-page"]) {
	padding:0;
	max-width: 100%;
}
.search-title, .sf_search_wrapper .page-title {
	font-family: var(--e-global-typography-9a59aa0-font-family), Sans-serif;
    font-size: var(--e-global-typography-9a59aa0-font-size);
    font-weight: var(--e-global-typography-9a59aa0-font-weight);
    line-height: var(--e-global-typography-9a59aa0-line-height);
	color: var(--e-global-color-badd2e8);
}
.search-text, .sf_search_wrapper .page-content, .sf_search_wrapper .page-content p {
	font-family: var(--e-global-typography-5950776-font-family), Sans-serif;
    font-size: var(--e-global-typography-5950776-font-size);
    font-weight: var(--e-global-typography-5950776-font-weight);
    line-height: var(--e-global-typography-5950776-line-height);
	color: var(--e-global-color-badd2e8);
}
.sf_search_wrapper .page-content .search-form {
	margin-top: 30px;
}
.sf_search_grid {
    /*display: flex;
    flex-wrap: wrap;*/
	 display: flex;
  /*grid-template-columns: 18.9% 18.9% 18.9% 18.9% 18.9%;*/
    flex-wrap: wrap;
	gap:25px;
    justify-content: flex-start;
	margin-top: 30px;
}
body.woocommerce-page main, body.woocommerce-page .content-area, body.woocommerce-page .article.page-type {
	margin-bottom:0 !important;
}


/* search page product styling */ 

.sf_search_grid .entry-content > a {
	display: flex;
	flex-direction: column;
	gap:5px;
}



/* Default: 4 per row */
.sf_search_grid article {
    text-align: left;
    width: calc(25% - 20px); /* 25% for 4 items per row */
    
	
}

/* laptop large screens: 4 per row */
@media (max-width: 1600px) { /* Adjust the breakpoint as needed */
    .sf_search_grid article {
        width: calc(25% - 20px); /* 25% for 4 items per row */
		
    }
}
/* Extra-large screens: 5 per row */
@media (min-width: 1601px) { /* Adjust the breakpoint as needed */
    .sf_search_grid article {
        width: calc(20% - 20px); /* 20% for 5 items per row */
    }
	
}

/* laptop small screens: 3 per row */
@media (max-width: 1200px) { /* Adjust the breakpoint as needed */
    .sf_search_grid article {
        width: calc(33% - 33px); /* 23% for 5 items per row */
    }
}


.sf_prd_image, ul.products li.product .woocommerce-LoopProduct-link, ul.products .wc-block-grid__product .woocommerce-LoopProduct-link, .wc-block-grid__products li.product .woocommerce-LoopProduct-link, .wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link {

	background-color: var(--e-global-color-d8eb343);
	padding: 15px 0;
	margin-bottom:0;
}
.sf_prd_image img {
	/*min-height: 237px;*/
    object-fit: cover;
	aspect-ratio: 0.8 / 1.6;
	width: 50%;
    height: 100%;
    display: block;
    border-radius: 0;
	min-height: 175px;
}

.sf_prd_image {
	border-radius: 4px 4px 0px 0px;
}
.search-results .product_cat-books .sf_prd_image img {
	object-fit: contain;
}
#secondary .widget_block {
	padding-top:0px !important;
}
.woocommerce-loop-product__title {
	/*font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	margin-bottom:0;
	color: var(--e-global-color-badd2e8);*/
	/* Premium Shiny Omani Thobe with front grey zip */

	/* Content/Medium/3 */
	font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	/* or 143% */

	/* Text Color/Grey 9 */
	color: #000000;
	margin-bottom:0;

}
.price {
	font-family: var(--e-global-typography-7798a6e-font-family), Sans-serif;
    font-size: var(--e-global-typography-7798a6e-font-size);
    font-weight: var(--e-global-typography-7798a6e-font-weight);
    line-height: var(--e-global-typography-7798a6e-line-height);
	color: var(--e-global-color-badd2e8);
}
.search_header_wrapper {
	display:flex;
	align-items: center;
}
.search_header_inner {
	flex-grow:1;
}


/*-- search page style ends --*/
.elementor-accordion .elementor-accordion-item {
    border-bottom: 1px solid var(--e-global-color-5c981a7) !important;
}
.wp-block-woocommerce-cart-items-block, .wp-block-woocommerce-cart-totals-block {
	background-color:#fff !important;
	background:#fff !important;
	padding:20px !important;
}
.wp-block-woocommerce-cart-items-block {
	width:61% !important;
}
.wc-block-cart {
	gap:50px;
	margin-top:10px !important;
}
body.woocommerce-cart .entry-header {
	display:none !important;
}

/*--- cart page style ---*/
.wp-block-woocommerce-cart-items-block, .wp-block-woocommerce-cart-totals-block {
	background-color:#fff !important;
	background:#fff !important;
	padding:20px !important;
}
.wp-block-woocommerce-cart-items-block {
	width:61% !important;
}
.wc-block-cart {
	gap:50px;
	margin-top:10px !important;

}
body.woocommerce-cart .entry-header {
	display:none !important;
}

.wc-block-components-button:not(.is-link) {
   background-color:var(--e-global-color-primary);
	color:#000;
	text-decoration:none !important;
}
.wc-block-components-product-metadata__description{
	
	display:none;
}
.cart-number-of-items th, .cart-number-of-items td,
.cart-subtotal th, .cart-subtotal td,
.cart-shipping-fee th, .cart-shipping-fee td,
.cart-platform-fee th, .cart-platform-fee td,
.cart-discount th, .cart-discount td,
.cart-total th, .cart-total td {
    padding: 10px;
    border-top: 1px solid #eee;
}
.wc-block-components-totals-item__label{
	 padding-bottom: 10px;
}

.wc-block-cart-item__image{
	padding:20px 0px 20px 0px !important;
	background:#F7F7F7 !important;

	/*-- border: 1px solid #DFE2E6 !important; --*/
	max-width:50px;
}
.wc-block-cart-item__image img {
    height: 250px;
    width:200px;
}

.is-large.wc-block-cart .wc-block-cart-items td{
	    border-top: 0px !important;
	    border-bottom: 1px solid hsla(0, 0%, 7%, .11);
	margin-bottom:20px !important;
}
.cart-products{
	margin-top:30px;
}
.wc-block-cart-items__header{
	display:none;
	
}
.wc-block-cart-item__total{
display:none;	
}
.custom-paragraph {
font-size:30px;
	padding-top:20px;
}
.wc-block-cart-item__quantity{
	width:80% !important;
}

.wc-block-cart-item__quantity{
	
}
.wc-block-cart-item__quantity::before {
    content: 'Quantity: ';
    margin-right: 5px;
    display: inline-block; 
    vertical-align: middle; 
}

/**-- Login page style ---*/
.page-id-1135 {
	background-color:#fff;
}

body:has(.mrg_myaccount_form) .site-content {
  /* min-height: 100vh;*/
    display: flex;
	justify-content:center;
	    flex-direction: column;
		align-items:center;
		gap:0;
}
body:has(.mrg_myaccount_form) .site-content > div {
   /*flex-grow:1;*/
}
body:has(.mrg_myaccount_form) .site-content .hentry, body:has(.mrg_myaccount_form) .site-content main, body:has(.mrg_myaccount_form) .site-content .content-area, body:has(.mrg_myaccount_form) .site-content .widget-area    {
	margin:0 !important;
}
.hentry.type-page .entry-header {
   display:none !important;
}
.user-registration-page.woocommerce-account .site-main {
	/*max-width:375px !important;
	margin:auto;*/
}
.user-registration-page.woocommerce-account .site-main .entry-content h2, .woocommerce-form-register h2, .woocommerce-form-login h2, form.woocommerce-ResetPassword  h2, form.woocommerce-ResetPassword h2 {
	/* Sign in */
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 140%;
/* identical to box height, or 34px */

/* Text Color/Grey 9 */
color: #000000;

}

.form-row label {

/* Content/Medium/3 */
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

/* Text Color/Grey 9 */
color: #000000;
width:100% !important; 
margin-bottom:5px;

display: flex;
align-items: center;

}
::placeholder {

font-family: var(--e-global-typography-bde7aab-font-family), Sans-serif;
    font-size: var(--e-global-typography-bde7aab-font-size);
    font-weight: var(--e-global-typography-bde7aab-font-weight);
    line-height: var(--e-global-typography-bde7aab-line-height);
    box-shadow: none;
color: #7C7C7C !important;


}

.woocommerce-form-login__rememberme {
font-family: var(--e-global-typography-bde7aab-font-family), Sans-serif;
    font-size: var(--e-global-typography-bde7aab-font-size);
    font-weight: var(--e-global-typography-bde7aab-font-weight);
    line-height: var(--e-global-typography-bde7aab-line-height);
    box-shadow: none;
color: #7C7C7C;

}
.woocommerce-LostPassword.lost_password {
	text-align: right;
}
.woocommerce-LostPassword.lost_password a{
font-family: var(--e-global-typography-bde7aab-font-family), Sans-serif;
    font-size: var(--e-global-typography-bde7aab-font-size);
    font-weight: var(--e-global-typography-bde7aab-font-weight);
    line-height: var(--e-global-typography-bde7aab-line-height);
    box-shadow: none;
color: #FEB701;

text-decoration:none !important;
}

.signup-text{
font-family: var(--e-global-typography-bde7aab-font-family), Sans-serif;
    font-size: var(--e-global-typography-bde7aab-font-size);
    font-weight: var(--e-global-typography-bde7aab-font-weight);
    line-height: var(--e-global-typography-bde7aab-line-height);
    box-shadow: none;
text-align: center;

/* Text Color/Grey 6 */
color: #7C7C7C;

}

.signup-text a {
font-family: var(--e-global-typography-bde7aab-font-family), Sans-serif;
    font-size: var(--e-global-typography-bde7aab-font-size);
    font-weight: var(--e-global-typography-bde7aab-font-weight);
    line-height: var(--e-global-typography-bde7aab-line-height);
    box-shadow: none;
text-align: center;
text-decoration:none !important;

/* Brand Color/Primary */
color: #FEB701;


}

.mrg_myaccount_form button[type="submit"], .mrg_myaccount_form input[type="submit"] {
	/* Button */

/* Brand Color/Primary */
background: #FEB701;
border-radius: 4px;


/* Content/Medium/2 */

 font-family: var(--e-global-typography-bde7aab-font-family), Sans-serif;
    font-size: var(--e-global-typography-bde7aab-font-size);
    font-weight: var(--e-global-typography-bde7aab-font-weight);
    line-height: var(--e-global-typography-bde7aab-line-height);

font-weight: 500;

    box-shadow: none;
text-align: center;
color: #000000;
height:45px;
width:100% !important;

}

.mrg_myaccount_form input {
width:100%;
border: 1px solid #DFE2E6 !important;
border-radius: 4px !important;
height: 45px !important;
    background-color: transparent !important;
    padding: 0 10px;
    font-family: var(--e-global-typography-bde7aab-font-family), Sans-serif;
    font-size: var(--e-global-typography-bde7aab-font-size);
    font-weight: var(--e-global-typography-bde7aab-font-weight);
    line-height: var(--e-global-typography-bde7aab-line-height);
    box-shadow: none;
}

.woocommerce-form.login, .woocommerce-form.register, .mrg_register_form, form.woocommerce-ResetPassword, form.woocommerce-ResetPassword  {

/* Borders/Border 1 */
border: 1px solid #DFE2E6;
border-radius: 8px;
padding:25px;
max-width:500px !important;
	margin:auto;
}
form.woocommerce-ResetPassword .form-row {
	width:100% !important;
	margin-right:0 !important;
}
.mrg_divider {
/* Frame 62 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;
/* Background/White */
background: #FFFFFF;


/* identical to box height */
text-align: center;

/* Text Color/Grey 9 */
color: #000000;
margin-bottom:15px;
position:relative;
}
.mrg_divider:after {
	/* Vector 1 */

position: absolute;
width: 100%;
height: 0px;
left: 0;
top: 0;
content:"";
/* Borders/Border 1 */
border: 1px solid #DFE2E6;
top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mrg_divider span {
/* Content/Regular/3 */
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
width: 33px;
height: 27px;
line-height: 27px;
    z-index: 1;
	background: #FFFFFF;
}
.google-login {


/* Content/Regular/2 */
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-align: center;

/* Text Color/Grey 9 */
color: #000000;

/* Borders/Border 1 */
border: 1px solid #DFE2E6;
border-radius: 4px;
padding:6px 10px;
display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
	margin-bottom:15px;

}
.google-login span {
	vertical-align:middle;
}
.woocommerce-form.login, .woocommerce-form.register, .mrg_register_form, form.woocommerce-ResetPassword, form.woocommerce-ResetPassword  {

max-width:375px !important;
}
p.form-row {
	margin-bottom:0.8em !important;
}
.show-password-input {
    padding: 8px 10px;
    line-height: 0;
}
.remeber-forgot-wrapper {
	margin-top:-0.6em;
	margin-bottom:15px;
}
.remeber-forgot-wrapper p {
	margin-bottom:0 !important;
}
@media (min-width: 568px) {
	.woocommerce-form.login, .woocommerce-form.register, .mrg_register_form, form.woocommerce-ResetPassword, form.woocommerce-ResetPassword  {

min-width:375px !important;
}
}

@media (max-width: 991px) {
	body:not(.page-id-535) {
		/*background-color: #fff !important;*/
	}
}

body.woocommerce-page  .content-area {
	width:100% !important;
}

	body.woocommerce-cart .custom-cart-items {
		display:flex;
		flex-wrap:wrap;
		gap:30px;
		margin-top:20px;
	}
body.woocommerce-cart .custom-cart-items form.woocommerce-cart-form {
    background-color:#fff;
	flex-grow: 1;
    flex-basis: 60%;
	margin-bottom:0;
	padding:15px 30px 30px 30px;
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* soft shadow */
}
body.woocommerce-cart .custom-cart-items .cart-collaterals {
	
	flex-grow: 1;
    flex-basis: 30%;
}
body.woocommerce-cart .custom-cart-items .cart-collaterals .cart_totals  {
	width:100%;
	background-color:none;
	position:relative;
	padding:0px;
}
.wc-proceed-to-checkout {
    margin-bottom: 0;
    bottom: 0;

}
a.checkout-button.button.alt.wc-forward {
    width: 100%;
	border-radius: 50px !important;
	font-weight: 600 !important;
}
.wc-proceed-to-checkout  a {
/* Brand Color/Primary */
background: var(--e-global-color-primary) !important;
border-radius: 4px !important;

/* Content/Medium/3 */
font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
/* identical to box height, or 143% */
text-align: center;

/* Text Color/Grey 9 */
color: #000000 !important;
}
table.shop_table_responsive thead, table.cart td.actions {
	display:none;
}
.wc-proceed-to-checkout  a::after {
	content:none;
}
table.cart td.product-remove {
	order:100 !important;
}
.custom-checkbox {
 /* position: relative; */
  display: inline-block;
  cursor: pointer;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border: 2px solid #000;
   border-radius: 50%;
	margin-top: -50px;
}

.custom-checkbox input:checked + .checkmark {
  background: var(--e-global-color-primary); 
  border-color: var(--e-global-color-primary);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked + .checkmark:after {
  display: block;
}

.custom-checkbox .checkmark:after {
  left: 5px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
body.woocommerce-cart .custom-cart-items form.woocommerce-cart-form {
   /* min-height: 100vh;  */
    display: flex;
    flex-direction: column;

}

.widget_block p:empty {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
/*-- Product detail page starts ---*/
.custom-main-image {
    border: 1px solid var(--e-global-color-5c981a7);
    background-color: var(--e-global-color-d8eb343);
	margin-left: 10px;
}
.custom-gallery-thumbnails {
    gap: 10px;
}
.custom-product-details {
    width: 40%;
}
.custom-single-product-layout {
	gap:50px;
}
.single-product div.product .product_title {
font-family: var(--e-global-typography-40d88a8-font-family);
font-style: normal;
font-weight: var(--e-global-typography-40d88a8-font-weight);
font-size: var(--e-global-typography-40d88a8-font-size);
line-height: var(--e-global-typography-40d88a8-line-height);
color: var(--e-global-color-text);
margin-bottom: 0;
}
.single-product div.product p.price {
    font-family: var(--e-global-typography-1acfa38-font-family);
	font-style: normal;
	font-weight: var(--e-global-typography-1acfa38-font-weight);
	font-size: var(--e-global-typography-1acfa38-font-size);
	line-height: var(--e-global-typography-1acfa38-line-height);
	color: var(--e-global-color-text);
	margin-bottom: 10px;
}

.single {
	background-color:#E3E6E6;
}
.related.products .woocommerce-loop-product__title, .related.products .ratting_custom, .related.products .price {
width: calc(100% + 60px);
    background-color: #fff;
    margin-left: -30px;
    text-align: left;
	margin-bottom:0 !important;
	padding-top:10px;
}
.related.products .ratting_custom {
	display:block;
}
.related.products .price {
	padding-bottom:10px;
	padding-top:0;
}
.sf_prd_image, ul.products li.product .woocommerce-LoopProduct-link, ul.products .wc-block-grid__product .woocommerce-LoopProduct-link, .wc-block-grid__products li.product .woocommerce-LoopProduct-link, .wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link {
	text-align:left;
	padding-bottom:0 !important;
}


/* custom related poduct styling start here */

.custom-related-products {
    margin-top: 30px;
}

.custom-related-products h2 {
    font-family: var(--e-global-typography-1acfa38-font-family), Sans-serif;
    font-size: var(--e-global-typography-1acfa38-font-size);
    font-weight: 600;
    line-height: var(--e-global-typography-1acfa38-line-height);
    color: #000;
    margin-bottom: 20px;
    text-align: start; /* or center, as per your preference */
}

.custom-related-products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.custom-related-product {
    flex: 1 1 calc(20% - 20px);
    background-color: transparent;
    overflow: hidden;
    max-width: calc(20% - 20px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	overflow: visible;
	padding: 1px;
}


.custom-related-product-image {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    padding: 45px 0;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

.custom-related-product-image img {
    object-fit: contain;
    aspect-ratio: 1 / 1.3;
    width: 50%; /* Important: 100% width to prevent layout shift on hover */
    height: 100%;
    display: block;
    border-radius: 5px;
}

.custom-related-product-details {
    padding: 15px;
    text-align: center;
}

.custom-related-product-details .store-name {
    color: #000;
    font-size: 20px;
    font-weight: 550;
    margin-bottom: 10px;
    display: block;
    line-height: 1.5;
}

.custom-related-product-title {
    margin: 15px 0;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align: left;
}

.custom-related-product-price {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
}

/* Target ALL direct children of .custom-related-product-price */
.custom-related-product-price > * {
    font-size: 27px;
    font-weight: 500;
    color: #000;
}

.custom-related-product-price .regular-price {
    font-size: 20px;
    text-decoration: line-through;
    color: #888;
    margin-right: 5px;
}

.custom-related-product-delivery {
    color: #000;
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
    line-height: 1.5;
    margin-bottom: 0px;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .custom-related-product {
        flex: 1 1 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }
}

@media (max-width: 768px) {
    .custom-related-product {
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
	
	.custom-related-product-delivery  {
		
		font-size: 13px;
	}
}

@media (min-width: 1601px) {
    .custom-related-product {
        flex: 1 1 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
	
	.custom-related-product-title {
    margin: 15px 0;
    color: #000;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
	
	.custom-related-product-details .store-name {
    color: #000;
    font-size: 24px;
    font-weight: 550;
    margin-bottom: 10px;
    display: block;
    line-height: 1.5;
}
	
	.custom-related-product-price {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
}

/* Target ALL direct children of .custom-related-product-price */
.custom-related-product-price > * {
    font-size: 34px;
    font-weight: 500;
    color: #000;
}

.custom-related-product-price .regular-price {
    font-size: 24px;
    text-decoration: line-through;
    color: #888;
    margin-right: 5px;
}
	
	.custom-related-product-delivery {
    color: #000;
    font-size: 21px;
    font-weight: normal;
    margin-top: 10px;
    line-height: 1.5;
    margin-bottom: 0px;
}
	
}

.woocommerce-product-gallery .flex-control-thumbs::before, .woocommerce-product-gallery .flex-control-thumbs::after {
	content:none !important;
}
.single-product div.product p.price {
    padding: 0;
    margin: 0;
}
.payment_custom {
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.custom_vendor {
	display: flex;
    flex-direction: row;
    gap: 10px;
	    align-items: end;
		margin:15px 0;
}
.custom_vendor_inner {
	display: flex;
    flex-direction: column;
    gap: 5px;
	flex-grow: 1;
}


hr {
	background-color:#DFE2E6
}

.single-product div.product form.cart button[name="add-to-cart"], .single_add_to_cart_button {
	min-height: 45px;
    width: 49%;
/* Button */
float:left;
box-sizing: border-box;
border-radius: 4px;
background-color:var(--e-global-color-primary) !important;
font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	
/* identical to box height, or 143% */ 
text-align: center;

/* Brand Color/Primary */
color: #FEB701 !important;
	border-radius: 50px !important;
	margin-bottom: 20px;
}

.wishlist_custom_btn {
	width:48%;
margin-left:3px;
/* Brand Color/Primary */
/* Button */
float:right;
box-sizing: border-box;
min-height: 45px;

/* Brand Color/Primary */
border: 1px solid #FEB701 !important;
border-radius: 4px;

background-color:#fff !important;
background:#fff;

font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
/* identical to box height, or 143% */
text-align: center;

/* Brand Color/Primary */
color: #FEB701 !important;


display:block;
}
.custom_single_buynow_button {
width:100%;
/* Brand Color/Primary */
background-color: #FEB701 !important;
border-radius: 4px;
color: #000000 !important;
/* Brand Color/Primary */
border-radius: 4px;
display:block;
margin-top:25px;
font-family: var(--e-global-typography-03970e9-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-03970e9-font-size) !important;
    font-weight: var(--e-global-typography-03970e9-font-weight) !important;
    line-height: var(--e-global-typography-03970e9-line-height) !important;
	min-height:45px;
	text-align:center;
}
.variations_button .custom_single_buynow_button {
margin-bottom: 10px;
margin-top:40px;
} 

.product-details-container {
    background-color: white;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 85%;
    border-radius: 12px;
    margin-bottom: 40px;
}

.single-product div.product form.cart .quantity {
    width: 85%;
	margin-right:30px;
}
.single-product div.product form.cart .stock_custom {
    width: 50%;
	margin-top: 7px;
	display:none;
}
.single-product div.product table.variations .value {
    margin-bottom: 15px;
}
a.reset_variations {
    margin-left: 0;
}
.payment_custom_inner {
	/* textfield container */
display:block;
box-sizing: border-box;
padding:20px 15px;
/* Borders/Border 1 */
border: 1px solid #DFE2E6;
border-radius: 4px;
}
.woocommerce-tabs {
	flex-direction: column;
    display: flex;
}
.woocommerce-tabs > .tabs {
	width: 100% !important;
    margin: 0;
    display: flex;
    gap: 50px;
	border:none !important;
	margin-right:0 !important;
	margin-top:30px;
}
.woocommerce-tabs > .tabs a {

font-family: var(--e-global-typography-8e7336d-font-family);
	font-style: normal;
	font-weight: var(--e-global-typography-8e7336d-font-weight);
	font-size: var(--e-global-typography-8e7336d-font-size);
	line-height: var(--e-global-typography-8e7336d-line-height);
/* identical to box height, or 156% */

/* Brand Color/Primary */
color: #000;
padding:0 !important;

}
ul.tabs.wc-tabs {
    margin-left: 5px;
}
li#tab-title-custom_description {
	background: white;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 15px 40px !important;
    border-radius: 8px;
}
li#tab-title-reviews{
	background: white;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 15px 40px !important;
    border-radius: 8px;
}
li#tab-title-shipping{
	background: white;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 15px 40px !important;
    border-radius: 8px;
}
.woocommerce-tabs ul.tabs li a {
	font-weight: 600;
}
.woocommerce-tabs > .tabs > li {
	padding:5px 30px !important;
	border:none !important;
}
.woocommerce-tabs > .tabs > li.active {
 /*	border-bottom:1px solid #FEB701 !important; */
	background: white;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 15px 40px !important;
    border-radius: 8px;
	
}
.woocommerce-tabs > .tabs > li.active a {
	color: #FEB701!important;
	font-weight: 600;
	
}
.woocommerce-tabs > .tabs > li:after {
	content:none !important;
}

.woocommerce-Tabs-panel h2 {
font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size) !important;
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
}
.product-details-header {


background: #F7F7F7!important;
/* Borders/Border 1 */
border-bottom: 1px solid #DFE2E6!important;


/* Content/Medium/3 */
font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
/* identical to box height, or 143% */

/* Text Color/Grey 9 */
color: #000000!important;

width: 30%!important;
}
.woocommerce-Tabs-panel p, .woocommerce-Tabs-panel label {
font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	color: #000!important;
}
.product-details-data {


font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height); 
/* identical to box height, or 143% */

/* Text Color/Grey 6 */
color: #7C7C7C!important;


/* Background/White */
background: #FFFFFF !important;
/* Borders/Border 1 */
border-bottom: 1px solid #DFE2E6!important;


}
.product-details-table {
margin-top:30px;

/* Borders/Border 1 */
border: 1px solid #DFE2E6!important;

}
.woocommerce-Tabs-panel {
	width:100% !important;
}
.single-product div.product form.cart .quantity {
	background-color: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	display: flex;
    justify-content: space-around;
	margin-bottom: 15px;
	min-height: 45px;
}

.single-product div.product form.cart .quantity input {
	background-color: transparent;
	 border: none !important;
    border-left: 1px solid #DFE2E6 !important;
	border-right: 1px solid #DFE2E6 !important;
	color:#7C7C7C !important;
	box-shadow: none;
	padding-top:0;
	padding-bottom:0;
	height: 36px;
	width: 50%;
}
.single-product div.product form.cart .quantity button {
	background-color: transparent !important;
    border: none !important;
	color:#000 !important;
	padding-top:0;
	padding-bottom:0;
}
.single-product div.product {
	margin-top:10px;
	
}
.sf_prd_image {
	padding-bottom:15px !important;
	    margin-bottom: 5px;
}
.sf_prd_image img {
	margin:auto !important;
} 
.site-main nav.navigation {
	display:none !important;
}
@media (min-width: 768px) {
    .single-product div.product .summary {
		width:36% !important;
	}
	.single-product div.product .woocommerce-product-gallery {
		width:45% !important;
		padding-right:0 !important;
		padding-bottom:0 !important;
		margin:0 !important;
		max-height:90vh;
	}
	.single-product div.product .woocommerce-tabs {
         width: 61%;
        padding-top: 0 !important;
		clear:none !important;
		margin-top:100px;
	}
	
}
.single-product div.product form.cart::before, .single-product div.product form.cart::after {
	content:none !important;
}
.woocommerce-Tabs-panel:not(.woocommerce-Tabs-panel--details_tab) {
	background-color: white;
	padding: 30px 30px;
    box-shadow:0 1px 8px rgba(0, 0, 0, 0.1) ;
    margin-top: 30px;
	border-radius: 12px;
	margin-left: 4px;
	width: 80% !important;
}
.woocommerce-noreviews {
	background-color:var(--e-global-color-primary) !important;
	color:#000 !important ;
}
.comment-respond {
	padding: 0 !important; 
    background-color: transparent !important; 
}
.comment-form-rating {
	display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
}
.comment-form-comment {
	display: flex;
    flex-direction: column;
    gap: 5px;
}
.variations label{
font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
/* identical to box height, or 143% */

/* Text Color/Grey 9 */
color: #000000;

}
.single-product select {
	/* textfield container */

box-sizing: border-box;

max-width: 100% !important;
	width:100% !important;
min-height: 45px;

/* Borders/Border 1 */
border: 1px solid #DFE2E6;
border-radius: 4px;

/* Content/Regular/2 */
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* identical to box height */

/* Text Color/Grey 6 */
color: #7C7C7C;

}
.single_variation_wrap {
	flex-grow:1;
}

.single-product div.product table.variations{
	background-color: white;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 85%;
    border-radius: 12px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {

.single-product div.product .woocommerce-product-gallery {
	display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
	gap:10px;
	/*padding-left:3.5%;*/
}
.single-product div.product .woocommerce-product-gallery img {
   height: 100%;
    object-fit: contain;
	margin:auto !important;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
	    flex-basis: calc(92% - 65px);
		margin-bottom:0;
		max-height: 100vh !important;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport img {
	    height: 75vh !important;
	object-fit:contain;
} 
.woocommerce-product-gallery .woocommerce-product-gallery__image {
	    height: 100vh !important;
} 
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
	    height: 100vh !important;
} 
.single-product div.product .woocommerce-product-gallery .flex-direction-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	display: flex;
    width: calc(100% - 18%);
    right: 2%;
    padding: 0;
    margin: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-direction-nav li {
	flex-grow:1;
}
.woocommerce-product-gallery .flex-direction-nav li {
	list-style:none;
}
.woocommerce-product-gallery .flex-direction-nav li.flex-nav-prev a {
	font-size: 0;
    background: url(assets/images/prev.svg);
    width: 60px;
    height: 60px;
    display: block;
	background-size: 60px 60px;
}
.woocommerce-product-gallery .flex-direction-nav li.flex-nav-next a {
	font-size: 0;
    background: url(assets/images/next.svg);
    width: 60px;
    height: 60px;
    display: block;
	background-size: 60px 60px;
}
.woocommerce-product-gallery .flex-direction-nav li.flex-nav-next a {
	float:right;
}
.woocommerce-product-gallery__wrapper {
	border: 1px solid var(--e-global-color-5c981a7);
	background-color: var(--e-global-color-d8eb343);
	padding: 50px 0;
	flex-grow: 1;
}
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
	border: none;
	background-color: transparent;
	padding: 0;
}
.woocommerce-product-gallery .flex-viewport  {
/*	border: 1px solid var(--e-global-color-5c981a7); */
	background-color: var(--e-global-color-d8eb343);
	padding: 50px 0;
	border-radius: 18px;
	border: 1px solid var(--e-global-color-5c981a7);
}
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img  {
	 aspect-ratio: 1 / 1.6;
    width: 50%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
	margin:auto !important;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    flex-basis: 12%;
	width:12%;
	display: flex;
    flex-direction: column;
    gap: 20px;
	position: absolute;
    left: 0;
    height: 100%;
    overflow-y: auto;
	-ms-overflow-style: none;
    scrollbar-width: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 100% !important;
	margin-bottom:0;
	padding-bottom:0;
	border: 1px solid var(--e-global-color-5c981a7);
	background-color: var(--e-global-color-d8eb343);
	padding: 5px 0;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
	/*min-height: 237px;*/
    aspect-ratio: 1 / 1.6;
    width: 50%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
	margin:auto !important;
}
}
.payment_custom {
		font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	color:#000;
}
@media (max-width: 767px) {
.single-product .flex-direction-nav {
    display:none !important;
}

	.woocommerce-product-gallery .flex-control-thumbs li {
		width:100px !important;
		margin:0 !important;
	}
	.woocommerce-product-gallery .flex-control-thumbs {
		display:flex !important;
		justify-content:center;
		gap:5px;
	}
	.woocommerce-product-gallery .flex-control-thumbs li:has(.flex-active):before {
		background-color:var(--e-global-color-primary);
	}
	.woocommerce-product-gallery .woocommerce-product-gallery__image  {
/*	border: 1px solid var(--e-global-color-5c981a7);  */
	background-color: var(--e-global-color-d8eb343);
	padding: 50px 0;
		border-radius: 20px;
}
	.single-product div.product .woocommerce-product-gallery img {
    margin: auto;
/* 		min-height: 324px;
        width: 50%; */
		        object-fit: contain;
        max-height: 324px !important;
}
	
	.single-product div.product form.cart {
    justify-content: space-between;
}
	.custom_single_buynow_button {
     margin-top: 5px;
}
	.single-product div.product .summary {
    margin-bottom: 2.617924em;
    margin-top: 0;
 /*   background-color: var(--e-global-color-d8eb343); */
    padding: 15px;
}
	.woocommerce-tabs > .tabs {
		margin-top:0;
	}
	.woocommerce-tabs > .tabs {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
	.single-product .product_title  {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 140%;
/* identical to box height, or 31px */

/* Text Color/Grey 9 */
color: #000000;


	}
	.single-product .price svg  {
		margin-left:10px;
		vertical-align:middle;
	}
	.single-product .price {
		 font-size: 22px;
	}
	.custom-related-product {
    flex: 1 1 calc(50% - 20px);
}
	.custom-related-product-title {
		font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	}
	.custom-related-product-price {
    font-size: 16px;
}
	.mrg_prd_back {
		display:block;
		margin-top:15px;
		padding: 0;
        background-color: transparent;
		background:none;
		border:none;
	}
	.single-product hr {
     margin: 10px 0 !important;
}
	body .col-full {
    max-width: 100%;
    padding: 30px 20px 0 20px;
}
	.single-product div.product table.variations tbody tr {
		display:inline-block !important;
		width:48.5%;
		vertical-align: text-top;
	}
	.single-product div.product table.variations tbody tr:nth-child(even) {
		margin-left:3%;
	}
	.mrg_custon_buttons {
		display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin-top: 0;
		float:right
	}
	.variations_button .custom_single_buynow_button {
    margin-bottom: 0;
		float:left;
    margin-top: 15px;
}
}

.product-top-row .onsale{
	display: none;
}


/*-- Product detail page ends ---*/
.error404 .fourohfour-columns-2, .error404 .fourohfour-columns-2 + section {
	display:none !important;
}
.mrg_mobile_top, #MrgcloseFilter {
	display:none;
}
.mrg_prd_back, .mrg_prd_back:hover {
	padding: 0;
        background-color: transparent;
		background:none;
		border:none;
	margin-bottom:10px;
}
@media (min-width: 768px) {
body:has(.mrg_myaccount_form) .site-content {
	padding-top:90px;
}
}
@media (max-width: 767px) {
body.page-id-2401 {
    background-color: #E3E6E6 !important;
}
	.mrg_search_results_top {
		display:none !important;
	}
	.sf_search_grid {
   gap: 15px 8px;
}
	.custom-related-products-grid {
		gap: 5px 8px;
	}
	.custom-related-products-grid .custom-related-product {
		width:calc(50% - 4px);
		max-width:calc(50% - 4px);
	}
	.sf_search_grid article {
    margin-bottom: 0;
	width:calc(50% - 4px);
}
	.mrg_mobile_top {
		display:flex;
		justify-content:space-between;
		gap:10px;
		width:100%;
	}
	#MrgtoggleSidebar, #MrgtoggleSidebar:hover {
		display:flex;
		gap:5px;
		padding: 0;
        background-color: transparent;
		background:none;
		border:none;
		align-items: center;
		font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	}
	#MrgcloseFilter + [data-elementor-type="wp-post"] {
		margin-top:15px;
		padding-top:20px;
	}
	.MrgSearchTitle {
		display:flex;
		gap:5px;
		font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
	}
	#MrgcloseFilter, #MrgcloseFilter:hover {
		display:flex;
		gap:5px;
		width:100%;
		padding: 0 10px 15px 10px;
        background-color: transparent;
		background:none;
		border:none;
		border-bottom:1px solid var(--e-global-color-5c981a7);
		align-items: center;
		font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
		justify-content: end;
	}
	/* Basic sidebar styles */
#secondary {
    position: fixed;
    top: 0;
    right: -80%; /* Hide it off the screen initially */
    width: 80%; /* Width of the sidebar */
    height: 100%; /* Full height of the screen */
    background-color: #fff; /* Background color */
    transition: right 0.3s ease-in-out; /* Smooth slide transition */
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5); /* Optional shadow */
    z-index: 1000; /* Ensure it stays above other content */
}

/* When the sidebar is active (visible) */
#secondary.active {
    right: 0; /* Slide in from the right */
	overflow-y: scroll;
}
	.sf_search_wrapper > [data-elementor-type="wp-post"] {
		display:none !important;
	}
	
}
.wc-block-components-sidebar {
    padding-left: 0;
    width: 100%;
    background-color: #fff;
    margin-left: 0;
	padding:20px;
	margin-top:0 !important;
}
	.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0;
    width: 100%;
		background-color: #fff;
		margin-bottom:20px;
		padding:20px;
}
@media (min-width: 768px) {
    .left-sidebar .widget-area {
        width: 16%;
        margin-right: 2%;
    }
	    .left-sidebar .content-area {
        width: 82%;
    }
	.wc-block-components-sidebar {
    padding-left: 0;
    width: 36% !important;
    background-color: #fff;
    margin-left: 2.2641509434%;
}
	.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 61% !important;
		background-color: #fff;
}
}
.woocommerce-cart-form__cart-item {
    display:flex;
    flex-direction:column;
    gap:10px;
	position:relative;
	justify-content: center;
	margin-top:50px;
	padding-bottom:70px;
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-cart-form__cart-item .product-subtotal {
    display:none !important;
}
.woocommerce-cart-form > h2, .cart-collaterals .cart_totals > h2 {
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-5a1f744-font-family), Sans-serif;
    font-size: 24px;
    font-weight: var(--e-global-typography-5a1f744-font-weight);
    line-height: var(--e-global-typography-5a1f744-line-height);
	width:100%;
}
.woocommerce-cart-form > h2 span {
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-7798a6e-font-family), Sans-serif;
    font-size: var(--e-global-typography-7798a6e-font-size);
    font-weight: var(--e-global-typography-7798a6e-font-weight);
    line-height: var(--e-global-typography-7798a6e-line-height);
	float:right;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
	margin-top:23px;
	border:none;
	margin-bottom:0;
}
.woocommerce-cart-form__cart-item .product-remove a.remove::before {
    content: '' !important;
    background: url(assets/images/cart_remove.svg);
    background-size: 146px 25px;
    width: 146px;
    height: 25px;
    background-repeat:no-repeat;
}
.woocommerce-cart-form__cart-item .product-remove a.remove {
   width: 146px;
    height: 25px;
}
.product-remove {
     background-color: transparent !important;
}
table.cart .product-thumbnail {
   max-width: 35% !important;
	background-color: var(--e-global-color-d8eb343) !important;
    padding: 28px 0px 28px 0px !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-5c981a7);
    min-height:210px;
}
table.cart .product-thumbnail img {
   max-width: 35% !important;
    height: 100%;
	object-fit:cover;
}
.quantity {
    display: flex;
    align-items: center;
    gap:0;
}

.quantity .minus, .quantity .plus {
    background-color: #fff;
    border: 1px solid var(--e-global-color-5c981a7);
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    font-size: 20px;
    color: #333;
}
.quantity .plus {
    border-left:none;
}
.quantity .minus {
    border-right:none;
}
.quantity .qty {
    width: 50px;
    text-align: center;
    height: 38px;
   border: 1px solid var(--e-global-color-5c981a7);
    margin: 0;
    line-height: 38px;
      background-color: #fff;
      border-radius:0;
      box-shadow:none;
}
.product-name, .product-name a {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-8e7336d-font-family), Sans-serif;
    font-size: var(--e-global-typography-8e7336d-font-size);
    font-weight: var(--e-global-typography-8e7336d-font-weight);
    line-height: var(--e-global-typography-8e7336d-line-height);
	text-decoration:none !important;
}
.product-price, .product-price span {
    color: var(--e-global-color-primary);
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.cart_cats {
	display:none;
}
.woocommerce-cart .cart-collaterals .cart_totals th {
    color: var(--e-global-color-badd2e8);
    font-family: var(--e-global-typography-7798a6e-font-family), Sans-serif;
    font-size: var(--e-global-typography-7798a6e-font-size);
    font-weight: var(--e-global-typography-7798a6e-font-weight);
    line-height: var(--e-global-typography-7798a6e-line-height);
    text-align: left !important;
	padding:7px 0;
	background-color:transparent;
}
.woocommerce-cart .cart-collaterals .cart_totals td, .woocommerce-cart .cart-collaterals .cart_totals td span {
	color: var(--e-global-color-badd2e8) !important;
    font-family: var(--e-global-typography-7798a6e-font-family), Sans-serif;
    font-size: var(--e-global-typography-7798a6e-font-size);
    font-weight: var(--e-global-typography-7798a6e-font-weight) !important;
    line-height: var(--e-global-typography-7798a6e-line-height);
	padding:7px 0;
	background-color:transparent;
	text-align: right !important;
}
.wc-proceed-to-checkout .button.checkout-button {
    font-size: 1.41575em;
    background-color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-03970e9-font-family), Sans-serif;
    font-size: var(--e-global-typography-03970e9-font-size);
    font-weight: var(--e-global-typography-03970e9-font-weight);
    line-height: var(--e-global-typography-03970e9-line-height);
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    padding: 10px 20px 10px 20px;
}

.woocommerce-cart-form__cart-item td.product-checkbox {
    position: absolute; 
    padding-left: 0 !important;
    background-color: transparent;
    z-index: 1;
}
 

.woocommerce-cart-form__cart-item td.product-checkbox {
    position: absolute;
    webkit-transform: unset; 
    -moz-transform: unset;
    -ms-transform: unset;
    transform: unset;
    padding-left: 0 !important;
    background-color: transparent;
} */
/*@media (min-width: 768px) {*/
	.cart_cats a { 
	    pointer-events: none;
cursor:none;
	color: var(--e-global-color-b8affd0);
    font-family: var(--e-global-typography-db5a859-font-family), Sans-serif;
    font-size: var(--e-global-typography-db5a859-font-size);
    font-weight: var(--e-global-typography-db5a859-font-weight);
    line-height: var(--e-global-typography-db5a859-line-height);
	text-decoration:none;
}
.woocommerce-cart-form__cart-item td:not(.product-thumbnail) {
	padding: 0 !important;
	padding-left: 31.5% !important;
}
	td.product-thumbnail {
	position: absolute;
    width: 25% !important;
	background-color: var(--e-global-color-d8eb343) !important;
    padding: 28px 0px 28px 0px !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-5c981a7);
    min-height:210px;
    display: flex !important;
	left:4%;
	top:0;
}
table:not( .has-background ) tbody tr:nth-child(2n) td:not(.product-thumbnail), fieldset, fieldset legend, table:not( .has-background ) tbody td {
    background-color: transparent !important;
}
.cart_cats a {
    text-decoration:none !important;
	color: var(--e-global-color-text);
}
/* 	.woocommerce-cart-form__cart-item td.product-checkbox {
	position:absolute;
	top:50%;
	webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding-left:0 !important;
} */
	.cart_cats {
	display:block;
	color: var(--e-global-color-b8affd0);
    font-family: var(--e-global-typography-db5a859-font-family), Sans-serif;
    font-size: var(--e-global-typography-db5a859-font-size);
    font-weight: var(--e-global-typography-db5a859-font-weight);
    line-height: var(--e-global-typography-db5a859-line-height);
	margin-bottom: 8px;
}

/*}*/
@media (max-width: 767px) {
	.woocommerce-cart-form__cart-item {
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}
	.woocommerce-cart-form__cart-item td:not(.product-thumbnail) {
    padding-left: 45% !important;
    text-align: left;
		flex-basis:100%;
}
	table.cart .product-thumbnail {
		padding:15px 0 !important;
		max-height: 100px;
        min-height: 100px;
		top:0;
		left:0;
	}
	table.cart .product-thumbnail img {
		/*max-height: 100px;
        min-height: 100px;*/
	}
	table.cart .product-quantity .plus, table.cart .product-quantity .minus {
    display: inline;
}
table.shop_table_responsive tr td[data-title]::before {
    content: none;
}
	.woocommerce-cart-form__cart-item {
    /*flex-direction: row;
   flex-wrap: wrap;*/
}
	td.product-thumbnail {
    width: 35% !important;
	}
	table.cart {
    margin-bottom: 0;
}
	.woocommerce-cart-form__cart-item td.product-quantity, .woocommerce-cart-form__cart-item td.product-remove {
		padding-left:0 !important
	}
	body.woocommerce-cart .custom-cart-items form.woocommerce-cart-form {
    flex-basis: 100%;
}
	.cart_cats {
	display:none;
}
/* 	.woocommerce-cart-form__cart-item td.product-checkbox {
	    position: absolute;
    top: -10px;
        left: 7px;
    webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    transform: unset;
    padding-left: 0 !important;
    background-color: transparent;
		z-index:1;
} */
	table.cart td.product-remove a.remove {
    position: relative;
     top: 0;
    right: 0;
}
	    .woocommerce-cart-form__cart-item td.product-quantity {
        
			flex-basis: 22%;
    }
/* 	 .woocommerce-cart-form__cart-item td.product-remove {
        margin-top: 16%;    }  */
	.woocommerce-cart .cart-collaterals .cart_totals tr {
		display: flex;
    flex-direction: row;
	}
	.woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td {
		display:inline-block;
		flex:1;
	}
	body.woocommerce-cart .custom-cart-items {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 0;
}
}
.woocommerce-privacy-policy-text {
    display: none !important;
}
p.vendor-customer-registration {
    display: flex;
}
p.vendor-customer-registration .radio {
    display: flex;
    gap: 5px;
}
/*-- dokan custom style --*/
.dokan-dashboard .col-full:not(:has(#dokan-secondary)), #dokan-secondary, #dokan-primary {
     background-color: #fff;
    padding: 30px;
}
@media (min-width: 1000px) {
    .dokan-store-wrap .dokan-store-sidebar {
        flex: 0 1 36%;
        margin-right:1% !important;
    }
    
}
.product-name dl.variation {
    display:none !important;
}
#breadcrumbs {
    display:none !important;
}
 ul.products li.product .woocommerce-LoopProduct-link  {
    display:flex;
    flex-direction:column;
    gap:5px;
    border:none;
     background-color: transparent;
}
ul.products li.product .woocommerce-LoopProduct-link .mrg_image_wrapper {
    order:-1;
}
ul.products li.product .woocommerce-LoopProduct-link h2 {
    margin:0;
}
ul.products li.product .woocommerce-LoopProduct-link img {
    order:-2;
    border: 1px solid var(--e-global-color-5c981a7);
    background-color: var(--e-global-color-d8eb343);
    padding: 15px 0;
    margin-bottom:0;
}
 ul.products li.product .woocommerce-LoopProduct-link .ratting_custom,  ul.products li.product .woocommerce-LoopProduct-link .price, ul.products li.product .woocommerce-LoopProduct-link .mrg_image_wrapper {
     background-color: #fff;
    padding: 0;
    margin-bottom:0;
 }
 ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
      display: none !important;
 }
.postid-8209 {
	background-color:#000 !important;
}
.pagination {
    text-align: center;
    margin-top: 20px;
	margin:auto;
	border:none;
}

.pagination a, .pagination span {
    padding: 5px 10px;
    margin: 0 5px;
    text-decoration: none;
    background-color: #f1f1f1;
    border-radius: 3px;
	color: #000000;
}

.pagination .current {
    background-color: #000000;
    color: white;
}

.pagination a:hover {
    background-color: #000000;
    color: white;
}
.wc-block-components-totals-shipping, .calculated_shipping .shipping, .mailpoet_required {
/*	display:none !important; */
 }


/* Filter left side fillter setting  */
.facet-filter:has(.facetwp-facet:empty){
	
	display:none !important;
	
}



body.search-no-results #secondary{
	display:none !important;
	
}

.facetwp-facet{
	
	margin-bottom:0px !important;
}

.facet-filter.tag-filter p {
	
	margin:0px !important;
}

.facet-filter.category-filter p {
	
	margin:0px !important;
}

.facet-filter.gender-filter p {
	
	margin:0px !important;
}

.facet-filter.material-filter p {
	
	margin:0px !important;
}

.facet-filter.Clothing-material-filter p {
	
	margin:0px !important;
}

.facet-filter.Design-filter p {
	
	margin:0px !important;
}


.facet-filter.Font-filter p {
	
	margin:0px !important;
}

.facet-filter.pages-filter p {
	
	margin:0px !important;
}


/* Filter checkbox new icon  */

.facetwp-checkbox {
	background: url('https://merage.co.uk/wp-content/uploads/2025/01/checkbox-uncheck-1.png') !important;
	background-repeat: no-repeat !important;
	padding-left: 30px !important;
	margin-bottom: 7px !important;
	position: relative !important;
	background-position: 0px center !important;
}


.facetwp-checkbox.checked {
	
	background: url('https://merage.co.uk/wp-content/uploads/2025/01/checkbox-tick-1.png') !important;
	background-repeat: no-repeat !important;
	position: relative !important;
	background-position: 0px center !important;
	
	
}

/* color filter styling start from here  */
/* Style the color swatch container */
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #ddd;
    transition: border-color 0.3s ease, border-width 0.3s ease;
    box-sizing: border-box;
    padding: 0;
    line-height: 1;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Hide the original checkbox input and label */
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox input[type="checkbox"],
.facet-filter.color-filter .facetwp-facet-color label {
    display: none;
}

/* Style the inner color circle */
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox .facetwp-display-value {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* Apply background colors */
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="black"] .facetwp-display-value {
    background-color: #000000;
}
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="blue"] .facetwp-display-value {
    background-color: #0000FF;
}
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="cherry"] .facetwp-display-value {
    background-color: #DE3163;
}
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="golden"] .facetwp-display-value {
    background-color: #FFD700;
}
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="red"] .facetwp-display-value {
    background-color: #FF0000;
}
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="silver"] .facetwp-display-value {
    background-color: #C0C0C0;
}
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="white"] .facetwp-display-value {
    background-color: #FFFFFF;
}
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="yellow"] .facetwp-display-value {
    background-color: #FFFF00;
}

.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox[data-value="purple"] .facetwp-display-value {
    background-color: #9370db;
}

/* Hover effect */
.facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox:hover {
    opacity: 0.7;
}

/* Selected state styling - THICKER BORDER - VERY HIGH SPECIFICITY */
body .facet-filter.color-filter .facetwp-facet-color .facetwp-checkbox.selected {
    border: 3px solid #000 !important;
}
/* color filter styling ends from here  */


/* Remove border and background from the slider container (noUi-target) */
.facet-filter.price-filter .facetwp-slider.noUi-target {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Style the slider track */
.facet-filter.price-filter .facetwp-slider .noUi-base {
    background-color: #ddd !important;
    height: 8px;
    border-radius: 4px;
}

/* Style the selected range on the track */
.facet-filter.price-filter .facetwp-slider .noUi-connect {
    background-color: #000 !important;
    height: 8px;
    border-radius: 4px;
}

/* Style the slider handles */
.facet-filter.price-filter .facetwp-slider .noUi-handle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 7px solid #000; /* Outer black border */
    background-color: #fff; /* White fill */
    position: absolute;
    cursor: pointer;
    transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; /* Include border-color in transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    top: -10px; /* Adjust vertical positioning for better centering */
}


/* Hover effect for the slider handles */
.facet-filter.price-filter .facetwp-slider .noUi-handle:hover {
    transform: scale(1.2);
    background-color: #eee; /* Slightly lighter background on hover */
    border-color: #333; /* Darker border on hover */
}

/* Active state of the handle */
.facet-filter.price-filter .facetwp-slider .noUi-handle.noUi-active {
    background-color: #ddd; /* Even lighter background when active */
    border-color: #555; /* Slightly lighter border when active */
    transform: scale(1.3); /* Slightly larger when active */
}

/* Adjust spacing for the slider container */
.facet-filter.price-filter .facetwp-slider.noUi-horizontal {
    padding: 0 10px;
}

/* Hide the default noUi-handle-lower and noUi-handle-upper elements for better control*/
.facet-filter.price-filter .facetwp-slider .noUi-handle:before,
.facet-filter.price-filter .facetwp-slider .noUi-handle:after {
    display: none;
}

.facet-filter.price-filter .facetwp-slider-label::before {
    content: "£";
    margin-right: 2px; /* Adjust spacing as needed */
}

input.facetwp-slider-reset.facetwp-hidden {
	
	margin-top: 20px;
}

span.facetwp-slider-label {
	
	font-size: 20px;
	font-weight: 500;
}

/* Search Filter dropdown icon  and other styling size etc*/


span.facetwp-expand {
    font-size: 0px;
}



.facetwp-checkbox {
    position: relative;
}

span.facetwp-expand {
    position: absolute;
    right: 10px;
}

span.facetwp-display-value {
    font-size: 1.07rem;
    font-weight: 500;
}

span.facetwp-counter {
    display: none;
}
span.facetwp-expand {
    position: relative; 
}

span.facetwp-expand:before,
span.facetwp-expand:after {
    content: ''; 
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); 
    display: block;
    width: 16px; 
    height: 16px; 
}

span.facetwp-expand:before {
    content: url(https://merage.co.uk/wp-content/uploads/2025/01/Down-icon.png); 
}

span.facetwp-expand:after {
    content: url(https://merage.co.uk/wp-content/uploads/2025/01/Up-icon.png); 
    visibility: hidden; 
}

span.facetwp-expand.active:after {
    visibility: visible; 
}

span.facetwp-expand.active:before {
    visibility: hidden; 
}


/* Search Filter dropdown icon  end here  */


/* Size filter setting*/

/* Remove the background image for the size filter only */
.facetwp-facet-size .facetwp-checkbox {
    background: none !important;
}

/* Style the size filter buttons */
.facetwp-facet-size .facetwp-checkbox {
    display: inline-block;
    padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px !important;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease; /* Transition all properties for smoother effect */
}

/* Style the text inside the button */
.facetwp-facet-size .facetwp-checkbox .facetwp-display-value {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    transition: font-weight 0.3s ease;
}

/* Hover effect for the buttons (CORRECTED) */
.facetwp-facet-size .facetwp-checkbox:hover {
    border-color: #000; /* Change border color on parent hover */
}

.facetwp-facet-size .facetwp-checkbox:hover .facetwp-display-value {
    font-weight: 600; /* Target the text directly */
}

/* Active state when size is selected (click) */
.facetwp-facet-size .facetwp-checkbox.selected {
    background-color: #3FE5B3;
    border-color: #3FE5B3; /* Consistent border color */
}
.facetwp-facet-size .facetwp-checkbox.selected .facetwp-display-value {
    color: #fff;
    font-weight: 700;
}


/* Improve border focus after selecting an option */
.facetwp-facet-size .facetwp-checkbox:focus {
    outline: none;
    border-color: #3FE5B3;
}

@media (max-width: 768px) {
 
span.facetwp-display-value {
		
		font-size: 0.8rem;
	}
	
	div#block-15 {
		
		padding-left: 15px;
	}
	
	
	div#block-15 h4 {
		
		font-size: 16px !important;
	}
	
	.facet-filter.price-filter .facetwp-slider .noUi-handle {
		
		width: 20px;
		height: 20px;
		border: 4px solid #000;
	}
	
	.facet-filter.price-filter .facetwp-slider .noUi-base {
		
		background-color: #ddd !important;
        height: 5px;
        border-radius: 4px;
		
	}
	
	
}


/* footer subscribe our news letter */

#mailpoet_form_3 .mailpoet_submit {
	
	display: none;
	
}

#mailpoet_form_3, .mc4wp-form {
    width: 100% !important;
	border:none !important;
}

.mc4wp-form input, input#form_email_3 {
	padding-left: 0px !important;
    background-color: black !important;
    font-size: 16px !important;
    border-bottom: 2px solid #fff;
	color: white !important;
	width:100%;

}

.mc4wp-form input::placeholder, #mailpoet_form_3 .mailpoet_text::placeholder{
	color:#fff !important;
}

.elementor-element.elementor-element-86cdea1.e-con-full.e-flex.e-con.e-child  {
	
	padding-top: 0px !important;
}

#mailpoet_form_3 form.mailpoet_form {
	
	padding-bottom: 0px !important;
}

#mailpoet_form_3 .mailpoet_text {
	
	background-image: url('https://merage.co.uk/wp-content/uploads/2025/01/email-icon.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right:60px !important;
}

/* footer subscribe our news letter end here */



/* header Search Styling starts here */

/* Search Form Styling */

.styled-search-form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

/* Search Wrapper */
.search-wrapper {
    display: flex;
    align-items: center;
    height: 70px;
    background-color: transparent;
    border-radius: 6px;
    width: 85%;
    max-width: 700px;
}

.search-wrapper > * {
    border-radius: 0;
    box-shadow: none;
}

/* Dropdown Container */
.dropdown-container {
    display: flex;
    align-items: center;
    background-color: #eeeeee;
    position: relative;
    border-radius: 6px 0 0 6px;
}

.dropdown-container select {
    border: none;
    padding: 12px 14px;
    background-color: #eeeeee;
    color: black;
    appearance: none;
    font-size: 16px;
    cursor: pointer;
    border-radius: 6px 0 0 6px; 
    font-family: Montserrat;
    width: 150px;
    height: 50px;
}

.dropdown-container select:focus {
    outline: none;
    border: none;
}

.dropdown-container::after {
    content: "\25BC"; 
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #555;
    pointer-events: none;
}

/* Search Container */
.search-container {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
    overflow: visible;  /* Allow dropdown to overflow */
}



/* Search Field */
.search-field {
    border: none;
    padding: 12px 15px;
    width: 100%;
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: #555;
    background-color: white !important;
    height: 50px;
	border-radius: 0px !important;
}



.search-field:focus {
    outline: none;
    background-color: #f4f4f4;
	border-radius: 0px !important;
}

/* Search Button */
.search-button {
    border: none;
    padding: 12px 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    background-color: #eeeeee;
    color: white;
    height: 50px;
    font-size: 16px;
    border-radius: 0 6px 6px 0;
}

.search-button i {
    font-size: 18px;
    color: #000; 
}

.search-button:hover {
    background-color: #ffbd59;
}

/* Icon */
.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
}

/* Autocomplete Results */
#autocomplete-results, .autocomplete-results {
    position: absolute;
    top: 100%; /* Ensure dropdown appears directly below the search field */
    left: 0;
    background-color: white;
    max-height: 400px;
    overflow-y: auto;
    width: 100%; /* Ensure it spans the width of the search container */
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

/* Style each suggestion item */
.autocomplete-item {
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
	font-size: 1rem;
}

.autocomplete-item:last-child {
    border-bottom: none;
}

.autocomplete-item:hover {
    background-color: #f0f0f0;
}

@media (max-width: 768px) {
    /* Ensure all elements align in one row */
    .search-wrapper {
        flex-wrap: nowrap; /* Prevent wrapping */
        width: 95%; /* Utilize full width */
        max-width: none; /* Remove max-width constraint */
        padding: 0 10px; /* Add padding for better spacing */
        height: auto; /* Adjust height */
    }

    .dropdown-container {
        width: 25%; /* Proportion for dropdown */
        min-width: 80px; /* Ensure dropdown has a minimum width */
    }

    .dropdown-container select {
        font-size: 12px; /* Adjust font size for smaller screens */
        height: 35px; /* Reduce height */
		padding: 6px 14px;
		border-radius: 4px 0 0 4px;
    }

    .search-container {
        flex: 1; /* Allow the text field to take remaining space */
        width: 50%;
    }

    .search-field {
        font-size: 14px; /* Adjust font size */
        height: 35px; /* Match the dropdown and button height */
    }

    .search-button {
        width: 20%; /* Adjust button width */
        height: 35px; /* Match other elements */
		padding: 0px;
		border-radius: 0 4px 4px 0;
    }

    .search-button i {
        font-size: 16px; /* Adjust icon size */
    }
	
	.single-product select {
		
		min-height: 35px !important;
	}
}


/* single page buy now button and whishlist button temperary off from here */ 

.custom_single_buynow_button {
	
	display: none;
	
}

.wishlist_custom_btn  {
	
	display: none;
}

.single-product div.product form.cart button[name="add-to-cart"], .single_add_to_cart_button {
	
	width: 85%;
	/* background-color: #000 !important; */
	color: black !important;
	margin-top: 20px !important;
}

@media (max-width: 768px) {
	
	.single-product div.product form.cart button[name="add-to-cart"], .single_add_to_cart_button {
		
		display: block !important;
		
	}
	
	
}


/* header merage logo size */ 

#merage-logo-header .elementor-widget-container h2.elementor-heading-title a {
    font-size: inherit !important;
}


/* contact us form */ 

.wpforms-submit {
    background-color: #000 !important; /* Change this to your desired color */
}
.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder,
.wpforms-form input[type="text"]::placeholder,
.wpforms-form input[type="email"]::placeholder,
.wpforms-form input[type="tel"]::placeholder,
.wpforms-form input[type="password"]::placeholder,
.wpforms-form textarea::placeholder {
    color: #000 !important; /* Change to your preferred color */
    opacity: 1 !important;
}

.wpforms-field-container input,
.wpforms-field-container textarea {
    border: 1px solid #dadada  !important;
}

/* Adjust placeholder padding */
.wpforms-field-container input,
.wpforms-field-container textarea {
    padding-left: 9px !important;
}



/* Empty cart styling  */ 

.empty-cart-container {
    width: 100%;
    background-color: #fff; /* Light gray background */
    border: 1px solid #ddd; /* Border around the container */
    border-radius: 18px;
    padding: 40px 20px 80px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.empty-cart-content {
    max-width: 900px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.empty-cart-image {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    width: 100%;
}

.empty-cart-image img {
    width: 250px; /* Adjust image size */
    margin: 0 auto; /* Ensures centering */
    display: block; /* Removes extra spacing */
}


.empty-cart-content h2 {
    font-size: 18px;
    color: #000 !important;
	margin-top:60px;
	font-weight:400;
	width:65%;
	text-align:left
		
}

.empty-cart-content p {
    font-size: 18px;
    color: #000;
	font-weight:400;
    margin-bottom: 20px;
	width:65%;
	line-height: auto;
	margin-top: 20px;
	text-align: left;
	
}

.empty-cart-buttons {
    display: flex;
    justify-content: center;
    gap: 50px; /* Increased gap for better spacing */
    margin-top: 50px;
}

.cart-btn {
    width: 230px; /* Increased width */
    height: 220px; /* Increased height */
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    font-size: 18px; /* Increased font size */
    font-weight: bold;
    color: #333;
    transition: all 0.3s ease;
    text-align: center;
    padding: 15px; /* More padding for better spacing */
}

.cart-btn img {
    width: auto;
    height: auto;
	
}

.cart-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}

.cart-btn span {
    font-size: 18px; 
    color: #000;
	text-decoration:none !important;
	margin-top: 15px;
}
.empty-cart-buttons .cart-btn home-btn a{
	text-decoration:none !important;
}

@media (max-width: 768px) {
	.empty-cart-content p {
 
	width:85%;
		text-align: center;
}
 
}

/* Empty cart styling end here  */ 


 /* cart  */
.woocommerce-cart-form__cart-item td.product-name {
    text-align: left;
    position: relative;
}

.custom-price-container {
    position: absolute; 
    right: 0;
    top: 0;
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

@media (max-width: 768px) {
	.custom-price-container {
    position: static !important;
}
	
}
.cart_cats{
	margin-top:-20px
}


.woocommerce-product-details__full-description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* product detail page styling */ 
/* out of stock button start */

.single_add_to_cart_button.button.alt{
	padding: 0px;	
}
/* out of stock button end */

/* hiding add to cart button in middle section detail page  */
.single-product div.product form.cart {
	margin-bottom: 1.618em;
    padding: 1em 0;
}

/* hiding button end */

/* hiding button google pay  */
#wc-stripe-express-checkout-element{
	display: none !important;
}
/* hiding button google pay end */


/* description in 2nd column detail page margin adjustment */

ul.a-unordered-list.a-vertical.a-spacing-mini{
	margin: 10px 0px 0px 20px;
}

.short-text p{
	margin-top: 10px;
}
/* description in 2nd column detail page margin adjustment end  */

.summary svg{
	margin-top: 10px;
}
@media (min-width: 768px) {
    .product-top-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 90px;
    }

    .single-product div.product .woocommerce-product-gallery {
        width: 60% !important;
        order: 1; /* Set the order for the gallery */
    }

    .single-product div.product .summary {
        order: 2; /* Set the order for the summary */
    }

    .custom-buy-box {
        width: 25% !important;
        max-width: 350px;
        border: 1px solid #ddd;
        padding: 30px 30px !important;
        border-radius: 14px !important;
        background: #fff;
        align-self: flex-start;
        order: 3; /* Set order to move it to the end */
        text-align: left;
    }

    .buy-box-price {
        font-size: 26px !important;
        color: #000;
        margin-bottom: 10px;
    }

    .buy-box-stock {
        font-weight: bold;
        margin-bottom: 10px;
			font-size:18px !important;
    }

    .in-stock {
        color: green;
    }

    .out-of-stock {
        color: red;
    }

    .buy-box-quantity {
        margin-bottom: 10px;
    }

    .buy-box-quantity label {
        font-weight: bold;
    }

    .buy-box-quantity select {
        width: 100%;
        padding: 5px;
        font-size: 16px;
    }

    .buy-box-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
    }

    .add-to-trolley-btn, .buy-now-btn {
        display: block;
        text-align: center;
        padding: 12px;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 50px !important;
    }

    .add-to-trolley-btn {
        background-color: #feb701 !important;
        color: #000 !important;
        border: 1px solid #FCD200;
    }

    .buy-now-btn {
        background-color: #FFA41C;
        color: #000 !important;
        border: 1px solid #E47911;
    }

    .buy-box-shipping, .buy-box-payment {
        font-size: 14px;
        margin-bottom: 5px;
    }
}



/* product detail page attribute styling */ 

.formatted-attributes {
    margin-top: 15px;
}

.formatted-attributes div {
    margin-bottom: 5px; /* Spacing between attributes */
}

/*
.summary .dokan-custom-field{
	
	display: none;
}   */



/*  MC4WP  form response message styling start   */
 
.mc4wp-alert.mc4wp-success{
	background-color: white;
	padding: 15px 12px 1px 12px;
	border-radius:4px;
	color: green;
	font-weight: medium;
}

.mc4wp-alert.mc4wp-error{
	background-color: white;
	padding: 15px 12px 1px 12px;
	border-radius:4px;
	color: red;
	font-weight: medium;
}

.mc4wp-alert.mc4wp-notice{
	background-color: white;
	padding: 15px 12px 1px 12px;
	border-radius:4px;
	color: orange;
	font-weight: medium;
}

/* Reordering of image div , product detail div and buy boxon obile product detail page  */

@media (max-width: 768px) {
  .product-top-row {
    display: flex;
    flex-direction: column;
  }

  .product-top-row .woocommerce-product-gallery {
    order: 1;
  }

  .product-top-row .summary.entry-summary {
    order: 2;
  }

  .product-top-row .custom-buy-box {
    order: 3;
  }
}

/* hide thumbnail images on mobile and show left right arrow */

@media (max-width: 768px) {
  /* Hide thumbnail nav */
  .flex-control-nav.flex-control-thumbs {
    display: none !important;
  }

  /* Show nav arrows */
  .woocommerce-product-gallery .flex-direction-nav {
    display: block !important;
  }

  /* Arrow button styles */
  .woocommerce-product-gallery .flex-direction-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 18px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-indent: -9999px; /* Hide actual text */
    overflow: hidden;
  }

  /* Add arrows with ::before content */
  .woocommerce-product-gallery .flex-direction-nav .flex-prev::before,
  .woocommerce-product-gallery .flex-direction-nav .flex-next::before {
    content: '';
    display: block;
    font-size: 18px;
    color: #333;
    text-indent: 0;
    position: relative;
  }

  .woocommerce-product-gallery .flex-direction-nav .flex-prev::before {
    content: '<';
  }

  .woocommerce-product-gallery .flex-direction-nav .flex-next::before {
    content: '>';
  }

  /* Position */
  .woocommerce-product-gallery .flex-direction-nav .flex-prev {
    left: 10px;
  }

  .woocommerce-product-gallery .flex-direction-nav .flex-next {
    right: 10px;
  }
	.single-product div.product .images, .single-product div.product .summary, .single-product div.product .woocommerce-product-gallery{
		margin-bottom: 0px !important;
	}
	ul.flex-direction-nav {
    margin: 0px !important;
}
}
/* product detail page styling for mobile */ 

@media screen and (max-width: 768px) {
.single-product div.product table.variations {

    border-bottom: solid 1px #DFE2E6 !important;
    margin-bottom: 10px !important ;
}
}
@media screen and (max-width: 768px) {

p.buy-box-delivery {
	
	font-size: 16px !important;
	margin: 18px 0 !important;
}	
	
	a#custom-add-to-cart{
		
		color: black !important;
		border-radius: 50px !important;
	}
	
	.buy-box-vendor strong{
		
		font-size: 16px;
		
	}
	
	.buy-box-vendor span{
		font-size: 16px !important;
		
	}
	
	.buy-box-vendor a.policy-link.view-policy-link{
		font-size: 16px !important;
		line-height: 2px !important;
	}
	
}


/* 2*2 total 4 products on mobile for prduct detail page  */
@media (max-width: 767px) {
    .custom-related-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Hide products beyond the first 4 on mobile */
    .custom-related-product:nth-child(n+5) {
        display: none;
    }
}

/* product card background on mobile */ 
@media (max-width: 767px) {
	
	.custom-related-product-image{
		
		padding: 20px 0px;
	}
	
	.custom-related-product-details .store-name{

	font-size: 14px;
	}
	
	.custom-related-product-title{
		
		margin: 10px 0px;
	}

}

/* buy box on mobile style */ 
@media (max-width: 767px) {

	.custom-buy-box {
    margin: 15px;
    border: none !important; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) ;
    border-radius: 20px !important;
    padding: 30px !important;
}
	
}

/* product detail page heading - Product Details size */ 

.cart h4 {
    font-size: 21px !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {

	.cart h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
}
	
}

/* product detail page mobile responsive */ 

@media (max-width: 767px){
	
	h1.product_title.entry-title {
    font-size: 23px !important;
}
	
	span.product-desc {
    font-size: 18px !important;
}
	.shipping-text{
	
	font-size: 16px !important;
	font-weight: 700;
	
}
}

.shipping-text{
	
	font-size: 18px;
	font-weight: 700;
	
}

/* hide woo comerce default your cart empty message on cart page */ 

.cart-empty.woocommerce-info {
    display: none !important;
}

.woocommerce-message {
    margin-bottom: 20px !important;
}

/* header basket counter coun div width decrease */ 

.elementor-element.elementor-element-fb801ae.toggle-icon--bag-light.hfe-menu-cart--items-indicator-bubble.elementor-widget.elementor-widget-hfe-cart {
    width: 20px;
}

.elementor-element.elementor-element-4fa8cb7.toggle-icon--bag-light.hfe-menu-cart--items-indicator-bubble.elementor-widget.elementor-widget-hfe-cart {
    width: 20px;
}

/* cart/basket page right section styling */

.cart_totals{
	
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* soft shadow */
	
}

@media (max-width: 767px){
	span.compact-text{
		
		font-size: 12px !important;
	}
	
}

/* cart page right section styling */

.cart_summary_card h2{
	color: var(--e-global-color-badd2e8);
    font-family: "Montserrat", Sans-serif;
	font-size: 24px;
    font-weight: 700;
}
.order-total th {
    font-weight: 600 !important;
}
.order-total td span {
    font-weight: 700 !important;
}

.cart_total_card h2{
	color: var(--e-global-color-badd2e8);
    font-family: "Montserrat", Sans-serif;
	font-size: 24px;
    font-weight: 700;
}

select.shipping-country-dropdown {
    border-radius: 50px !important;
    margin-top: 15px;
}

table:not( .has-background ) th {
    background-color: #fff !important;
}

.shop_table th {
    padding-left: 5px !important;
}

td#grand-total-amount {
    padding-right: 0px;
}

td#total-shipping-amount {
	padding-right: 0px;
}



.product-detail-text {
    margin-top: 15px;
}

@media only screen and (max-width: 768px) {
    .shop_table_responsive tr th {
        display: table-cell !important;
        text-align: left;
        width: 50%;
    }
    .shop_table_responsive tr td {
        display: table-cell !important;
        text-align: right;
        width: 50%;
    }
	
	.cart_summary_card h2{
	font-size: 18px;
    font-weight: 700;
}

.cart_total_card h2{
	font-size: 18px;
    font-weight: 700;
}
	.cart_summary_card {
    margin-top: 25px;
		padding-bottom: 0px !important;
}
	.product-detail-text {
    margin-top: 3px !important;
}
	.coupon {
    display: none;
}

.product-summary-item strong {
    font-size: 14px;
}
	.product-detail-text span {
    font-size: 14px; /* Change to your desired size */
  }
	.shop_table_responsive th {
    font-size: 14px;
}
	.shop_table_responsive td {
    font-size: 14px;
}
	.woocommerce-cart-form__cart-item{
		
		padding-bottom: 20px !important;
	}
	body.woocommerce-cart .custom-cart-items form.woocommerce-cart-form{
		
		padding-bottom: 0px !important;
	}
	a.shipping-note-link {
    margin-bottom: 10px;
}
}

/* add to basket button hover effect */
  .add-to-cart-ajax {
    transition: all 0.3s ease;
  }

  .add-to-cart-ajax:hover {
    background: #FFA620 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

/* proceed to checkout button hover effect */
a.checkout-button.button.alt.wc-forward{
transition: all 0.3s ease;	
}

a.checkout-button.button.alt.wc-forward:hover{
background: #FFA620 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* proceed to checkout button hover effect end */


/* checkout page styling start here */
.wc-block-components-sidebar{
	padding: 0px !important;
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* soft shadow */
}
.wp-block-woocommerce-checkout-order-summary-block{
	
	border: none !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    display: none !important;
}

p.wc-block-components-checkout-order-summary__title-text {
    font-size: 24px;
	font-weight: 700 !important;
}

.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-large{
	padding: 10px !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-component{
	font-weight: 700 !important;
}

.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
    padding: 30px;
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* soft shadow */
	
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    border-radius: 50px;
	transition: all 0.3s ease;	
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
    background: #FFA620 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	color: var(--e-global-color-badd2e8);
}

.wc-block-components-text-input.wc-block-components-address-form__state {
    display: none;
}

.wc-block-components-text-input.wc-block-components-address-form__phone {
    display: none;
}

div#order-notes {
    display: none;
}

h2.wc-block-components-title.wc-block-components-checkout-step__title {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 500;
}

.woocommerce-notices-wrapper {
    width: 100% !important;
}


/* fieldset#shipping-option{
	
 	display: none !important; 
} */


/* classic checkout page styling */ 

#order_review_heading,#order_review{
	width: 100% !important;
}

.woocommerce-form-coupon-toggle {
    display: none;
}

.checkout-left p#wc-stripe-express-checkout-button-separator {
    display: none;
}

.woocommerce-additional-fields {
    display: none;
}
#wc-stripe-express-checkout-button-separator {
    display: none !important;
}

.woocommerce-billing-fields__field-wrapper {
    margin-top: 30px;
}

input#billing_email {
    background-color: white;
    border: 1px solid grey;
    border-radius: 4px;
}

input#billing_first_name{
	background-color: white;
    border: 1px solid grey;
    border-radius: 4px;
}

input#billing_last_name{
	background-color: white;
    border: 1px solid grey;
    border-radius: 4px;
}

input#billing_address_1{
	background-color: white;
    border: 1px solid grey;
    border-radius: 4px;
}

p#billing_address_2_field{
	background-color: white;
    border: 1px solid grey;
    border-radius: 4px;
}

input#billing_city{
	background-color: white;
    border: 1px solid grey;
    border-radius: 4px;
	
}

input#billing_state{
	background-color: white;
    border: 1px solid grey;
    border-radius: 4px;
}

input#billing_postcode{
	background-color: white;
    border: 1px solid grey;
	border-radius: 4px; }

input#billing_address_2 {
    background-color: white;
    border-radius: 4px;
}

p#billing_phone_field{
	display: none !important;
}

.select2-container--default .select2-selection--single {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
	padding-left: 8px !important;
  height: auto !important; /* allow the height to grow with padding */
  min-height: 40px; /* optional: set a minimum height */
  display: flex;
  align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important; /* reset padding inside */
  line-height: normal !important;
}

form.wc-block-components-form.wc-block-checkout__form {
    padding: 15px;
}

.woocommerce-billing-fields h3{
	font-size: 24px;
	font-weight: 700;
} 

#ship-to-different-address span{
	font-size: 24px;
	font-weight: 700;
}

input#shipping_first_name {
    background-color: #fff;
    border: 1px solid darkgrey;
    border-radius: 4px;
}

input#shipping_last_name{
	background-color: #fff;
    border: 1px solid darkgrey;
    border-radius: 4px;
}

input#shipping_address_1{
	background-color: #fff;
    border: 1px solid darkgrey;
    border-radius: 4px;
}

input#shipping_address_2{
	background-color: #fff;
    border: 1px solid darkgrey;
    border-radius: 4px;
}

input#shipping_city{
	background-color: #fff;
    border: 1px solid darkgrey;
    border-radius: 4px;
}

input#shipping_postcode{
	background-color: #fff;
    border: 1px solid darkgrey;
    border-radius: 4px;
}
.checkout-right {
    background-color: white;
    border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

div#order_review {
    background: #ffffff !important;
    border: none !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
}

h3#order_review_heading {
    padding-top: 25px;
    padding-left: 25px;
    font-size: 24px;
    font-weight: 700;
}

.shop_table th {
    padding-left: 0px !important;
}

table.woocommerce-checkout-review-order-table .product-name {
    width: 60% !important;
}

th.product-total {
    text-align: end;
}

td.product-total {
    text-align: end;
}

td.product-name {
    padding-left: 0px !important;
}

ul#shipping_method {
    text-align: end;
}

.order-total td {
    text-align: end;
}

.cart-subtotal td {
    padding-right: 25px;
    text-align: end;
}

p.woocommerce-shipping-contents {
    display: none;
}

.form-row.place-order{
	padding: 0px !important;
	background-color: none;
}

button#place_order {
    background-color : var(--e-global-color-primary);
	color: var(--e-global-color-badd2e8);
	border-radius: 100px;
	padding: 10px;
}

button#place_order:hover {
    background-color: #ffb545;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: var(--e-global-color-badd2e8);
}

@media only screen and (max-width: 768px) {
	
	.checkout-left {
    width: 100% !important;
}
	
	.woocommerce-billing-fields h3{
	font-size: 18px;
	font-weight: 600;
}
	
	#ship-to-different-address span{
	font-size: 18px;
	font-weight: 600;
}
	
	.checkout-right{
		width: 100% !important;
	}
	
	h3#order_review_heading {
    padding-top: 25px;
    padding-left: 25px;
    font-size: 18px;
    font-weight: 600;
}
	
	div#order_review{
		padding-top: 0px !important ;
	}
	
}

td.actions button {
    display: none;
}

main#main {
    margin-top: 40px;
}

/* Dokan vendor dashboard fields removed and hide */


.dokan-form-group.hide_if_grouped.hide_if_external {
    display: none !important;
}

/* thankyou page styling */

.woocommerce-order p{
	
	text-align: center;
	font-size: 20px;
}
/* Main Container */
.custom-thankyou-container {
    background: #fff;
    padding: 40px 80px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    margin-top: 20px;
	margin-left: 50px;
	margin-right: 50px;
}

/* Header Section */
.thankyou-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.thankyou-logo {
    width: 250px;
    height: auto;
}

/* Three Column Section */
.thankyou-three-columns {
    width: 100%;
    margin-top: 40px;
}

.thankyou-columns-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3%;
}

.thankyou-column-box {
    width: 28%;
    min-width: 250px;
    background: #ffffff;
    padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom:40px;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    margin-bottom: 20px;
}

.thankyou-column-box.centered {
    text-align: center;
}

.thankyou-column-box h3 {
	font-size: 22px;
	font-weight: 600;
    margin-top: 20px;
    color: #333;
	text-align: center;
	line-height: 1.5;
	
}

.thankyou-column-box p {
    color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
}

/* Newsletter Form */
.thankyou-newsletter-form {
    display: flex;
	flex-direction: column;
    gap: 10px;
}

.thankyou-newsletter-input {
    flex: 1;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.thankyou-newsletter-button {
    padding: 8px 15px;
    background: #333;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	margin-top: 15px;
}

/* Social Icons */
.thankyou-social-icon {
    display: inline-block;
    margin-top: 15px;
}

.thankyou-social-icon img {
    max-width: 150px;
    height: auto;
}

.thankyou-column-box.merage-logo h3 {
	font-size: 38px !important;
    font-weight: 500;
	margin-bottom: 50px !important;
	color: var(--e-global-color-primary) !important;
}

button.beyond-shop {
    background-color: var(--e-global-color-text);
    color: white;
    font-size: 18px;
    border-radius: 4px;
}

/* Only affects the MC4WP form inside the thankyou-column-box */
.thankyou-column-box .mc4wp-form input[type="email"] {
 background-color: white !important;
    color: #333 !important;
    border: 1px solid #efefef !important;
    padding: 10px;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.thankyou-column-box .mc4wp-form button[type="submit"] {
  background-color: #ffffff !important;
  color: #000 !important;
  border: none;
  padding: 10px 20px !important;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	width: 70% !important;
	border-radius: 16px !important;
}

.thankyou-column-box .mc4wp-form button[type="submit"]:hover {
  background-color: #e8a845 !important;
	border-radius: 16px !important;
}

.mc4wp-form-fields p{
	display: flex;
	justify-content: center;
}

@media (max-width: 768px) {
	
	.thankyou-column-box {
			width: 100%;
		}
	.thankyou-column-box h3{
		font-size: 18px;
		line-height: 1.5;
		margin-top: 0px;
	}
	
	.thankyou-social-icon img{
		max-width: 100px;
	}
	
	.thankyou-column-box .mc4wp-form input[type="email"],
  .thankyou-column-box .mc4wp-form button[type="submit"] {
    font-size: 14px;
  }
	
	.thankyou-column-box .mc4wp-form input[type="email"] {
    width: 75% !important;
}
	.thankyou-logo{
		width: 150px;
    height: auto;
	}
	
	
}

/* Order Details Box Shadow */
.order-details-box {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-top: 70px;
	margin-bottom: 40px;
    max-width: 100%;
}

.order-details-box .woocommerce-order-overview {
    padding: 0;
    list-style: none;
}

.order-details-box .woocommerce-order-overview li {
    margin-bottom: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.order-details-box .woocommerce-order-overview li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .order-details-box {
        padding: 15px;
    }
	.order-details-box {
    margin-top: 60px;
		margin-bottom: 60px;
}
	.thankyou-column-box .mc4wp-form input[type="email"] {
        width: 100% !important;
    }
	main#main {
    margin-top: 0px !important;
}
	
}

/* Keep existing thank you message styling */
.thankyou-message-wrapper {
    text-align: center;
    margin: 20px 0;
}

.thankyou-message-wrapper p.woocommerce-notice {
    display: inline-block;
    background: #ffffff;
    padding: 28px 45px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-size: 1em;
    font-weight: 700;
    color: #2e2e2e;
    margin: 0 auto;
}

.social-image-container {
    display: inline-block;
    padding: 10px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin: 10px 0;
}

.social-image-container img {
    display: block;
    max-width: 80px;
    height: auto;
}

/* Small adjustment for mobile */
@media (max-width: 768px) {
	.thankyou-column-box {
        width: 100%;
        margin-top: 50px;
    }
	h3.order-details-title{
		font-size: 20px;
	}
	
    .social-image-container {
        padding: 8px;
    }
    .social-image-container img {
        max-width: 60px;
    }
	.custom-thankyou-container{
		margin: 0px !important;
		padding: 20px !important;
	}
	h5.order-text {
    font-size: 14px;
    font-weight: 500;
}
	.thankyou-message-wrapper p.woocommerce-notice{
		padding: 20px;
		font-size: small;
	}
	.beyond-shop{
		font-size: 20px !important;
		
	}
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    background-color: #fff !important;
}

ul.order_details::before, ul.order_details::after{
	display: none !important;
}

ul.order_details {
    margin-top: 10px !important;
	margin-bottom: 10px !important;
}
h3.order-details-title {
    font-weight: 600;
	font-size: 24px;
}

.beyond-shop {
  display: inline-block; 
  padding: 28px 45px !important;     
  background-color: white; 
  border-radius: 14px;      
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
  font-weight: 600;
	font-size: 24px;
}

.social-image-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 40px;
	border-radius: 20px;
}

.social-image-shadow img{
	width: 80% !important;
}

.social-image-shadow a {
	display: flex !important;
	justify-content: center !important;
}
.thankyou-columns-container .thankyou-column-box .mc4wp-form,
.thankyou-columns-container .thankyou-column-box #mailpoet_form_3 {
    width: 100% !important;
    border: none !important;
    margin-top: 45px;
}

h5.order-text {
    font-size: 16px;
    font-weight: 500;
}

/* thank you page styling end from here */

/* //////////////////// */
/* ///////////// */
/* //////   */

/* about us 3 boxes styling */

.about-subscriber input[type="email"] {
    background-color: white !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    border: 1px solid #efefef;
    color: black !important;
}

.about-subscriber .mc4wp-form button[type="submit"] {
    background-color: #ffffff !important;
    color: #000 !important;
    border: none;
    padding: 10px 20px !important;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    width: 70% !important;
    border-radius: 16px !important;
	margin-top: 15px !important;
}

.about-subscriber .mc4wp-form button[type="submit"]:hover {
    background-color: var(--e-global-color-primary) !important;
    color: #000 !important;
}

.footer-subscriber .mc4wp-form-fields p {
    display: flex
;
    justify-content: flex-start;
}

/* cart count on mobile and tablet  =   basket (2)   */
.cart-count {
  display: inline-block;
  min-width: 20px;
  padding: 3px 3px;
  font-size: 9px;
  font-weight: 600;
  color: #000; /* Black text */
  background-color: var(--e-global-color-primary);
  border-radius: 100%;
  margin-left: 6px;
  line-height: 1.2;
  text-align: center;
}


/*  my account page styling */

.mrg_profile_pic {
    display: none;
}

.mrg_profile_text {
    display: none;
}

button.back-button {
    background-color: var(--e-global-color-primary);
}

.MyAccount-Main-Container {
    background: #fff; 
    padding: 30px;
	margin: 20px;
    border-radius: 14px; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
}

.woocommerce {
    border-radius: 20px;
}

h2.account-heading {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 35px !important;
}

/* hiding tabs/navigation basic info , order on my account page */
nav.woocommerce-MyAccount-navigation {
    display: none !important;
}

h2.elementor-heading-title.elementor-size-default {
    font-weight: 600 !important;
}

.link-box{
	text-decoration: none !important;
	}

.link-box a {
    font-size: 19px !important;
    font-weight: 600;
    text-decoration: none !important;
}

.woocommerce-MyAccount-content{
	padding: 30px !important;
	border-radius: 12px;
}

/* .woocommerce-MyAccount-content h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 30px !important; 
}  */

.account-content-heading {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 30px !important; 
}
@media (max-width: 768px) {
	
	.woocommerce {
    padding: 10px !important;
}
	
	.woocommerce-MyAccount-content {
     border-radius: 15px !important;
	 padding: 0px !important;
}
	
	.elementor-element.elementor-element-dd4548e.e-flex.e-con-boxed.e-con.e-child {
    padding: 0px !important;
}
	
	.elementor-element.elementor-element-fa5e27e.e-con-full.e-flex.e-con.e-child {
    margin: 0px !important;
}
	
	.elementor-element.elementor-element-d1b9b43.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    margin-top: 15px !important;
}
	
	
}

.woocommerce-MyAccount-content p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    display: none; 
}

button.button_save_pas {
    background-color: white !important;
    color: black !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

button.button_save_pas:hover {
    background-color: var(--e-global-color-primary) !important;
    color: #000 !important;
}


button.woocommerce-Button.button {
    background-color: white !important;
    color: black !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

button.woocommerce-Button.button:hover {
    background-color: var(--e-global-color-primary) !important;
    color: #000 !important;
}

.account-back-btn{
	margin-top: 20px;
	margin-bottom: 15px;
}

a.account-btn-back {
    text-decoration: none !important;
    background-color: white !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    color: black !important;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 14px;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

a.account-btn-back:hover {
    background-color: var(--e-global-color-primary) !important;  /* Change bg color on hover */
    color: #000 !important;            /* Change text color on hover */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* Slightly bigger shadow */
}

.woocommerce:has(>.woocommerce-MyAccount-navigation) {
	
	padding-left: 50px !important;
	padding-right: 50px !important;
	padding-top: 100px !important;
	padding-left: 50px !important;
	
}

@media (max-width: 768px) {
	
	.woocommerce:has(>.woocommerce-MyAccount-navigation){
		padding: 20px !important;
	}
	
	.woocommerce-MyAccount-content {
    padding: 20px !important;
}
	
a.account-btn-back {
    font-size: 12px;
}	
	
}

th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-number , th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-date , th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-status , th.woocommerce-orders-table__header.woocommerce-orders-table__header-dokan-shipment-status , th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total , th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions , th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-refund-items , th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-refunded_amount {
    background-color: #f5f5f5 !important;
	padding-left: 20px !important;
}
th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
    padding-left: 20px !important;
}

th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-number {
    padding-left: 20px !important;
}

@media (max-width: 768px) {
    /* Force show table header */
    .woocommerce-orders-table thead {
        display: table-header-group !important;
        visibility: visible !important;
    }

    .woocommerce-orders-table {
        display: block;
        overflow-x: auto;
        border-collapse: collapse;
        width: 100%;
    }

    .woocommerce-orders-table th,
    .woocommerce-orders-table td {
        border: 1px solid #ddd;
        padding: 8px;
        white-space: nowrap;
    }

    .woocommerce-orders-table th {
        background: #f7f7f7;
        font-weight: bold;
        text-align: left;
    }

    .woocommerce-orders-table {
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        border-radius: 6px;
    }
}

@media (max-width: 768px) {
    /* Force show table header for refunded orders */
    .shop_table.shop_table_responsive.my_account_orders thead {
        display: table-header-group !important;
        visibility: visible !important;
    }

    /* Make refunded orders table scrollable */
    .shop_table.shop_table_responsive.my_account_orders {
        display: block;
        overflow-x: auto;
        border-collapse: collapse;
        width: 100%;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        border-radius: 6px;
    }

    .shop_table.shop_table_responsive.my_account_orders th,
    .shop_table.shop_table_responsive.my_account_orders td {
        border: 1px solid #ddd;
        padding: 8px;
        white-space: nowrap;
    }

    .shop_table.shop_table_responsive.my_account_orders th {
        background: #f7f7f7;
        font-weight: bold;
        text-align: left;
    }
	.elementor-element.elementor-element-d1b9b43.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding-left: 0px;
    padding-right: 0px;
}
	.salam-box h1.elementor-heading-title.elementor-size-default {
    font-size: 19px !important;
}
	h3.account-content-heading{
		font-size: 20px !important;
	}
	.woocommerce-MyAccount-content h2.refunded-orders{
		font-size: 20px !important;	
	}
}

/* hide default dokan dashboard button */
a.dokan-btn.dokan-btn-theme.vendor-dashboard {
    display: none;
}

h2.refunded-orders{
	font-size: 24px !important;
	font-weight: 600 !important;
	margin-bottom: 30px !important;
}

/* store page vendor name on search page */
.product-details .store-name {
    margin-top: 0px !important;
}

/* store page style start from here */ 

/* Store Header */
.store-header {
    text-align: center;
    margin-bottom: 100px;
    position: relative;
}

.store-banner img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    max-height: 300px;
    object-fit: cover;
}

.store-logo-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.store-logo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid #fff;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	margin-top: 20px;
}

.store-logo-wrap .store-name {
    margin-top: 35px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
div#dokan-primary {
    border-radius: 20px;
}

/* message to vendor button style */
button#messageVendorBtn {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: none;
    margin-top: 20px;
    margin-bottom: 20px;
}
button#messageVendorBtn:hover {
    background-color: var(--e-global-color-primary);
}

/* Info Boxes */
.info-boxes {
    display: flex;
    justify-content: center;
    gap: 120px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 310px;
}

.info-box-icon {
    width: 310px;
    height: 310px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.info-box-icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.info-box p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #444;
}

.info-box-icon:hover {
    border: 2px solid var(--e-global-color-primary);
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.info-box-icon:hover img {
    transform: scale(1.1);
}

/* Custom Modal */
.custom-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 80px;
    left: 0; top: 0;
    width: 100%; height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.custom-modal-content {
    background: #fff;
    margin: auto;
    padding: 30px;
    border-radius: 12px;
    width: 80%;
    max-width: 600px;
    text-align: left;
    animation: fadeIn 0.3s ease-in-out;
    position: relative;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
}

.custom-modal h2 {
    margin-top: 0;
    color: #333;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.custom-modal p {
    line-height: 1.6;
    color: #555;
}

.custom-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
    transition: color 0.2s ease;
}

.custom-modal-close:hover {
    color: #e74c3c;
}
input.dokan-right.dokan-btn.dokan-btn-theme {
    background-color: #000000;
}

input.search-store-products.dokan-btn-theme {
    border-radius: 0px 5px 5px 0px;
    background-color: #eeeeee;
    border: none;
    color: #000000;
}
input.search-store-products.dokan-btn-theme:hover {
    background-color: var(--e-global-color-primary);
	color: #000000;
}
input.product-name-search.dokan-store-products-filter-search {
    box-shadow: none;
    border-radius: 5px 0px 0px 5px;
}
.dokan-store-products-filter-area .orderby-search {
	padding-left: 10px;
	border-radius: 5px;
}

/* Fade animation */
@keyframes fadeIn {
    from {opacity: 0; transform: translateY(-20px);}
    to {opacity: 1; transform: translateY(0);}
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .info-boxes {
        gap: 20px;
    }
    
    .info-box {
        width: 140px;
    }
    
    .info-box-icon {
        width: 140px;
        height: 140px;
    }
    
    .info-box-icon img {
        width: 70px;
        height: 70px;
    }
    
    .store-logo {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 480px) {
	.product-details .store-name {
    margin-top: 0px !important;
}
	
    .info-boxes {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    
    .info-box {
        width: 100%;
        max-width: 200px;
    }
	div#dokan-primary {
		padding: 0px !important;
	}
	.info-box-icon {
		width: 230px !important;
        height: 230px !important;
	}
	.info-box-icon img {
		height: 70px !important;
		width: 70px !important;
	}
	button#messageVendorBtn {
    margin-bottom: 5px !important;
    font-size: 15px !important;
}
	
}

/* dokan vendor page product styling */
.vendor-product-card {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* make cards equal height in grid cell */
}

.vendor-product-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-4px);
	border-color: var(--e-global-color-primary) !important;
}

.vendor-product-card a {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Image / top section */
.vendor-card-image {
    background: #f7f7f7; /* light grey top section */
    padding: 20px;
}

.vendor-card-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Details area */
.vendor-card-details {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
}

/* Store name */
.vendor-card-store {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-top: 10px;
    font-size: 20px;
}

/* ---------- Title: 2-line truncation (20px / weight 400) ---------- */
.vendor-card-title {
    font-size: 20px;
    font-weight: 400;            /* requested */
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* limit to 2 lines */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;         /* allow wrapping */
    margin: 8px 0;
    word-break: break-word;      /* avoid overflow for long words */
}

/* Price & sale */
.vendor-card-price span.price {
    font-size: 28px;
    font-weight: 500;
    margin-top: 5px;
}

.vendor-card-price .regular-price {
    text-decoration: line-through;
    font-size: 22px;
    color: #888;
    margin-right: 5px;
}

.vendor-card-price .sale-price {
    font-weight: 500;
    font-size: 28px;
}

/* Delivery message */
.vendor-card-delivery {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 5px;
}

/* Ensure Add-to-cart / actions sit at bottom if added */
.vendor-card-actions {
    margin-top: auto;
    padding-top: 8px;
}

/* --------------------------
   Grid & item resets (fix spacing)
   -------------------------- */

/* Use store-specific container (Dokan) */
.dokan-store .products,
ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* Mobile default: 2 columns */
    gap: 20px;
    margin: 0 !important;    /* remove default ul margin */
    padding: 0 !important;   /* remove default ul padding */
    list-style: none !important;
}

/* Reset per-product defaults so our card fills the grid cell */
.dokan-store .products li.product,
ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

/* Tablet (>=768px) = 3 columns */
@media (min-width: 768px) {
    .dokan-store .products,
    ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop (>=1024px and <=1599px) = 5 columns (no sidebar scenario) */
@media (min-width: 1024px) and (max-width: 1599px) {
    .dokan-store .products,
    ul.products {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Large desktop (>=1600px) = 6 columns */
@media (min-width: 1600px) {
    .dokan-store .products,
    ul.products {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* Remove old clearfix pseudo elements that caused visual gaps */
ul.products::before,
ul.products::after,
.dokan-store .products::before,
.dokan-store .products::after {
    content: none !important;
    display: none !important;
}

/* Small visual spacing inside grid cell so card isn't flush with edge */
.dokan-store .products li.product .vendor-product-card,
ul.products li.product .vendor-product-card {
    padding: 0; /* card handles its own padding */
    height: 100%;
    box-sizing: border-box;
}

/* Optional: image scaling constraint to keep cards consistent height */
.vendor-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Accessibility & text fallback */
.vendor-card-title, .vendor-card-store, .vendor-card-price {
    word-wrap: break-word;
}

/* --------------------------
   Small / Mobile adjustments
   -------------------------- */
/* All mobile devices up to 767px → 2 columns */
@media (max-width: 767px) {
    .dokan-store .products,
    ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .vendor-card-image {
        padding: 16px;
    }

    .vendor-card-details {
        padding: 12px;
    }

    .vendor-card-store {
        font-size: 16px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .vendor-card-title {
        font-size: 16px;
        line-height: 1.3em;
    }

    .vendor-card-price span.price {
        font-size: 20px;
    }

    .vendor-card-price .regular-price {
        font-size: 16px;
    }

    .vendor-card-price .sale-price {
        font-size: 20px;
    }

    .vendor-card-delivery {
        font-size: 14px;
    }

    .vendor-card-image img {
        max-height: 160px;
        object-fit: contain;
    }
}

/* --------------------------
   Pagination (keeps previous styles, but safe)
   -------------------------- */
.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 20px 0;
    list-style: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 8px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #333;
    text-decoration: none;
    transition: all 0.15s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #333;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #000;
    color: #fff;
    border-color: #000;
}

/* small tweak: extra top spacing for price if needed */
.vendor-card-price {
    margin-top: 10px;
}

/* ------------- password to enter website  form styling ------------- */

.elementor-element.elementor-element-c52a205.elementor-widget.elementor-widget-shortcode {
    width: 100%;
}
input#password.website_password {
	margin-top: 10px;
	width: 80% !important;
	border-radius: 100px;
	background-color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.elementor-element.elementor-element-00a0b1d.elementor-widget.elementor-widget-shortcode {
  width: 100%;
}

.web-password .mc4wp-form-fields p {
  display: flex;
  justify-content: start;
}
.web-password .mc4wp-form input {
	margin-top: 20px;
	width: 80% !important;
	border-radius: 100px;
	background-color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	color: #000 !important;
	padding-left: 20px !important;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

.web-password .mc4wp-form-fields button{
	border-radius: 16px;
	background-color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	color: #000 !important;
	padding: 15px 30px !important;
	margin-top: 20px;
}

.web-password .mc4wp-form-fields button:hover {
	background-color: #FFBD59 !important;
	color: #000 !important;
}
@media (max-width: 768px) {
	
	.web-password .mc4wp-form input {
	padding-left: 10px !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}
	
	.web-password .mc4wp-form-fields button{
	padding: 10px 22px !important;
	margin-top: 15px;
}
	
	
}

@media (min-width: 1650px) {
	
.protected-password {
    margin-top: 130px !important;
}
}

/* ---------------   password page styling end  -------------- */

/* product card hover border color */
	.entry-content:hover {
      border-color: var( --e-global-color-primary ) !important;
       }

.custom-related-product:hover {
	 border-color: var( --e-global-color-primary ) !important;
       }
}