html{scroll-behavior:smooth;}
            /* HERO kartı (sağ beyaz kutu) yazı kontrast fix */
        .hero-card-inner {
            background: #f9fafb;
            color: #111827; /* <-- EKLE: yazılar koyulaşsın */
            border: 1px solid rgba(15, 23, 42, 0.06); /* opsiyonel: daha net dursun */
        }

        .hero-card-title {
            color: #111827; /* opsiyonel */
        }

        .hero-card-list {
            color: #374151;  /* <-- EKLE */
            line-height: 1.55; /* <-- EKLE */
        }

        .hero-card-list li {
            color: #374151; /* <-- EKLE */
        }

        .hero-card-list li::marker {
            color: #0052ff; /* <-- EKLE (primary) */
        }
        /* =========================
   PAKETLER (Fiyat tablosu gibi)
   ========================= */
.packages-section .section-desc{
    max-width: 760px;
}

.package-card{
    display:flex;
    flex-direction:column;
    border: 1px solid rgba(15,23,42,.08);
}

.package-top{
    padding-bottom: .55rem;
}

.package-pill{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:.28rem .65rem;
    border-radius:999px;
    background: rgba(0,82,255,.08);
    color: var(--proda-primary);
    margin-bottom: .65rem;
}

.package-title{
    font-size: 1.05rem;
}

.package-badge{
    display:inline-flex;
    width: max-content;
    font-size:.75rem;
    font-weight:700;
    padding:.25rem .6rem;
    border-radius:999px;
    background: rgba(255,122,0,.12);
    color: #b45309;
    margin: .4rem 0 .55rem;
}

.package-list{
    margin: .4rem 0 0;
    padding-left: 0;
    list-style: none;
    font-size: .9rem;
    color: #4b5563;
    line-height: 1.55;
    flex: 1;
}

.package-list li{
    position: relative;
    padding-left: 1.55rem;
}

.package-list li::before{
    content: "\f00c"; /* fa-check */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: .2rem;
    font-size: .9rem;
    color: var(--proda-primary);
    opacity: .95;
}

/* Eğer bazı maddeleri 'yok' gibi göstermek istersen: <li class="no">...</li> */
.package-list li.no::before{
    content: "\f00d"; /* fa-xmark */
    color: #ef4444;
}

.package-list li + li{
    margin-top: .25rem;
}

.package-foot{
    margin-top: 1rem;
}

.package-note{
    font-size: .82rem;
    color: #6b7280;
    margin-bottom: .65rem;
}

.package-note a{
    color: var(--proda-primary);
    font-weight: 700;
}

.package-price{
    font-weight: 900;
    color: #111827;
    background: #f8fafc;
    border: 1px dashed rgba(15,23,42,.18);
    border-radius: 14px;
    padding: .55rem .75rem;
    margin-bottom: .75rem;
}

.package-buttons{
    margin-top: 0;
}

.package-buttons .mini-btn{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
}

.package-popular{
    border-color: rgba(0,82,255,.25);
    box-shadow: 0 18px 46px rgba(0,82,255,.08);
}

/* Alt bant: e-ticaret */
.ecom-band{
    background: linear-gradient(135deg, #0f172a, #0b3ed6);
    border-radius: 18px;
    padding: 1.1rem 1.2rem;
    color: #e5e7eb;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 1rem;
    flex-wrap: wrap;
    border: 1px solid rgba(255,255,255,.12);
}
.ecom-band-title{
    font-size: 1.05rem;
    font-weight: 900;
    margin-bottom: .15rem;
}
.ecom-band-desc{
    font-size: .9rem;
    opacity: .9;
}
.ecom-band-actions{
    display:flex;
    gap:.55rem;
    flex-wrap: wrap;
}
.ecom-btn{
    border-radius: 999px !important;
    font-weight: 800 !important;
    padding: .55rem 1.05rem !important;
    display:inline-flex;
    align-items:center;
    gap:.5rem;
}
.package-list li.no-bullet::before{ display:none; }
/* HERO alt navigasyon butonları (mavi zeminde görünür) */
.hero-actions{
    gap: .6rem !important;
}
.hero-actions .btn-nav{
    border: 1px solid rgba(255,255,255,.65) !important;
    color: #fff !important;
    background: rgba(0,0,0,.10);
    border-radius: 999px !important;
    padding: .55rem 1rem !important;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}
.hero-actions .btn-nav:hover{
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.85) !important;
    transform: translateY(-1px);
}
.hero-actions .btn-nav i{
    font-size: .95em;
}
@media (max-width: 576px){
    .package-price{ font-size: .95rem; }
    .ecom-band{ padding: 1rem; }
}