/* Add custom CSS styles below */ 
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(4) > div , #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(7) > div , #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div {
    max-width:unset;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(4){
margin:0;
}
.s-product-card-image {
    background-color:transparent !important
    
}


#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner {
background:#000000;
color:white;
}

div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button{
background:black;
  color:white;
}
.banner--fixed img {
background-color:transparent !important;

}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a{
background:transparent;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1 / span 1;
}
@media(max-width:768px){
    section.s-block.s-block--banners.container .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: auto;
      
}
   section.s-block.s-block--banners.container .md\:grid-cols-3 a{
    height: 130px;
} 

}


/*ad-banner*/
:root {
    --marquee-duration: 25s;
    --marquee-gap: 5rem;
    --marquee-padding: 25px;

}

.ad-banner-wrapper{
    direction: rtl;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #000;
    padding-block: var(--marquee-padding);
}

.ad-banner-wrapper .ad-banner{
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    gap: var(--marquee-gap);
    padding-inline: 1rem;
    will-change: transform;
    left: 0;
    animation: marquee-1 var(--marquee-duration) linear infinite;
}

.ad-banner-wrapper .ad-banner:nth-child(2) {
    animation-name: marquee-2;
}

.ad-banner-text {
    margin: 0;
    font-size: 14px;
    color: #fff;
}
body.product-index #page-main-title {
    display:none;
}


@keyframes marquee-1 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee-2 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

.ad-banner-wrapper:hover .ad-banner {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .ad-banner-wrapper .ad-banner {
        animation: none;
    }
}
/**/