/* BG Color */
.app-inner {
    background-color: #FFFBF5;
}

/* Header */
#mainnav,
#mainnav .the-logo {
    height: unset !important;
}
.NG-header .navbar-brand.the-logo img {
    height: 7rem;
}
.mm-ocd--open {
    background: rgb(255 255 255 / 46%);
}
@media (max-width: 576px) {
    .NG-header .navbar-brand.the-logo img {
        height: 4rem;
    }
    [dir=rtl] section:nth-child(2 of .NG-hero-section) .subtext-bottom {
        right: unset;
        left: 0;
    }
}

/* Common */
section h2 {
    text-align: center;
}
section .text-start:has(h1) {
    margin: 3rem auto 0;
}

/* Main Banner */
[dir=rtl] .NG-hero-section .wrapper {
    top: 50%;
    transform: translateY(-50%);
    width: fit-content;
    margin: 0;
    left: 5%;
    right: unset;
    align-items: end;
}
[dir=rtl] .NG-hero-section .wrapper h1 {
    max-width: 700px;
}
[dir=rtl] .NG-hero-section .product-details:first-child::after {
    background-color: #790707
}
[dir=rtl] .NG-hero-section salla-button button.s-button-icon.eye-model-style,
[dir=rtl] .NG-hero-section salla-add-product-button button.s-button-icon {
    background: #111;
}
[dir=rtl] .NG-hero-section span.text-red-700.line-through {
    color: #eee;
}
[dir=rtl] .NG-hero-section .s-slider-thumbs {
  bottom: 10%;
}

/* cats 1 */
.NG-categories h1,
.NG-categories p {
    text-align: center;
}
.NG-categories .grid {
    margin-top: 3%;
}
@media (min-width: 1024px) {
    .NG-categories .grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* NG-marquee-banner */
section.NG-marquee-banner {
    margin-top: 2rem;
}

/* sticky */
.sticky.max-h-\[300px\] {
    max-height: 400px;
}

/* main 2 */
@media (max-width: 768px) {
    section:nth-child(2 of .NG-hero-section) .banner-wrapper {
        background-position: 95%;
    }
    section:nth-child(2 of .NG-hero-section) .banner-wrapper h1,
    section:nth-child(2 of .NG-hero-section) .banner-wrapper p {
        color: #fff;
    }
}

/* sticky */
.sticky .custom-btn {
    bottom: 50%;
    transform: translate(-75%, 150%);
}
@media (min-width: 768px) {
    .sticky.md\:max-h-\[430px\] {
        max-height: 600px;
    }
}

/* Products */
.NG-products {
    margin-top: 3rem;
}

/* footer */
div:has( > .social-gallery ) {
    display: none;
}