:root{
    --primary:#B23A2C;
    --accent:#F2C94C;
    --text:#2B2B2B;
    --bg:#FFFFFF;
    --kp-red:#B23A2C;
    --kp-red-dark:#9a3224;
}

/* Sayfa küçülme sorununu önle — Blazor WASM navigation sırasında layout stabil kalır */
html, body, #app {
    min-width: 320px;
    width: 100%;
}

/* Prevent horizontal scroll globally */
html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

/* ── Neler Yapıyoruz & Biz Kimiz başlıkları kırmızı ── */
.kp-section-title {
    color: #B23A2C !important;
    font-size: clamp(1.45rem, 2.8vw, 2rem);
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.2;
    margin-bottom: .5rem;
}

/* ── Daha Fazla Bilgi butonu — her zaman görünür, hover olmadan da ── */
.kp-cta-btn {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1.4rem;
    border-radius: .6rem;
    background: #B23A2C !important;
    color: #fff !important;
    border: 2px solid #B23A2C;
    font-size: .92rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background .22s, transform .22s, box-shadow .22s;
    box-shadow: 0 3px 12px rgba(178,58,44,.2);
    opacity: 1 !important;
    visibility: visible !important;
}

.kp-cta-btn:hover {
    background: #9a3224 !important;
    color: #fff !important;
    border-color: #9a3224;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(178,58,44,.35);
}