/* Add custom CSS styles below */ 
/* ===============================
   Art Banner – Fully Responsive
================================ */

/* Desktop & Large Screens */
section.art-banner {
    width: 100%;
    height: 92vh;
    min-height: 780px;
    max-height: 1100px;

    background-size: cover;
    background-position: center;
}

/* Laptop */
@media (max-width: 1440px) {
    section.art-banner {
        height: 85vh;
        min-height: 720px;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    section.art-banner {
        height: 72vh;
        min-height: 620px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    section.art-banner {
        height: auto;
        aspect-ratio: 4 / 5;
        min-height: 400px;
        max-height: 520px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    section.art-banner {
        min-height: 360px;
        max-height: 480px;
    }
}

@media (min-width: 768px) {
    .md\:justify-end {
        justify-content: center;
    }
}
.grid-rows-3 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.rtl\:translate-x-2:where([dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: 10.5rem;
}
@media (min-width: 768px) {
    .md\:rtl\:-translate-x-10:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -20.5rem;
    }
}
.rtl\:-translate-x-2:where([dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -10.5rem;
}
/* ===== Desktop (default) ===== */
.rtl\:-translate-x-2:where([dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -24.5rem;
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
    .rtl\:-translate-x-2:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -18rem;
    }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .rtl\:-translate-x-2:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -10.5rem;
    }
}
    .s-block--features__item {
        padding-left: 2rem;
        padding-right: 2rem;
        BORDER: solid 1.5px #0E194C;
    }
.s-block--features__item .feature-icon i {
    color: #ffffff;
}

.s-block--features__item .feature-icon {
    background-color: #0E194C;
}
@media (max-width: 767px) {
    .store-header {
        min-height: 0px !important;
    }
}
.store-header .top-navbar {
    padding: 0px 0 !important;
}
.s-products-list .s-product-card-content-footer .s-button-btn, .s-products-slider-slider .s-product-card-content-footer .s-button-btn {
    padding: 0 !important;
    height: 43px !important;
    border-radius: 0 !important;
    background-color: #59002d !important;
    border: solid 1.5px !important;
    color: #ffff;
}
#mainnav {
    width: 100% !important;
    z-index: 99 !important;
    background: #ffffff !important;
}