:root {
    --navy: #18191c;
    --blue: #e30613;
    --cyan: #ff3b45;
    --orange: #e30613;
    --light: #f6f6f4;
    --text: #24262b;
    --brand-red: #e30613;
    --brand-dark: #17181b;
    --brand-soft: #f6f6f4;
}

body { background: #fff; color: var(--text); }
.top { background: #17181b; color: #d5d5d5; border-bottom: 1px solid #ffffff14; }
.top a { color: #fff; transition: color .2s ease; }
.top a:hover { color: #ff5962; }

header nav { height: 92px; max-width: 1320px; }
.logo-image { display: inline-flex; align-items: center; width: 250px; height: 58px; overflow: visible; background: transparent; border: 0; box-shadow: none; }
.logo-image img { display: block; width: 100%; height: 100%; object-fit: contain; border: 0; outline: 0; box-shadow: none; }
header nav ul { gap: 24px; }
header nav ul > li > a:not(.cta):not(.whatsapp-nav) { position: relative; padding: 10px 0; }
header nav ul > li > a:not(.cta):not(.whatsapp-nav)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 3px; height: 2px; background: var(--brand-red); transition: right .22s ease; }
header nav ul > li > a:not(.cta):not(.whatsapp-nav):hover::after { right: 0; }

.cta, .btn { background: var(--brand-red); border-radius: 7px; box-shadow: 0 8px 22px #e3061326; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.cta:hover, .btn:hover { background: #bd0010; transform: translateY(-2px); box-shadow: 0 12px 28px #e3061338; }
.btn.dark { background: var(--brand-dark); }
.btn.dark:hover { background: var(--brand-red); }
.eyebrow, .cardbody strong, .features b { color: var(--brand-red); }

.hero-slide-shade { background: linear-gradient(90deg, rgba(18,18,20,.95) 0%, rgba(18,18,20,.84) 30%, rgba(18,18,20,.48) 49%, rgba(18,18,20,.07) 72%, transparent 100%); }
.hero-slider .eyebrow, .hero-slider h1 em { color: #ff3944; }
.hero-slider .btn.ghost { border-color: #ffffff9c; box-shadow: none; }
.hero-slider .btn.ghost:hover { background: #fff; color: #17181b; }
.hero-slide-content { text-shadow: 0 2px 18px #0004; }

.stats { border-radius: 12px; box-shadow: 0 22px 55px #16181c16; }
.stats b { color: var(--brand-red); }
.section h2, .band h2, .cardbody h3, .features h3, .prose h2, .prose h3 { color: var(--brand-dark); }
.band { background: #f5f5f3; }
.features article, .card, .video-card { border-radius: 10px; overflow: hidden; border-color: #e5e5e2!important; box-shadow: 0 8px 28px #16181c0d; }
.features article { border-top: 3px solid var(--brand-red); }
.card:hover, .video-card:hover { box-shadow: 0 20px 55px #16181c1a; }
.cardbody small, .price { color: var(--brand-red); }
.quote { border-left-color: var(--brand-red); }

.video-card .video-thumb { background: #17181b!important; }
.video-card .video-thumb i { background: var(--brand-red); }
.video-card > b { color: var(--brand-dark)!important; }
.pager a:hover, .pager .active { background: var(--brand-red); border-color: var(--brand-red); }
.pagehead { background: radial-gradient(circle at 75% 20%, #4d1116 0, transparent 35%), linear-gradient(115deg, #151619, #282a2f); }
.pagehead .eyebrow { color: #ff5962; }
.search input, .contact input, .contact textarea { border-radius: 7px; border-color: #d9d9d6; }
.search input:focus, .contact input:focus, .contact textarea:focus { outline: 0; border-color: var(--brand-red); box-shadow: 0 0 0 3px #e3061315; }

footer { background: #18191c; color: #bfc0c3; border-top: 4px solid var(--brand-red); }
footer h4 { color: #fff; }
footer a:hover { color: #ff5962; }
.footer-logo { width: min(310px, 100%); height: auto; aspect-ratio: 1200 / 264; margin-bottom: 20px; background: transparent; border: 0; box-shadow: none; }
.copyright { background: #0f1012; color: #85868a; }

@media (max-width: 1100px) {
    header nav { padding-inline: 20px; }
    header nav ul { gap: 15px; font-size: 13px; }
    .logo-image { width: 205px; height: 48px; }
    .whatsapp-nav span { display: none; }
}

@media (max-width: 800px) {
    header nav { height: 76px; }
    .logo-image { width: 190px; height: 44px; }
    header nav ul { top: 108px; padding: 24px; border-top: 3px solid var(--brand-red); box-shadow: 0 20px 45px #1113; }
    header nav ul > li, header nav ul > li > a { width: 100%; text-align: center; }
    header nav ul .cta, header nav ul .whatsapp-nav { justify-content: center; padding: 13px 18px; }
    .whatsapp-nav span { display: inline; }
    .hero-slide-content { text-shadow: none; }
    .stats { border-radius: 0; }
}

@media (max-width: 520px) {
    .logo-image { width: 165px; height: 38px; }
    .section h2, .band h2 { font-size: 33px; line-height: 1.15; }
    .footer-logo { width: 260px; height: auto; }
}

/* WhatsApp'ın resmi marka rengi genel kırmızı buton temasından bağımsızdır. */
.whatsapp-btn,
.whatsapp-nav,
.whatsapp-float {
    background: #25d366!important;
    color: #fff!important;
    border-color: #25d366!important;
    box-shadow: 0 8px 24px rgba(37, 211, 102, .25);
}

.whatsapp-btn:hover,
.whatsapp-nav:hover,
.whatsapp-float:hover {
    background: #1dae55!important;
    border-color: #1dae55!important;
    color: #fff!important;
    box-shadow: 0 12px 30px rgba(37, 211, 102, .34);
}