/**
 * سلايدر الهيرو — حجم ثابت مرتب (نسبة ~2.4:1).
 * الصورة تملأ الإطار بـ object-fit: cover مهما كان مقاس الملف.
 */
:root {
    /* بانر عريض مناسب للمتاجر: موبايل ~160px، ديسكتوب حتى ~360px */
    --fc-slider-ratio: 2.4 / 1;
    --fc-slider-max-h: 360px;
    --fc-slider-min-h: 150px;
}

.ln-swiper,
.ln-swiper.at-hero-swiper,
.mk-hero-swiper,
.fc-storefront-slider-slot .mySwiper.swiper {
    width: 100%;
    aspect-ratio: var(--fc-slider-ratio);
    height: auto !important;
    max-height: var(--fc-slider-max-h);
    min-height: var(--fc-slider-min-h);
    overflow: hidden;
    background: #eee;
    position: relative;
    line-height: 0;
}

.ln-swiper .swiper-wrapper,
.mk-hero-swiper .swiper-wrapper,
.fc-storefront-slider-slot .mySwiper .swiper-wrapper {
    height: 100% !important;
}

.ln-swiper .swiper-slide,
.mk-hero-swiper .swiper-slide,
.fc-storefront-slider-slot .mySwiper .swiper-slide {
    position: relative !important;
    height: 100% !important;
    aspect-ratio: unset !important;
    overflow: hidden;
}

.fc-slider-slide-link {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.ln-swiper .swiper-slide > img,
.mk-hero-swiper .swiper-slide > img,
.fc-storefront-slider-slot .mySwiper .swiper-slide > img,
.ln-swiper .swiper-slide .fc-slider-slide-link img,
.mk-hero-swiper .swiper-slide .fc-slider-slide-link img,
.fc-storefront-slider-slot .mySwiper .swiper-slide .fc-slider-slide-link img,
.ln-header-banner img,
.at-hero-banner img,
.mk-hero-banner img,
.fc-storefront-header-banner img,
body.theme-atelier .at-hero-swiper .swiper-slide img,
body.theme-atelier .at-hero-banner img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

.ln-header-banner,
.at-hero-banner,
.mk-hero-banner,
.fc-storefront-header-banner {
    width: 100%;
    aspect-ratio: var(--fc-slider-ratio);
    height: auto;
    max-height: var(--fc-slider-max-h);
    min-height: var(--fc-slider-min-h);
    overflow: hidden;
    position: relative;
    line-height: 0;
    background: #eee;
}

.mk-hero-fallback {
    min-height: var(--fc-slider-min-h) !important;
    aspect-ratio: var(--fc-slider-ratio);
    max-height: var(--fc-slider-max-h);
}

/* لا تطبّق قواعد السلايدر على صور كروت المنتج */
body.theme-market .ln-card__img img,
body.theme-atelier .ln-card__img img,
body.theme-magazine .ln-card__img img,
body.theme-verre .ln-card__img img {
    position: static !important;
    inset: auto !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
}