.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.d-none {
	display: none !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.relative {
  position: relative !important;
}

.flex {
  display: flex !important;
}

.is-style-group-marquee:hover > .wp-block-group {
    animation-play-state: paused;
}

.marquee-stretched-link::before, .marquee-stretched-link a::before {
    position: absolute;
    inset: 0;
    content: "";
}

.right-180 {
	right: 180px;
}

.top-86 {
	top: 86px;
}

.absolute {
	position: absolute;
}

.right-0 {
	right: 0;
}

.z-1 {
	z-index: 1;
}

.z-10 {
	z-index: 10;
}

.static {
	position: static !important;
}

.stretched-link::before, .stretched-link a::before {
    position: absolute;
    inset: 0;
    content: "";
}

.left-50 {
	left: 49.8%;	
}

.top {
	top: 8%;
}

.z-n-1 {
	z-index: -1;
}

.box-shadow {
	box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.03) !important;
}

.seperator {
	height: 841px;
	width: 4px;
}

.pl-5 {
	padding-left: 1.25rem !important;
}

.text-hover-light-yellow a:hover {
		color: var(--wp--preset--color--light-yellow) !important;
	}

.text-hover-black .wp-block-navigation li a:hover,.text-hover-black .wp-block-list li a:hover {
		color: var(--wp--preset--color--black) !important;
	}

.card-hover-shadow:hover {
	box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08);
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content;
}

.mask-flower-position{
  right: 18.5%;
  top: 36%;
}

.w-100, .w-100 .wp-block-cover__inner-container {
	width: 100% !important;
}

.text-hover-primary a:hover{
		color: var(--wp--preset--color--primary) !important;
	}

.group-hover-white:hover,
.group-hover-white:focus-within {
    background: var(--wp--preset--color--white);
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.06);
}

.is-style-group-mask-flower.discount-badge {
	width: 90px !important;
	height: 90px !important;
	right: 19.5%;
	top: 28.5%;
}

.percentage-position {
	right: 9.5%;
    top: 11%;
}

.relative .wp-block-cover__inner-container {
	position: static !important;
	z-index: 1 !important;
}

.stretched-link::before, .stretched-link a::before {
    position: absolute;
    inset: 0;
    content: "";
}

.stretched-link :hover {
	color: var(--wp--preset--color--white) !important;
	background-color: var(--wp--preset--color--primary) !important;  
}

.promo {
  position: absolute;
  bottom: 25px;            /* distance from bottom */
  left: 50%;
  transform: translateX(-50%);
}

.stretched-link a:hover {
  color: var(--wp--preset--color--white) !important;
}

.card-hover-white:hover,
.card-hover-white:focus-within {
    background: var(--wp--preset--color--white);
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.vertical-center img{
    vertical-align: middle;    
}

.box-shadow-badge {
	box-shadow: 0 0px 16.313px 0 rgba(70, 20, 195, 0.20) !important;
}

.badge {
	left: 50%;
  transform: translateX(-50%);
  white-space: nowrap !important;

}

.banner-box-shadow {
	box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08);
}

.banner .absolute {
	position: absolute;
	top: -18px;
  	left: -15px;
}

.grid-cat .stretched-link :hover {
	color: var(--wp--preset--color--black) !important;
	background: var(--wp--preset--color--white) !important;
}

.topbar-gradient {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #3D2FAA !important;
}

.discover-list {
	display: flex;
	list-style: none;
	gap: 32px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.discover-list li a:hover {	    
	    color: #333;	    
	}

.hero .wp-block-image,.hero .wp-block-image figure {
    	height: 100%;
	}

.hero .wp-block-image img {
	    height: 100%;
	    width: 100%;
	    -o-object-fit: cover;
	       object-fit: cover;
	}

.cat-list {
    list-style: none;
    padding: 0;        
}

.cat-list li {
	margin-bottom: 20px;
	padding-left: 16px;
}

.cat-list li:last-child {
	margin-bottom: 0px;
	
}

.cat-list li:hover {
    font-weight: 600;
    color: var(--wp--preset--color--black);
    border-left: 1px solid var(--wp--preset--color--primary);
}

.gap-1, .gap-1 a {
	display: inline-flex;
    align-items: center;
	gap: 0.25rem !important;
}

.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg {
    transform: rotate(180deg);
}

/* Ensure WooCommerce blocks render cleanly */

.wp-block-woocommerce-customer-account,
.wp-block-woocommerce-mini-cart {
    position: relative;
}

.menu-image {
	position: absolute;
	right: 0;
	bottom: -1px;
}

/*home v3 feature*/

.banner .discount-banner {
  width: 90px !important;
  height: 90px !important;
}

.feature-product-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 32px; /* adjust spacing */
}

.feature-product-list li a:hover {
    font-weight: 600;
    color: #333 !important;
    border-bottom: 0.3px solid var(--wp--preset--color--gray-text);
}

.view-all-btn {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid var(--wp--preset--color--electric-purple);
  opacity: 1;
  
  border-bottom-color: rgba(0, 0, 0, 0);

  transition: border-bottom-color 0.3s ease;
}

.view-all-btn:hover {
  border-bottom-color: var(--wp--preset--color--electric-purple);
}

.vertical-center img{
    margin-left: 0px !important;  
}

.side-bar .wp-block-group{
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.02);
	}

.cat-shadow {
	box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.02) !important;
}

.menu-list img.emoji {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
}

@media screen and (min-width: 768px) {

.md-absolute {
		position: absolute;;
}
		
	}

@media screen and (max-width: 1200px) {

.wp-block-columns.max-xl\:flex-wrap{
        flex-wrap: wrap !important;
}
        
    }

@media screen and (max-width: 1200px) {

.max-xl\:basis-full {
        flex-basis: 100% !important;
}
        
    }

@media screen and (max-width: 767px) {

.max-md\:flex-wrap, .wp-block-columns.is-not-stacked-on-mobile.max-md\:flex-wrap {
        flex-wrap: wrap !important;
}
        
    }

@media screen and (max-width: 600px) {

.max-sm\:pl-5 {
        padding-left: var(--wp--preset--spacing--5) !important;
}
        
    }

@media screen and (max-width: 767px) {

.max-md\:basis-full {
        flex-basis: 100% !important;
}
        
    }

@media screen and (max-width: 767px) {

.max-md\:order-2 {
        order: 2 !important;
}
        
    }

@media screen and (max-width: 767px) {

.max-md\:order-1 {
        order: 1 !important;
}
        
    }

@media screen and (min-width: 767px) {

.zoom-normal img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        transform: scale(1.3) translateY(7%);
}
	}

@media screen and (min-width: 767px) {

.zoom-normal-2 img {
        -o-object-fit: cover;
           object-fit: cover;
        transform: scale(1.45) translateY(-13%);
}
	}

.vertical-center img{
    vertical-align: middle;
}

@media (max-width: 1023px) {
    .flex-col-lg {
        flex-direction: column;
    }
}

@media(max-width: 600px) {
  .max-lg\:flex-col {
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .max-sm\:hidden {
    display: none !important;
  }
  
}

@media (min-width: 768px) and (max-width: 1023px) {
    .dots .img{
      margin-top: 56px !important;
    }

}

@media ( max-width: 375px ) {
  .max-sm\:p-5 {
    padding:10px !important;
    box-shadow:0 4px 32px 0 rgba(0, 0, 0, 0.05) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .max-lg\:column-1 img {
    width: 100% !important;
    height: 500px !important; /* same height as desktop */
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
}

@media (max-width: 1023px) {
  .seperator {
    width: 4px;
    height: 730px !important;
  }
}

@media(max-width:600px) {
	.max-sm\:flex-col {
		flex-direction: column;
	}
}

@media(max-width: 767px) {
	.percentage-position {
		right: 12.5% !important;
		top: 32% !important;
	}
}

@media(max-width: 767px) {
	.wp-block-group.is-style-group-mask-flower.discount-badge {
		right: 56.5% !important;
		top: 72.5% !important;
	}
}

@media(max-width:1400px) {
	.max-lg\:flex-col {
		flex-direction: column;
	}
}

@media (max-width: 48rem) {
    .max-md\:p-20 {
        padding: 20px !important;
    }
}

@media(max-width: 920px) {
	.max-xl\:flex-col {
		 flex-direction: column;
	}
}

@media (max-width: 1023px) {
    .max-lg-h-auto {
        min-height: auto !important;
    }
}

@media (max-width: 781px) {
  .max-md\:grid-template-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1280px) {
	.max-xl\:gap-10 {
		gap: 2.5rem !important;
	}
	.max-md\:w-172{
		width: 172px !important;
	}
}

@media (max-width: 767px) {
	.wp-block-columns.is-not-stacked-on-mobile.max-md\:flex-wrap {
		flex-wrap: wrap !important;
	}
}

@media (max-width: 767px) {
	.max-md\:basis-full {
		flex-basis: 100% !important;
	}
}

@media (max-width: 600px) {
    .mask-flower-position{
        right: -6% !important;
    }
}

@media (max-width: 768px) {
     .max-md\:p-5 {
        padding-left: var(--wp--preset--spacing--5)!important;
        padding-right: var(--wp--preset--spacing--5);
    }
}

@media (max-width: 781px ) {
  .max-md\:grid-template-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px ) {
  .max-sm\:grid-template-columns {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media( max-width:1024px ) {
	.max-lg\:px-15 {
		padding-right: var(--wp--preset--spacing--16) !important;
		padding-left: var(--wp--preset--spacing--16) !important;
	}
}

@media( max-width:781px ) {
	.max-sm\:px-10 {
		padding-right: var(--wp--preset--spacing--10) !important;
		padding-left: var(--wp--preset--spacing--10) !important;
	}
}

@media ( max-width: 767px ) {
	.max-sm\:flex-col {
		flex-direction: column;
		order:1;
	}
}

@media ( max-width: 767px ) {
	.max-sm\:order-1 {
		
		order: 1;
	}
	.max-sm\:order-2 {
		
		order: 2;
	}
}

@media (max-width:767px) {
	.max-sm\:pl-5 {
		padding-left: var(--wp--preset--spacing--5) !important;
	}	
	
}

@media (max-width:920px) {
	.max-md\:pt-10 {
		padding-top: var(--wp--preset--spacing--10) !important;
	}
	.max-md\:pb-5 {
		padding-bottom: var(--wp--preset--spacing--5) !important;
	}
	.max-md\:pr-5 {
		padding-right: var(--wp--preset--spacing--5) !important;
	}	

}

@media ( max-width: 920px ) {
	.max-lg\:flex-basis {
		flex-basis: 45% !important;
	}
}

@media (max-width: 1199px) {
	.max-xl\:col-2 {
		flex-wrap: wrap !important;
	}
	.max-xl\:col-2 .wp-block-column {
		flex-basis: 47.85% !important;
	}
}

@media(max-width:1342px) {
	.max-lg-category {
		flex-direction: column;
	}
}

@media ( max-width: 425px ) {
	.promo {
    position: absolute;
    bottom: 15px;           
    left: 50%;
    transform: translateX(-50%);
  }
}

@media(max-width:1400px) {
	.max-lg-redbanner {
		flex-direction: column;
		align-items: center;
	}
	.max-lg-logo {
		justify-content: center !important;
	}
}

@media ( max-width: 767px ){
	.max-sm-padding-x {
		padding-left: var(--wp--preset--spacing--5) !important;
		padding-right: var(--wp--preset--spacing--5) !important;
	}
}

@media(max-width:1200px) {
	.max-lg-banner {
		flex-direction: column;
	}

}

@media(max-width:1100px) {
	.max-lg-brand {
		flex-direction: column;
	}

}

@media (max-width: 1150px) {
    .flex-col-trend {
        flex-direction: column;
    }
}

@media ( max-width: 1280px ) {
	.discover-list {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media ( max-width: 981px ) {
	.discover-list {
		padding-left: 0px;
		padding-right: 0px;
		display: contents;
	}
}

@media (max-width: 981px) {

  /* Parent container */
  .discover-list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 20px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
  }

  /* Hide scrollbar (Chrome / Safari) */
  .discover-list::-webkit-scrollbar {
    display: none;
  }

  /* Items */
  .discover-list li,
  .discover-list a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

@media (max-width: 1280px) {
	.hero-col-2 {
		flex-basis: 35% !important;
	}
		.hero-col-2 .promo-code {
			padding-left: 8px !important;
			padding-right: 8px !important;
		}
}

@media (max-width: 767px) {
	.hero-col-2 {
		padding-left: var(--wp--preset--spacing--4) !important;
		padding-right: var(--wp--preset--spacing--4) !important;

	}
}

@media ( max-width: 1024px ) {
	.banner-img {
		right: 0;
		bottom: 0;
	}
}

@media ( min-width: 1025px ) {
	.banner-img {
		left: 0;
		bottom: 0;
	}
}

@media (max-width: 1199px) and (min-width: 781px) {
	.flex-wrap {
		flex-wrap: wrap !important;
	}
}

@media (max-width: 768px) {
	.home-feature {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

@media (max-width: 1024px) {
	.timer h2{
		font-size:30px;
	}
}

@media ( min-width: 1200px ) {
	.min-xl\:block {
		display: block !important;
	}
}

@media ( min-width: 1200px ) {
	.right-divider {
		position: relative;
	}
	.right-divider > *:not(:last-child) {
		position: relative;
		margin-right: 19px;
	}
	.right-divider > *:not(:last-child)::after {
		content: '';
		position: absolute;
		right: -18px;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 16px;
		opacity: 0.75;
		background: var(--wp--preset--color--light-gray);
	}
	.divider-color.right-divider > *:not(:last-child)::after {
		background: var(--wp--preset--color--pastel-purple) !important;
		right: -33px;
	}
		:is(.header-v2,.header-v3) .right-divider > *:not(:last-child)::after {
			background: var(--wp--preset--color--gray) !important;
		}
}

@media (width <= 1395px) {
.menu-list.right-divider > *:not(:last-child) {
		margin-right: 0 !important;
	}
		:is(.menu-list.right-divider > *:not(:last-child))::after {
			right: -18px !important;
		}
}

@media (width <= 1200px) {
	.wp-block-woocommerce-customer-account .label {
		display: none;
	}
}

@media (width <= 375px) {
	.max-xs\:flex-nowrap {
			flex-wrap: nowrap !important;
			
	}
}

@media (width <= 1199px) {
	.max-xl\:d-none {
		display: none !important;
	}
}

@media (width <= 1279px) {
	.max-2xl\:d-none {
		display: none !important;
	}
	.max-2xl\:pb-0 {
		padding-bottom: 0 !important;
	}
}

@media(min-width: 1200px) {
	.timer-group {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

@media (max-width: 1200px) and (min-width: 991px) {
	.icon-group {
		padding-right: 14px !important;
		padding-left: 14px!important;
	}
}

@media (max-width: 990px){
	.product-with-timer {
		flex-wrap: wrap !important;
	}
		.product-with-timer .wp-block-column {
			flex-basis: 100% !important;
		}
}

@media ( max-width: 600px ) {
	.feature-product-list {
	    display: flex;
	    gap: 40px;            /* spacing between list items */
	    max-width: 600px;     /* scroll limit */
	    overflow-x: auto;     /* enable horizontal scroll */
	    white-space: nowrap;  /* keep items in one line */
	    scrollbar-width: thin; /* optional: thin scrollbar */
	}
}

@media (max-width: 900px) {
    .max-lg-deals {
        flex-direction: column;
    }
}

/****************FEATURE BLOG********************/

@media (max-width: 1199px) {

  /* Main wrapper of each post */
  .feature-blog .wp-block-post > .wp-block-group {
    display: flex;
    flex-direction: column;
  }

  /* IMAGE group – move to top */
  .feature-blog .wp-block-post > .wp-block-group > .wp-block-group:last-child {
    order: 1;
    width: 100%;
  }

  /* CONTENT group */
  .feature-blog .wp-block-post > .wp-block-group > .wp-block-group:first-child {
    order: 2;
    width: 100%;
  }

  /* Image full width */
  .feature-blog .wp-block-post img {
    width: 100%;
    height: auto;
  }
  
}

@media (min-width: 1200px) {
	.feature-blog .wp-block-post .post-details {
	    width: 317px !important;
	    height: auto;
  	}
}

@media (max-width:1366px) {
		:is(.side-bar .wp-block-post-template) .wp-block-columns {
			flex-wrap: wrap !important;
		}
}

/********* Related Blog *************/

@media (min-width: 601px) and (max-width: 991px) {
  .related-blog .wp-block-cover {
    height: 150px !important;
    min-height: 150px !important;
  }

  .related-blog .wp-block-cover img,
  .related-blog .wp-block-cover__image-background {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
    max-width: var(--wp--style--global--wide-size);
}