/* Add custom CSS styles below */ 
.s-block {
    margin-top: 0REM;
    PADDING-BOTTOM: 2REM;
}

.banner--fixed img {
    border-radius: 0rem;
}
.top-navbar 
{ padding-bottom: .375rem; padding-top: .375rem; background: #D67933; color: white; }
.top-navbar .s-search-input { background-color: white; border-style: none; }







/* ===============================
   GRID CENTER + RESPONSIVE
================================= */

section:nth-of-type(2) .md\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 220px));
    justify-content: center; /* يخلي العناصر في النص */
    align-items: center;
    gap: 15px;
    margin: 0 auto;
    max-width: 1300px;
}

/* ===============================
   MOBILE
================================= */
@media (max-width: 767px) {
    section:nth-of-type(2) .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: center;
        gap: 10px;
    }

    section:nth-of-type(2) .banner-entry {
        height: 130px !important;
        background-color: transparent;
    }
}

/* ===============================
   TABLET
================================= */
@media (min-width: 768px) and (max-width: 1023px) {
    section:nth-of-type(2) .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-content: center;
        gap: 15px;
    }

    section:nth-of-type(2) .banner-entry {
        height: 180px;
    }
}

/* ===============================
   DESKTOP
================================= */
@media (min-width: 1024px) {
    section:nth-of-type(2) .md\:grid-cols-3 {
        grid-template-columns: repeat(5, minmax(0, 220px));
        justify-content: center;
        gap: 20px;
    }

    section:nth-of-type(2) .banner-entry {
        position: relative;
        height: 300px;
        overflow: hidden;
        border-radius: 8px;
        background-color: transparent;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 12px;
        text-align: center;
        color: #fff;

        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* ===============================
   SPECIAL FIRST BANNER (لو عندك Two Row)
================================= */
@media (min-width: 768px) {
    section:nth-of-type(2) .two-row .banner-entry:first-child {
        height: 88%;
    }
}
@media (max-width: 768px) {

  section:nth-of-type(2) .banner-entry {
        height: 150px !important;
    }
}




section:nth-of-type(2) .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 220px));
        justify-content: center;
        gap: 20px;
    }



.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    border-bottom-color: #e5e7eb;
    border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    /* background-color: red; */
    background: url(https://i.ibb.co/BFt8fGJ/Vector-2.png);
    background-size: cover;
    color: white;
    padding-top: 106px;
}


footer{    background-color: white;
}