.s-installment-mispay-wrapper {
    background-color: var(--bg-secondary) !important;
    border-color: var(--color-primary) !important;
}

.hero-banner {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 16/9;
    max-height: 100%;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

img.lazy-load {
    width: 100%;
    min-height: 400px;
    display: block;
    object-fit: contain;
    /* تأكد من أن الصورة لا تسبب تمدد */
}

img.lazy-load {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img.lazy-load.loaded {
    opacity: 1;
}

.animated, .fade-in, .slide-up {
    animation: none !important;
    transition: none !important;
}

@font-face {
    font-family: 'CustomFont';
    src: url('custom-font.woff2') format('woff2');
    font-display: swap;
}

button, a {
    transition: none !important;
    font-display: swap;
}

@media (max-width: 768px) {
    .hero-banner {
        min-height: 300px;
    }

    .s-block--hero-slider {
        min-height: 250px;
    }
}

/* Add this to your CSS file or inline in the head */
/* Prevent flickering during page load */
html {
    visibility: visible !important;
}

body {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hide and remove loading overlay */
.loading-overlay {
    display: none !important;
    opacity: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    -moz-backdrop-filter: none !important;
    pointer-events: none !important;
}

/* Stop animations that might cause flickering */
@-webkit-keyframes bounce {
    0%, 100%, 50% {
        -webkit-transform: none !important;
    }
}

@keyframes bounce {
    0%, 100%, 50% {
        transform: none !important;
        -webkit-transform: none !important;
    }
}

/* Improve performance */
.store-header, .main-nav-container, .promotion-banner, .app-inner {
    will-change: auto;
}

/* Force hardware acceleration for smoother rendering */
.s-block, .store-footer, .main-menu-row {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Override any spinner animations */
.spinner {
    display: none !important;
    animation: none !important;
    opacity: 0 !important;
}

/* Ensure banners don't flicker */
.banners-slider img, .advanced-slider__image {
    opacity: 1 !important;
    transition: none !important;
}

/* Improve rendering performance for footer */
.store-footer__inner, .store-footer__contacts-row {
    content-visibility: auto;
}

body {
    color: #ffffff;
}

.navbar-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.navbar-brand::after {
    content: "";
    display: inline-block;
    background-image: url('https://cdn.salla.sa/form-builder/cVkxVfLDPug53enZYsd6R4mLkf2HvwTvNEWNDwS5.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
}

.navbar-brand img {
    max-height: 0;
    max-width: 300px;
}

.promotion-banner {
    position: fixed;
    top: 0;
    z-index: 5;
}

.main-nav-container.fixed-header .inner {
    transform: none;
    top: 41px;
}

button.tab-trigger.\!text-lg.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-after.inactive {
    opacity: 1;
}

.tabs-wrapper .tabs__item {
    display: block;
    opacity: 1;
}

.tabs-wrapper {
    display: flex;
    flex-direction: column;
}

.tabs-wrapper .tabs__item.is-active {
    order: 2;
}

.tabs.hide-scroll.justify-center {
    display: none;
}div#bcio-popups {
    display: none !important;
}