.banner{
  margin-left: -15% !important;
  margin-right: -15% !important;
  border-radius: 30px !important;
  background: #000;
}
.banner h1{
  line-height: 68px;
}
.banner .wp-block-cover__image-background{
  opacity: 0.7;
}
.banner .wp-block-buttons a{
  font-weight: 500;
  padding: 12px 20px;
}
.banner .wp-block-buttons a:hover{
  background-color: #000 !important;
}
.banner .banner-content{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  text-align: start;
  left: 6%;
  right: 50%;
}
/* Product Section */
.product-section .wp-block-product-category ul.wc-block-grid__products{ 
  justify-content: center;
}
.product-section .wp-block-product-category li.wc-block-grid__product{
  background: #FFFFFF;
  box-shadow: 1px 2px 13px rgb(22 25 33 / 20%);
  border-radius: 10px;
  padding: 10px 10px;
  border: 2px solid #fff;
  width: auto;
}
.product-section .wp-block-product-category li.wc-block-grid__product:hover{
  border: 2px solid #1D76C4;
}
.product-section .wp-block-product-category li.wc-block-grid__product a{
  text-decoration: none !important;
}
.product-section .wp-block-product-category .wc-block-grid__product-title{
  font-size: 24px !important;
  font-weight: 600;
}
.product-section .wp-block-product-category a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  border-radius: 30px !important;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 15px;
}
.product-section .wc-block-grid__product-onsale{
  display: none !important;
}
/* Category Section */
.category-section .category-content, .category-section .category-content1{
  gap: 1em;
}
.category-section .category-content .category-btn a{
  border: 2px solid #FFFFFF;
  padding: 8px 20px;
  font-weight: 600;
}
.category-section .category-content .category-btn a:hover{
  background: #1D76C4 !important;
  border-color: transparent;
}
.category-section .category-content img, .category-section .category-content span.has-black-background-color{
  border-radius: 10px;
}
.category-section .wp-block-cover{
  position: relative;
}
.category-section .wp-block-group{
  position: absolute;
  top: 0;
  left: 0;
}
/* Media */
@media screen and (max-width: 767px){
  .banner h1, .product-section h2{
    line-height: 30px;
    font-size: 18px !important;
    text-align: center;
  }
  .product-section p{
    font-size: 12px !important;
  }
  .container:has(.banner){
    padding: 0;
    max-width: 100%;
  }
  .banner{
    min-height: 300px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
  .banner .banner-content{
    left: 45px;
    right: 45px;
  }
  .banner .wp-block-buttons a{
    font-size: 11px !important;
    padding: 8px 15px;
  }
  .banner .banner-content .wp-block-buttons{
    justify-content: center;
  }
  .product-section .wp-block-product-category ul{
    flex-direction: column;
    align-content: center;
  }
  .category-section .wp-block-cover{
    min-height: 250px !important;
  }
  .category-section .category-content1{
    flex-wrap: nowrap !important;
  }
  .category-section .category-content, .category-section .category-content1 {
    gap: 0.5em;
  }
  .category-section .category-content h3{
    font-size: 18px !important;
  }
  .category-section .category-content p{
    font-size: 13px !important;
  }
  .category-section .category-content .category-btn a{
    font-size: 10px !important;
    padding: 5px 15px;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  .container:has(.banner){
    padding: 0;
    max-width: 100%;
  }
  .banner{
    min-height: 320px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
  .banner h1, .product-section h2 {
    line-height: 35px;
    font-size: 28px !important;
  }
  .product-section .wp-block-product-category{
    padding: 0 25px;
  }
  .product-section .wp-block-product-category ul.wc-block-grid__products{
    grid-template-columns: repeat(3, 1fr);
  }
  .category-section .category2 .wp-block-columns{
    margin-bottom: 8px !important;
  }
  .category-section .cat-1, .category-section .cat-5{
    min-height: 370px !important;
  }
  .category-section .cat-2{
    min-height: 160px !important;
  }
  .category-section .category-content1 .wp-block-cover{
    min-height: 200px !important; 
  }
  .category-section .wp-block-column.category1.is-layout-flow.wp-block-column-is-layout-flow, .category-section .wp-block-column.category3.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 35% !important;
  }
  .category-section .wp-block-column.category2.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 50% !important;
  }
  .category-section .category-content, .category-section .category-content1 {
    gap: 0.5em;
    flex-wrap: nowrap !important;
  }
  .category-section .category-content h3{
    font-size: 20px !important;
  }
  .category-section .category-content p{
    font-size: 13px !important;
  }
  .category-section .category-content .category-btn a{
    padding: 8px;
  }
  .category-section .wp-block-group{
    padding: 15px !important;
  }
}
@media screen and (min-width: 992px) and (max-width:1199px){
  .container:has(.banner){
    padding: 0;
    max-width: 100%;
  }
  .banner{
    min-height: 400px !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .banner h1 {
    line-height: 48px;
    font-size: 30px !important;
  }
  .product-section .wp-block-product-category{
    padding: 0 25px;
  }
  .product-section .wp-block-product-category ul.wc-block-grid__products{
    grid-template-columns: repeat(3, 1fr);
  }
  .category-section .cat-1, .category-section .cat-5{
    min-height: 400px !important;
  }
  .category-section .cat-2{
    min-height: 180px !important;
  }
  .category-section .category-content1 .wp-block-cover{
    min-height: 205px !important; 
  }
  .category-section .category-content h3{
    font-size: 24px !important;
  }
  .category-section .category-content p{
    font-size: 15px !important;
  }
  .category-section .wp-block-group{
    padding: 25px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width:1399px){
  .container:has(.banner){
    padding: 0;
    max-width: 100%;
  }
  .banner{
    min-height: 500px !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .banner h1 {
    line-height: 48px;
    font-size: 35px !important;
  }
  .category-section .cat-1, .category-section .cat-5{
    min-height: 450px !important;
  }
  .category-section .cat-2{
    min-height: 210px !important;
  }
  .category-section .category-content1 .wp-block-cover{
    min-height: 225px !important; 
  }
  .category-section .wp-block-group{
    padding: 25px !important;
  }
}
@media screen and (min-width: 1400px) and (max-width:1599px){
  .container:has(.banner){
    padding: 0;
    max-width: 100%;
  }
  .banner{
    min-height: 600px !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .banner h1 {
    line-height: 60px;
    font-size: 40px !important;
  }
  .category-section .cat-1, .category-section .cat-5{
    min-height: 530px !important;
  }
  .category-section .cat-2{
    min-height: 240px !important;
  }
  .category-section .category-content1 .wp-block-cover{
    min-height: 274px !important; 
  }
  .category-section .wp-block-group{
    padding: 25px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width:1799px){
  .container:has(.banner){
    padding: 0;
    max-width: 100%;
  }
  .banner{
    min-height: 700px !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
}