/* Add custom CSS styles below */ 

/* Enable Search */
.s-search-grid-item * {
    pointer-events: all !important;
}

/* Header */
span.s-cart-summary-count {
    display: flex !important;
    background-color: var(--color-primary);
}
@media(max-width:1024px){
  .s-cart-summary-count{
    width: 1rem !important;
    height: 1rem !important;
  }
}

/* Hidden Modal Delivery */
/*
body.modal-is-open {
    overflow: auto;
}
salla-modal#salla-modal.s-bullet-delivery-modal.salla-modal.s-modal.s-modal-container {
    display: none;
}
*/

/* Hero */
.main-banner-component .content .flex.flex-col.gap-2.md\:gap-4{
    max-width: 30%;
    align-items: center;
    text-align: center;
} 
.main-banner-component .content {
    height: clamp(23.438rem, 13.3935rem + 41.8565vw, 64.25rem);
}
@media(min-width:768px){  
  .main-banner-component .swiper-slide .container{
    max-width: 1800px;
  }
}
@media(max-width:767px){
.main-banner-component .content {
    height: clamp(30.438rem, 13.3935rem + 41.8565vw, 64.25rem);
    align-items: flex-start;
    padding-top: 3rem;
  justify-content: center;
}
.main-banner-component .content .flex.flex-col.gap-2.md\:gap-4{
  max-width: 70%;
} 
  .main-banner-component .content h3{
    font-size: 32px; 
  }
}

/* Fatures */
section.store-features-component .lg\:grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Fixed Banner */
body.index section:first-of-type{
  margin-top: 0;
}
section.s-block.s-block--fixed-banner .container{
    max-width: 100%;
    margin: 0;
    padding: 0;
}