/* Grid Layout */
.md\:grid-cols-3 {
    grid-template-columns: repeat(4, 1fr);
}

/* Mobile Screens */
@media only screen and (max-width: 767px) {
    .banner-entry {
        height: 55px;
    }
 .gap-3 {
        gap: 0.3rem;
    }
    .s-block--banners+.s-block--banners {
        margin-top: 1rem;
    }
}

/* Tablets */
@media only screen and (min-width: 768px) {
    .banner-entry {
        height: 90px;
    }
}

/* Additional Layout Adjustments */
@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-column: 1;
        grid-row: 1;
    }
}

/* Desktop Screens */
@media only screen and (min-width: 992px) {
    .banner-entry {
        height: 170px;
    }
    .s-block--banners+.s-block--banners {
        margin-top: 0.75rem;
    }
}

/* General Styles */
.banner-entry {
    border-radius: 0.5rem;
}

.gap-3 {
    gap: 0.50rem;
}

.carousel-slider .swiper-wrapper>div {
    flex-shrink: 0;
    padding-left: 5px;
    padding-right: 5px;
}

/* Product Slider Card */
@media only screen and (min-width: 375px) and (max-width: 812px) {
    .s-products-slider-card {
        max-width: 185px;
    }
}
@media only screen and (min-width: 410px) and (max-width: 570px) {
    .s-products-slider-card {
        max-width: 205px;
    }
}
@media only screen and (min-width: 390px) and (max-width: 409px) {
    .s-products-slider-card {
        max-width: 192px;
    }
}
@media only screen and (min-width: 428px) and (max-width: 926px) {
    .s-products-slider-card {
        max-width: 213px;
    }
}

/* New Styles */
.s-button-element:not([type="submit"]):not(.s-quick-buy-button) {
    position: absolute;
    top: -38.5px;
    left: 0px;
    color: whitesmoke;
    border-radius: 0;
    border: none;
    background-color: rgb(0, 0, 0, 25%);
}

[class*=" sicon-"] {
    padding-left: 5px;
}

.s-product-card-entry {
    border-radius: 13px;
    border: 1px solid #ddbb71;
    padding: 0px;
}

.s-product-card-content-sub {
    justify-content: center;
    margin-bottom: 10px;
}

.s-product-card-content {
    text-align: center;
    padding: 5px 0 1px 0;
}

.s-product-card-price {
    width: 100%;
    padding-top: 5px;
    border-top: 1px solid #ddbb71;
}

.header-btn__icon {
    background-color: rgb(221, 187, 113);
    border-radius: 8px;
    padding-right: 5px;
}

.s-cart-summary-count {
    background-color: #ddbb71;
}

.s-product-card-promotion-title {
    background-color: #ddbb71;
    color: Shiny black;
}

/* Navbar Styling */
@media only screen and (max-width: 1024px) {
    .s-cart-summary-total {
        display: none;
    }
    .main-nav-container {
        position: relative;
        padding-top: 15px;
    }
    .navbar-brand {
        margin: 0 auto;
        text-align: center;
        position: absolute;
        width: max-content;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .lg\:hidden {
        display: block;
    }
}

/* Icons and Buttons */
.sicon-shopping-bag:before {
    content: "\ef39";
}

.header-btn__icon.icon,
.sicon-user-circle:before {
    color: block;
}

/* Footer Styling */
.store-footer__inner {
    background-position: center;
    background-image: url(https://cdn.arabsstock.com/uploads/search-images/p476OhrJzJdj51eG8dmZKceHRzR1YY8iMoj7KEYF.png);
    background-size: cover;
}

.footer-is-light .store-footer .contact-social::before {
    content: "تابعونا";
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
}

/* Footer Media Queries */
@media (min-width: 1024px) {
    .store-footer__inner > a img {
        display: none;
    }
}

@media (max-width: 1023px) {
    .store-footer__inner {
        display: flex;
        flex-direction: column-reverse;
    }
    .store-footer__inner .container {
        display: flex;
        align-content: space-between;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .store-footer__inner img {
        margin: 10px auto;
    }
    .store-footer h3 {
        margin: 10px auto;
    }
}

.store-footer .contact-social ul {
    margin-bottom: 5px;
    margin-top: 10px;
}