/* Add custom CSS styles below */ 
.top-navbar:not(.topnav-has-bg) {
    background-color: #000000;
    color: #ffffff;
}



@media (min-width: 1024px) {
  .square-links-1  .lg\:max-w-none {
        max-width: 50rem;
        display: flex
;
        justify-self: center;
    }
    
    
 
.fit-slider-products .s-slider-swiper-wrapper .swiper-slide {

    width: 100%;
}   
    
}


.lg\:max-w-none .object-cover {

object-fit: contain;
}


.product-card__out-label {
    display: none;
    
    }
    
    .out-of-stock .product-card__image img, .product-card--full-image.out-of-stock img {
    filter: none;
}



.fit-slider-products .s-slider-swiper-wrapper .swiper-slide {

    width: 65%;
}



.navbar-brand img {

  transform-style: preserve-3d;
  animation: flip 10s infinite;

}

@keyframes flip {
  0% {
    transform: rotateY(0deg);
  }
  40% {
    transform: rotateY(360deg);
  }
  50% {
    transform: rotateY(360deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}