/* Add custom CSS styles below */ 
@media (min-width: 480px) {
.jo-categories a.sal-animate:first-child {
    grid-column: 2;
}
.jo-categories  .lg\:grid-cols-6 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
}

.jo-offers-banner p.flex.gap-1.items-start.text-\[clamp\(1\.25rem\,1\.0204rem\+0\.9796vw\,2rem\)\].promotext.promotext-1.leading-\[1\.2\].font-semibold.mb-4.text-font {
    display: none;
}

@media (max-width: 480px) {
header.store-header.w-full.z-\[97\].my-header {
    position: relative !important;
}
.jo-hero-section .\!h-\[400px\] {
    height: 220px !important;
}
.jo-hero-section {
    margin-bottom: 0;
}}

.index{
/*First Banner */
salla-slider.photos-slider .swiper-slide {
    margin:0;
    width: 100%;
   border-radius: 0 !important;
}
.s-block.s-block--photos-slider img{
    border-radius: 0 !important;
} 
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled{
      visibility: hidden;
}}
.product-single header.store-header.w-full.z-[97].my-header {
    position: relative !important;
}
.product-single img.w-full {
    object-fit: contain !important;
}