/* Default styles (apply for all) */
div#mainnav {
    height: unset !important;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: unset;
}

/* Interactive Banner */
.side_img {
    display: none;
}
.multi__banner .pattern_img {
    width: 100%;
    object-fit: cover;
}
.multi_use_banner .banner_text {
    left: unset;
    right: 0;
    -webkit-transform: translate(0, -50%);
    margin-right: 5%;
}
.multi__banner h3 {
    font-weight: bold;
}
.multi__banner p {
    font-weight: 600;
}
.multi__banner img[src *= 'LIarND4TUaHfNLOcsWd9fEGs18vDZju4cFs4FnNI.png'] + .banner_text {
    left: 50%;
    right: unset;
    transform: translate(-100%, -50%);
}

/* Hero 2 */
section:nth-child(2 of .main_banner) .md\:h-\[600px\] {
    height: 600px !important;
}
section:nth-child(2 of .main_banner) img {
    object-position: center;
}
section:nth-child(2 of .main_banner) .slider_content {
    grid-column: span 3 / span 4;
    margin-right: auto;
    margin-left: 5%;
}

salla-slider.photos-slider .swiper-slide {
    width:100% !important;
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem !important;
}
section.feature_section.mt-7.mb-14.s-block img {
    object-fit: contain !important;
    width: 115px !important;
    height: 115px !important;
}
section.s-block.s-block--banners.container .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    display: flex;
}
.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 a {
    width: 50% !important;
    background-size: contain;
    height: 318px;
    background-color: transparent;
}

/* Footer */
.store-footer,
.store-footer__inner {
    background-color: #1F1F1F !important;
}
.store-footer img.logo {
    filter: brightness(0) invert();
}
.store-footer p {
    color: #fff;
}


/* --------- PC / Desktop --------- */
@media (min-width: 992px) {
    .multi_use_banner .banner_text h3 {
        font-size: 80px !important;
        line-height: 110px;
    }
    .multi__banner p {
        line-height: 3rem;
    }
    section:nth-child(2 of .main_banner) h2 {
        font-size: 34px !important;
        line-height: 3rem;
    }
    .feature_section .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    section.feature_section .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4.mt-5{
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* --------- Mobile / Phone --------- */
@media (max-width: 991px) {
    .multi_use_banner,
    .multi_use_banner img {
        height: 50vh !important;
    }
    .multi_use_banner .banner_text {
        margin-right: 0 !important;
        align-items: center !important;
        height: auto;
        width: 100%;
        gap: 1rem;
    }
    .multi_use_banner .banner_text h3 {
        text-align: center;
        font-size: 34px !important;
    }
    .multi__banner img[src *= 'LIarND4TUaHfNLOcsWd9fEGs18vDZju4cFs4FnNI.png'] + .banner_text {
        transform: translate(-50%, -50%);
    }
    .multi__banner img[src *= 'vt2gVeezqP4PTwvrEhWz3rYLJ7cGa8PQS3ewtKOY.png'] {
        object-position: left;
    }
    .multi__banner img[src *= 'LIarND4TUaHfNLOcsWd9fEGs18vDZju4cFs4FnNI.png'] {
        object-position: right;
    }

    section.feature_section .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4.mt-5{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    section:nth-child(2 of .main_banner) h2 {
        font-size: 28px !important;
        line-height: 3rem;
    }
    section:nth-child(2 of .main_banner) .md\:h-\[600px\] {
        height: 320px !important;
    }
    section:nth-child(2 of .main_banner) img {
        object-position: 30%;
    }
    img[src *= '2IAGlyHU3jRXerdJpeYDDgIfYsc0Y0nfPb5jgR93.png'] {
        object-position: 52% !important;
    }

    /* smaller phones */
    section:nth-child(2 of .main_banner) h2 {
        font-size: 17px !important;
        line-height: 1.5rem;
    }
    section:nth-child(2 of .main_banner) p {
        line-height: 1.2rem;
    }
    section:nth-child(2 of .main_banner) .md\:h-\[600px\] {
        height: 280px !important;
    }

    /* footer center */
    .store-footer__inner * {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
    .store-footer__inner > .container > div > div:first-child {
        flex-direction: column;
    }
  section.s-block.s-block--banners.container .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    display: flex
;
    flex-wrap: wrap;
}
    .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 a {
    width: 100% !important;
    background-size: contain;
    height: 215px;
    background-color: transparent;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 4rem;
}
    
}