/*
Theme Name: Possl
Description: Custom Pössl theme, launch 2026 
Version: 2.0
Author: Markus Zeeh, Glødefisk
Author URI: 
*/

	
/*************
****color*****
************** 


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

	
/*******************
**** CSS RESET *****
*******************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}


	
/* remember to define focus styles! */
:focus {
	outline:0;
}
html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	scroll-behavior: smooth;

  }


body {
	color:black;
	background: #f7f7f7;
}

ol,ul {
	list-style:none;
}


	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {

	
/*text-align: left;*/
	font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:;
}



	
/**************
**** Font *****
***************


.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

***/
	
/******************
**** Generell *****
******************/

.clear{
  clear: both;
  float: none;
}

body{
  font-family: "Montserrat", sans-serif;
}
strong {
  font-weight: 700;
}

p.has-background{
  padding: 20px 20px;
}
p.has-gray-color{
  color: #39414d;
}

p.has-yellow-background-color{
  background: #eeeadd; 
}


p.has-hvit-color.has-text-color a{
  color: #fff !important;
  border-bottom-color: #fff;
}


#Content{
  padding-top: 114px;
}

@media (max-width: 800px) {
  #Content{
    padding-top: 0;
  }

  body{
    margin-top: 70px;
  }
}

/** Header **/


#Header{
  position: fixed;
  width: 100%;
  z-index: 99999;
  text-align: center;
  /*background: rgba(255, 255, 255, 0.634);*/
  background: rgba(255, 255, 255, 1);
}

#Header .logo{
  margin: 30px;
  max-width: 30% !important;
  max-height: 50px !important;
  height: auto !important;
}
  
  .html-scrolled #Header .logo{
    margin: 10px;
    max-width: 30% !important;
    max-height: 30px !important;
    height: auto !important;
    transition: all 0.3s;
  }
  
  @media (max-width: 1200px) {
    #Header .logo{
      margin: 30px 10px;
      max-width: 25% !important;
      max-height: 40px !important;
    } 
  }
  
  

  
  @media (max-width: 900px) {
    #Header,
    #Header #menu-my-custom-menu,
    #Header .logo{
      display: none;
    }
    
   
  }
  
 #Header nav{
   min-width: 25%;
   padding: 20px 3vw 0 ;
 }
 
  #Header:hover{
    background: rgba(255, 255, 255, 1);
    transition: all 0.3s;
  }
 
.html-scrolled #Header nav{
  padding: 10px 30px 0;
  transition: all 0.3s;
}


  #Header nav.alignleft{
    float: left;
    
  }
    #Header nav.alignleft li{
      float: left;
      }
  
  #Header nav.alignright{
    float: right;
  }

  #Header nav ul{
    clear: both;
    display: block;
    margin-top: 25px;
  }
  
  .html-scrolled #Header nav ul{
    margin-top: 5px;
    transition: all 0.3s;
  }

  #Header nav .menu-my-custom-menu-container{
    padding-top: 30px;  
  }
  
  #Header nav li{
    float: right;
    margin: 0 1vw 0;
  }
  
   
    #Header nav .menu-my-custom-menu-container li{
      float: left;
    }

  #Header nav a:link,
  #Header nav a:visited{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    color: #003571;
    font-weight: 600;    
    width   : auto;
    height  : 30px;   
    position: relative;
    display: inline;
    padding-bottom: 5px;
    margin-bottom: 00px;
    text-align: center;
    z-index : 1;
  }
    .html-scrolled  #Header nav a:link,
    .html-scrolled  #Header nav a:visited{
      font-size: 16px; 
      transition: all 0.3s;
    }
  
    @media (max-width: 1200px) {
      #Header nav a:link,
      #Header nav a:visited{
        font-size: 15px;
      }
    }
  
  
  #Header nav a:hover,
  #Header nav a:focus{
    width   : auto;
    height  : 50px;   
    position: relative;
    display: inline;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-align: center;
    z-index : 1;
    transition: width 0.3s, height 0.3s, padding-bottom 0.3s, margin-bottom: 0.3s, display: 0.3s, text-align 0.3s, z-index 0.3s, position 0.3s;

  }
  
    #Header nav a:hover:before,
    #Header nav a:focus:before{
      content : "";
      position: absolute;
      left    : 20%;
      bottom  : 10px;
      height  : 1px;
      width   : 60%;  /* or 100px */
      border-bottom:1px solid #000;
      transition: all 0.3s;
    }
  
  
  #Header nav .current-menu-item a:link,
  #Header nav .current-menu-item a:visited{
    width   : auto;
    height  : 50px;   
    position: relative;
    display: inline;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-align: center;
    z-index : 1;
  }
  
  
  #Header nav .current-menu-item a:link:before,
  #Header nav .current-menu-item a:visited:before{
    content : "";
    position: absolute;
    left    : 10%;
    bottom  : 10px;
    height  : 1px;
    width   : 80%;  /* or 100px */
    border-bottom:2px solid #000;
  }
  
  
  #Header nav #MetaMenu li{
    margin-left: 0;
  }
  
  #Header nav #MetaMenu li i{
    font-size: 20px;
  }
  
  #Header .cart-customlocation{
    position: relative;
  }
  
    #Header .cart-customlocation span{
      position: absolute;
      top: -20px;
      left: 0;
      background: #fff;
      font-size: 12px;
      padding: 3px 7px;
      border-radius: 20px;  
    }

.wp-block-button a{
  position: relative;
}

/*
.wp-block-button a::after{
  font-family: "Font Awesome 7 Free", "Font Awesome 7 Pro";
  font-size: 20px;
  color: #3B5346;
  content: '\f105' !important;
  position: absolute;
  right: 15px;
}
*/

.wpgmp_map_parent{
  margin-bottom: 0 !important;
}

.wp-block-file{
  font-size: 20px;
  font-weight: 400;
  font-family: "nunito", sans-serif; 
  margin: 0 0 3vh;
}

p a:link,
p a:visited,
.wp-block-file a{
  font-size: 20px; 
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

    p a:hover,
    p a:focus,
    .wp-block-file a:hover,
    .wp-block-file a:focus{
      border-bottom: 2px solid #000;
      
    }

.wp-block-file a.wp-block-file__button{
    background: #6d6a5a;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 400;
    width: auto;

}

.wp-block-media-text__media img{
  border-radius: 0px;
  border: 2vw #fff solid;
  width: 90% !important; 
}

    @media (max-width: 800px) {
      .wp-block-media-text__media img {
        width: 96% !important;
      }
    }

a.wp-block-button__link.has-brun-background-color:hover, 
a.wp-block-button__link.has-brun-background-color:focus{
  background: #FFE241 !important;
  color: #000;
  transition: all 0.3s;
} 

.wp-block-list{
  list-style: inherit !important;
}

/** woocommerce **/


.woocommerce-shop #Content{
  width: 90%;
  margin: 0 auto;
}
#Content #primary{
  padding: 10vh 5vw 3vh;
}

#Content #primary{
  width: 65vw;
  padding: 10vh 5vw 3vh 0;
  float: right;
}

#Content #Sidebar {
  width: 20vw;
  float: left;
  padding: 10vh 5vw 0 ;
}

 @media (max-width: 800px) {
   #Content #primary{
     width: 90vw;
     padding: 5vh 5vw 3vh ;
     float: none;
   }
   
   #Content #Sidebar {
    width: 80vw;
    float: none;
    clear: both;
    padding: 5vw 5vw 0 ;
 }
}
/**
@media (max-width: 1100px) {
  .woocommerce #content div.product div.images, 
  .woocommerce div.product div.images, 
  .woocommerce-page #content div.product div.images, 
  .woocommerce-page div.product div.images,
  .woocommerce  #Content .product .summary{
    width: 100% !important;
    float: none !important;
  }
}

*/
  #Content #Sidebar ul#menu-shop-1 > li,
  #Content #Sidebar ul#menu-shop > li{
    position: relative;
  }
  
    #Content #Sidebar ul#menu-shop-1 a:link,
    #Content #Sidebar ul#menu-shop-1 a:visited,
    #Content #Sidebar ul#menu-shop a:link,
    #Content #Sidebar ul#menu-shop a:visited{
      text-decoration: none; 
    }
    
      #Content #Sidebar ul#menu-shop-1 a:link,
      #Content #Sidebar ul#menu-shop-1 a:visited,
      #Content #Sidebar ul#menu-shop a:link,
      #Content #Sidebar ul#menu-shop a:visited{
        font-family: "Alan Sans", sans-serif;
        display: block;
        padding: 1vh 2vw;
        color:#000;
        text-transform: uppercase;
        font-weight: 300 !important;
      }
      
      #Content #Sidebar ul#menu-shop-1 > li > a:link,
      #Content #Sidebar ul#menu-shop-1 > li > a:visited,
      #Content #Sidebar ul#menu-shop > li > a:link,
      #Content #Sidebar ul#menu-shop > li > a:visited{
        background: #f3eed1;
      }
     
     #Content #Sidebar ul#menu-shop-1 > li > a:link::after,
     #Content #Sidebar ul#menu-shop-1 > li > a:visited::after,
     #Content #Sidebar ul#menu-shop > li > a:link::after,
     #Content #Sidebar ul#menu-shop > li > a:visited::after{
        font-family: "Font Awesome 7 Free", "Font Awesome 7 Pro";
        font-size: 20px;
        color: #3B5346;
        content: '\f105' !important;
        position: absolute;
        right: 20px;
      }
      
        #Content #Sidebar ul#menu-shop-1 > li:first-child > a:link,
        #Content #Sidebar ul#menu-shop > li:first-child > a:link{
          padding-top: 2vh;
        }
        
        #Content #Sidebar ul#menu-shop-1 > li:last-child > a:link,
        #Content #Sidebar ul#menu-shop > li:last-child > a:link{
          padding-bottom: 2vh;
        }
        
      #Content #Sidebar ul#menu-shop-1 li.current-menu-item > a:link,
      #Content #Sidebar ul#menu-shop-1 li.current-menu-item > a:visited,
      #Content #Sidebar ul#menu-shop-1 > li.current-product-ancestor > a:link,
      #Content #Sidebar ul#menu-shop-1 > li.current-product-ancestor > a:visited,
      #Content #Sidebar ul#menu-shop li.current-menu-item > a:link,
      #Content #Sidebar ul#menu-shop li.current-menu-item > a:visited,
      #Content #Sidebar ul#menu-shop > li.current-product-ancestor > a:link,
      #Content #Sidebar ul#menu-shop > li.current-product-ancestor > a:visited{
        font-family: "Alan Sans", sans-serif;
        font-weight: 600 !important;
      }
    
    
    #Content #Sidebar ul#menu-shop-1 .sub-menu,
    #Content #Sidebar ul#menu-shop .sub-menu{
      display: none;
    }
    
      #Content #Sidebar ul#menu-shop-1 > li.current-product-ancestor > .sub-menu,
      #Content #Sidebar ul#menu-shop > li.current-product-ancestor > .sub-menu{
        display: block;
        background: #fef9dc;
        padding-left: 10px;
      }


  .woocommerce-products-header h1{
    padding-top: 0 !important;
  }

  
  #ContentWithSidebar > ul{
    clear: none !important;
    float: right !important;
  }
  
  
.page-id-350 #ContentWithSidebar{
  margin-left: 0;
}
  
  .page-id-350 #ContentWithSidebar > ul{
    clear: both !important;
    float: none !important;
  }
  
  
 .woocommerce ul.products {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     margin: 0;
     padding: 0;
     font-family: "nunito", sans-serif; 
 }
 
 .woocommerce ul.products li.product {
    text-align: left;
    padding-bottom: 70px !important;
    }
 
 /**
  @media (max-width: 1600px) {
    .woocommerce ul.products li.last, .woocommerce-page ul.products li.last,
    .woocommerce ul.products li.product {
      width: 29% !important; 
      margin: 0 4% 5vh 0;
      margin-right: 4% !important; 
    }
    .woocommerce ul.products li.product:nth-child(3n){
      margin-right: 0 !important
    }
  }

  @media (max-width: 1200px) {
    .woocommerce ul.products li.last, .woocommerce-page ul.products li.last,
    .woocommerce ul.products li.product {
      width: 45% !important; 
      margin-right: 4% !important;
      margin: 0 4% 5vh 0 !important; 
    }
    
    .woocommerce ul.products li.product:nth-child(2n){
      margin-right: 0 !important
    }
  }
 */
 
 .woocommerce ul.products li.product a:link,
 .woocommerce ul.products li.product a:visited{
   color: #000;
 }
 
 .woocommerce ul.products li.product img{
   border-radius: 20px;
 }
 
 .woocommerce ul.products li.product h2{
   font-size: 18px !important;
 }
 
 .woocommerce ul.products li.product .add_to_cart_button{
   position: absolute;
   bottom: 20px;
   left: 0;
 }
 
.wp-block-button a.wp-block-button__link,
.woocommerce ul.products li.product .add_to_cart_button{
   background: #6C6A5A;
   border-radius: 10px;
   font-size: 16px;
   padding: 12px 30px;
   color: #fff !important;
 }
 
  .wp-block-button a.wp-block-button__link:hover,
  .wp-block-button a.wp-block-button__link:focus,
  .woocommerce ul.products li.product .add_to_cart_button:hover,
  .woocommerce ul.products li.product .add_to_cart_button:focus{
    background: #FFE241 !important;
    color: #000 !important;
    transition: all 0.3s !important;
    
  }
  
  /** single produkt **/
  #mz-variation-description {
      display: inline-block;
      margin-left: 15px;
      font-size: 14px;
      color: #555;
  }
  
  .woocommerce-product-details__short-description{
    margin: 5vh 0 6vh;
  }
  
  .woocommerce-variation-description p{
    font-size: 14px;
  }
  
  .variations{
    text-align: left;
    padding: 0 0 3vh;
  }
  
    .variations select{
      font-size: 20px;
      font-family: "nunito", sans-serif;
      padding: 8px;
      border-radius: 10px;
    }

    .variations a.reset_variations{
      color: #000;
      text-decoration: none;
    }
    
    .variations a.reset_variations:hover,
    .variations a.reset_variations:focus{
      border-bottom: 2px solid #000 ;
      transition: all 0.3s;
    }
    
    .woocommerce-variation-price{
      margin: 20px 0 !important;
    }
    
    .price{
      color: #6C6A5A !important;
      font-weight: 700;
    }
    
    .quantity{
      border: 1px solid #000;
      border-radius: 15px;
      padding: 10px;
      background: #f7f7f7;
    }
    
    .quantity input[type= "number" ]::-webkit-outer-spin-button,
    .quantity input[type= "number" ]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .quantity input[type= "number" ] {
      -moz-appearance: textfield;
    }
    .quantity input[type='number'] {
      font-size: 18px;
      border: none;
      background: #f7f7f7;
      padding: 0 !important;
      width: 40px !important;
    }
    
    .quantity button.minus,
    .quantity button.plus{
      background: none;
      border: none;
      color: #000;
      font-size: 20px;
    }
    
     .cart button[type='submit']{
      font-size: 16px !important;
      padding: 16px 30px!important;
      border-radius: 15px !important;
      margin-left: 20px!important;
      background: #6C6A5A !important; 
      color: #fff !important;
    } 
    
    .cart button[type='submit']:hover,
    .cart button[type='submit']:focus{
      background: #FFE241 !important;
      color: #000 !important;
      transition: all 0.3s !important;
    } 
    
    
  .woocommerce-cart a.wc-block-components-product-name{
    text-decoration: none !important;
    color: #000 !important;
    font-size: 30px !important;
  }
    
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
    background: #6C6A5A !important;
    
  }
  
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        color: #fff !important;
    }
    
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background: #f7f7f7 !important;
   
    border-bottom-color: #f7f7f7 !important; 
 }
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    color: #6C6A5A !important;
  }
  
  
  .woocommerce-product-attributes-item__value a:link,
  .woocommerce-product-attributes-item__value a:visited{
    color: #000 !important;
    text-decoration: none;
    border-bottom: 1px solid #000;
    font-weight: 300 !important;
  }
  
  .woocommerce-product-attributes-item__value a:hover,
  .woocommerce-product-attributes-item__value a:focus{
    border-bottom: 2px solid #FFE241;
    transform: all 0.3s;
  }
  
  section.related.products{
    margin-top: 10vh;
  }
    
    
@media (max-width: 1000px) {}

@media (max-width: 800px) {}



/*** poessl 2026 ***/

h3.circel::before{
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="10" fill="lightgrey" /></svg>');
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-left: -35px;
}

  h3.circel a:link,
  h3.circel a:visited{
    color:#000000;
    text-decoration: none;
  }
  
  h3.circel a:hover,
  h3.circel a:focus{
    color: #ff0000;
  }

  h3.circel:hover::before{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="10" fill="red"/></svg>');
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-left: -35px;
  }

h3.active::before{
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="10" fill="red"/></svg>');
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-left: -35px;
}

@media (max-width: 800px) {
  .wp-block-media-text>.wp-block-media-text__content{
    padding: 5vh 0 0 0 !important;
  }
  .wp-block-media-text.is-stacked-on-mobile{
    padding: 0 !important;
    width: 100% !important; 
    max-width: 100% !important; 
    margin: 0 !important;
  }
  .is-layout-constrained > .alignwide{
    width: 100% !important; 
    max-width: 100% !important; 

  }
}



ul.wp-block-post-template-is-layout-grid{
  gap: 4vw;
}
  
  ul.wp-block-post-template-is-layout-grid li{
    background: #fff;
  }
  
  ul.wp-block-post-template-is-layout-grid li h2 a:link,
  ul.wp-block-post-template-is-layout-grid li h2 a:visited{
    color: #000;
  }
  
  p.wp-block-post-excerpt__more-text{
    text-align: right;
  }
  
    a.wp-block-post-excerpt__more-link:link,
    a.wp-block-post-excerpt__more-link:visited{
      border: 2px solid #003571;
      color: #003571;
      padding: 6px 20px;
      border-radius: 10px;
    }
    
    a.wp-block-post-excerpt__more-link:hover,
    a.wp-block-post-excerpt__more-link:focus{
     background: #003571;
     color: #fff;
    transition: all 0.3s;
    }
    
    
    .woocommerce .products ul::after, 
    .woocommerce .products ul::before, 
    .woocommerce ul.products::after, 
    .woocommerce ul.products::before{
      display: none !important;
    }

    
    ul.wc-block-product-template__responsive.columns-3 {
      1grid-gap: 5vw !important;
    }
    
    ul.products.columns-3{
      display: grid !important;
      grid-gap: 1vw !important;
      grid-template-columns: repeat(auto-fill,minmax(max(150px,calc(30.33333% - .83333em)),1fr))
    }
    
    ul.products.columns-3 li.product,
    ul.wc-block-product-template__responsive.columns-3 li{
      padding: 3vw !important;
      background: #fff;
      margin: 0 !important;
      width: auto !important;
    }
    
      ul.products.columns-3 li.product:hover,
      ul.wc-block-product-template__responsive.columns-3 li:hover{
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
        transition: all 0.3s;
      }
      
      ul.products.columns-3 li.product .add_to_cart_button.button{
        display: none;
      }
      
      nav.woocommerce-breadcrumb{
        padding: 0vh 2vw !important;
        margin: 0 !important;
        background: #Fff;
      }
      @media (max-width: 1000px) {
        ul.wc-block-product-template__responsive.columns-3{
          grid-template-columns: repeat(auto-fill,minmax(max(50px,calc(50% - .83333em)),1fr))
        }
      } 
     
      @media (max-width: 800px) {
        ul.wc-block-product-template__responsive.columns-3{
          grid-template-columns: repeat(auto-fill,minmax(max(50px,calc(100% - .83333em)),1fr))
        }
      } 
      .woocommerce ul.products li.product p{
        font-size: 1.1em !important;  
      }
      
      .woocommerce ul.products li.product strong{
        display: inline !important;
      }
      
      ul.BilData{
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(max(50px,calc(33.33333% - .83333em)),1fr))
      }
      
        ul.BilData li{
          padding: 0 1vw 0 0 !important;
          margin-bottom: 2vh;
        }
        
          ul.BilData::before{
            display: none !important; 
          }
        
          ul.BilData li .label{
            display: block;  
            font-size: 0.8em;
            
          }
          
          ul.BilData li .value{
            display: block;  
            font-size: 1.1em;
            font-weight: 500;
          }
          
          /* Style the wrapping container of the chips */
          .wc-block-product-filters .wc-block-product-filter-chips__items {
              display: flex;
              flex-wrap: wrap;
              gap: 8px; /* Adjust spacing between chips */
              margin-bottom: 15px;
          }
          
          /* Style the unselected default chips */
          .wc-block-product-filters .wc-block-product-filter-chips__item {
              background-color: #f1f3f5; /* Resting chip background */
              border: 1px solid #ced4da; /* Resting chip border */
              border-radius: 20px; /* Rounded pill look */
              color: #495057; /* Resting text color */
              padding: 0px 16px; /* Inner spacing */
              font-size: 14px;
              font-weight: 500;
              transition: all 0.2s ease-in-out;
              height: 30px;
              position: relative;
          }
            
              .wc-block-product-filters .wc-block-product-filter-chips__item br{
                display: none !important;
              }
          
          /* Style the selected (checked) chips */
          .wc-block-product-filters .wc-block-product-filter-chips__item[aria-checked="true"] {
              background-color: #000000; /* Selected background color */
              color: #ffffff; /* Selected text color */
              border-color: #000000;
          }
          
          /* Optional: Hover effect */
          .wc-block-product-filters .wc-block-product-filter-chips__item:hover {
              background-color: #e9ecef;
          }
          
          .wc-block-product-filter-chips__count{
            display: inherit !important;
          }
          
          .wc-block-product-filter-chips__label{
            position: relative;
            top:0;
          }