/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 21 2026 | 02:25:16 */
@media (min-width:1280px){
/* Header Search Bar */

	.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  padding: 13px 20px 13px 48px;
  line-height: 24px;
  font-size: 17px;
  border: 2px solid transparent;
  border-radius: 30px;
  height: auto;
  font-family: Roboto,sans-serif;
  background-color: #eee;
	min-width:800px!important;
	
}
	.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  background: #fff;
  padding: 10px;
  border-radius: 10px;

  min-width: 820px!important;
}
	
	.dgwt-wcas-open-pirx-compact .dgwt-wcas-suggestions-wrapp {
  margin-top: 1px;
  min-width: 820px;
}
	
}


/* Make whole header sticky */
#masthead{
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
}
/* Prevent page jump */
body{
    padding-top: 104px!important; /* adjust to your header height */
}
/* Make whole header sticky end */

/* header cart icon */
.xoo-wsc-cart-trigger {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.xoo-wsc-sc-subt {
  margin-left: 10px !important;
  margin-right: 0px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}

/* header cart icon end */

/* 1. Ensure perfect 8-column layout on Desktop */
@media (min-width: 992px) {
	
    .woocommerce ul.products.columns-8 {
        display: grid !important;
        grid-template-columns: repeat(8, 1fr) !important;
        gap: 20px !important;
    }

    /* Hide category count numbers  */
    .woocommerce-loop-category__title .count {
        display: none !important;
    }
	
	.home-cats h3{font-size:13px!important; text-align: center !important;}

/* Adjust category image spacing */
.woocommerce ul.products.columns-8 li.product-category a img {
    padding: 30px;
    margin-top: -20px;
    margin-bottom: -20px;

    /* Smooth transition */
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.woocommerce ul.products.columns-8 li.product-category a:hover img {
    padding: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
}

	/* Reduce product internal spacing */
	[data-products] .product figure {
        --product-element-spacing: 6px!important;
    }

	[data-products] .product { 
	    padding-bottom:10px!important;	
	}
}

/* 2. Mobile layout  (4 columns horizontal swipe) */
@media (max-width: 767px) {

	.xoo-wsc-container{width:100%!important;}
	.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn{padding:8px 10px!important;
	border-radius: 4px !important;
	}
    .woocommerce ul.products.columns-8 {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 10px !important;
        padding: 10px 0 !important;
        margin-left: 0 !important;
        scrollbar-width: none; /* Hide scrollbar */
    }

    .woocommerce ul.products.columns-8::-webkit-scrollbar {
        display: none;
    }

	/* Remove extra spacing on mobile */
	[data-products] .product figure {
        --product-element-spacing: 0px!important;
    }

	[data-products] .product { 
	    padding-bottom:10px!important;	
	}

    /* Force exactly 4 category boxes visible */
    .woocommerce ul.products.columns-8 li.product-category {
        flex: 0 0 25% !important;
        min-width: 25% !important;
        margin: 0 !important;
        text-align: center !important;
    }

    /* Smaller rounded image */
    .woocommerce ul.products.columns-8 li.product-category a img {
        width: 60px !important;
        height: 60px !important;
        object-fit: cover !important;
        margin: 0 auto !important;
        background: #f9f9f9 !important;
    }

    /* Clean category title alignment */
    .woocommerce ul.products.columns-8 li.product-category .woocommerce-loop-category__title {
        font-size: 12px !important;
        white-space: normal !important;
        line-height: 1.1 !important;
        margin-top: 8px !important;
        color: #333 !important;
        font-weight: 500 !important;
		letter-spacing:-0.2px!important;
    }

    /* Hide category count numbers */
    .woocommerce-loop-category__title .count {
        display: none !important;
    }
}

.home-cats [data-products] .product {
 
  background: #fff !important;
  padding: 5px !important;
    
}
.home-cats [data-products] .product h2{text-align:center!important; font-weight:400!important; margin-top: -10px;
  padding-bottom: 10px;}

/* HOME PRODUCT CATEGORIES END */

/* Product grid styles */
[data-products] .product {
 
  background: #fff !important;
  padding: 15px !important;
	border: 1px solid #ddd;
    
}


/* Product grid styles */



/* header login */
.elementor-1426 .elementor-element.elementor-element-8640e28 .menu-item a.hfe-menu-item{color:#000;}
.elementor-1426 .elementor-element.elementor-element-8640e28 .menu-item a.hfe-menu-item:hover{color:#0179C7;}

.elementor-1426 .elementor-element.elementor-element-8640e28 .menu-item a.hfe-sub-menu-item {
 color:#000;
}

.elementor-1426 .elementor-element.elementor-element-8640e28 .menu-item a.hfe-sub-menu-item:hover {
 color:#0179C7;
}

/* header login end */

/* mobile bottom menu */
.wp-bottom-menu-item i{font-style: normal!important;}
.wp-bottom-menu-item{ margin-top:7px!important;}
.wp-bottom-menu-item span {
  margin-top: 10px!important;
  color: inherit;
  margin-bottom: -10px!important;
}

/* mobile bottom menu end */

	:is(.ct-woo-card-actions, .ct-woo-card-extra) :is(a, button){min-width:150px!important;}
	:is(.ct-woo-card-actions, .ct-woo-card-extra) :is(a, button), .yith-wcqv-button {
  margin: 0 !important;
  width: 100%!important;
}

@media (min-width:300px) and (max-width:1024px){
	.woosq-btn{width:100%!important;}
	.hfe-nav-menu__layout-vertical .hfe-nav-menu .sub-arrow{
		position:absolute!important; right:20px!important;
	}
	hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
    position: absolute;
    left: -4px !important;
  }
	.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{border-radius:0px!important;}
	 .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu {
    width: 100%;
    margin-right: -20px!important;
	}
	.dgwt-wcas-search-wrapp {
  max-width: 100%important;
  margin-top: -10px;
  width: 100% !important;
	}
	.ct-woo-card-actions {
  
  width: 100%!important;
}

}

footer button{min-height: 54px!important;}
.xoo-wsc-sc-bki {
  font-size: 21px!important;
  color: #0179c7;
}
span.xoo-wsc-sc-count, span.xoo-wsch-items-count {
  border-radius: 50%;
  height: 14px!important;
  line-height: 14px!important;
  width: 14px!important;
  display: inline-block;
  text-align: center;
  font-size: 10px!important;
  right: -7px;
  position: absolute;
  top: -4px;
}


.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image--top-left {
  left: auto!important;
  top: 0;
  right: 0px!important;
}

/* shop filters */
.woof_container_inner h4 {
  margin-top: 20px!important;
	margin-bottom:10px!important;
  font-size: 16px !important;
}