body {
    font-feature-settings: "calt" 1;
}

.bg-gradient {
    background: radial-gradient(80% 120% at 0% 0%, #eef4ff 0%, #ffffff 50%, #ffffff 100%);
}

.navbar-brand {
    letter-spacing: .2px;
}

.card {
    border-radius: 1rem;
}

.btn {
    border-radius: 999px;
}

/* Başlığı ekranda orantılı büyüt/küçült */
.hero-title {
    font-weight: 800;
    line-height: 1.1;
    font-size: clamp(28px, 4.2vw, 56px);
}

.hero-subtitle {
    font-size: clamp(16px, 2.2vw, 22px);
    color: #4b5563;
}


/* WhatsApp floating button */
.wa-float {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1040; /* navbar (sticky) üstünde */
}

#wa-btn {
    border-radius: 999px;
    padding: 12px 16px;
    font-weight: 600;
}

    #wa-btn .bi-whatsapp {
        line-height: 1;
    }

#wa-btn {
    animation: wa-pulse 2.4s ease-in-out infinite;
}

@keyframes wa-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, .45);
    }

    70% {
        box-shadow: 0 0 0 18px rgba(25, 135, 84, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0);
    }
}

/* Küçük ekranlarda yazıyı gizleyip sadece ikon bırak (zaten d-none d-sm-inline var)
   İstersen tamamen küçült: */
@media (max-width: 420px) {
    #wa-btn {
        padding: 12px 12px;
    }
}