/* Homepage visual system from the supplied reference. */
.home-reference .flash-sale-view-all{
    margin-top:0!important}
.home-reference .brand-item{
    height:80px!important}
.home-reference .brand-item a{
    display:block;
    width:100%}
.home-reference .brand-item img{
    padding:0!important;
    width:100%!important;
    opacity:.8
}
.home-reference .footer-top .row{
    flex-direction:row!important;
    gap:0!important
}
.home-reference .social_link{
    flex-wrap:wrap
}

@media(min-width:768px) and (max-width:1199px){
.home-reference .footer-top .row>div{
    flex:0 0 50%;
    max-width:50%;
    margin-bottom:20px
}
.home-reference .flash-sale-heading h2{
    font-size:21px
}
.home-reference .flash-sale-timer{
    gap:5px
}
.home-reference .flash-sale-timer span{
    min-width:40px
    }
}
.home-reference .main_slider .owl-dots{
    position:absolute;
    bottom:10px;
    left:0;
    width:100%;
    margin:0!important
}
.home-reference .main_slider .owl-dot{
    background:#ffffff80!important
}
.home-reference .main_slider .owl-dot.active{
    background:var(--white)!important
}
.home-reference .mobile-menu:not(.active){
    visibility:hidden;
    pointer-events:none
}
.home-reference .mobile-menu.active{
    visibility:visible;
    pointer-events:auto
}
.home-reference{
    background:var(--white);
    color:var(--heading-color);
    font-family:"Poppins","Hind Siliguri",sans-serif
}
.home-reference #main-content{
    background:linear-gradient(105deg,var(--white) 30%,var(--section-bg) 100%)
}
.home-reference .slider-section{
    padding:12px 0 0;
    margin:0
}
.home-reference .slider-item,.home-reference .banner-right-item{
    overflow:hidden;
    border-radius:12px
}
.home-reference .flash-sale-section{
    border:0;
    background:none;
    padding:0;
    margin:14px auto
}
.home-reference .flash-sale-section>.container{
    background:var(--secondary-color);
    padding:16px;
    border-radius:14px
}
.home-reference .flash-sale-header{
    position:relative;
    margin-bottom:10px;
    gap:8px
}
.home-reference .flash-sale-heading{
    flex-wrap:wrap;
    gap:8px;
    color:var(--white)
}
.home-reference .flash-sale-heading h2{
    font-size:24px;
    color:var(--white);
    font-weight:700
}
.home-reference .flash-sale-ends{
    color:white;
    font-size:12px;
    font-weight:600
    padding-right:170px;
}
.home-reference .flash-sale-icon{
    font-size:30px
}
.home-reference .flash-sale-timer span{
    background:var(--white);
    border-radius:7px;
    min-width:48px;
    padding:5px 8px
}
.home-reference .flash-sale-timer strong{
    color:var(--heading-color);
    font-size:20px
}
.home-reference .flash-sale-timer small{
    font-size:10px;
    color:var(--muted-text)
}
.home-reference .flash-sale-view-all,.home-reference .reference-view-all{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:5px 12px;
    border:1px solid var(--primary-color)!important;
    border-radius:30px;
    background:var(--white);
    color:var(--primary-color)!important;
    font-size:12px;
    font-weight:500;
    white-space:nowrap;
    line-height:1.4}
.home-reference .flash-sale-grid{
    display:block
}
.home-reference .product_item{
    padding:0!important;
    border:0!important;
    background:var(--white)!important;
    border-radius:14px!important;
    overflow:hidden;
    box-shadow:0 3px 12px #123b1610!important;
    margin:0
}
.home-reference .product_item_inner{
    padding:8px;
    background:white;
    border-radius:14px;
    height:100%
}
.home-reference .pro_img{
    height:190px!important;
    padding:0!important;
    position:relative
}
.home-reference .pro_img img{
    width:100%;
    height:100%!important;
    object-fit:contain!important;
    border-radius:8px
}
.home-reference .pro_des{
    padding:0!important
}
.home-reference .pro_name{
    height:40px!important;
    margin:4px 0 0!important;
    line-height:19px
}
.home-reference .pro_name a{
    color:var(--heading-color)!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:19px!important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden
}
.home-reference .pro_price{
    padding:0!important;
    margin:3px 0 6px!important;
    height:auto!important
}
.home-reference .pro_price p{
    display:flex;
    align-items:center;
    gap:7px;
    line-height:1.2
}
.home-reference .pro_price .new_price{
    color:var(--primary-color)!important;
    font-size:17px!important;
    font-weight:600
}
.home-reference .pro_price del{
    color:var(--muted-text)!important;
    font-size:13px!important;
    font-weight:500
}

.home-reference .pro_btn{
    display:grid!important;
    grid-template-columns:1.45fr 1fr;
    gap:5px;margin:0!important
}
.home-reference .pro_btn>*{
    width:auto!important;
    margin:0!important;
    min-width:0
}
.home-reference .pro_btn .cart_btn button,.home-reference .pro_btn .variable-modal{
    background:var(--secondary-color)!important;
    border:0!important;
    border-radius:7px!important;
    width:100%!important;
    height:31px!important;
    min-height:31px!important;
    padding:0 3px!important;
    font-size:11px!important;
    font-weight:500;
    text-transform:uppercase;
    color:var(--white)!important;
    box-shadow:none!important
}
.home-reference .pro_btn .addcartbutton{
    background:var(--primary-color)!important;
    color:var(--white)!important;
    border:0!important;
    border-radius:7px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0 3px!important;
    width:100%!important;
    text-transform:uppercase;
    font-size:11px!important;
    font-weight:500
}
.home-reference .pro_btn .addcartbutton.active{
    background:var(--primary-hover)!important
}
.home-reference .shipping{
    top:36px;
    font-size:9px
}
.home-reference .owl-dots{
    display:flex!important;
    justify-content:center;
    gap:6px;
    margin:-6px 0 0!important
}
.home-reference .owl-dot{
    width:7px;
    height:7px;
    background:var(--border-color)!important;
    border-radius:50%
}
.home-reference .owl-dot.active{
    background:var(--secondary-color)!important
}
.home-reference .flash-sale-grid .owl-dot{
    background:var(--secondary-soft)!important
}
.home-reference .flash-sale-grid .owl-dot.active{
    background:white!important
}
.home-reference .owl-dot span{
    display:none!important
}
.home-reference .shop-categories{
    margin:14px 0;
    padding:8px 0;
    background:radial-gradient(at 15% 15%,var(--primary-soft),transparent 65%),linear-gradient(110deg,var(--primary-soft),var(--primary-soft));
    border-radius:20px
}
.home-reference .category-title{
    border:0!important;
    text-align:center;
    padding:0;
    margin-bottom:16px;
    background:none!important
}
.home-reference .shop-categories .category-title h3{
    display:inline-block;
    margin:0 auto 10px;
    padding:8px 25px;
    background:white;
    box-shadow:0 3px 13px #abdac64d;
    border-radius:30px;
    color:var(--heading-color);
    font-size:23px;font-weight:600
}
.home-reference .category-title p{
    font-size:12px;
    color:var(--muted-text)
}
.home-reference .category-title h3 span,.home-reference .section-title h3 span{
    color:var(--secondary-color)
}
.reference-category-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px
}
.reference-category-grid .cat-item{
    display:flex;
    flex-direction:column;
    background:var(--white);
    border:0!important;
    border-radius:13px;
    padding:10px 7px;
    min-width:0;
    box-shadow:none!important
}
.reference-category-grid .cat-item[hidden]{
    display:none
}
.reference-category-grid .cat-img{
    height:120px;
    width:100%;
    border:0!important;
    border-radius:0;
    background:transparent
}
.reference-category-grid .cat-img img{
    height:100%;
    width:100%;
    object-fit:contain
}
.reference-category-grid .cat-name{
    margin-top:8px;
    text-align:center;
    line-height:1.3
}
.reference-category-grid .cat-name a{
    font-size:12px;
    color:var(--heading-color);
    font-weight:600
}
.category-show-all,
.home-load-more {
    display:block;
    background:var(--secondary-color);
    color:white;
    padding:9px 28px;
    border-radius:30px;
    font-weight:500;
    border:0;
}

/* Category View All */
.category-show-all {
    margin:18px auto 0;
}

/* Product View More */
.home-load-more {
    margin:5px auto 0;
}
.category-show-all i{
    margin-left:12px
}
.home-reference .homepage-product-section,.home-reference .all-products-section{
    margin:-20px 0;
    padding:20px 0;
    background:linear-gradient(120deg,var(--section-bg),var(--white));
    border:0;
    border-radius:18px
}
.home-reference .trending{
    background:linear-gradient(110deg,var(--secondary-soft),var(--secondary-soft))
}
.home-reference .section-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border:0!important;
    padding:0!important;
    margin:0 0 16px!important;
    background:transparent!important
}
.reference-heading{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0
}
.reference-heading>i{
    font-size:30px;
    color:var(--secondary-color)
}
.home-reference .all-products-section .reference-heading>i{
    color:var(--primary-color);
    font-size:26px
}
.home-reference .section-title h3{
    color:var(--heading-color)!important;
    font-size:23px!important;
    font-weight:600!important;
    padding:0!important;
    margin:0!important;
    line-height:1.3;
    background:none!important;
    border:0!important
}
.home-reference .section-title h3::before,.home-reference .section-title h3::after,.home-reference .category-title h3::after{
    display:none!important
}
.reference-heading p{
    font-size:12px;
    color:var(--muted-text);
    margin-top:3px
}
.home-reference .all-products-grid{
    gap:14px;
    grid-template-columns:repeat(6,minmax(0,1fr))
}
.catalog-controls{
    display:flex;
    gap:10px
}
.catalog-controls label{
    display:flex;
    align-items:center;
    position:relative;
    font-size:12px;
    background:white;
    border-radius:20px;
    padding:5px 9px;
    gap:5px
}
.catalog-controls select{
    max-width:68px;
    border:0;
    background:transparent;
    font-size:11px;
    color:var(--heading-color);
    cursor:pointer
}
.home-reference .home-brands{
    background:var(--section-bg);
    padding:14px 0 10px;
    margin:10px 0 0!important
}
.home-reference .home-brands .category-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px
}
.home-reference .home-brands h3{
    font-size:16px!important;
    color:var(--heading-color);
    font-weight:600
}
.home-reference .home-brands h3 i{
    color:var(--primary-color);
    margin-right:12px
}
.home-reference .brand-item{
    border:.5px solid #0c6f0a;
    background:var(--section-bg);
    border-radius:20px;
    overflow:hidden;
    padding:12px;
    min-height:80px;
    display:flex;
    align-items:center;
    justify-content:center
}
.home-reference .brand-item img{
    object-fit:contain;
    max-height:60px
}
.home-reference .footer-gap{
    display:none
}
.home-reference .footer-top{
    background:var(--primary-color)!important;
    border:0!important;
    padding:25px 0!important
}
.home-reference .footer-about p,.home-reference .footer-about p a,.home-reference .footer-menu ul li a{
    color:var(--white)!important
}
.home-reference .footer-menu .title a{
    font-weight:500;
    font-size:17px;
    letter-spacing:.4px
}
.home-reference .footer-menu .title::after{
    background:var(--secondary-color)!important;
    width:32px
}
.home-reference .footer-bottom{
    background:var(--primary-hover)!important;
    border:0!important
}
.home-reference .copyright a{
    color:var(--secondary-color)!important
}
.home-reference .footer_nav{
    background:var(--primary-color)!important;
    border-radius:0!important
}
.home-reference .footer-nav-label{
    text-transform:uppercase
}
.home-reference .footer-nav-badge{
    background:#06063e!important
}
.home-reference .social_link{
    display:flex;
    justify-content:center;
    gap:7px
}
.home-reference .social_link li a{
    border:0!important;
    border-radius:7px!important;
    width:44px;height:44px;
    font-size:27px;
    display:flex;
    align-items:center;
    justify-content:center}
.home-reference .delivery-partner img{
    width:190px!important;
    max-width:100%;
    height:auto!important;
    padding:8px;
    background:var(--white);
    border-radius:8px
}
.home-reference .all-products-loader{
    height:10px
}
.home-load-more[hidden]{
    display:none
}
.expanded-brands{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px}.catalog-empty{grid-column:1/-1;
    text-align:center;
    padding:24px;
    color:var(--muted-text)
}
@media(min-width:768px){
.home-reference .flash-sale-section>.container{
    max-width:calc(100% - 32px)
}
.home-reference .homepage-product-section,.home-reference .shop-categories,.home-reference .all-products-section,.home-reference .home-brands{
    padding-top:24px;
    padding-bottom:24px
}
.home-reference .flash-sale-timer{
    margin-left:20px
    }
}
@media(min-width:1200px){
.home-reference .flash-sale-section>.container{
    max-width:1170px
    }
}
@media(max-width:767px){
.home-reference .footer-links-col,.home-reference .footer-customer-col{
    flex:0 0 50%!important;
    max-width:50%!important
}
.home-reference .footer-info-col,.home-reference .footer-social-col{
    flex:0 0 100%!important;
    max-width:100%!important
}
.home-reference .marquee-item-wrap{
    display:block
}
.home-reference #navbar_top{
    background:var(--white);
    box-shadow:none
}
.home-reference .mobile-header{
    position:relative!important;
    box-shadow:none!important
}
.home-reference .mobile-logo{
    padding:14px 6px 8px;
    min-height:72px
}
.home-reference .menu-logo img{
    height:44px!important;
    width:auto!important;
    max-width:155px!important;
    object-fit:contain
}
.home-reference .menu-bar i{
    font-size:22px
}
.home-reference .menu-bag i{
    font-size:26px
}
.home-reference .menu-bag span{
    background:var(--secondary-color)!important;
    color:white!important
}
.home-reference .mobile-search{
    padding:0 15px 10px;
    background:var(--white)!important;
    display:block!important
}
.home-reference .mobile-search form{
    height:40px;
    border:1px solid var(--border-color);
    border-radius:13px;
    overflow:hidden;
    box-shadow:none
}
.home-reference .mobile-search input{
    height:38px;
    background:var(--white);
    border:0;
    padding-left:15px;
    font-family:inherit;
    font-size:12px
}
.home-reference .mobile-search button{
    height:40px;
    width:62px!important;
    top:-1px!important;
    right:-1px!important;
    border-radius:12px!important;
    background:var(--primary-color)!important;
    color:white
}
.home-reference #main-content>.slider-section>.container,.home-reference #main-content>.homeproduct>.container,.home-reference .shop-categories>.container,.home-reference .home-brands>.container{
    padding-left:5px;
    padding-right:5px;
    width:100%;
    max-width:100%
}
.home-reference .slider-section{
    padding-top:0
}
.home-reference .slider-section .row{
    margin:0;
    gap:6px
}
.home-reference .slider-section .row>[class*=col-]{
    padding:0;
    width:100%
}
.home-reference .slider-item img{
    width:100%;
    height:auto!important;
    aspect-ratio:2.42;
    object-fit:cover
}
.home-reference .main_slider .owl-nav{
    display:none
}
.home-reference .banner-right{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin:0!important
}
.home-reference .banner-right-item{
    margin:0!important;
    height:auto!important
}
.home-reference .banner-right-item img{
    width:100%;height:auto!important;
    aspect-ratio:2.3;
    object-fit:cover
}
.home-reference .flash-sale-section{
    margin:12px 12px 14px
}
.home-reference .flash-sale-section>.container{
    width:100%;
    padding:10px 5px;
}
.home-reference .flash-sale-header{
    align-items:flex-start;
    min-height:72px
}
.home-reference .flash-sale-heading{
    display:grid;
    grid-template-columns:24px 158px auto;
    gap:4px 8px;
    width:100%
    padding-top:5px;
}
.home-reference .flash-sale-heading h2{
    font-size:26px
}
.home-reference .flash-sale-icon{
    font-size:28px
}
.home-reference .flash-sale-ends{
    font-size:12px;
}
.home-reference .flash-sale-timer{
    grid-column:1/-1;
    justify-content:center;
    width:100%;
    gap:8px;
    margin-top:5px
}
.home-reference .flash-sale-timer span{
    min-width:43px;
    padding:6px 14px
}
.home-reference .flash-sale-timer strong{
    font-size:24px
}
.home-reference .flash-sale-view-all{
    position:absolute;
    height:30px;
    right:0;top:2px;
    font-size:12px;
    padding:4px 10px
}
 .home-reference .pro_img {
    height: auto !important;
}
.home-reference .pro_name a{
    font-size:11px!important;
    line-height:16px!important
}
.home-reference .pro_name{
    height:34px!important;
    line-height:16px
}
.home-reference .product_item_inner{
    padding:7px
}
.home-reference .pro_price .new_price{
    font-size:15px!important
}
.home-reference .pro_price del{
    font-size:12px!important
}
.home-reference .pro_btn{
    gap:4px
}
.home-reference .pro_btn .cart_btn button,.home-reference .pro_btn .variable-modal,.home-reference .pro_btn .addcartbutton{
    font-size:10px!important;
    height:29px!important;
    min-height:29px!important
}

.reference-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px
     
}
.reference-category-grid .cat-img{
    height:95px
}
.reference-category-grid .cat-name a{
    font-size:12px
}
.reference-category-grid .cat-item{
    padding:8px 5px;
    min-height:132px
}
.home-reference .shop-categories .category-title h3{
    font-size:21px;
    padding:7px 23px
}
.home-reference .category-title p{
    font-size:12px
}
.home-reference .shop-categories{
    margin-top:12px
}
 .reference-heading{
    gap:9px
}
.reference-heading>i{
    font-size:29px
}
.home-reference .section-title h3{
    font-size:19px!important;
    letter-spacing:-.7px
}
.reference-heading p{
    font-size:12px;
    line-height:1.3
}
.home-reference .reference-view-all{
    font-size:12px;
    padding:5px 10px
}
.home-reference .section-title{
    margin-bottom:14px!important
}
.home-reference .all-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
}
.catalog-controls{
    gap:2px
}
.catalog-controls label{
    padding:4px;
    font-size:10px
}
.catalog-controls select{
    max-width:50px;
    font-size:12px
}
.home-reference .all-products-section .reference-heading{
    gap:7px
}
.home-reference .all-products-section .section-title h3{
    font-size:18px!important
}
.home-reference .all-products-section .reference-heading p{
    font-size:12px
}
 .home-reference .home-brands>.container{
    padding:0 12px
}
.home-reference .brand-item{
    padding:8px;
    min-height:68px;
    border-radius:20px
}
.home-reference .brand-item img{
    height:70px!important
}
 .home-reference .footer-top .row{
    display:flex;
    flex-wrap:wrap
}
.home-reference .footer-info-col,.home-reference .footer-social-col{
    width:100%;
    text-align:center
}
.home-reference .footer-links-col,.home-reference .footer-customer-col{
    width:50%;
    padding:18px 12px!important;
    border:0!important
}.home-reference .footer-info-col{
    padding:0 12px 10px!important
}
.home-reference .footer-about a img{
    height:60px!important;
    width:auto;
    max-width:190px;
    object-fit:contain;
    margin-bottom:8px
}
.home-reference .footer-about p{
    font-size:12px;
    line-height:1.9
}
.home-reference .footer-menu ul li a{
    font-size:13px
}
.home-reference .footer-menu .title{
    margin-bottom:18px
}
.home-reference .footer-menu .title a{
    font-size:16px
}
.home-reference .footer-social-col{
    padding:0 12px!important;
    border:0!important
}
.home-reference .footer-social-col .title{
    text-transform:uppercase;
    margin-bottom:18px;
    margin-top:10px
}
.home-reference .social_link{
    margin-bottom:18px
}
.home-reference .social_link li a{
    width:40px;
    height:40px;
    font-size:25px
}
.home-reference .copyright p{
    font-size:11px!important;
    line-height:1.8
}
.home-reference .footer-bottom{
    padding:12px 0 18px
}
.home-reference .footer_nav{
    height:60px
}
.home-reference .footer-nav-label{
    font-size:10px
}
.home-reference .footer-nav-icon{
    font-size:22px
    }
}

/* One mobile gutter for search, banners and homepage sections. */
@media (max-width:767px) {
 body.home-reference { --home-mobile-gutter:7px; 
}
 body.home-reference .marquee-item-wrap,
 body.home-reference .marquee {
    height:30px; 
    line-height:30px; 
}
 body.home-reference .marquee-text { line-height:30px; }
 /* Only the logo row stays visible on scroll, as on the live storefront. */
 body.home-reference.shared-header #navbar_top { display:contents!important; }
 body.home-reference.shared-header #navbar_top .mobile-header {
  position:sticky!important;
  top:0;
  z-index:1030;
 }
 body.home-reference #navbar_top .mobile-search {
  padding:8px 15px;
  background:#f7f7f7!important;
 }
 body.home-reference .mobile-search form {
  height:35px;
  border:1px solid var(--primary-color);
  border-radius:12px;
 }
 body.home-reference .mobile-search input {
  flex:1;
  min-width:0;
  width:85%!important;
  height:34px;
  padding:0 12px;
  background:#f7f7f7;
  font-family:"Poppins","Hind Siliguri",sans-serif;
  font-size:16px;
 }
 body.home-reference .mobile-search button {
  position:static;
  flex:0 0 15%;
  width:15%!important;
  height:34px;
  padding:0;
  border-radius:0!important;
 }
 body.home-reference #main-content > .slider-section > .container,
 body.home-reference #main-content > .homeproduct > .container,
 body.home-reference .shop-categories > .container,
 body.home-reference .home-brands > .container,
 body.home-reference footer .footer-top > .container {
  width:100%;
  max-width:100%;
  padding-left:calc(var(--bs-gutter-x) * .3);
  padding-right:calc(var(--bs-gutter-x) * .3);
 }
 body.home-reference #main-content > .homeproduct > .container > .row,
 body.home-reference .shop-categories > .container > .row,
 body.home-reference .home-brands > .container > .row { 
    margin-left:0; 
    margin-right:0; 
}
body.home-reference #main-content > .homeproduct > .container > .row > [class*="col-"],
body.home-reference .shop-categories > .container > .row > [class*="col-"],
body.home-reference .home-brands > .container > .row > [class*="col-"] { 
    padding-left:0; 
    padding-right:0;
}
body.home-reference .flash-sale-section { 
    margin-left:var(--home-mobile-gutter); 
    margin-right:var(--home-mobile-gutter); 
    }
}

/* Homepage cards match the related-product reference. */
body.home-reference .product_item {
    border:1px solid var(--border-color)!important; 
    border-radius:16px!important; 
    box-shadow:0 2px 8px rgba(17,24,39,.04)!important; 
}
body.home-reference .product_item_inner { 
    padding:4px; 
    border-radius:16px;
    border: .5px solid #0c6f0a !important;
}
body.home-reference .pro_img img {
    border-radius: 14px;
    object-fit: contain !important;
}


body.home-reference .pro_name{ 
    height:38px!important; 
    margin:12px 0 8px!important; 
    padding:0 2px; line-height:18px; 
}
body.home-reference .pro_name a { 
    font-size:13px!important; 
    font-weight:500!important; 
    line-height:18px!important; 
}
body.home-reference .pro_price { 
    padding:0 2px!important; 
    margin:0 0 12px!important; 
}
body.home-reference .pro_price p { 
    justify-content:flex-start; 
    gap:6px; margin:0; 
    line-height:22px; 
}
body.home-reference .pro_price .new_price { 
    font-size:16px!important; 
}
body.home-reference .pro_price del { 
    font-size:14px!important; 
}

body.home-reference .pro_btn { 
    grid-template-columns:minmax(0,1fr) 60px; 
    gap:8px; padding:0; 
}
body.home-reference .pro_btn .cart_btn button,
body.home-reference .pro_btn .variable-modal,
body.home-reference .pro_btn .addcartbutton { 
    height:35px!important; 
    min-height:35px!important; 
    border-radius:12px!important; 
    font-size:12px!important; 
    font-weight:600; letter-spacing:0; 
    box-shadow:none!important; 
}
body.home-reference .wsit_stock_out { 
    margin:0; 
}
body.home-reference .stock_out { 
    height:35px; 
    width:100%; 
    padding:0; 
    font-size:12px; 
}
body.home-reference .all-products-grid{ 
    grid-template-columns:repeat(6,minmax(0,1fr)); 
    gap:10px; 
}
@media (min-width:768px) and (max-width:999px){
body.home-reference .all-products-grid{ 
    grid-template-columns:repeat(3,minmax(0,1fr)); 
    }
}
@media (max-width:767px) {
 body.home-reference .all-products-grid{ 
    grid-template-columns:repeat(2,minmax(0,1fr)); 
    gap:5px; 
}
body.home-reference .pro_name a { 
    font-size:12px!important; 
}
body.home-reference .pro_btn { 
    grid-template-columns:minmax(0,1fr) 60px; 
    gap:5px; 
}
body.home-reference .pro_btn .cart_btn button,
body.home-reference .pro_btn .variable-modal,
body.home-reference .pro_btn .addcartbutton { 
    font-size:13px!important; 
    letter-spacing: .3px; 
    }
}

/* Align section icons, titles and actions on the title row, above subtitles. */
body.home-reference .section-title { align-items:flex-start; }
body.home-reference .section-title .reference-heading { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:start; column-gap:12px; flex:1; }
body.home-reference .section-title .reference-heading > i { width:32px; height:32px; display:flex; align-items:center; justify-content:center; line-height:1; }
body.home-reference .section-title .reference-heading > div { min-width:0; }
body.home-reference .section-title h3 { min-height:32px; display:flex; align-items:center; flex-wrap:wrap; column-gap:.25em; }
body.home-reference .section-title .reference-heading p { margin:3px 0 0; }
body.home-reference .section-title .reference-view-all { 
    flex:0 0 auto; 
    height:30px; 
    margin:0; 
    align-self:flex-start; 
}
body.home-reference .section-title .catalog-controls { min-height:32px; align-items:center; }
@media(max-width:767px) {
 body.home-reference .section-title .reference-heading { grid-template-columns:28px minmax(0,1fr); column-gap:8px; }
 body.home-reference .section-title .reference-heading > i { width:28px; font-size:26px; }
}

/* Reference brand cards: centered heading and full-height linked logos. */
body.home-reference .home-brands{ 
    padding:10px 0 15px; 
}
body.home-reference .home-brands .category-title{ 
    justify-content:center; 
    margin-bottom:20px; 
}
body.home-reference .home-brands h3{ 
    font-size:19px!important; 
    margin:0;
}
body.home-reference .home-brands .brand-item {
    height: 80px!important;
    padding: 16px;
    background: var(--white);
    border-radius: 15px;
    margin-top:6px;
}
body.home-reference .home-brands .brand-item a {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
}
body.home-reference .home-brands .brand-item img {
    width:100%!important;
    height:70px!important;
    max-height:70px;
    object-fit:contain;
    opacity:1;
}
body.home-reference .home-brands .owl-dots { 
    display:none!important; 
}

/* NEW CSS: Category Card Border Color */
body.home-reference #shop-categories .cat-item {
    border: .5px solid #0c6f0a !important;
    box-sizing: border-box;
}

body.home-reference .home-brands {
    padding-top:20px!important;
    padding-bottom:30px!importan;
}