@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Libre+Baskerville:wght@400;700&display=swap');


.text-great-vibes {
  font-family: 'Great Vibes', cursive !important;
}

.text-libre-baskerville {
  font-family: 'Libre Baskerville', serif !important;
}





/*Shema Added on 29Aug*/

/* HOME PAGE: make the entire header area transparent */
body.home #wrapper,
body.home #header,
body.home #header .header-main,
body.home #top-bar,
body.home .header-wrapper,
body.home .header-bg-container,
body.home .header-bg-container .header-bg-color,
body.home .header-wrapper::before,
body.home .header-wrapper::after,
body.home .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Also when the header becomes sticky */
body.home .has-sticky.sticky-jump.is-sticky #header .header-main,
body.home .stuck #header .header-main,
body.home .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* Safety: keep your hero/content above any leftover overlays */
body.home #main { position: relative; z-index: 1; }



/* ABOUT page: transparent header (replace XXX with your About page ID) */
body.page-id-44 #wrapper,
body.page-id-44 #header,
body.page-id-44 #header .header-main,
body.page-id-44 #top-bar,
body.page-id-44 .header-wrapper,
body.page-id-44 .header-bg-container,
body.page-id-44 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }


/* SHOPPING CART page: transparent header (replace XXX with your About page ID) */
body.page-id-58 #wrapper,
body.page-id-58 #header,
body.page-id-58 #header .header-main,
body.page-id-58 #top-bar,
body.page-id-58 .header-wrapper,
body.page-id-58 .header-bg-container,
body.page-id-58 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }

/* Shema added to remove right top white box */

/* CHKOUT DTLS page: transparent header (replace XXX with your About page ID) */
body.page-id-59 #wrapper,
body.page-id-59 #header,
body.page-id-59 #header .header-main,
body.page-id-59 #top-bar,
body.page-id-59 .header-wrapper,
body.page-id-59 .header-bg-container,
body.page-id-59 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }


/* CONTACT US page: transparent header (replace XXX with your About page ID) */
body.page-id-47 #wrapper,
body.page-id-47 #header,
body.page-id-47 #header .header-main,
body.page-id-47 #top-bar,
body.page-id-47 .header-wrapper,
body.page-id-47 .header-bg-container,
body.page-id-47 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }


/* MY ACCOUNT page: transparent header (replace XXX with your About page ID) */
body.page-id-60 #wrapper,
body.page-id-60 #header,
body.page-id-60 #header .header-main,
body.page-id-60 #top-bar,
body.page-id-60 .header-wrapper,
body.page-id-60 .header-bg-container,
body.page-id-60 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }


/* REFUND page: transparent header (replace XXX with your About page ID) */
body.page-id-1044 #wrapper,
body.page-id-1044 #header,
body.page-id-1044 #header .header-main,
body.page-id-1044 #top-bar,
body.page-id-1044 .header-wrapper,
body.page-id-1044 .header-bg-container,
body.page-id-1044 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }


/* TERMS CONDIITONS page: transparent header (replace XXX with your About page ID) */
body.page-id-1049 #wrapper,
body.page-id-1049 #header,
body.page-id-1049 #header .header-main,
body.page-id-1049 #top-bar,
body.page-id-1049 .header-wrapper,
body.page-id-1049 .header-bg-container,
body.page-id-1049 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }


/* PRIVACY POLICY page: transparent header (replace XXX with your About page ID) */
body.page-id-1099 #wrapper,
body.page-id-1099 #header,
body.page-id-1099 #header .header-main,
body.page-id-1099 #top-bar,
body.page-id-1099 .header-wrapper,
body.page-id-1099 .header-bg-container,
body.page-id-1099 .header-bg-container .header-bg-color,
body.page-id-XXX .header-wrapper::before,
body.page-id-XXX .header-wrapper::after,
body.page-id-XXX .header .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* When the header sticks on scroll */
body.page-id-XXX .has-sticky.sticky-jump.is-sticky #header .header-main,
body.page-id-XXX .stuck #header .header-main,
body.page-id-XXX .stuck .header-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* keep content above any leftover overlay layers */
body.page-id-XXX #main { position: relative; z-index: 1; }


/*Shema added to eleminate white space on top right end *?




/*Shema Added on 29Aug*/
/* === CATALOG (shop/category) spacing using CSS Grid (bulletproof) === */

/* 1) Turn the products row into a grid with gaps */
.post-type-archive-product .products.row,
.tax-product_cat .products.row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 columns */
  gap: 1px !important;                 /* spacing between tiles (rows + cols) */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 2) Neutralize Flatsome’s column widths so grid can size items */
.post-type-archive-product .products.row > .product-small.col,
.tax-product_cat .products.row > .product-small.col {
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
  margin: 0 !important;                 /* grid gap controls spacing */
}

/* 3) Add inner padding (like your single product page) */
.post-type-archive-product .products.row > .product-small.col > .col-inner,
.tax-product_cat .products.row > .product-small.col > .col-inner {
  padding: 10px !important;             /* adjust to taste */
  box-sizing: border-box;
}

/* 4) Small visual gap between image and text inside each card */
.post-type-archive-product .product-small.box .box-image,
.tax-product_cat .product-small.box .box-image {
  margin-bottom: 1px !important;
}

/* 5) Responsive: 2 columns on tablets, 1 on phones */
@media (max-width: 991px) {
  .post-type-archive-product .products.row,
  .tax-product_cat .products.row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .post-type-archive-product .products.row,
  .tax-product_cat .products.row {
    grid-template-columns: 1fr !important;
  }
}



/*Shema added on 24 Aug*/

.woocommerce div.product {
    padding: 40px; /* increase/decrease as needed */
}
.woocommerce div.product .summary {
    padding: 40px;
}
/* Increase space between product image and product summary */
.woocommerce div.product .woocommerce-product-gallery {
    margin-right: 40px; /* Adjust value as needed */
}
/*Shema added end */



/*Asha added */
/*
.shop-page-title{
	padding: 0 1.5rem;
}
.container, .row, .col, .ux-row, .ux-container, .ux-wrapper, #main, #content, .page-wrapper{
	width: 99% !important;
}

@media screen and (min-width: 850px) {
.gallery-columns-3 .gallery-item, .large-columns-3 .flickity-slider>.col, .large-columns-3>.col {
        flex-basis: 32%;
        max-width: 33.3333333333%;
    }
} 
	*/

	
	
/* Mehaa added - Change default submenu underline to pink */

/* Flatsome adds a border-bottom on submenu links.
   We override that grey with pink. */
.header-nav-main .sub-menu li > a {
  border-bottom: 2px solid #f4a6b5 !important; /* pink underline */
}

/* Optional: remove the hover color background if present */
.header-nav-main .sub-menu li > a:hover {
  border-bottom-color: #f4a6b5 !important;
  background: transparent !important;
}
/* mehaa added */
.ux-payment-icons {
    display: none !important;
}
/* mehaa added - Force images to display properly */
img {
    display: block !important;
    max-width: 100% !important;
    visibility: visible !important;
}

	/*styles Added after Dec1*/

.home_banner_images {
    background: #BECFCA;
    padding: 1rem;
}

/* Desktop and Tablet - 4rem margin, reasonable banner height */
@media (min-width: 768px) {
    .banner-image-carousel {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
    
    .banner-image-carousel .slider,
    .banner-image-carousel .flickity-viewport {
	

        max-height: 660px !important;
			border-radius: 10px;
			/* Fixed height for banner */
    }
    
    .banner-image-carousel .img-inner,
    .banner-image-carousel img {
        width: 100%;
        height: 100%;
        object-fit: cover !important;
			border-radius: 10px;
    }
}

/* Mobile - 0.5rem margin, full height */
@media (max-width: 767px) {
    .banner-image-carousel {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    
    .banner-image-carousel .slider,
    .banner-image-carousel .flickity-viewport {
        max-height: 170px !important; 
    }
    
    .banner-image-carousel .img-inner,
    .banner-image-carousel img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
}



/* Desktop and Tablet - with margins */
.section-discount {
	display:none !important;
}
@media (min-width: 768px) {
    .section-gift .section-bg img.bg {
        margin: 50px;
        width: calc(100% - 100px);
        height: calc(100% - 100px);
    }
    .section-discount .section-bg img.bg {
        margin: 70px;
	
        width: calc(100% - 140px);
        height: calc(100% - 140px);
    }
}

/* Mobile - full size (no margins) */
@media (max-width: 767px) {
    .section-gift .section-bg img.bg,
    .section-discount .section-bg img.bg {
        margin: 10px;

       width: calc(100% - 20px);
        height: calc(100% - 20px);
    }
}

/* Gradient overlay for section-discount - REVERSED (left to right) */
.section-discount .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.section-discount .section-bg::before {
    content: '';
    position: absolute;
  top: 70px;
    left: 70px;
    right: 70px;
    bottom: 70px;
    width: calc(100% - 140px);
    height: calc(100% - 140px);
    background: linear-gradient(90deg, #BECFCA 0%, #BECFCA 40.99%, rgba(190, 207, 202, 0) 100%);

    pointer-events: none;
    z-index: 2;
}

.section-discount .section-bg img.bg {
    position: relative;
    z-index: 1;
}

/* Make sure content is above the gradient */
.section-discount .section-content {
    position: relative;
    z-index: 3;
	 padding-left: 10rem;
}

/* Mobile - remove margins from overlay too */
@media (max-width: 767px) {
    .section-discount .section-bg::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
	.section-discount .section-content {
        padding-left: 1rem;
    }
    
    .section-discount .section-content .row {
        margin-left: 1rem;
    }
}






/* Make testimonial icon circular */

.testimonial-icon .icon-box-img img {
   width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: 50%;
}




/* Make testimonial row a horizontal carousel */
.testimonial-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-snap-type: none !important; /* DISABLED for auto-scroll */
    -webkit-overflow-scrolling: touch !important;
    padding: 10px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    scroll-behavior: auto !important; /* Changed from smooth */
}

.testimonial-row .testimonial-card {
    flex: 0 0 auto !important;
    scroll-snap-align: none !important; /* DISABLED */
    max-width: 300px !important;
}

/* Desktop - show 3 cards per view */
@media (min-width: 1024px) {
    .testimonial-row .testimonial-card {
        width: calc(33.33% - 7px) !important;
        min-width: 280px !important;
    }
    
    .testimonial-card > .col-inner {
        padding: 30px !important;
							border-radius: 10px !important;
/* 			height:100%; */
/*         height: 330px !important;
        max-height: 330px !important;   */
        min-height: 330px !important;
    }
}

/* Tablet - show 2 cards per view */
@media (min-width: 768px) and (max-width: 1024px) {
    .testimonial-row .testimonial-card {
        width: calc(50% - 5px) !important;
        min-width: 300px !important;
				
    }
    
    .testimonial-card > .col-inner {
        padding: 30px !important;
					border-radius: 10px !important;
/* 				height:100%; */
/*         height: 330px !important;
        max-height: 330px !important;   */
        min-height: 330px !important;
    }
}

/* Mobile - show 1 card per view */
@media (max-width: 767px) {
    .testimonial-row {
        gap: 8px !important;
        max-width: 90% !important;
        width: 90% !important;
    }
    
    .testimonial-row .testimonial-card {
        width: calc(90% - 8px) !important;
        min-width: 260px !important;
    }
    
    .testimonial-card > .col-inner {
        padding: 30px !important;
			border-radius: 10px !important;
/* 				height:100%; */
/*         height: 360px !important;
        max-height: 360px !important;   */
        min-height: 360px !important;
    }
}

/* Hide scrollbar but keep scroll functionality */
.testimonial-row::-webkit-scrollbar {
    display: none;
}

.testimonial-row {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}


/* Testimonial Read More Functionality */
.testimonial-card-description {
    position: relative;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.testimonial-card-description.collapsed {
    max-height: 120px; /* Adjust based on your needs - roughly 5-6 lines */
}

.testimonial-card-description.collapsed::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(transparent, rgb(190, 207, 202));
    pointer-events: none;
}

.testimonial-card-description.expanded::after {
    display: none;
}

.read-more-btn {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    color: #414536;
    cursor: pointer;
    font-family: 'Libre Baskerville', serif;
    font-size: 10px;
	text-transform: none !important;
    text-decoration: underline;
}

.read-more-btn:hover {
    color: #000;
}

.read-more-btn.hidden {
    display: none;
}

/* Fix for header not taking full width */

/* Ensure header takes full width */
#header,
.header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix header wrapper */
.header-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix header main */
#masthead,
.header-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix header inner container */
.header-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Remove any container constraints */
.header-inner.container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Ensure flex row takes full width */
.header-inner.flex-row {
    width: 100% !important;
}

/* Fix any background containers */
.header-bg-container,
.header-bg-image,
.header-bg-color {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Additional fix for sticky header */
.header.sticky-jump,
.header.has-sticky {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Override any theme container widths */
body .header .container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Ensure no overflow issues */
#wrapper {
    overflow-x: hidden;
}

/* Fix for main content if header pushes it */
#main {
    width: 100% !important;
}

/* Header background color */
#header,
.header,
.header-wrapper,
#masthead,
.header-main {
    background-color: #FDD5D8 !important;
}

.header-bg-color {
    background-color: #FDD5D8 !important;
}

/* Sticky header background - site-wide */
.header-wrapper.stuck,
.header-wrapper.stuck #masthead,
.header-wrapper.stuck .header-main,
.header-wrapper.stuck .header-bg-container,
.header-wrapper.stuck .header-bg-color {
    background: #FDD5D8 !important;
}

/* Force sticky header background */
.stuck {
    background: #FDD5D8 !important;
}

.stuck #header,
.stuck .header-main,
.stuck .header-wrapper {
    background: #FDD5D8 !important;
}


/* Force header background color globally */
#header,
.header-wrapper,
.header-bg-container,
.header-bg-color,
.header-main,
#top-bar,
.header,
.header .container,
.header-wrapper::before,
.header-wrapper::after {
    background: #FDD5D8 !important;
   
}


/* Homepage normal header */
body.home #header,
body.home .header-wrapper,
body.home .header-bg-container,
body.home .header-bg-color,
body.home .header-main {
    background-color: #FDD5D8 !important;
    opacity: 1 !important;
}

/* Homepage sticky header */
body.home .header-wrapper.stuck,
body.home .header-wrapper.stuck #masthead,
body.home .header-wrapper.stuck .header-main,
body.home .header-wrapper.stuck .header-bg-container,
body.home .header-wrapper.stuck .header-bg-color,
body.home .stuck {
    background-color: #FDD5D8 !important;
    opacity: 1 !important;
}

/* Top bar background if visible in sticky */
#top-bar {
    background-color: #FDD5D8 !important;
}

/* All header text to black */
.header-inner,
.header-inner * {
    color: #000000 !important;
}

/* Navigation links */
.header-nav a,
.nav-top-link,
.menu-item a {
    color: #000000 !important;
}

/* Navigation hover state */
.header-nav a:hover,
.nav-top-link:hover,
.menu-item a:hover {
    color: #333333 !important;
}

/* Icons */
.header i,
.header .icon-menu,
.header .icon-search {
    color: #000000 !important;
}



/* Account link */
.account-link,
.header-account-title {
    color: #000000 !important;
}

/* Cart Icon - Black and Reduced Height */
.header-cart-link .cart-icon {
    filter: brightness(0) !important; /* Makes icon fully black */
 Adjust this value as needed */ */
    display: flex !important;
    align-items: center !important;
}

.header-cart-link .cart-icon strong {
    color: white !important; /* Keeps the number visible */
    font-size: 8px !important; /* Adjust if needed */
}

/* Dropdown menus */
/* .nav-dropdown {
    background-color: #becfca !important;
} */

/* Category Page Title  */
.shop-page-title.category-page-title {
    margin-top: 2rem !important;
}

.nav-dropdown a {
    color: #000000 !important;
}

.nav-dropdown a:hover {
    color: #333333 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Make logo stick out of header */
#logo {
    position: relative;
    z-index: 100;
    transform: translateY(0px); /* Adjust this value to control how much it sticks out */
}

/* If you want it bigger too */
#logo img {
    max-height: 80px !important; /* Adjust size as needed */
    width: auto !important;
	border:1px solid white;
}

.stuck #logo img {
    max-height: 80px !important; /* Adjust size as needed */
    width: auto !important;
	border:1px solid white;
}

/* Add some margin to prevent overlap with menu items */
#logo {
    margin-left: 60px;
}

@media (max-width: 767px) {
    #logo {
        margin-left: 0px !important;
    }
}


@media (min-width: 768px) {
    .flex-col.hide-for-medium.flex-right {
        margin-right:80px;
    }
}



.header-nav-main {
    justify-content: center !important;
}




/* Add padding left and right to footer sections */
.footer-1-section,
.footer-2-section {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

/* For smaller screens, reduce padding */
@media (max-width: 767px) {
    .footer-1-section,
    .footer-2-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Make footer item description full width on mobile */
@media (max-width: 767px) {
    .footer-des-row .small-6,
    .footer-des-row #col-14da {
        flex-basis: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}


/* Add left padding to footer columns */

@media (min-width: 768px) {
.footer-col {
    padding-left: 2rem !important;
}
}

/* Mary Jane's Title - Responsive Font Size */
.mary-janes-title {
    font-size: 8rem !important;
	margin-top:2rem !important;
}

.mary-janes-title-sub {
	font-size: 1.5rem !important;
}

/* Mobile - 3rem */
@media (max-width: 767px) {
    .mary-janes-title {
        font-size: 4rem !important;
    }
	.mary-janes-title-sub{
		font-size: 1rem !important;
	}
}

/* Hide absolute footer */
.absolute-footer {
    display: none !important;
}


/* ================================
   DESKTOP (default)
================================ */

/* CATEGORY / SHOP PAGE */
.woocommerce.archive #main {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.shop-page-title.category-page-title {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

/* SINGLE PRODUCT PAGE */
.woocommerce.single-product #main {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

/* ================================
   TABLET
================================ */
@media (max-width: 1024px) {
  .woocommerce.archive #main {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
	
	 .woocommerce.single-product #main {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .shop-page-title.category-page-title {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* ================================
   MOBILE
================================ */
@media (max-width: 767px) {
  .woocommerce.archive #main {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
	

  .woocommerce.single-product #main {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .shop-page-title.category-page-title {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}


/* Hide product thumbnails on single product pages */
.product-thumbnails {
    display: none !important;
}


.woocommerce-product-gallery__image img {
    width: 100%;        /* fill the width of container */
    height: 500px;       /* maintain aspect ratio */
    max-height: 600px;  /* optional: limit very tall images */
    object-fit: contain; /* ensures image is fully visible, no cropping */
    display: block;     /* remove any inline spacing issues */
}

.woocommerce-product-gallery__wrapper {
    height: 500px; /* or any height you want */
    overflow: hidden;

}


/*Shema added on 17thDec2025*/

/* Replace 123 with your gallery page ID */
body.page-id-123 .ux-gallery .col,
body.page-id-123 .ux-gallery .gallery-col {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (max-width: 849px){
  body.page-id-123 .ux-gallery .col,
  body.page-id-123 .ux-gallery .gallery-col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media (max-width: 549px){
  body.page-id-123 .ux-gallery .col,
  body.page-id-123 .ux-gallery .gallery-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}


/* Gallery pages (Buttercream: 2320, Fondant: 2309, Cupcakes: 2426) */
body.page-id-2320 #main,
body.page-id-2309 #main,
body.page-id-2426 #main {
	padding:2rem !important;
/* padding: 2rem 0rem 2rem 2rem !important; */
}

/* Responsive - smaller padding on mobile/tablet */
@media (max-width: 768px) {
    body.page-id-2320 #main,
    body.page-id-2309 #main,
    body.page-id-2426 #main {
				padding:1rem !important;

/* padding: 1rem 0rem 1rem 1rem  !important; */
    }
}

/* Gallery pages (Buttercream, Fondant, Cupcakes) */
/*  body.page-id-2320 .wp-block-gallery .wp-block-image,
body.page-id-2309 .wp-block-gallery .wp-block-image,
body.page-id-2426 .wp-block-gallery .wp-block-image {
  max-height: 25rem !important; 
}

@media (max-width: 768px) {
    body.page-id-2320 .wp-block-gallery .wp-block-image,
    body.page-id-2309 .wp-block-gallery .wp-block-image,
    body.page-id-2426 .wp-block-gallery .wp-block-image {
     height: auto 
    }
}
  */


/* Normal (not selected) variation items */
.woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item) {
    background-color: rgb(189, 207, 202) !important;
    color: #000 !important;
}

/* Selected / active variation items */
.woo-variation-swatches 
.variable-items-wrapper 
.variable-item.button-variable-item.selected:not(.no-stock) {
    background-color: rgb(189, 207, 202) !important;
    color: #000 !important;
}

@media screen and (min-width: 850px) {
    #product-sidebar.large-3 {
        flex-basis: 11% !important;
        max-width: 11%;
    }
}

/* Hide post footer meta (category + permalink) */
.single-post footer.entry-meta {
	display: none !important;
}

/* Hide author box completely */
.single-post .entry-author,
.single-post .author-box {
	display: none !important;
}

/* Add padding left and right to contact content section */
.contact-content-section {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
	padding-bottom:2rem !important;
}

.contact-content-section .contact-content-form {
	padding-left: 5rem !important;
padding-right: 5rem !important;
}

/* For smaller screens, reduce padding */
@media (max-width: 767px) {
    .contact-content-section {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

	.contact-content-section .contact-content-form {
	padding: 0rem !important;
}
}