﻿:root{
  --navistar-navy:#1B365D;
  --navistar-gold:#FFD700;
  --navistar-orange:#FF8C00;
  --navistar-silver:#C0C0C0;
  --navistar-light:#F8F9FA;
  --bs-primary:var(--navistar-navy);
  --bs-warning:var(--navistar-gold);
  --brand-orange:var(--navistar-orange);
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.btn, .card, .product-card, .service-card, .solution-card, .navbar, .form-control, .form-select, a{transition:all .2s ease-in-out}
.bg-hero{background:linear-gradient(135deg,#1B365D 0%,#0f223e 65%)}
.btn-cta{background-color:var(--brand-orange);border-color:var(--brand-orange);color:#fff}
.btn-cta:hover{background-color:#e07d00;border-color:#e07d00;color:#fff}
.link-orange{color:var(--brand-orange);text-decoration:none}
.link-orange:hover{text-decoration:underline}
.shadow-soft{box-shadow:0 10px 30px rgba(27,54,93,.15)}
.ref-logo{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.75rem;padding:1.25rem;color:#1B365D;font-weight:600}
.card:hover, .solution-card:hover, .service-card:hover, .product-card:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(27,54,93,.2)}
.bg-navy-soft{background:#122645}
.stat-number{font-size:2rem;font-weight:700;color:var(--bs-warning)}
@media (min-width:992px){.py-lg-6{padding-top:6rem!important;padding-bottom:6rem!important}}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.revealed{opacity:1;transform:none}
.counter-number{font-size:2rem;font-weight:800;color:#1B365D}
.product-card{background:#0f223e;color:#fff;border:1px solid rgba(255,215,0,.25)}
.product-card .price{color:#FFD700;font-weight:700}
.product-card .badge-cat{background:#FFD700;color:#1B365D}
.product-card .btn-compare{color:#FFD700}
.timeline{position:relative;padding-left:2rem}
.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:#1B365D}
.timeline-item{position:relative;margin-bottom:1.5rem}
.timeline-marker{position:absolute;left:4px;top:.5rem;width:18px;height:18px;border-radius:50%;background:#FFD700;border:2px solid #1B365D}
.timeline-content{margin-left:2.5rem}
.parallax{background-image:linear-gradient(135deg,#1B365D 0%,#0f223e 65%);background-attachment:fixed;background-size:cover;background-position:center}
.whatsapp-fab{position:fixed;right:16px;bottom:16px;z-index:1050;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25D366;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.whatsapp-fab img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.form-step{display:none}
.form-step.active{display:block}
/* Gradient overlay yardımcı sınıfı */
.overlay-gradient{position:relative;overflow:hidden}
.overlay-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0) 0%,rgba(0,0,0,.35) 100%);pointer-events:none}
/* Brand wordmark usage */
.brand-wordmark{display:inline-flex;align-items:center;gap:.5rem;color:#1B365D;text-transform:uppercase;font-weight:800;letter-spacing:.15em}
.brand-wordmark small{display:block;color:#1B365D;opacity:.8;letter-spacing:.3em}
/* Logo badge for contrast */
.logo-badge{background:#fff;border:2px solid var(--navistar-gold,#FFD700);border-radius:50%;padding:4px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
/* Mobile CTA bar */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:1050;background:rgba(18,38,69,.9);backdrop-filter:blur(6px);padding:env(safe-area-inset-bottom) 1rem 1rem}
@media (max-width:576px){
  .btn{min-height:48px;padding:.75rem 1rem}
  .navbar-nav .nav-link{padding:.75rem 1rem}
  input,select,textarea{min-height:44px}
}
