.urun-groups-bg {
    background-color: var(--theme-color);
}

@media (max-width: 991px) {
    .img-box3 {
        padding-top: 0;
    }

    .img-box3 .img2 {
        border: 0;
        -webkit-animation: none !important;
        animation: none !important;
        position: initial;
        margin-top: 20px;
    }

    .img-box3 .img2 img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .img-box3 .about-shape3-1 {
        display: none;
    }

    .img-box3 .img1 img {
        max-width: 100%;
        height: auto;
    }
}

/* ==========================================================================
   ANA SAYFA ÜRÜN KARTLARI (2026-10-30, CarobTurkiye). Kaydırıcı ve 7'li ızgara denendi, ikisi de kaldırıldı
   (Ayhan: "eskisi gibi 5 tane gösterim olsun … ilk haline döndür"). Masaüstü şablonun özgün ".event-card-wrap"
   düzeni (5 kart, panelde "öne çıkan"). Burada yalnız:
   • görseller de ürüne bağlı (Ayhan: "resimlere tıklanınca ürüne gitmiyor");
   • dokunmatik ekranda kartın açık hali (ad + "Detayları Gör") hep görünür — yalnız dokununca çıkıyordu;
   • telefon / tablette başlık küçük ve ortalı (Ayhan: "azcık başlıklar küçülebilir ve ortalanabilir").
   ========================================================================== */
.urun-kartlari .event-card_gorsel-baglanti {
    display: block;
    height: 100%;
}

    .urun-kartlari .event-card_gorsel-baglanti img {
        display: block;
        width: 100%;
    }

@media (hover: none) {
    .urun-kartlari .event-card .event-card_img {
        opacity: 0;
    }

    .urun-kartlari .event-card .event-card-hover-wrap {
        opacity: 1;
    }
}

@media (max-width: 991px) {
    .urun-kartlari .event-card .event-card-content {
        text-align: center;
    }

    .urun-kartlari .event-card .event-card_title {
        font-size: 19px;
        max-width: none;
    }
}

/* ==========================================================================
   ANA SAYFA SLAYTLARI — SABİT BOY (2026-10-30, CarobTurkiye — Ayhan: "hala mobilde titreme var")
   Index.cshtml'de şablonun "autoHeight"ı kaldırıldı (telefonda slaytların boyu farklı, her geçişte sayfa oynuyordu).
   Kaydırıcı en uzun slayt boyunda kalır; kısa slayt ve arka planı (.hero-inner) o boya uzar. Şablonun bütün
   kaydırıcılara verdiği ".swiper-slide { transition: all .4s }"in genişlik / yükseklik canlanması da burada kapalı
   (geçişte yalnız saydamlık ve konum canlanır).
   ========================================================================== */
.hero-slider4 .swiper-slide {
    height: auto;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
}

    .hero-slider4 .swiper-slide .hero-inner {
        height: 100%;
    }