/* ===== تحسينات الأداء + الحفاظ على التصميم ===== */

/* First Banner */
section:first-of-type {
    margin: 0;
}
salla-slider.photos-slider .swiper-slide {
    margin: 0;
    width: 100%;
    padding: 0;
}
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0;
}
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
    visibility: hidden;
}

/* Fixed Banner */
.banner--fixed img {
    background-color: unset;
    object-fit: cover;
}

/* Product slider */
.s-slider-block__title-right {
    color: var(--color-primary);
}
.s-slider-block__title h2 {
    font-size: 1.5rem;
}
.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
    background: unset;
}
.s-button-primary-outline {
    background: linear-gradient(90deg, rgba(187,157,98,1) 0%, rgba(140,108,131,1) 50%, rgba(93,61,163,1) 100%);
    color: white;
}
.s-product-card-entry {
    border: 2px solid #bc9e62;
}

/* Hover effects optimized */
salla-add-product-button {
    transition: transform 0.2s;
    will-change: transform;
}
salla-add-product-button:hover {
    transform: scale(1.06);
}
img.s-product-card-image-cover.lazy.loaded {
    transition: transform 0.2s;
    will-change: transform;
}
img.s-product-card-image-cover.lazy.loaded:hover {
    transform: scale(1.1);
}

@media (max-width: 767px) {
    .s-products-slider-card {
        width: 55%;
    }
}

/* Footer */
.footer-is-light .store-footer .store-footer__inner {
    background: var(--color-primary);
    color: #fff;
    border: none;
}
@media (max-width: 767px) {
    footer .grid {
        grid-template-columns: 1fr;
    }
    footer * {
        margin: 0 auto;
        text-align: center;
    }
}

/* Loading logo page (optimized) */
body.index::before {
    content: "";
    top: 0;
    background: #fff url(https://cdn.salla.sa/cdn-cgi/image/format=webp,fit=scale-down,width=250,height=250/mQxbZj/DFNmE8Sc7w4gKBvMfHGc9zeKCF135ybzUGwISYNo.png) no-repeat center;
    background-size: 250px;
    width: 100%;
    height: 100vh;
    transform: scale(0);
    position: fixed;
    left: 0;
    z-index: 9999999;
    animation: scale-out-vertical 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s both;
}

@keyframes scale-out-vertical {
    0% {
        transform: scaleY(1);
        opacity: 1;
    }
    100% {
        transform: scaleY(0);
        opacity: 1;
    }
}