/* ============================================================
   AbantJet 2026 görünümü
   Mevcut sayfaların (videolar, ürün şeridi, içerik) üstüne cila:
   tek yazı tipi ailesi, ABANT kırmızısıyla tek vurgu rengi, daha
   sakin gölgeler, daha net başlıklar. Tüm kurallar html.t26 altında;
   sınıf yoksa hiçbir şey değişmez.
   ============================================================ */

html.t26 {
    --t-kirmizi: #D0202A;
    --t-kirmizi-k: #a8141d;
    --t-koyu: #0f1114;
    --t-ink: #12161c;
    --t-muted: #5b636e;
    --t-cizgi: #e6e8ec;
    --t-zemin: #f6f7f9;
    --t-r: 16px;
    --t-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --t-baslik: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --t-ease: cubic-bezier(.22, 1, .36, 1);

    /* Sayfalardaki eski mavi/yeşil/turuncu bu değişkenlerle yazıldı
       (yoksa eski renk kalır). Yeni görünümde: mavi → koyu, yeşil ve turuncu → ABANT kırmızısı. */
    --a-mavi: #161a21; --a-mavi-k: #0b0d11; --a-mavi-kk: #0b0d11;
    --a-mavi2: #161a21; --a-mavi2-a: #2a313c;
    --a-yesil: #D0202A; --a-yesil-k: #a8141d;
    --a-turuncu: #D0202A; --a-turuncu-k: #a8141d;
    --a-acik: #f3f4f6;
    --a-mavi-rgb: 22, 26, 33; --a-yesil-rgb: 70, 14, 20; --a-turuncu-rgb: 208, 32, 42;
}

html.t26 body {
    font-family: var(--t-sans);
    color: var(--t-ink);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'cv11', 'ss01';
}
html.t26 h1, html.t26 h2, html.t26 h3, html.t26 h4 {
    font-family: var(--t-baslik);
    letter-spacing: -.022em;
    text-wrap: balance;
}

/* ---------- Üst bilgi çubuğu ---------- */
html.t26 .topbar {
    background: var(--t-koyu);
    border-bottom: 0;
}
html.t26 .topbar .container { max-width: 1320px; }
html.t26 .topbar-label { color: rgba(255,255,255,.5); font-size: 12.5px; }
html.t26 .topbar-social a { color: rgba(255,255,255,.62); transition: color .2s; }
html.t26 .topbar-social a:hover { color: #fff; }
html.t26 .topbar-contact { color: rgba(255,255,255,.75); }
html.t26 .topbar-phone {
    background: var(--t-kirmizi) !important;
    font-weight: 600;
    letter-spacing: .01em;
}

/* ---------- Menü ---------- */
html.t26 .navbar {
    background: rgba(255,255,255,.86);
    backdrop-filter: saturate(1.6) blur(16px);
    -webkit-backdrop-filter: saturate(1.6) blur(16px);
    box-shadow: 0 1px 0 rgba(15,17,20,.07);
}
html.t26 .navbar .container { max-width: 1320px; }
html.t26 .nav-menu > li > a {
    color: #2b313a;
    font-weight: 500;
    font-size: 14.5px;
    letter-spacing: -.005em;
    background: transparent !important;
}
html.t26 .nav-menu > li > a:hover,
html.t26 .nav-menu > li.active > a { color: var(--t-kirmizi); }
html.t26 .nav-menu > li > a::before { background: var(--t-kirmizi) !important; height: 2px; }
html.t26 .nav-menu > li.nav-cta > a {
    background: var(--t-kirmizi) !important;
    border-radius: 999px;
    padding: 11px 22px;
    animation: none;
    box-shadow: 0 8px 20px -8px rgba(208,32,42,.65);
}
html.t26 .nav-menu > li.nav-cta > a:hover { background: var(--t-kirmizi-k) !important; }
html.t26 .nav-menu .sub-menu {
    border-radius: 14px;
    border: 1px solid var(--t-cizgi);
    box-shadow: 0 24px 60px -20px rgba(15,17,20,.25);
}

/* ---------- Hero (video korunur) ---------- */
html.t26 .video-overlay {
    background:
        linear-gradient(90deg, rgba(8,10,13,.86) 0%, rgba(8,10,13,.62) 42%, rgba(8,10,13,.18) 75%, rgba(8,10,13,.05) 100%),
        linear-gradient(180deg, rgba(8,10,13,.35) 0%, transparent 25%, transparent 65%, rgba(8,10,13,.55) 100%) !important;
}
html.t26 .hero-section { min-height: 74vh; }
html.t26 .hero-wrapper { top: 9%; }
html.t26 .hero-text-content {
    max-width: 1240px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 34px;
}
html.t26 .hero-year-badge {
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: none !important;
    border-radius: 999px !important;
    padding: 7px 16px 7px 12px !important;
    gap: 10px;
    animation: none !important;
}
html.t26 .hero-year-badge::before {
    content: "";
    width: 8px; height: 8px; border-radius: 50%;
    background: #ff4b52;
    box-shadow: 0 0 0 4px rgba(255,75,82,.22);
}
html.t26 .hero-year-badge .year-number {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700;
    font-family: var(--t-baslik);
}
html.t26 .hero-year-badge .year-text {
    color: rgba(255,255,255,.85) !important;
    font-size: 12px !important;
    letter-spacing: .12em;
    font-weight: 600;
    text-transform: uppercase;
}
html.t26 .hero-main-title {
    font-size: clamp(40px, 5.2vw, 72px) !important;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -.035em;
    text-shadow: 0 2px 30px rgba(0,0,0,.25);
    max-width: 880px;
}
html.t26 .hero-subtitle {
    font-size: 19px !important;
    color: rgba(255,255,255,.82) !important;
    max-width: 560px;
    line-height: 1.6;
    margin-top: 18px;
}
html.t26 .hero-right-buttons { flex-direction: row; flex-wrap: wrap; gap: 12px; }
html.t26 .hero-primary-btn {
    background: var(--t-kirmizi) !important;
    border: 0 !important;
    padding: 0 28px !important;
    min-height: 56px;
    font-size: 16px !important;
    font-weight: 600;
    border-radius: 999px;
    box-shadow: 0 14px 34px -12px rgba(208,32,42,.8) !important;
    animation: none !important;
}
html.t26 .hero-primary-btn:hover { background: var(--t-kirmizi-k) !important; transform: translateY(-2px); }
html.t26 .hero-primary-btn .btn-icon-svg { width: 20px; height: 20px; }
html.t26 .hero-secondary-btn {
    min-height: 56px;
    padding: 0 26px;
    font-size: 16px;
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* ---------- Ürün şeridi (renkler korunur) ---------- */
html.t26 .products-section { max-width: 1320px; }
html.t26 .products-grid {
    gap: 10px;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
}
html.t26 .product-card {
    border-radius: 20px;
    min-height: 300px;
    padding: 26px 18px 24px;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 24px 50px -24px rgba(10,12,16,.55);
    transition: transform .45s var(--t-ease), box-shadow .45s var(--t-ease);
}
html.t26 .product-card::before {
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,.22), transparent 55%),
        linear-gradient(180deg, transparent 45%, rgba(0,0,0,.28) 100%) !important;
}
html.t26 .product-card::after {
    content: "";
    position: absolute; inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
    pointer-events: none;
    z-index: 4;
}
html.t26 .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 36px 60px -24px rgba(10,12,16,.6);
}
html.t26 .product-image { width: 170px; height: 170px; margin-bottom: 18px; }
html.t26 .product-card:hover .product-image { transform: scale(1.07) translateY(-2px); }
html.t26 .product-info h3 {
    font-family: var(--t-baslik);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .01em;
    margin-bottom: 6px;
}
html.t26 .product-info p {
    font-size: 12.5px;
    line-height: 1.45;
    opacity: .82;
    letter-spacing: .01em;
}

/* ---------- Bölüm başlıkları ---------- */
html.t26 body.home-page .sec-eyebrow {
    background: transparent;
    border: 0;
    padding: 0;
    color: var(--t-kirmizi);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .16em;
}
html.t26 body.home-page .sec-eyebrow::before {
    content: "";
    width: 22px; height: 2px; border-radius: 2px;
    background: currentColor;
    box-shadow: none;
    animation: none;
}
html.t26 .section-header h2 {
    font-size: clamp(32px, 3.6vw, 48px);
    font-weight: 800;
    color: var(--t-ink);
    line-height: 1.08;
}
html.t26 .section-header h2::after,
html.t26 body.home-page .section-header h2::after { display: none !important; }
html.t26 .section-header p { color: var(--t-muted); font-size: 17px; line-height: 1.65; }

/* ---------- Sayılar ---------- */
html.t26 body.home-page .stats-section { background: #fff; }
html.t26 .stat-card {
    border: 1px solid var(--t-cizgi);
    box-shadow: 0 1px 2px rgba(15,17,20,.04);
    border-radius: var(--t-r);
    text-align: left;
    padding: 28px 26px;
    transition: transform .35s var(--t-ease), box-shadow .35s var(--t-ease), border-color .35s;
}
html.t26 .stat-card:hover {
    transform: translateY(-4px);
    border-color: #d5d8de;
    box-shadow: 0 24px 50px -28px rgba(15,17,20,.35);
}
html.t26 .stat-icon {
    background: rgba(208,32,42,.08) !important;
    color: var(--t-kirmizi) !important;
    border-radius: 12px;
    margin: 0 0 18px !important;
}
html.t26 .stat-number {
    font-family: var(--t-baslik);
    color: var(--t-ink) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    font-weight: 800;
    letter-spacing: -.04em;
    font-variant-numeric: tabular-nums;
}
html.t26 .stat-label { color: var(--t-ink); letter-spacing: .08em; }
html.t26 .stat-desc { color: var(--t-muted); }

/* ---------- Sektör kartları ---------- */
html.t26 .industry-card {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 50px -30px rgba(15,17,20,.5);
}
html.t26 .industry-card::before {
    background: linear-gradient(180deg, rgba(10,12,16,0) 30%, rgba(10,12,16,.88) 100%) !important;
}
html.t26 .industry-icon {
    background: rgba(255,255,255,.14) !important;
    border: 1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 12px;
}
html.t26 .industry-content h3 { font-size: 26px; font-weight: 700; }

/* ---------- Video bandı ---------- */
html.t26 .video-content h2 { font-size: clamp(32px, 4vw, 54px); font-weight: 800; }
html.t26 .play-button {
    background: var(--t-kirmizi) !important;
    color: #fff !important;
    box-shadow: 0 0 0 10px rgba(208,32,42,.22), 0 20px 40px -10px rgba(208,32,42,.7) !important;
}

/* ---------- Neden AbantJet kartları: tek vurgu rengi ---------- */
html.t26 body.home-page .feature-card-modern.fc-blue,
html.t26 body.home-page .feature-card-modern.fc-green,
html.t26 body.home-page .feature-card-modern.fc-orange {
    --fc-accent: #D0202A;
    --fc-soft: rgba(208,32,42,.08);
    --fc-border: rgba(208,32,42,.28);
    --fc-shadow: rgba(15,17,20,.28);
    border-radius: var(--t-r);
}

/* ---------- AbantJet Cloud ---------- */
html.t26 .ajc-home { background: var(--t-koyu) !important; }
html.t26 .ajc-home-btn:first-child, html.t26 .ajc-home-btns a:first-child {
    background: var(--t-kirmizi) !important;
    border-color: var(--t-kirmizi) !important;
    border-radius: 999px;
}
html.t26 .ajc-home-btns a { border-radius: 999px; }
html.t26 .ajc-home-tag, html.t26 .ajc-home-eyebrow { color: #ff6b70 !important; }

/* ---------- Uygulama ve bülten kartları ---------- */
html.t26 .app-card, html.t26 .application-card, html.t26 .bulten-home-card {
    border-radius: var(--t-r) !important;
    overflow: hidden;
}
html.t26 .bulten-home-card { border: 1px solid var(--t-cizgi); box-shadow: none; }
html.t26 .bulten-home-card:hover { box-shadow: 0 28px 56px -30px rgba(15,17,20,.4); }
html.t26 .bulten-home-date { color: var(--t-kirmizi) !important; font-weight: 600; }
html.t26 .bulten-more-btn {
    background: var(--t-ink) !important;
    border-radius: 999px;
}

/* ---------- Kapanış çağrısı ---------- */
html.t26 .cta-section-home { background: var(--t-koyu) !important; }
html.t26 .cta-section-home h2 { font-size: clamp(30px, 3.4vw, 46px); font-weight: 800; }
html.t26 .cta-btn-primary {
    background: var(--t-kirmizi) !important;
    border-radius: 999px !important;
    box-shadow: 0 14px 34px -12px rgba(208,32,42,.8) !important;
}
html.t26 .cta-btn-secondary { border-radius: 999px !important; }

/* ---------- Alt bilgi ---------- */
html.t26 .main-footer { background: var(--t-koyu) !important; color: rgba(255,255,255,.62); }
html.t26 .main-footer h3, html.t26 .main-footer h4 {
    color: #fff;
    font-size: 12.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 600;
}
html.t26 .main-footer a { color: rgba(255,255,255,.66); }
html.t26 .main-footer a:hover { color: #fff; }

html.t26 .footer-logo { filter: brightness(0) invert(1); opacity: .92; }
html.t26 .main-footer p, html.t26 .main-footer li { color: rgba(255,255,255,.6) !important; }
html.t26 .main-footer a[href$="form"][style] {
    background: var(--t-kirmizi) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 28px -12px rgba(208,32,42,.8) !important;
}

/* ---------- Telefon alt çubuğu ve menü düğmesi ---------- */
html.t26 .mobile-toggle span { background: var(--t-ink) !important; }
html.t26 .mobile-bar-quote { background: var(--t-kirmizi) !important; }
html.t26 .mobile-sticky-bar { background: var(--t-koyu) !important; border-top: 0 !important; }

/* ---------- İç sayfa başlıkları: koyu zemin, hafif kırmızı ışık ---------- */
html.t26 .industry-hero,
html.t26 .page-hero {
    background:
        radial-gradient(70% 120% at 85% 0%, rgba(208,32,42,.32), transparent 60%),
        linear-gradient(135deg, #0f1114 0%, #1a1d23 100%) !important;
}
html.t26 .product-video-overlay {
    background: linear-gradient(90deg, rgba(10,12,16,.25) 0%, rgba(10,12,16,.55) 45%, rgba(10,12,16,.88) 100%) !important;
    opacity: 1 !important;
}

/* ---------- Telefon ---------- */
@media (max-width: 768px) {
    html.t26 .hero-main-title { font-size: 36px !important; }
    html.t26 .hero-main-title br { display: none; }
    html.t26 .hero-subtitle { font-size: 16px !important; }
    html.t26 .hero-right-buttons { flex-direction: column; width: 100%; }
    html.t26 .hero-primary-btn, html.t26 .hero-secondary-btn { width: 100%; max-width: none; justify-content: center; }
    html.t26 .products-grid { gap: 8px; }
    html.t26 .product-card { border-radius: 16px; min-height: 230px; }
    html.t26 .product-image { width: 130px; height: 130px; }
    html.t26 .stat-card { text-align: center; }
    html.t26 .stat-icon { margin: 0 auto 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
    html.t26 * { transition: none !important; }
}