/* Add custom CSS styles below */
.salla-advertisement .center-between {
    text-align: center !important;
}

section.s-block--photos-slider .carousel-slider .swiper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

custom-salla-product-card.s-product-card-vertical{
      margin: auto 5px;
}

@media (max-width: 767px) {
    .product-entry__image a img {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .s-block--deals .product-entry .content-wrap {
        padding-top: 150px !important;
    }
}

header.page-header.h-24 {
    background-color: white !important;
}

.s-block--tabs-produtcs .tab-trigger {
    color: #ffffff !important;
}

.text-sm {
    display: black !important;
    color: #3e4857 !important;
}

.cart-item .space-y-1 .item-regular-price {
    display: none !important;
}

salla-button .s-button-btn {
    border-radius: 8px !important;
}

.product-entry .btn--add-to-cart:not(.deal) button:not(:hover) {
    background: #000 !important;
    color: #c9db2a !important;
}

.s-button-btn {
    background: #000 !important;
    color: #c9db2a !important;
}

.s-button-primary-outline:hover {
    background: white !important;
    color: #c9db2a !important;
    border: 2px solid #c9db2a !important;
}

.header-mainbar .search-bar--mobile .s-search-input {
    --tw-border-opacity: 0.5 !important;
    border-color: #ececec !important;
}

.header-mainbar .sides-wrap {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.bg-darker {
    background-color: #f3f4f6 !important;
}

.promotion-badge,
.s-cart-summary-count {
    background-color: #ec1c42 !important;
}

.text-red-500 {
    color: #ec1c42 !important;
}

.navbar-brand img {
    transform: scale(1.3);
    max-height: 4rem !important;
}

.main-menu li.root-level>a {
        margin-bottom: -1.2rem;
}

.s-offer-modal-btn-wrap {
    width: fit-content !important;
}

@media (min-width: 1025px) {

    .main-menu li.root-level>.sub-menu,
    .main-menu .sub-menu ul>li:not(:first-child)>.sub-menu {
        background: #000 !important;
    }
}

@media (min-width: 1025px) {
    .main-menu li li>a {
        color: #ffffff !important;
    }
}

@media (max-width: 1024px) {
    .grid-flow-row {
        grid-auto-flow: unset;
        display: inline-block;
    }
}

.slide--cat-entry i {
    border-radius: 5px;
}

.slide--cat-entry h4 {
    color: rgb(255 255 255);
}

@media (max-width: 1024px) {
    .product-entry--vertical .product-entry__content {
        padding-top: 25px;
        margin-bottom: -3.75rem;
    }

    .grid-flow-row .product-entry--vertical {
        position: inherit !important;
        display: inline-block !important;
        width: 49% !important;
    }
}

@media (max-width: 1024px) {
    .s-block--banners .container .has-2-photos {
        display: -webkit-box !important;
    }
}

@media (max-width: 1024px) {
    .s-block--banners .container .has-2-photos .banner-entry {
        width: 49% !important;
    }
}

@media (max-width: 1024px) {
    #mainnav li>a {
        line-height: 0.8rem !important;
    }
}

@media (max-width: 1024px) {
    #mainnav .inner {
        padding-bottom: 100px !important;
    }
}

.center-between {
    display: flex;
    align-items: center;
    justify-content: center;
}

#mainnav li.root-level:last-child {
    background-color: #c9db2a !important;
}

#mainnav li.root-level:last-child>a {
    color: #000 !important;
    padding-top: 9px;
    font-weight: bold !important;
}

#licenceImage {
    height: 140px !important;
    display: block;
    margin: 0 auto;
}

.carousel-slider .swiper-wrapper>div {
    padding: 0 !important;
}

.slide--cat-entry h4 {
    display: none !important;
}

.slide--one-sixth .slide--cat-entry {
    padding: 0 !important;
}

@media (max-width: 767px) {
    .banner-entry {
        height: 7.2rem !important;
        border-radius: 0px !important;
    }
}

@media (max-width: 767px) {

    .s-block--banners,
    .s-block--fixed-banner {
        margin-top: 5px !important;
    }
}

@media (max-width: 767px) {
    .banner-entry .lazy__bg {
        background-size: contain !important;
        background-repeat: no-repeat;
    }

}

@media (max-width: 767px) {
    .banner-entry:first-child>a.lazy__bg {
        margin-left: 5px;
    }
}

@media (max-width: 767px) {
    .banner-entry:last-child>a.lazy__bg {
        margin-left: 0px !important;
    }
}

@media (max-width: 1024px) {
    .s-block--banners .container .has-2-photos .banner-entry {
        width: 50% !important;
    }
}

.android-device .s-block--banners .container .has-2-photos {
    padding-right: 10px !important;
}

/*******************/
@media (min-width: 768px) {
    .lazy__bg {
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    .md\:grid-cols-4,
    .grid-flow-row {
        grid-template-columns: repeat(3, minmax(0, 6fr));
    }

    .gap-8 {
        gap: 1rem;
    }
}

@media (max-width: 600px) {

    .md\:grid-cols-4,
    .grid-flow-row {
        grid-template-columns: repeat(2, minmax(0, 6fr));
    }

    .gap-8 {
        gap: 1rem;
    }

    .banner-entry {
        height: 165px;
    }
}

.s-block--banners .banner-entry:nth-child(5n+1),
.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 2;
}

.banner-entry {
    background: transparent;
}

.banner-entry a:before,
.has-overlay:after {
    display: none;
}

/*Slider*/
salla-slider.photos-slider .swiper-slide {
    width: 100%;
    border-radius: 0rem;
    padding: 0px;
    margin: 0px;
}

[dir=rtl] .carousel-slider .swiper {
    padding-left: 0rem;
}

.lg\:gap-5 {
    margin-bottom: 25px;
}

.s-block.s-block--photos-slider {
    margin-top: 0rem;
}

salla-slider.photos-slider .swiper:where([dir=rtl], [dir=rtl] *),
#photos-0-slider .s-slider-block__title {
    margin: 0px auto;
    padding: 0px;
}

.s-product-card-fit-height .s-product-card-image {
    max-height: initial !important
}

.s-product-card-image-contain {
    object-fit: unset
}

@media only screen and (min-width:600px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:col-span-2 {
        grid-column: span 1/span 1
    }
}

@media only screen and (max-width:600px) {
#mainnav li.root-level:last-child>a{
      background: #c9db2a;
}

#mainnav li.root-level:last-child{
    margin-top: 11px;
}
    .slide--cat-entry {
        height: 101px;
        width: 106px
    }

    .s-products-slider-card {
        max-width: 185px
    }
}

#main-links-4 .carousel-slider .swiper-wrapper>div {
    margin-left: -43px !important;
}