/**
 * Anasayfa: eski orion_eski .banner-bottom — insertBanner banner4 (tam genişlik) + banner5–8 (şerit).
 * Keşfet altı; mobil yatay kaydırma + modern-nav okları.
 */
body.orion-homepage .orion-home-banner-bottom-wrap {
    padding: 10px 0 6px;
    margin: 0;
    background: #fff;
}

body.orion-homepage .orion-home-banner-bottom-wrap .banner-bottom {
    margin-top: 0;
    margin-bottom: 8px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 0;
}

body.orion-homepage .orion-home-banner-bottom-wrap .banner-bottom:last-child {
    margin-bottom: 0;
}

/**
 * banner-boder-zoom (banner4–8): yatay boşlukları minimum — .container / Bootstrap gutter / scroll tamponu.
 */
body.orion-homepage .orion-home-banner-bottom-wrap > .container {
    width: 100% !important;
    max-width: var(--orion-global-shell-max, 1280px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--orion-global-shell-pad, 12px) !important;
    padding-right: var(--orion-global-shell-pad, 12px) !important;
    box-sizing: border-box !important;
}

body.orion-homepage .orion-home-banner-bottom-wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.orion-homepage .orion-home-banner-bottom-wrap [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.orion-homepage .orion-banner-bottom .banner-boder-zoom {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    border-radius: 12px;
    overflow: hidden;
    line-height: 0;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

body.orion-homepage .orion-banner-bottom .banner-boder-zoom img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    transform: translateZ(0);
}

/**
 * Tema (style.css): a:before / a:after (beyaz çerçeve + karartma) — kapalı.
 * Yerine: hafif yükselme + derin gölge + iç zoom (prostar ile !important yarışı).
 */
body.orion-homepage .orion-banner-bottom .banner-boder-zoom a::before,
body.orion-homepage .orion-banner-bottom .banner-boder-zoom a::after {
    content: none !important;
    display: none !important;
}

body.orion-homepage .orion-banner-bottom .banner-boder-zoom:hover,
body.orion-homepage .orion-banner-bottom .banner-boder-zoom:focus-within {
    transform: translateY(-3px) !important;
    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.14),
        0 4px 10px rgba(15, 23, 42, 0.07) !important;
}

body.orion-homepage .orion-banner-bottom .banner-boder-zoom:hover img,
body.orion-homepage .orion-banner-bottom .banner-boder-zoom:focus-within img,
body.orion-homepage .orion-banner-bottom .banner-boder-zoom:hover a img,
body.orion-homepage .orion-banner-bottom .banner-boder-zoom:focus-within a img {
    transform: scale(1.06) !important;
    -webkit-transform: scale(1.06) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.orion-homepage .orion-banner-bottom .banner-boder-zoom,
    body.orion-homepage .orion-banner-bottom .banner-boder-zoom img {
        transition: none !important;
    }

    body.orion-homepage .orion-banner-bottom .banner-boder-zoom:hover,
    body.orion-homepage .orion-banner-bottom .banner-boder-zoom:focus-within {
        transform: none !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
    }

    body.orion-homepage .orion-banner-bottom .banner-boder-zoom:hover img,
    body.orion-homepage .orion-banner-bottom .banner-boder-zoom:focus-within img,
    body.orion-homepage .orion-banner-bottom .banner-boder-zoom:hover a img,
    body.orion-homepage .orion-banner-bottom .banner-boder-zoom:focus-within a img {
        transform: none !important;
    }
}

/**
 * Banner4 (tam genişlik): tasarım 1200×120 px.
 * Retina: 2400×240 px aynı oran.
 */
body.orion-homepage .orion-banner-bottom-full .banner-boder-zoom {
    position: relative;
    width: 100%;
    aspect-ratio: 1200 / 120;
}

body.orion-homepage .orion-banner-bottom-full .banner-boder-zoom > a {
    position: absolute;
    inset: 0;
    display: block;
    line-height: 0;
}

body.orion-homepage .orion-banner-bottom-full .banner-boder-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    max-height: none;
}

body.orion-homepage .orion-banner-bottom-slider .orion-banner-bottom-scroll-wrap.modern-scroll-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
}

body.orion-homepage .orion-banner-bottom-strip {
    gap: 9px;
    align-items: stretch;
}

body.orion-homepage .orion-banner-bottom-strip > li {
    flex: 0 0 min(293px, 82vw);
    width: min(293px, 82vw);
    min-width: min(293px, 82vw);
    scroll-snap-align: start;
    margin: 0 !important;
    list-style: none !important;
}

/**
 * Banner5–8 (şerit): kutu her ekranda 293:120 ile aynı oran (görsel 293×120 ise kırpma olmaz).
 * object-fit: contain — birkaç piksel farklı export’ta da kesme minimum; ince boşluk #f3f4f6.
 */
body.orion-homepage .orion-banner-bottom-strip .banner-boder-zoom {
    position: relative;
    width: 100%;
    aspect-ratio: 293 / 120;
    height: auto;
    overflow: hidden;
    background: #f3f4f6;
}

body.orion-homepage .orion-banner-bottom-strip .banner-boder-zoom > a {
    position: absolute;
    inset: 0;
    display: block;
    line-height: 0;
}

body.orion-homepage .orion-banner-bottom-strip .banner-boder-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

@media (min-width: 992px) {
    body.orion-homepage .orion-banner-bottom-slider .orion-banner-bottom-scroll-wrap .modern-nav-btn {
        display: none !important;
    }

    body.orion-homepage .orion-banner-bottom-strip {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
        overflow-x: visible !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        scroll-snap-type: none;
    }

    body.orion-homepage .orion-banner-bottom-strip > li {
        flex: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/** insertBanner banner1–3: header ile aynı container payı */
body.orion-homepage .recommended-products-section + .banner-section > .container {
    max-width: var(--orion-global-shell-max, 1280px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--orion-global-shell-pad, 12px) !important;
    padding-right: var(--orion-global-shell-pad, 12px) !important;
    box-sizing: border-box !important;
}

/**
 * Anasayfa bannerlar: genişlik / yükseklik %100 responsive — kutu oranı korunur, görsel tam (contain).
 */
body.orion-homepage .banner-section .banner-grid-2 .banner-item,
body.orion-homepage .banner-section .banner-grid-3 .banner-item {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: var(--orion-home-banner-ratio-wide) !important;
    overflow: hidden !important;
    background: #f3f4f6 !important;
    line-height: 0 !important;
}

body.orion-homepage .banner-section .banner-grid-3 .banner-item .banner-boder-zoom,
body.orion-homepage .banner-section .banner-grid-2 .banner-item .banner-boder-zoom {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
}

body.orion-homepage .banner-section .banner-grid-3 .banner-item .banner-boder-zoom > a,
body.orion-homepage .banner-section .banner-grid-2 .banner-item .banner-boder-zoom > a,
body.orion-homepage .banner-section .banner-grid-3 .banner-item > a,
body.orion-homepage .banner-section .banner-grid-2 .banner-item > a {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 0 !important;
}

body.orion-homepage .banner-section .banner-grid-3 .banner-item .banner-boder-zoom a::before,
body.orion-homepage .banner-section .banner-grid-3 .banner-item .banner-boder-zoom a::after {
    content: none !important;
    display: none !important;
}

body.orion-homepage .banner-section .banner-grid-3 .banner-item img,
body.orion-homepage .banner-section .banner-grid-2 .banner-item img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* Özel kategoriler (banner-grid-4) — tüm kartlar aynı yükseklik, görsel hizalı */
body.orion-homepage .banner-section .banner-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px !important;
}

@media (max-width: 992px) {
    body.orion-homepage .banner-section .banner-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

body.orion-homepage .banner-section .banner-grid-4 .banner-item {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: var(--orion-home-banner-ratio-cat) !important;
    overflow: hidden !important;
    background: transparent !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
    transition:
        transform 0.28s cubic-bezier(0.25, 0.8, 0.25, 1),
        box-shadow 0.28s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

body.orion-homepage .banner-section .banner-grid-4 .banner-item .banner-link {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 0 !important;
}

body.orion-homepage .banner-section .banner-grid-4 .banner-item img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 12px !important;
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

body.orion-homepage .banner-section .banner-grid-4 .banner-item .banner-link::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0) !important;
    transition: background 0.28s ease !important;
    pointer-events: none !important;
}

/* insertBanner + alt banner: kutu %100, görsel kırpılmadan sığar (grid-4 hariç) */
body.orion-homepage .banner-section .banner-grid-2 .banner-item img,
body.orion-homepage .banner-section .banner-grid-3 .banner-item img,
body.orion-homepage .banner-section .banner-boder-zoom img,
body.orion-homepage .orion-home-banner-bottom-wrap .banner-boder-zoom img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

@media (hover: hover) and (pointer: fine) {
    body.orion-homepage .banner-section .banner-grid-4 .banner-item:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14) !important;
    }

    body.orion-homepage .banner-section .banner-grid-4 .banner-item:hover img {
        transform: scale(1.035) !important;
    }

    body.orion-homepage .banner-section .banner-grid-4 .banner-item:hover .banner-link::after {
        background: rgba(255, 255, 255, 0.08) !important;
    }
}

body.orion-homepage .banner-section .banner-grid-4 .banner-item:active {
    transform: translateY(-1px) !important;
}

/* Metin görsellerin içinde — alttaki başlık şeridini gizle (yükseklik kayması olmasın) */
body.orion-homepage .banner-section .banner-grid-4 .banner-title {
    display: none !important;
}

body.orion-homepage .orion-banner-bottom-full .banner-boder-zoom {
    background: #f3f4f6;
}

/**
 * insertBanner banner1–3: mobilde bölüm + içerik %100 genişlik; görsel tam görünsün
 * (kırpma yok): genişlik %100, yükseklik görsel oranına göre otomatik (height: auto).
 * Seçici: .recommended-products-section hemen sonrasındaki tek .banner-grid-3 bloğu.
 */
@media (max-width: 768px) {
    body.orion-homepage .recommended-products-section + .banner-section {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.orion-homepage .recommended-products-section + .banner-section .container {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--orion-home-shell-pad, 6px) !important;
        padding-right: var(--orion-home-shell-pad, 6px) !important;
        box-sizing: border-box !important;
    }

    body.orion-homepage .recommended-products-section + .banner-section .banner-grid-3 {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    body.orion-homepage .recommended-products-section + .banner-section .banner-grid-3 .banner-item {
        aspect-ratio: var(--orion-home-banner-ratio-wide) !important;
        background: #f3f4f6 !important;
    }

    body.orion-homepage .recommended-products-section + .banner-section .banner-grid-3 .banner-item .banner-boder-zoom,
    body.orion-homepage .recommended-products-section + .banner-section .banner-grid-3 .banner-item .banner-boder-zoom > a,
    body.orion-homepage .recommended-products-section + .banner-section .banner-grid-3 .banner-item > a {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.orion-homepage .recommended-products-section + .banner-section .banner-grid-3 .banner-item img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    /**
     * Özel Kategoriler (.banner-grid-4): mobilde aynı düzen — tam genişlik, oran korunur, kırpma yok.
     */
    body.orion-homepage .banner-section:has(.banner-grid-4) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.orion-homepage .banner-section:has(.banner-grid-4) .container {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--orion-home-shell-pad, 6px) !important;
        padding-right: var(--orion-home-shell-pad, 6px) !important;
        box-sizing: border-box !important;
    }

    body.orion-homepage .banner-section:has(.banner-grid-4) .banner-grid-4 {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    body.orion-homepage .banner-section:has(.banner-grid-4) .banner-grid-4 .banner-item {
        aspect-ratio: var(--orion-home-banner-ratio-cat) !important;
        background: transparent !important;
    }

    body.orion-homepage .banner-section:has(.banner-grid-4) .banner-grid-4 .banner-item .banner-link {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.orion-homepage .banner-section:has(.banner-grid-4) .banner-grid-4 .banner-item 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;
        border-radius: 12px !important;
    }
}

/*
 * Homepage shell alignment:
 * Header ile alt section'larin farkli yan bosluk kullanmasi
 * anasayfada "aynı hizada değil" hissi oluşturuyordu.
 * Bu blok, homepage section container'larini header ile aynı kolona sabitler.
 */
body.orion-homepage {
    --orion-home-shell-max: var(--orion-global-shell-max, 1280px);
    --orion-home-shell-pad: var(--orion-global-shell-pad, 12px);
    --orion-home-banner-ratio-wide: 10 / 3;
    --orion-home-banner-ratio-cat: 10 / 3;
    --orion-home-banner-ratio-full: 1200 / 120;
    --orion-home-banner-ratio-strip: 293 / 120;
}

@media (max-width: 991px) {
    body.orion-homepage {
        --orion-home-shell-pad: var(--orion-global-shell-pad, 6px);
    }
}

body.orion-homepage main > section:not(.banner-section):not(.orion-home-banner-bottom-wrap) > .container,
body.orion-homepage .category-stories > .container,
body.orion-homepage .features-bar > .container,
body.orion-homepage footer.site-footer > .container {
    width: 100% !important;
    max-width: var(--orion-home-shell-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--orion-home-shell-pad) !important;
    padding-right: var(--orion-home-shell-pad) !important;
    box-sizing: border-box !important;
}

body.orion-homepage .category-stories .container,
body.orion-homepage .features-bar .container,
body.orion-homepage .new-products-section > .container,
body.orion-homepage .recommended-products-section > .container,
body.orion-homepage .home-blog-section > .container {
    padding-left: var(--orion-home-shell-pad) !important;
    padding-right: var(--orion-home-shell-pad) !important;
}

/* Mobil: story şeridi diğer bölümlere göre hafif sola */
@media (max-width: 768px) {
    body.orion-homepage .category-stories > .container,
    body.orion-homepage .category-stories .container {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }

    body.orion-homepage .category-stories .stories-scroll {
        padding-left: 2px !important;
        padding-right: 34px !important;
        scroll-padding-inline-start: 2px;
        scroll-padding-inline-end: 34px;
    }
}

/* Banner bölümleri: header ile aynı shell (kayma / farklı genişlik yok) */
body.orion-homepage .banner-section > .container,
body.orion-homepage .recommended-products-section + .banner-section > .container,
body.orion-homepage .banner-section:has(.banner-grid-4) > .container {
    width: 100% !important;
    max-width: var(--orion-home-shell-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--orion-home-shell-pad) !important;
    padding-right: var(--orion-home-shell-pad) !important;
    box-sizing: border-box !important;
}