/* Sayfa özel (tema ile uyumlu) */
.hero-bg-wrap-yurt{
    background:
        radial-gradient(900px 380px at 15% -10%, rgba(255, 255, 255, .14), transparent 60%),
        radial-gradient(900px 420px at 95% 10%, rgba(255, 122, 0, .18), transparent 55%),
        linear-gradient(135deg, #0b3ed6, #0ea5e9);
}

/* Beyaz kart içeriği okunurluk düzeltmesi (tema bazı metinleri açık renge çekiyor) */
.hero-bg-wrap-yurt .hero-card,
.hero-bg-wrap-yurt .hero-card-inner{
    color:#0f172a;
}
.hero-bg-wrap-yurt .hero-card-pill{
    color:#0f172a;
    opacity:.75;
}
.hero-bg-wrap-yurt .hero-card-title{
    color:#0f172a;
}
.hero-bg-wrap-yurt .hero-card-list,
.hero-bg-wrap-yurt .hero-card-list li{
    color:#475569;
}
.hero-bg-wrap-yurt .hero-card-list li::marker{
    color: rgba(2,6,23,.35);
}
.hero-bg-wrap-yurt .hero-card-list li{
    font-weight: 600;
}
.hero-bg-wrap-yurt .hero-card small,
.hero-bg-wrap-yurt .hero-card .text-muted{
    color:#64748b !important;
}

/* Sağ kart içindeki küçük butonlar bootstrap gibi kalmasın */
.eleprox-mini-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    padding:.62rem .95rem;
    border-radius: 14px;
    font-weight: 800;
    text-decoration:none;
    transition: .16s ease;
    border: 1px solid rgba(15,23,42,.12);
    background:#fff;
    color:#0f172a;
    box-shadow: 0 10px 22px rgba(15,23,42,.04);
}
.eleprox-mini-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(0,82,255,.25);
    color: var(--proda-primary);
    box-shadow: 0 14px 30px rgba(15,23,42,.08);
}
.eleprox-mini-btn.primary{
    border-color: rgba(0,82,255,.22);
    background: rgba(0,82,255,.06);
    color: var(--proda-primary);
}
.eleprox-mini-btn.primary:hover{
    background: rgba(0,82,255,.10);
    border-color: rgba(0,82,255,.38);
}

/* Özellikler: tam genişlik soft arka plan (page-wrap max-width iken) */
.eleprox-features{
    position: relative;
    margin: 3rem 0;
    padding: 3.25rem 0;
    isolation: isolate;
}
.eleprox-features::before{
    content:"";
    position:absolute;
    top:0; bottom:0;
    left:50%; right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    background: rgba(15,23,42,.06);
    z-index:-1;
}

/* Kısa bilgi kutusu */
.eleprox-note{
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius: 18px;
    padding: 1rem 1.05rem;
}
.eleprox-note .ico{
    width:44px; height:44px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: linear-gradient(135deg, var(--proda-primary), var(--proda-secondary));
    color:#fff;
    flex: 0 0 44px;
    box-shadow: 0 12px 26px rgba(37,99,235,.22);
}
.eleprox-note .title{
    font-weight: 900;
    color:#0f172a;
    margin:0 0 .15rem;
}
.eleprox-note .text{
    margin:0;
    color:#475569;
    font-size:.95rem;
    line-height:1.55;
}

/* Ufak rozetler */
.eleprox-pill{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding: .45rem .8rem;
    border-radius: 999px;
    border: 1px solid rgba(0,82,255,.18);
    background: rgb(255, 255, 255);
    color: var(--proda-primary);
    font-weight: 900;
    font-size: .82rem;
}
.eleprox-pill i{ opacity:.95; }

/* Hero sağ kart absolute olduğu için mobilde içerik biniyorsa: bu sayfada akışa al */
@media (max-width: 992px){
    .hero-bg-wrap-yurt .hero-card{
        position: relative !important;
        inset:auto !important;
        margin-top: 1rem;
    }
}