/* =====================================================================
   ARA BÖLÜMLER / CUSTOM SECTIONS
   Siteye özgü, tema dışı bölümler için stil kütüphanesi.
   Tamamı responsive (mobil, tablet, masaüstü) çalışacak şekilde yazıldı.
   Sınıf öneki: .ac-  (kendi bölümlerimiz)
   ===================================================================== */

:root {
    --ac-primary: #ff8a00;
    --ac-primary-dark: #e67c00;
    --ac-navy: #0b2f44;
    --ac-navy-2: #103a54;
    --ac-sky: #1e8fd0;
    --ac-sky-light: #d6e9fa;
    --ac-gray: #f2faff;
    --ac-text: #3c3c3c;
    --ac-muted: #6d7f8b;
    --ac-line: #e5eef5;
    --ac-white: #ffffff;
    --ac-shadow: 0 18px 45px -20px rgba(11, 47, 68, .35);
    --ac-shadow-sm: 0 10px 30px -18px rgba(11, 47, 68, .4);
    --ac-radius: 16px;
    --ac-radius-sm: 12px;
    --ac-ease: cubic-bezier(.22, .61, .36, 1);
    /* Font Awesome ailesi: wwwroot/fonts altındaki sürüm hangisi olursa olsun
       ::before/::after ikonlarının çalışması için sürümler arası yedekli liste. */
    --ac-fa: "Font Awesome 7 Pro", "Font Awesome 7 Free", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
}

/* ---------- Genel blok yardımcıları ---------- */
.ac-block {
    position: relative;
    overflow: hidden;
}

.ac-block .container {
    position: relative;
    z-index: 2;
}

/* İnce dekoratif zemin dokusu (tema dışı, özgün his) */
.ac-block.ac-block--dots::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 260px;
    height: 260px;
    background-image: radial-gradient(var(--ac-sky-light) 2px, transparent 2px);
    background-size: 22px 22px;
    opacity: .6;
    z-index: 1;
    pointer-events: none;
}

.ac-block.ac-block--dots::after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: -70px;
    width: 220px;
    height: 220px;
    background-image: radial-gradient(var(--ac-sky-light) 2px, transparent 2px);
    background-size: 22px 22px;
    opacity: .5;
    z-index: 1;
    pointer-events: none;
}

/* ---------- Bölüm başlığı ---------- */
.ac-head {
    max-width: 720px;
    margin-bottom: 55px;
}

.ac-head--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ac-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-size: 13px;
    color: var(--ac-primary);
    margin-bottom: 16px;
}

.ac-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: var(--ac-primary);
    display: inline-block;
}

.ac-head--center .ac-eyebrow::after {
    content: "";
    width: 26px;
    height: 2px;
    background: var(--ac-primary);
    display: inline-block;
}

.ac-eyebrow--light {
    color: #ffd7a3;
}

.ac-eyebrow--light::before,
.ac-eyebrow--light::after {
    background: var(--ac-primary);
}

.ac-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: var(--ac-navy);
    line-height: 1.18;
    font-size: 38px;
    margin: 0 0 18px;
}

.ac-subtitle {
    color: var(--ac-muted);
    font-size: 16px;
    line-height: 1.75;
    margin: 0;
}

/* ===================================================================
   1) FEATURE BAR  (avantaj şeridi)
   =================================================================== */
.ac-featurebar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
    background: var(--ac-white);
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius);
    box-shadow: var(--ac-shadow);
    padding: 40px 34px;
}

.ac-feature {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
}

.ac-feature:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -13px;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: var(--ac-line);
}

.ac-feature-ic {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 24px;
    color: var(--ac-primary);
    background: linear-gradient(145deg, #fff4e5, #ffe6c7);
    transition: transform .4s var(--ac-ease), background .4s var(--ac-ease), color .4s var(--ac-ease);
}

.ac-feature:hover .ac-feature-ic {
    transform: translateY(-4px);
    background: var(--ac-primary);
    color: #fff;
}

.ac-feature-tx h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: var(--ac-navy);
    margin: 2px 0 6px;
}

.ac-feature-tx p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--ac-muted);
}

/* ===================================================================
   2) PROCESS / TIMELINE  (çalışma adımları)
   =================================================================== */
.ac-process {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
    position: relative;
}

.ac-process::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 12%;
    right: 12%;
    height: 2px;
    background: repeating-linear-gradient(90deg, var(--ac-sky-light) 0 14px, transparent 14px 26px);
    z-index: 0;
}

.ac-step {
    position: relative;
    z-index: 1;
    background: var(--ac-white);
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius);
    padding: 34px 26px 30px;
    text-align: center;
    transition: transform .4s var(--ac-ease), box-shadow .4s var(--ac-ease), border-color .4s var(--ac-ease);
}

.ac-step:hover {
    transform: translateY(-8px);
    box-shadow: var(--ac-shadow);
    border-color: transparent;
}

.ac-step-ic {
    width: 84px;
    height: 84px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 32px;
    color: var(--ac-sky);
    background: var(--ac-gray);
    border: 2px dashed var(--ac-sky-light);
    position: relative;
    transition: all .4s var(--ac-ease);
}

.ac-step:hover .ac-step-ic {
    color: #fff;
    background: var(--ac-sky);
    border-color: var(--ac-sky);
}

.ac-step-num {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--ac-primary);
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: grid;
    place-items: center;
    box-shadow: 0 6px 16px -6px rgba(255, 138, 0, .8);
}

.ac-step-ic-wrap {
    position: relative;
    display: inline-block;
    margin: 0 auto 20px;
}

.ac-step-title {
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
    color: var(--ac-navy);
    margin: 0 0 10px;
}

.ac-step p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--ac-muted);
}

/* ===================================================================
   3) SECTORS  (hizmet verilen sektörler)
   =================================================================== */
.ac-sectors {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.ac-sector {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 30px 16px;
    background: var(--ac-white);
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius-sm);
    text-align: center;
    text-decoration: none;
    transition: transform .35s var(--ac-ease), box-shadow .35s var(--ac-ease), background .35s var(--ac-ease);
}

.ac-sector:hover {
    transform: translateY(-6px);
    box-shadow: var(--ac-shadow-sm);
    background: var(--ac-navy);
}

.ac-sector-ic {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 24px;
    color: var(--ac-navy);
    background: var(--ac-gray);
    transition: all .35s var(--ac-ease);
}

.ac-sector:hover .ac-sector-ic {
    color: var(--ac-primary);
    background: rgba(255, 255, 255, .1);
}

.ac-sector-lb {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: var(--ac-navy);
    transition: color .35s var(--ac-ease);
}

.ac-sector:hover .ac-sector-lb {
    color: #fff;
}

/* ===================================================================
   4) CTA BANNER  (harekete geçirici bölüm)
   =================================================================== */
.ac-cta {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(120deg, var(--ac-navy) 0%, #12628f 100%);
    box-shadow: var(--ac-shadow);
}

.ac-cta::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -40px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(255, 138, 0, .35), transparent 70%);
}

.ac-cta::after {
    content: "";
    position: absolute;
    left: -60px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    border: 40px solid rgba(255, 255, 255, .04);
}

.ac-cta-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    padding: 54px 58px;
}

.ac-cta-tx {
    max-width: 640px;
}

.ac-cta-tx h2 {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 34px;
    line-height: 1.2;
    margin: 0 0 12px;
}

.ac-cta-tx p {
    color: rgba(255, 255, 255, .78);
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

.ac-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    flex: 0 0 auto;
}

.ac-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    transition: transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease), background .3s var(--ac-ease), color .3s var(--ac-ease);
    border: 2px solid transparent;
    cursor: pointer;
}

.ac-btn--solid {
    background: var(--ac-primary);
    color: #fff;
    box-shadow: 0 14px 30px -12px rgba(255, 138, 0, .9);
}

.ac-btn--solid:hover {
    background: var(--ac-primary-dark);
    color: #fff;
    transform: translateY(-3px);
}

.ac-btn--ghost {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .4);
}

.ac-btn--ghost:hover {
    background: #fff;
    color: var(--ac-navy);
    transform: translateY(-3px);
}

.ac-btn--dark {
    background: var(--ac-navy);
    color: #fff;
}

.ac-btn--dark:hover {
    background: var(--ac-primary);
    color: #fff;
    transform: translateY(-3px);
}

/* ===================================================================
   5) ADVANTAGE CARDS  (avantaj kartları)
   =================================================================== */
.ac-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.ac-cards--4 {
    grid-template-columns: repeat(4, 1fr);
}

.ac-card {
    position: relative;
    background: var(--ac-white);
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius);
    padding: 38px 30px 32px;
    overflow: hidden;
    transition: transform .4s var(--ac-ease), box-shadow .4s var(--ac-ease);
}

.ac-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, var(--ac-primary), var(--ac-sky));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s var(--ac-ease);
}

.ac-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--ac-shadow);
}

.ac-card:hover::before {
    transform: scaleX(1);
}

.ac-card-ic {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    font-size: 26px;
    color: var(--ac-sky);
    background: var(--ac-gray);
    margin-bottom: 22px;
    transition: all .4s var(--ac-ease);
}

.ac-card:hover .ac-card-ic {
    color: #fff;
    background: var(--ac-sky);
    transform: rotate(-6deg);
}

.ac-card h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: var(--ac-navy);
    margin: 0 0 12px;
}

.ac-card p {
    margin: 0;
    color: var(--ac-muted);
    font-size: 14.5px;
    line-height: 1.7;
}
/* ===================================================================
   7) QUOTE / TESTIMONIAL  (öne çıkan söz)
   =================================================================== */
.ac-quote {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 20px 0;
}

.ac-quote-mark {
    width: 74px;
    height: 74px;
    margin: 0 auto 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 28px;
    color: #fff;
    background: var(--ac-primary);
    box-shadow: 0 16px 34px -14px rgba(255, 138, 0, .9);
}

.ac-quote blockquote {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 27px;
    line-height: 1.5;
    color: var(--ac-navy);
    margin: 0 0 26px;
    border: 0;
    padding: 0;
}

.ac-quote-by {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.ac-quote-by strong {
    font-family: 'Oswald', sans-serif;
    color: var(--ac-navy);
    font-size: 17px;
}

.ac-quote-by span {
    color: var(--ac-primary);
    font-size: 14px;
    letter-spacing: .5px;
}

/* ===================================================================
   8) COVERAGE / CHECKLIST SPLIT  (kapsama + liste)
   =================================================================== */
.ac-coverage {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 50px;
    align-items: center;
}

.ac-coverage-tx .ac-title {
    margin-bottom: 14px;
}

.ac-coverage-tx > p {
    color: var(--ac-muted);
    font-size: 16px;
    line-height: 1.75;
    margin: 0 0 26px;
}

.ac-checklist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 26px;
}

.ac-checklist li {
    position: relative;
    padding-left: 32px;
    font-size: 15px;
    color: var(--ac-navy);
    line-height: 1.5;
}

.ac-checklist li i {
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--ac-primary);
    font-size: 18px;
}

.ac-coverage-side {
    position: relative;
}

.ac-coverage-card {
    background: linear-gradient(150deg, var(--ac-navy), #12628f);
    border-radius: 22px;
    padding: 44px 40px;
    color: #fff;
    box-shadow: var(--ac-shadow);
    position: relative;
    overflow: hidden;
}

.ac-coverage-card::after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 138, 0, .35), transparent 70%);
}

.ac-coverage-card .ac-cc-big {
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    line-height: 1;
    color: var(--ac-primary);
    margin-bottom: 8px;
}

.ac-coverage-card h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    margin: 0 0 14px;
}

.ac-coverage-card p {
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 15px;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}

.ac-cc-list {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

.ac-cc-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    font-size: 15px;
}

.ac-cc-list li i {
    color: var(--ac-primary);
}

/* ===================================================================
   9) MINI FAQ  (özgün akordeon)
   =================================================================== */
.ac-faq {
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ac-faq-item {
    background: var(--ac-white);
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius-sm);
    overflow: hidden;
    transition: box-shadow .35s var(--ac-ease), border-color .35s var(--ac-ease);
}

.ac-faq-item.is-open {
    box-shadow: var(--ac-shadow-sm);
    border-color: transparent;
}

.ac-faq-q {
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    padding: 22px 60px 22px 26px;
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    color: var(--ac-navy);
    position: relative;
    cursor: pointer;
    transition: color .3s var(--ac-ease);
}

.ac-faq-item.is-open .ac-faq-q {
    color: var(--ac-primary);
}

.ac-faq-ic {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
}

.ac-faq-ic::before,
.ac-faq-ic::after {
    content: "";
    position: absolute;
    background: var(--ac-primary);
    border-radius: 2px;
    transition: transform .35s var(--ac-ease);
}

.ac-faq-ic::before {
    top: 12px;
    left: 4px;
    right: 4px;
    height: 2px;
}

.ac-faq-ic::after {
    left: 12px;
    top: 4px;
    bottom: 4px;
    width: 2px;
}

.ac-faq-item.is-open .ac-faq-ic::after {
    transform: scaleY(0);
}

.ac-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s var(--ac-ease);
}

.ac-faq-a-in {
    padding: 0 26px 24px;
    color: var(--ac-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* ===================================================================
   SCROLL REVEAL  (yalnızca JS aktifken gizle)
   =================================================================== */
.js-ac .ac-reveal {
    opacity: 0;
    transform: translateY(38px);
    transition: opacity .7s var(--ac-ease), transform .7s var(--ac-ease);
    will-change: opacity, transform;
}

.js-ac .ac-reveal.ac-in {
    opacity: 1;
    transform: none;
}

/* Kademeli giriş için gecikmeler */
.js-ac .ac-reveal.ac-in .ac-delay-1 { transition-delay: .08s; }
.js-ac .ac-reveal.ac-in .ac-delay-2 { transition-delay: .16s; }
.js-ac .ac-reveal.ac-in .ac-delay-3 { transition-delay: .24s; }
.js-ac .ac-reveal.ac-in .ac-delay-4 { transition-delay: .32s; }

/* ===================================================================
   RESPONSIVE
   =================================================================== */
@media (max-width: 1199px) {
    .ac-title { font-size: 33px; }
    .ac-sectors { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 991px) {
    .ac-featurebar {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 24px;
        padding: 34px 28px;
    }
    .ac-feature:not(:last-child)::after { display: none; }

    .ac-process { grid-template-columns: repeat(2, 1fr); }
    .ac-process::before { display: none; }

    .ac-cards,
    .ac-cards--4 { grid-template-columns: repeat(2, 1fr); }
    .ac-coverage {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .ac-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        padding: 44px 38px;
    }

    .ac-quote blockquote { font-size: 23px; }
}

@media (max-width: 767px) {
    .ac-head { margin-bottom: 40px; }
    .ac-title { font-size: 28px; }

    .ac-sectors { grid-template-columns: repeat(3, 1fr); }

    .ac-cta::before,
    .ac-cta::after { display: none; }

    .ac-cta-tx h2 { font-size: 27px; }

    .ac-checklist { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
    .ac-featurebar {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ac-process,
.ac-cards,
.ac-cards--4 { grid-template-columns: 1fr; }

    .ac-sectors { grid-template-columns: repeat(2, 1fr); }

    .ac-cta-inner { padding: 36px 26px; }
    .ac-cta-actions { width: 100%; }
    .ac-btn { flex: 1 1 auto; justify-content: center; }

    .ac-coverage-card { padding: 34px 28px; }
    .ac-quote blockquote { font-size: 20px; }
    .ac-quote-mark { width: 62px; height: 62px; font-size: 24px; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    .js-ac .ac-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .ac-gallery-item img,
    .ac-showcase-media img { transition: none !important; }
}

/* ===================================================================
   11) JOURNEY  (görselli tanıtım: istatistik + görsel + özellik listesi)
   Örnek 1 tasarımının siteye özgü uyarlaması.
   =================================================================== */
.ac-journey-head {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 24px 48px;
    align-items: end;
    margin-bottom: 52px;
}

.ac-journey-intro .ac-eyebrow { margin-bottom: 18px; }

.ac-journey-intro .ac-title {
    margin: 0;
    font-size: 42px;
}

.ac-journey-lead {
    color: var(--ac-muted);
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    padding-bottom: 6px;
}

.ac-journey-body {
    display: grid;
    grid-template-columns: 0.92fr 1.12fr 1fr;
    gap: 30px;
    align-items: stretch;
}

/* Sol sütun: istatistikler */
.ac-jstats {
    background: var(--ac-gray);
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius);
    padding: 10px 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ac-jstat {
    text-align: center;
    padding: 26px 4px;
}

.ac-jstat + .ac-jstat { border-top: 1px solid var(--ac-line); }

.ac-jstat-num {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    color: var(--ac-navy);
}

.ac-jstat-num em {
    font-style: normal;
    color: var(--ac-primary);
}

.ac-jstat-lb {
    display: block;
    margin-top: 12px;
    font-size: 15px;
    color: var(--ac-muted);
}

/* Orta sütun: görsel */
.ac-jmedia {
    position: relative;
    border-radius: var(--ac-radius);
    overflow: hidden;
    box-shadow: var(--ac-shadow);
}

.ac-jmedia img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 440px;
    object-fit: cover;
}

/* Sağ sütun: özellik listesi */
.ac-jfeatures {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 26px;
}

.ac-jfeature {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--ac-line);
}

.ac-jfeature:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ac-jfeature-ic {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 24px;
    color: var(--ac-primary);
    background: linear-gradient(145deg, #fff4e5, #ffe6c7);
    transition: transform .4s var(--ac-ease), background .4s var(--ac-ease), color .4s var(--ac-ease);
}

.ac-jfeature:hover .ac-jfeature-ic {
    transform: translateY(-4px);
    background: var(--ac-primary);
    color: #fff;
}

.ac-jfeature-tx h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
    color: var(--ac-navy);
    margin: 2px 0 8px;
}

.ac-jfeature-tx p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--ac-muted);
}

@media (max-width: 991px) {
    .ac-journey-head {
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
    }
    .ac-journey-body {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .ac-jmedia { order: -1; }
    .ac-jmedia img { min-height: 340px; }
}

@media (max-width: 767px) {
    .ac-journey-intro .ac-title { font-size: 28px; }
    .ac-jstat-num { font-size: 34px; }
}

/* ===================================================================
   12) GALLERY  (görselli proje mozaiği)
   Örnek 2 tasarımının siteye özgü uyarlaması.
   =================================================================== */
.ac-gallery-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1fr;
    grid-template-rows: repeat(2, minmax(240px, 1fr));
    gap: 24px;
    grid-auto-flow: row dense;
}

.ac-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--ac-radius);
    box-shadow: var(--ac-shadow-sm);
    min-height: 240px;
}

.ac-gallery-item--tall { grid-row: span 2; }

.ac-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s var(--ac-ease);
}

.ac-gallery-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(11, 47, 68, .72), rgba(11, 47, 68, .12) 55%, transparent);
    opacity: 0;
    transition: opacity .4s var(--ac-ease);
}

.ac-gallery-item:hover img { transform: scale(1.06); }
.ac-gallery-item:hover::after { opacity: 1; }

/* Ekspres hava kargo kartı: 370x666 kaynak görsel, iki satır yüksekliğindeki
   uzun kartı doldurmak için ~2 kat büyütülüp pikselleşiyordu. Görsel kendi
   oranında karta alttan yaslanır; üstte kalan alan fotoğrafın gökyüzü
   tonlarıyla tamamlanır ve görselin üst kenarı bu zemine yumuşakça karışır. */
.ac-gallery-item--sky {
    display: flex;
    align-items: flex-end;
    background: linear-gradient(to bottom, #8ea4ba, #b7c5d4 40%);
}

.ac-gallery-item--sky img {
    height: auto;
    transform-origin: center bottom;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%);
    mask-image: linear-gradient(to bottom, transparent, #000 22%);
}

.ac-gallery-cap {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 22px;
    z-index: 2;
    transform: translateY(14px);
    opacity: 0;
    transition: transform .4s var(--ac-ease), opacity .4s var(--ac-ease);
}

.ac-gallery-item:hover .ac-gallery-cap {
    transform: none;
    opacity: 1;
}

.ac-gallery-cap span {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #ffce9e;
    margin-bottom: 4px;
}

.ac-gallery-cap h3 {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #fff;
}

@media (max-width: 991px) {
    .ac-gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, minmax(200px, 1fr));
    }
    .ac-gallery-cap {
        transform: none;
        opacity: 1;
    }
    .ac-gallery-item::after { opacity: .85; }
}

@media (max-width: 575px) {
    .ac-gallery-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 18px;
    }
    .ac-gallery-item--tall { grid-row: auto; }
    .ac-gallery-item { min-height: 220px; }
    /* Tek sütunda kart görselin kendi oranını aldığı için gökyüzü dolgusuna gerek kalmaz */
    .ac-gallery-item--sky img {
        -webkit-mask-image: none;
        mask-image: none;
    }
}

/* ===================================================================
   13) SHOWCASE  (görsel + metin ikili düzen - yeniden kullanılabilir)
   =================================================================== */
.ac-showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.ac-showcase-media {
    position: relative;
    border-radius: var(--ac-radius);
    overflow: hidden;
    box-shadow: var(--ac-shadow);
}
.ac-showcase-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 400px;
    object-fit: cover;
    transition: transform .6s var(--ac-ease);
}

.ac-showcase-media:hover img { transform: scale(1.05); }

.ac-showcase-badge {
    position: absolute;
    left: 24px;
    bottom: 24px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: var(--ac-white);
    border-radius: var(--ac-radius-sm);
    box-shadow: var(--ac-shadow-sm);
}

.ac-showcase-badge i {
    font-size: 30px;
    color: var(--ac-primary);
}

.ac-showcase-badge strong {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    line-height: 1;
    color: var(--ac-navy);
}

.ac-showcase-badge span {
    font-size: 13px;
    color: var(--ac-muted);
}

.ac-showcase-tx .ac-eyebrow { margin-bottom: 16px; }
.ac-showcase-tx .ac-title { margin-bottom: 16px; }

.ac-showcase-tx > p {
    color: var(--ac-muted);
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 26px;
}

.ac-showcase-list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    display: grid;
    gap: 14px;
}

.ac-showcase-list li {
    position: relative;
    padding-left: 34px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--ac-navy);
}

.ac-showcase-list li i {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px;
    color: var(--ac-primary);
}

@media (max-width: 991px) {
    .ac-showcase {
        grid-template-columns: 1fr;
        gap: 34px;
    }
    .ac-showcase-media { order: -1; }
    .ac-showcase-media img { min-height: 320px; }
}

@media (max-width: 575px) {
    .ac-showcase-badge {
        left: 16px;
        bottom: 16px;
        padding: 12px 16px;
    }
    .ac-showcase-badge i { font-size: 24px; }
    .ac-showcase-badge strong { font-size: 18px; }
}

/* =====================================================================
   YASAL METİN SAYFALARI (Gizlilik Politikası, Kullanım Koşulları vb.)
   Sınıf öneki: .ac-legal
   ===================================================================== */
.ac-legal {
    max-width: 900px;
    margin: 0 auto;
}

.ac-legal-intro {
    background: var(--ac-gray);
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius);
    padding: 26px 30px;
    margin-bottom: 40px;
}

.ac-legal-intro p {
    margin: 0;
    color: var(--ac-text);
    font-size: 16px;
    line-height: 1.75;
}

.ac-legal-updated {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--ac-sky-light);
    color: var(--ac-navy);
    font-size: 13px;
    font-weight: 600;
}

.ac-legal-updated i {
    color: var(--ac-primary);
}

.ac-legal-block {
    margin-bottom: 34px;
}

.ac-legal-block:last-child {
    margin-bottom: 0;
}

.ac-legal-block h3 {
    position: relative;
    margin: 0 0 14px;
    padding-left: 18px;
    font-size: 22px;
    line-height: 1.35;
    color: var(--ac-navy);
    font-weight: 700;
}

.ac-legal-block h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    border-radius: 4px;
    background: var(--ac-primary);
}

.ac-legal-block p {
    margin: 0 0 14px;
    color: var(--ac-text);
    font-size: 16px;
    line-height: 1.8;
}

.ac-legal-block p:last-child {
    margin-bottom: 0;
}

.ac-legal-block ul {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}

.ac-legal-block ul li {
    position: relative;
    padding: 0 0 10px 28px;
    color: var(--ac-text);
    font-size: 16px;
    line-height: 1.7;
}

.ac-legal-block ul li::before {
    content: "\f058";
    font-family: var(--ac-fa);
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--ac-primary);
    font-size: 15px;
}

.ac-legal-contact {
    margin-top: 44px;
    padding: 30px;
    border-radius: var(--ac-radius);
    background: var(--ac-navy);
    color: var(--ac-white);
    box-shadow: var(--ac-shadow);
}

.ac-legal-contact h3 {
    margin: 0 0 10px;
    color: var(--ac-white);
    font-size: 22px;
    font-weight: 700;
}

.ac-legal-contact p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .82);
    font-size: 16px;
    line-height: 1.75;
}

.ac-legal-contact .ac-legal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin: 0;
}

.ac-legal-contact .ac-legal-meta a,
.ac-legal-contact .ac-legal-meta span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ac-white);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.ac-legal-contact .ac-legal-meta i {
    color: var(--ac-primary);
}

@media (max-width: 575px) {
    .ac-legal-intro { padding: 20px 22px; }
    .ac-legal-block h3 { font-size: 20px; }
    .ac-legal-contact { padding: 24px 22px; }
}

/* =====================================================================
   14) GLOBAL NETWORK  (küresel ağ haritası - açık tema)
   Açık zeminde noktalı dünya haritası, animasyonlu rota yayları ve
   tıklanabilir merkez noktaları. Sınıf öneki: .ac-globe / .ac-hub
   Harita görseli: wwwroot/images/world-map-dots.webp (2.5:1)
   ===================================================================== */
.ac-globe-sec {
    /* Komşu bölümler de açık renk olduğu için ince çizgilerle ayrılıyor */
    background: linear-gradient(180deg, #ffffff 0%, #f7fafc 55%, #f0f5f9 100%);
    color: var(--ac-text);
}

/* Haritanın arkasında sıcak, sağ üstte serin ışık huzmesi */
.ac-globe-sec::before {
    content: "";
    position: absolute;
    top: 32%;
    left: 2%;
    width: 62%;
    height: 60%;
    background: radial-gradient(closest-side, rgba(255, 138, 0, .13), rgba(255, 138, 0, 0) 72%);
    z-index: 1;
    pointer-events: none;
}

.ac-globe-sec::after {
    content: "";
    position: absolute;
    top: -20%;
    right: -8%;
    width: 48%;
    height: 72%;
    background: radial-gradient(closest-side, rgba(30, 143, 208, .14), rgba(30, 143, 208, 0) 72%);
    z-index: 1;
    pointer-events: none;
}

/* ---------- Başlık satırı ---------- */
.ac-globe-head {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: end;
    gap: 22px 60px;
    margin-bottom: 48px;
}

.ac-globe-title {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.14;
    color: var(--ac-navy);
}

.ac-globe-lead {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: var(--ac-muted);
}

/* ---------- Gövde: harita + yan panel ---------- */
.ac-globe-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: center;            /* sahne kendi en-boy oranını korusun */
    gap: 26px;
}

/* ---------- Harita sahnesi ---------- */
.ac-globe-stage {
    position: relative;
    width: 100%;
    padding-top: 40%;               /* 2.5:1 en-boy oranı */
    border-radius: 20px;
    border: 1px solid var(--ac-line);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-sm);
    overflow: hidden;
}

.ac-globe-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/world-map-dots.webp) center center / 100% 100% no-repeat;
    opacity: .38;
}

/* Kenarlara doğru yumuşayan vinyet */
.ac-globe-stage::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(125% 105% at 50% 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .85) 100%);
    z-index: 1;
    pointer-events: none;
}

.ac-globe-arcs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.ac-arc-base {
    fill: none;
    stroke: rgba(11, 47, 68, .16);
    stroke-width: 1.2;
}

.ac-arc-flow {
    fill: none;
    stroke: var(--ac-primary);
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-dasharray: 10 100;       /* pathLength="100" ile normalize edildi */
    animation: ac-globe-flow 4.5s linear infinite;
}

@keyframes ac-globe-flow {
    from { stroke-dashoffset: 0; }
    to   { stroke-dashoffset: -110; }
}

/* ---------- Merkez noktaları ---------- */
.ac-hub {
    position: absolute;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 3;
}

.ac-hub-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ac-sky);
    box-shadow: 0 0 0 3px rgba(30, 143, 208, .18);
    transition: width .35s var(--ac-ease), height .35s var(--ac-ease), background-color .35s var(--ac-ease), box-shadow .35s var(--ac-ease);
}

.ac-hub:hover .ac-hub-dot {
    background: var(--ac-navy);
    box-shadow: 0 0 0 5px rgba(11, 47, 68, .16);
}

.ac-hub-ring {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255, 138, 0, .8);
    opacity: 0;
    pointer-events: none;
}

.ac-hub.is-active .ac-hub-dot {
    width: 14px;
    height: 14px;
    background: var(--ac-primary);
    box-shadow: 0 0 0 5px rgba(255, 138, 0, .18), 0 0 18px 4px rgba(255, 138, 0, .35);
}

.ac-hub.is-active .ac-hub-ring {
    animation: ac-globe-ping 2s ease-out infinite;
}

@keyframes ac-globe-ping {
    0%   { transform: scale(.3); opacity: .85; }
    70%  { opacity: 0; }
    100% { transform: scale(1.55); opacity: 0; }
}

/* Ana merkez (İstanbul) her zaman biraz daha belirgin */
.ac-hub--main .ac-hub-dot {
    width: 12px;
    height: 12px;
    background: var(--ac-navy);
}

.ac-hub-name {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid var(--ac-line);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow-sm);
    color: var(--ac-navy);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s var(--ac-ease);
}

.ac-hub:hover .ac-hub-name,
.ac-hub:focus-visible .ac-hub-name,
.ac-hub.is-active .ac-hub-name {
    opacity: 1;
}

.ac-hub:focus-visible {
    outline: 2px solid var(--ac-primary);
    outline-offset: 2px;
    border-radius: 50%;
}

/* ---------- Yan panel: seçili merkezin kartı ---------- */
.ac-globe-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
    min-width: 0;
}

.ac-globe-cards {
    display: grid;
}

.ac-globe-card {
    grid-area: 1 / 1;
    padding: 30px 26px;
    border-radius: 18px;
    border: 1px solid var(--ac-line);
    background: var(--ac-white);
    box-shadow: var(--ac-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px);
    transition: opacity .45s var(--ac-ease), transform .45s var(--ac-ease), visibility .45s;
}

.ac-globe-card.is-active {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.ac-globe-card h3 {
    position: relative;
    margin: 0 0 16px;
    padding-bottom: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.2;
    color: var(--ac-navy);
}

.ac-globe-card h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 46px;
    height: 3px;
    border-radius: 2px;
    background: var(--ac-primary);
}

.ac-globe-card p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.78;
    color: var(--ac-muted);
}
/* ---------- Merkez seçici (chip'ler) ---------- */
.ac-globe-chips {
    grid-column: 1 / -1;            /* harita + yan panelin altında tam genişlik */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 4px;
}

.ac-chip {
    padding: 9px 20px;
    border-radius: 999px;
    border: 1px solid var(--ac-line);
    background: var(--ac-white);
    color: var(--ac-navy);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .3s var(--ac-ease), color .3s var(--ac-ease), border-color .3s var(--ac-ease), transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease);
}

.ac-chip:hover {
    border-color: var(--ac-primary);
    color: var(--ac-primary);
    transform: translateY(-2px);
}

.ac-chip.is-active {
    background: var(--ac-primary);
    border-color: var(--ac-primary);
    color: var(--ac-white);
    box-shadow: 0 12px 24px -12px rgba(255, 138, 0, .85);
}

.ac-chip:focus-visible {
    outline: 2px solid var(--ac-primary);
    outline-offset: 2px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .ac-globe-title { font-size: 36px; }

    .ac-globe-body {
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 22px;
    }

    .ac-globe-card { padding: 26px 22px; }
    .ac-globe-card h3 { font-size: 25px; }
}

@media (max-width: 991px) {
    .ac-globe-head {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 16px;
        margin-bottom: 36px;
    }

    .ac-globe-title { font-size: 32px; }

    .ac-globe-body {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .ac-hub { width: 30px; height: 30px; }
    .ac-hub-ring { width: 30px; height: 30px; }
}

@media (max-width: 767px) {
    .ac-globe-title { font-size: 27px; }
    .ac-globe-lead { font-size: 15px; }

    .ac-globe-stage { border-radius: 14px; }

    /* Küçük ekranda etiketler haritayı boğmasın; seçim chip'lerden yapılır */
    .ac-hub-name { display: none; }
    .ac-hub { width: 26px; height: 26px; }
    .ac-hub-ring { width: 26px; height: 26px; }
    .ac-hub-dot { width: 8px; height: 8px; }
    .ac-hub.is-active .ac-hub-dot { width: 11px; height: 11px; }
    .ac-hub--main .ac-hub-dot { width: 10px; height: 10px; }

    .ac-globe-chips { gap: 8px; }
    .ac-chip { padding: 8px 15px; font-size: 13px; }
}

@media (max-width: 575px) {
    .ac-globe-card { padding: 24px 20px; }
    .ac-globe-card h3 { font-size: 23px; }
}

@media (prefers-reduced-motion: reduce) {
    .ac-arc-flow,
    .ac-hub.is-active .ac-hub-ring { animation: none; }

    .ac-arc-flow { opacity: .6; stroke-dasharray: none; }

    .ac-globe-card {
        transition: opacity .01s linear;
        transform: none !important;
    }
}

/* =====================================================================
   15) ABOUT SPLIT  (hakkımızda: görsel kolajı + tanıtım metni)
   Sol tarafta üst üste binen üç görsel, turuncu çerçeve dekorları ve
   sayaçlı rozet; sağ tarafta başlık, açıklama, özellikler ve butonlar.
   Sınıf öneki: .ac-about
   Görseller: wwwroot/images/home/about-us-home-*.webp
   ===================================================================== */
.ac-about {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 60px;
}

/* ---------- Sol: görsel kolajı ---------- */
.ac-about-media {
    position: relative;
    height: 0;
    /* Kolajın en-boy oranı (genişliğe göre yükseklik) */
    padding-bottom: 130%;
}

.ac-about-pic {
    position: absolute;
    margin: 0;
    width: 75%;
    height: 38%;
    overflow: hidden;
    border-radius: var(--ac-radius-sm);
    box-shadow: var(--ac-shadow);
    background: var(--ac-gray);
}

.ac-about-pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s var(--ac-ease);
}

.ac-about-pic:hover img {
    transform: scale(1.06);
}

.ac-about-pic--1 {
    left: 0;
    top: 0;
    z-index: 1;
}

.ac-about-pic--2 {
    right: 0;
    top: 38%;
    z-index: 2;
}

.ac-about-pic--3 {
    left: 0;
    top: 62%;
    z-index: 3;
}

/* Görsellerin arkasındaki ince turuncu çerçeveler */
.ac-about-frame {
    position: absolute;
    z-index: 0;
    border: 2px solid var(--ac-primary);
    border-radius: var(--ac-radius-sm);
    pointer-events: none;
}

.ac-about-frame--1 {
    left: 74%;
    top: 7%;
    width: 19%;
    height: 32%;
}

.ac-about-frame--2 {
    left: 7%;
    top: 38%;
    width: 22%;
    height: 23%;
}

.ac-about-frame--3 {
    left: 74%;
    top: 61%;
    width: 19%;
    height: 28%;
}

/* Sayaçlı rozet */
.ac-about-badge {
    position: absolute;
    z-index: 4;
    left: 52%;
    top: 16%;
    width: 44%;
    padding: 18px 20px 20px;
    text-align: center;
    color: #fff;
    background: var(--ac-primary);
    border: 6px solid var(--ac-white);
    border-radius: var(--ac-radius-sm);
    box-shadow: var(--ac-shadow);
}

.ac-about-badge > i {
    display: block;
    /* Font Awesome'ın sabit ikon genişliği sıfırlanıp ortalanıyor */
    width: auto;
    font-size: 26px;
    margin-bottom: 6px;
    opacity: .9;
}

.ac-about-badge strong {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: 1px;
    white-space: nowrap;
}

.ac-about-badge strong em {
    font-style: normal;
    font-size: .55em;
    vertical-align: super;
}

/* Rozetin alt açıklaması (sayaç span'i strong içinde kalır) */
.ac-about-badge > span {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, .92);
}

/* ---------- Sağ: metin alanı ---------- */
.ac-about-tx .ac-title {
    margin-bottom: 20px;
}

.ac-about-tx .ac-title .ac-hl {
    color: var(--ac-primary);
}

.ac-about-tx > p {
    margin: 0 0 18px;
    color: var(--ac-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ac-about-points {
    display: grid;
    gap: 22px;
    margin: 30px 0 34px;
}

.ac-about-point {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.ac-about-point-ic {
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 24px;
    color: var(--ac-primary);
    background: linear-gradient(145deg, #fff4e5, #ffe6c7);
    transition: transform .4s var(--ac-ease), background .4s var(--ac-ease), color .4s var(--ac-ease);
}

.ac-about-point:hover .ac-about-point-ic {
    transform: translateY(-4px);
    background: var(--ac-primary);
    color: #fff;
}

.ac-about-point-tx h3 {
    margin: 4px 0 8px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3;
    color: var(--ac-navy);
}

.ac-about-point-tx p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ac-muted);
}

.ac-about-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

/* Video oynatma düğmesi */
.ac-about-play {
    position: relative;
    flex: 0 0 auto;
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 18px;
    color: var(--ac-primary);
    background: var(--ac-white);
    border: 2px solid var(--ac-primary);
    text-decoration: none;
    transition: background .3s var(--ac-ease), color .3s var(--ac-ease), transform .3s var(--ac-ease);
}

.ac-about-play::before {
    content: "";
    position: absolute;
    left: -8px;
    right: -8px;
    top: -8px;
    bottom: -8px;
    border-radius: 50%;
    border: 2px solid rgba(255, 138, 0, .35);
    animation: ac-about-pulse 2.4s var(--ac-ease) infinite;
}

.ac-about-play:hover {
    background: var(--ac-primary);
    color: #fff;
    transform: scale(1.06);
}

@keyframes ac-about-pulse {
    0% { transform: scale(1); opacity: .9; }
    70% { transform: scale(1.22); opacity: 0; }
    100% { transform: scale(1.22); opacity: 0; }
}

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .ac-about { gap: 44px; }
    .ac-about-badge { padding: 14px 12px 16px; }
    .ac-about-badge strong { font-size: 30px; }
    .ac-about-badge > i { font-size: 22px; }
    .ac-about-badge > span { font-size: 13px; }
    .ac-about-point-tx h3 { font-size: 19px; }
}

@media (max-width: 991px) {
    .ac-about {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    /* Tek sütuna inince kolaj aşırı büyümesin */
    .ac-about-media {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
    }

    .ac-about-badge { padding: 18px 20px 20px; }
    .ac-about-badge strong { font-size: 38px; }
    .ac-about-badge > i { font-size: 26px; }
    .ac-about-badge > span { font-size: 14px; }
}

@media (max-width: 575px) {
    /* Dar ekranda üst üste binen kolaj yerine sade dikey sıralama */
    .ac-about-media {
        height: auto;
        padding-bottom: 0;
        display: grid;
        gap: 14px;
        max-width: none;
    }

    .ac-about-pic {
        position: static;
        width: 100%;
        height: auto;
    }

    .ac-about-pic img {
        height: auto;
    }

    .ac-about-frame { display: none; }

    .ac-about-badge {
        position: static;
        width: 100%;
        border-width: 0;
        padding: 20px;
    }

    .ac-about-points {
        gap: 18px;
        margin: 26px 0 30px;
    }

    .ac-about-point { gap: 14px; }

    .ac-about-point-ic {
        width: 50px;
        height: 50px;
        font-size: 20px;
        border-radius: 12px;
    }

    .ac-about-actions {
        gap: 16px;
    }

    .ac-about-actions .ac-btn { flex: 1 1 auto; justify-content: center; }

    .ac-about-play {
        width: 54px;
        height: 54px;
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ac-about-pic img { transition: none !important; }
    .ac-about-play::before { animation: none; }
}

/* =====================================================================
   16) TRANSPORT MODES  (hava - deniz - kara: animasyonlu mod sunumu)
   Kapsayıcı: [data-ac-modes] , paneller: [data-ac-mode] , sekmeler: [data-ac-go]
   Sahnelerin tamamı satır içi SVG'dir; harici görsel kullanılmaz.
   ===================================================================== */
.ac-modes {
    /* Panel iç boşluğu tek yerden yönetilir; sahnenin taşma payı da buna bağlıdır */
    --ac-mode-pad-x: 58px;
    --ac-mode-pad-t: 62px;
    --ac-mode-pad-b: 56px;
    position: relative;
    z-index: 2;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(155deg, #ffffff 0%, #f7fbfe 48%, #eef6fc 100%);
    border: 1px solid var(--ac-line);
    box-shadow: 0 40px 88px -52px rgba(11, 47, 68, .35);
    color: var(--ac-text);
}

/* Tam genişlik varyantı: kart, ekranın iki kenarına da yaslanır.
   Metin sütunu ise .container ile aynı hizada başlar, böylece üstteki
   başlıkla dikey bir aks oluşturur.                                    */
.ac-modes--full {
    --ac-mode-pad-x: max(48px, calc((100vw - 1140px) / 2));
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 26px 70px -55px rgba(11, 47, 68, .35);
}

/* Bölüm tam genişlik kart içerdiğinde yatay iç boşluk vermez */
.ac-block--flush > .container {
    margin-bottom: 55px;
}

.ac-block--flush .ac-head {
    margin-bottom: 0;
}

/* Köşe ışığı */
.ac-modes::after {
    content: "";
    position: absolute;
    top: -190px;
    right: -150px;
    width: 560px;
    height: 560px;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(255, 138, 0, .14), transparent 68%);
    pointer-events: none;
    z-index: 1;
}

/* Paneller aynı ızgara gözünde üst üste durur; yükseklik en uzun panele göre sabitlenir */
.ac-modes-stage {
    position: relative;
    z-index: 2;
    display: grid;
}

.ac-mode {
    grid-area: 1 / 1;
    display: grid;
    grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
    align-items: center;
    gap: 34px;
    padding: var(--ac-mode-pad-t) 0 var(--ac-mode-pad-b) var(--ac-mode-pad-x);
    opacity: 0;
    visibility: hidden;
    transition: opacity .55s var(--ac-ease), visibility .55s var(--ac-ease);
}

/* Geniş ekranda metin sütunu okunabilir genişlikte kalır */
.ac-modes--full .ac-mode { grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); }
.ac-modes--full .ac-mode-tx { max-width: 640px; }

.ac-mode.is-active {
    opacity: 1;
    visibility: visible;
}

/* ---------- Metin tarafı ---------- */
.ac-mode-tx > * {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s var(--ac-ease), transform .6s var(--ac-ease);
}

.ac-mode.is-active .ac-mode-tx > * {
    opacity: 1;
    transform: none;
}

.ac-mode.is-active .ac-mode-tx > *:nth-child(1) { transition-delay: .12s; }
.ac-mode.is-active .ac-mode-tx > *:nth-child(2) { transition-delay: .20s; }
.ac-mode.is-active .ac-mode-tx > *:nth-child(3) { transition-delay: .28s; }
.ac-mode.is-active .ac-mode-tx > *:nth-child(4) { transition-delay: .36s; }
.ac-mode.is-active .ac-mode-tx > *:nth-child(5) { transition-delay: .44s; }

.ac-mode-ix {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    color: var(--ac-primary);
    margin-bottom: 18px;
}

.ac-mode-ix b {
    font-size: 15px;
    font-weight: 600;
    color: var(--ac-primary);
}

.ac-mode-ix em {
    display: block;
    width: 30px;
    height: 1px;
    background: rgba(255, 138, 0, .55);
}

.ac-mode-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: var(--ac-navy);
    font-size: 34px;
    line-height: 1.22;
    margin: 0 0 18px;
}

.ac-mode-desc {
    color: var(--ac-muted);
    font-size: 15.5px;
    line-height: 1.85;
    margin: 0 0 26px;
}

.ac-mode-specs {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 32px;
    padding: 24px 0 0;
    border-top: 1px solid var(--ac-line);
}

.ac-mode-specs li {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ac-mode-spec-v {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.1;
    color: var(--ac-navy);
}

.ac-mode-spec-l {
    font-size: 12px;
    letter-spacing: .9px;
    text-transform: uppercase;
    color: var(--ac-muted);
}

.ac-mode-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

.ac-mode-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 2px;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ac-navy);
    text-decoration: none;
    border-bottom: 1px solid rgba(11, 47, 68, .22);
    transition: color .3s var(--ac-ease), border-color .3s var(--ac-ease);
}

.ac-mode-link i {
    font-size: 12px;
    transition: transform .3s var(--ac-ease);
}

.ac-mode-link:hover {
    color: var(--ac-primary);
    border-color: var(--ac-primary);
}

.ac-mode-link:hover i { transform: translateX(5px); }

/* ---------- Sahne tarafı ----------
   Sahne, kartın sağ kenarına kadar taşar. Metne bakan sol kenar ile zemin
   çizgisinin altı yumuşak biçimde silinir; böylece sahne kart içinde
   dikdörtgen bir kutu gibi durmaz.                                       */
.ac-mode-scene {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 80px), linear-gradient(180deg, #000 84%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 80px), linear-gradient(180deg, #000 84%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

.ac-mode-svg {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------- Sekme çubuğu ---------- */
.ac-modes-bar {
    position: relative;
    z-index: 3;
    display: flex;
    border-top: 1px solid var(--ac-line);
    background: #f3f9fd;
}

.ac-mode-tab {
    position: relative;
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 22px 26px 24px;
    background: none;
    border: 0;
    border-right: 1px solid var(--ac-line);
    font-family: 'Oswald', sans-serif;
    color: var(--ac-muted);
    text-align: left;
    cursor: pointer;
    transition: color .3s var(--ac-ease), background .3s var(--ac-ease);
}

.ac-mode-tab:last-child { border-right: 0; }

.ac-mode-tab:hover,
.ac-mode-tab:focus-visible {
    color: var(--ac-navy);
    background: rgba(255, 255, 255, .75);
}

.ac-mode-tab.is-active {
    color: var(--ac-navy);
    background: var(--ac-white);
}

.ac-mode-tab-ic {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 17px;
    color: var(--ac-navy);
    background: #e4f0fa;
    transition: background .35s var(--ac-ease), box-shadow .35s var(--ac-ease), transform .35s var(--ac-ease), color .35s var(--ac-ease);
}

.ac-mode-tab.is-active .ac-mode-tab-ic {
    background: var(--ac-primary);
    color: #fff;
    box-shadow: 0 12px 26px -12px rgba(255, 138, 0, .95);
    transform: translateY(-2px);
}

.ac-mode-tab-tx {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ac-mode-tab-n {
    font-size: 11px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: rgba(109, 127, 139, .8);
}

.ac-mode-tab-t {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Otomatik geçiş göstergesi (ilerleme JS tarafından ölçeklenir) */
.ac-mode-tab-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: rgba(11, 47, 68, .09);
    overflow: hidden;
}

.ac-mode-tab-bar span {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--ac-primary);
    transform: scaleX(0);
    transform-origin: left center;
}
.acm-body-2 { fill: #dde9f2; }
.acm-body-3 { fill: #bacdda; }
.acm-body-4 { fill: #93aec1; }
.acm-dark { fill: #3e5c6d; }
.acm-dark-2 { fill: #55747f; }
.acm-accent { fill: var(--ac-primary); }
.acm-accent-2 { fill: #ffb457; }
.acm-glass { fill: #a5d4ef; }
.acm-glass-hi { fill: rgba(255, 255, 255, .55); }
.acm-cont { fill: #8fb8d2; }
.acm-cont-2 { fill: #e0a08e; }
.acm-cont-3 { fill: #9dc0b4; }
.acm-tire { fill: #384d59; }
.acm-tire-wall { fill: #48626f; }
.acm-rim { fill: #eef4f8; }
.acm-rim-slot { fill: #c3d4df; }
.acm-hub { fill: #b6c8d4; }
.acm-flap { fill: #5f7c8a; }
.acm-fan { fill: #d3e3ee; }
.acm-cockpit { fill: #46687d; }
.acm-belly { fill: rgba(11, 47, 68, .07); }
.acm-wing-near { fill: url(#acmAirWing); }
.acm-wing-far { fill: #c7dcec; }
.acm-pylon { fill: #9db6c8; }
.acm-tank-hi { fill: rgba(255, 255, 255, .7); }
.acm-hi { fill: rgba(255, 255, 255, .75); }
.acm-verge { fill: rgba(255, 255, 255, .55); }
.acm-hill { fill: #d5eaf7; }
.acm-far { fill: #c1dcef; }
.acm-cloud { fill: #ffffff; }
.acm-cloud-2 { fill: #e7f3fb; }
.acm-swell { fill: rgba(255, 255, 255, .16); }
.acm-wave { fill: rgba(30, 143, 208, .1); }
.acm-shadow { fill: rgba(11, 47, 68, .18); }
.acm-contact { fill: rgba(11, 47, 68, .32); }
.acm-headlight { fill: #fff1cd; }
.acm-tail { fill: #ef6157; }
.acm-boot { fill: rgba(11, 47, 68, .25); }
.acm-foam-fill { fill: rgba(255, 255, 255, .8); }
.acm-foam-fill-2 { fill: rgba(255, 255, 255, .5); }

/* Panjur/etek dilimleri */
.acm-slat {
    fill: none;
    stroke: rgba(11, 47, 68, .14);
    stroke-width: 2;
}

/* Reflektif kenar bandı */
.acm-tape {
    stroke: #ffc44d;
    stroke-width: 4;
    stroke-dasharray: 16 12;
}

.acm-guard {
    fill: #cbdbe6;
}

.acm-mast {
    fill: none;
    stroke: #c2d7e4;
    stroke-width: 5;
}

.acm-mast-head { fill: #b3cbdc; }

.acm-mirror {
    fill: none;
    stroke: #67848f;
    stroke-width: 4;
    stroke-linecap: round;
}

.acm-window {
    stroke: #4d6d80;
    stroke-opacity: .45;
    stroke-dasharray: 4 12;
}

.acm-edge {
    fill: none;
    stroke: rgba(11, 47, 68, .16);
    stroke-width: 2;
}

.acm-outline {
    fill: none;
    stroke: rgba(11, 47, 68, .2);
    stroke-width: 2;
}

.acm-seam,
.acm-panel,
.acm-rudder,
.acm-draft {
    fill: none;
    stroke: rgba(11, 47, 68, .16);
    stroke-width: 2;
    stroke-linecap: round;
}

.acm-rudder { stroke: rgba(255, 255, 255, .45); }
.acm-draft { stroke: rgba(255, 255, 255, .45); }
/* Uçak gövdesi boyunca uzanan kurumsal bant */
.acm-cheat {
    fill: none;
    stroke: var(--ac-primary);
    stroke-width: 8;
    stroke-linecap: round;
}

/* Motor giriş ağzı halkası */
.acm-lip {
    fill: none;
    stroke: rgba(255, 255, 255, .95);
    stroke-width: 3.4;
    stroke-linecap: round;
}

/* Çamurluk kavisi ve altındaki gölge */
.acm-fender {
    fill: none;
    stroke: #aec4d4;
    stroke-width: 8;
    stroke-linecap: round;
}

.acm-rail {
    fill: none;
    stroke: rgba(11, 47, 68, .16);
    stroke-width: 14;
    stroke-dasharray: 5 55;
}

.acm-lane {
    fill: none;
    stroke: rgba(255, 255, 255, .9);
    stroke-width: 5;
    stroke-linecap: round;
}

.acm-streak {
    fill: none;
    stroke: rgba(255, 255, 255, .5);
    stroke-width: 2;
    stroke-linecap: round;
}

.acm-foam {
    fill: none;
    stroke: rgba(255, 255, 255, .8);
    stroke-width: 3;
    stroke-linecap: round;
}

.acm-brand {
    fill: rgba(11, 47, 68, .42);
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
}

.acm-brand-light {
    fill: rgba(255, 255, 255, .85);
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    letter-spacing: 3px;
}

/* ===================================================================
   16.2) SAHNE HAREKETLERİ  (yalnızca etkin panelde çalışır)
   =================================================================== */
.acm-vehicle,
.acm-truck,
.acm-ship,
.acm-plane,
.acm-wheel,
.acm-fan {
    transform-box: fill-box;
    transform-origin: 50% 50%;
}

.acm-truck { transform-origin: 50% 96%; }
.acm-ship { transform-origin: 50% 82%; }
.acm-scroll { will-change: transform; }

.ac-mode.is-active .acm-vehicle { animation: acm-enter 1.15s var(--ac-ease) both; }
.ac-mode.is-active .acm-truck { animation: acm-bob 1.7s ease-in-out .6s infinite; }
.ac-mode.is-active .acm-ship { animation: acm-sail 6.5s ease-in-out infinite; }
.ac-mode.is-active .acm-plane { animation: acm-float 9s ease-in-out infinite; }
.ac-mode.is-active .acm-lamp { animation: acm-blink 2.6s ease-in-out infinite; }
.ac-mode.is-active .acm-splash { animation: acm-splash 3.4s ease-in-out infinite; }
.ac-mode.is-active .acm-trail { animation: acm-trail 4.2s ease-in-out infinite; }
.ac-mode.is-active .acm-trail-2 { animation-delay: -1.6s; }
.ac-mode.is-active .acm-beam { animation: acm-beam 5s ease-in-out infinite; }
.ac-mode.is-active .acm-fan { animation: acm-spin 1.2s linear infinite; }

/* Tekerlek devri, aracın temas düzlemindeki .acm-sp-3 katmanına göre hesaplandı:
   900 birim / 2.6 s = 346 birim/s ; çevre 2π×25 = 157.1 birim -> 0.45 s/tur.  */
.ac-mode.is-active .acm-wheel { animation: acm-roll .45s linear infinite; }

/* Katman hızları: hepsi 900 birim kayar, süre farkı derinlik hissi verir.
   Kameraya yaklaştıkça süre kısalır (görünür hız artar).
   NOT: burada kısayol "animation" kullanılamaz; kısayol, aşağıdaki .acm-sp-*
   kurallarından daha yüksek özgüllüğe sahip olduğu için animation-duration
   değerini 0s'ye sıfırlar ve katmanlar hiç hareket etmez.                    */
.ac-mode.is-active .acm-scroll {
    animation-name: acm-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.acm-sp-1 { animation-duration: 34s; }
.acm-sp-2 { animation-duration: 13s; }
.acm-sp-2b { animation-duration: 6s; }
.acm-sp-3 { animation-duration: 2.6s; }
.acm-sp-4 { animation-duration: 1.5s; }
.acm-sp-6 { animation-duration: 22s; }
.acm-sp-7 { animation-duration: 9s; }
.acm-sp-8 { animation-duration: 5.5s; }
.acm-sp-9 { animation-duration: 46s; }
.acm-sp-10 { animation-duration: 26s; }
.acm-sp-11 { animation-duration: 2s; }

@keyframes acm-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-900px); }
}

@keyframes acm-enter {
    from { opacity: 0; transform: translateX(-130px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes acm-roll {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes acm-bob {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    30% { transform: translateY(-1.6px) rotate(.12deg); }
    65% { transform: translateY(1.4px) rotate(-.1deg); }
}

@keyframes acm-sail {
    0%, 100% { transform: translateY(2px) rotate(-.75deg); }
    50% { transform: translateY(-5px) rotate(.75deg); }
}

/* Uçak: yükseliş ve alçalışta burun açısı da hafifçe değişir */
@keyframes acm-float {
    0%, 100% { transform: translateY(7px) rotate(-.7deg); }
    28% { transform: translateY(-2px) rotate(.35deg); }
    52% { transform: translateY(-11px) rotate(.7deg); }
    78% { transform: translateY(-3px) rotate(-.2deg); }
}

@keyframes acm-spin {
    from { transform: scaleX(1); }
    50% { transform: scaleX(.25); }
    to { transform: scaleX(1); }
}

@keyframes acm-beam {
    0%, 100% { opacity: .85; }
    45% { opacity: 1; }
    70% { opacity: .7; }
}

@keyframes acm-blink {
    0%, 45% { opacity: 1; }
    55%, 100% { opacity: .18; }
}

@keyframes acm-splash {
    0%, 100% { opacity: .35; transform: translateY(0); }
    50% { opacity: .8; transform: translateY(-3px); }
}

@keyframes acm-trail {
    0%, 100% { opacity: .35; }
    50% { opacity: .85; }
}

/* ===================================================================
   16.3) RESPONSIVE
   =================================================================== */
@media (min-width: 992px) {
    .ac-modes--full .ac-mode-tab { justify-content: center; }
}

@media (max-width: 1399px) {
    .ac-modes--full { --ac-mode-pad-x: clamp(34px, 4.6vw, 70px); }
}

@media (max-width: 1199px) {
    .ac-modes {
        --ac-mode-pad-x: 42px;
        --ac-mode-pad-t: 52px;
        --ac-mode-pad-b: 48px;
    }

    .ac-mode { gap: 26px; }
    .ac-mode-title { font-size: 29px; }
    .ac-mode-desc { font-size: 15px; line-height: 1.8; }
    .ac-mode-tab { padding: 18px 20px 20px; gap: 13px; }
    .ac-mode-tab-t { font-size: 15px; }
}

@media (max-width: 991px) {
    .ac-modes {
        --ac-mode-pad-x: 36px;
        --ac-mode-pad-t: 42px;
        --ac-mode-pad-b: 44px;
        border-radius: 20px;
    }

    .ac-modes--full { border-radius: 0; }

    .ac-mode {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
        padding: var(--ac-mode-pad-t) var(--ac-mode-pad-x) var(--ac-mode-pad-b);
    }

    .ac-modes--full .ac-mode { grid-template-columns: minmax(0, 1fr); }
    .ac-modes--full .ac-mode-tx { max-width: none; }

    /* Dar ekranda önce sahne, sonra metin; yanlar tam taştığı için yalnızca alt kenar silinir */
    .ac-mode-scene {
        order: -1;
        margin-left: calc(var(--ac-mode-pad-x) * -1);
        margin-right: calc(var(--ac-mode-pad-x) * -1);
        -webkit-mask-image: linear-gradient(180deg, #000 84%, transparent 100%);
        mask-image: linear-gradient(180deg, #000 84%, transparent 100%);
        -webkit-mask-composite: source-over;
        mask-composite: add;
    }

    .ac-mode-title { font-size: 27px; }

    .ac-mode-tab {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 18px 12px 22px;
        text-align: center;
    }

    .ac-mode-tab-tx { align-items: center; }
    .ac-mode-tab-n { display: none; }
    .ac-mode-tab-t { font-size: 14px; }
}

@media (max-width: 767px) {
    /* Dar ekranda sahne yanlardan taşacak kadar büyütülür; araç okunur kalır */
    .ac-mode-svg {
        width: 112%;
        margin-left: -6%;
    }
}

@media (max-width: 575px) {
    .ac-modes {
        --ac-mode-pad-x: 22px;
        --ac-mode-pad-t: 32px;
        --ac-mode-pad-b: 36px;
    }

    .ac-mode { gap: 24px; }
    .ac-mode-title { font-size: 23px; }
    .ac-mode-desc { font-size: 14.5px; margin-bottom: 22px; }

    .ac-mode-svg {
        width: 120%;
        margin-left: -10%;
    }

    .ac-mode-specs {
        gap: 11px;
        padding-top: 20px;
        margin-bottom: 26px;
    }

    .ac-mode-spec-v { font-size: 15px; }
    .ac-mode-spec-l { font-size: 10.5px; letter-spacing: .4px; }
    .ac-mode-actions { gap: 14px; justify-content: center; }
    .ac-mode-actions .ac-btn { flex: 1 1 100%; justify-content: center; }

    .ac-mode-tab-ic {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .ac-mode-tab-t { font-size: 12.5px; letter-spacing: 0; }
    .ac-mode-tab { padding: 15px 6px 18px; }
}

@media (max-width: 400px) {
    .ac-mode-tab-t { font-size: 11.5px; }
    .ac-mode-tab { padding: 13px 4px 16px; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .ac-mode,
    .ac-mode-tx > * {
        transition-duration: .001s !important;
        transition-delay: 0s !important;
    }

    .ac-mode .acm-vehicle,
    .ac-mode .acm-truck,
    .ac-mode .acm-ship,
    .ac-mode .acm-plane,
    .ac-mode .acm-wheel,
    .ac-mode .acm-scroll,
    .ac-mode .acm-lamp,
    .ac-mode .acm-splash,
    .ac-mode .acm-trail,
    .ac-mode .acm-beam,
    .ac-mode .acm-fan {
        animation: none !important;
    }
}

/* ==========================================================================
   Responsive header
   - >= 1200px: ana menü her zaman tek satırdır; menü yazısı, menü boşlukları
     ve "Hemen Bilgi Al" telefon numarası ekran genişliğiyle orantılı küçülür.
   - < 1200px: 7 ana menü + logo + telefon tek satıra okunaklı sığmadığı için
     menü yan çekmeceye (hamburger) geçer. Eşik, style.css header-style-3
     bloğundaki max-width: 1199px kuralları ve _Layout'taki navbar-expand-xl
     ile birlikte çalışır.
   ========================================================================== */
.header-style-3 .main-bar .container-fluid {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.header-style-3 .logo-header {
    order: 1;
    flex: 0 0 auto;
    width: auto;
    height: auto;
}

.header-style-3 .logo-header .logo-header-inner img {
    display: block;
    width: 114px;
    max-width: none;
    height: auto;
}

.header-style-3 .extra-nav {
    order: 3;
    flex: 0 0 auto;
    float: none;
    height: auto;
}

.header-style-3 .header-nav-call-section {
    float: none;
    align-items: center;
}

.header-style-3 .header-nav-call-section .detail {
    font-size: clamp(20px, 1.75vw + 1px, 34px);
    margin-right: clamp(12px, 1.1vw, 20px);
}

.header-style-3 .header-nav-call-section .detail span,
.header-style-3 .header-nav-call-section .detail .title {
    white-space: nowrap;
}

.header-style-3 .header-nav-call-section .media img {
    display: block;
    width: clamp(32px, 2.3vw, 44px);
    height: auto;
}

@media (min-width: 1200px) {
    .header-style-3 .header-nav {
        order: 2;
        flex: 1 1 auto;
        min-width: 0;
        padding-left: clamp(8px, 1vw, 15px);
        padding-right: clamp(8px, 1vw, 15px);
    }

    /* Bootstrap .nav varsayılanı flex-wrap: wrap; menünün alt satıra
       kaymasını engeller */
    .header-style-3 .header-nav .nav {
        flex-wrap: nowrap;
    }

    .header-style-3 .header-nav .nav > li > a {
        white-space: nowrap;
        font-size: clamp(14px, 0.625vw + 6.5px, 16px);
        padding-left: clamp(7px, 0.5vw + 1px, 10px);
        padding-right: clamp(7px, 0.5vw + 1px, 10px);
    }
}

@media (max-width: 1199px) {
    .header-style-3 .navbar-toggler {
        order: 4;
        flex: 0 0 auto;
        float: none;
    }

    .header-style-3 .extra-nav {
        margin-left: auto;
    }

    .header-style-3 .header-nav-call-section .detail {
        font-size: clamp(16px, 1.6vw + 5px, 22px);
    }
}

@media (max-width: 640px) {
    .header-style-3 .logo-header .logo-header-inner img {
        width: 72px;
    }
}

/* Telefonlarda numara gizlenmek yerine küçülür; dekoratif ikon ve
   "Hemen Bilgi Al" etiketi yer açmak için kaldırılır */
@media (max-width: 540px) {
    .header-style-3 .header-nav-call-section {
        display: flex;
    }

    .header-style-3 .header-nav-call-section .media,
    .header-style-3 .header-nav-call-section .detail .title {
        display: none;
    }

    .header-style-3 .header-nav-call-section .detail {
        margin-right: 0;
        font-size: clamp(13px, 2.5vw + 5px, 16px);
        line-height: 1;
    }
}

@media (max-width: 339px) {
    .header-style-3 .header-nav-call-section {
        display: none;
    }
}

/* ===================================================================
   17) ACENTELERİMİZ  (küresel acente Malca-Amit - anasayfa altı)
   Kartlar ortalanır; acente eklendiğinde yan yana iki sütuna yayılır.
   Logo, marka adı, kısa açıklama ve alan adı her kartta aynı hizada durur.
   =================================================================== */
.ac-partner {
    position: relative;
    overflow: hidden;
    padding: 58px 50px;
    text-align: center;
    background: var(--ac-white);
    border: 1px solid var(--ac-line);
    border-radius: 22px;
    box-shadow: var(--ac-shadow);
}

/* Yumuşak köşe aksanları */
.ac-partner::before,
.ac-partner::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    pointer-events: none;
}

.ac-partner::before {
    top: -150px;
    left: -120px;
    background: radial-gradient(circle at center, rgba(30, 143, 208, .12), transparent 70%);
}

.ac-partner::after {
    right: -130px;
    bottom: -160px;
    background: radial-gradient(circle at center, rgba(255, 138, 0, .12), transparent 70%);
}

.ac-partner-inner {
    position: relative;
    z-index: 2;
    max-width: 980px;
    margin: 0 auto;
}

.ac-partner-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 20px;
    margin: 0 0 36px;
    border-radius: 50px;
    background: var(--ac-gray);
    border: 1px solid var(--ac-line);
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--ac-navy);
}

.ac-partner-badge i {
    color: var(--ac-primary);
    font-size: 14px;
}

.ac-partner-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.ac-partner-card {
    flex: 0 1 475px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 34px 32px 30px;
    border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius);
    background: var(--ac-gray);
    text-align: center;
    text-decoration: none;
    transition: transform .4s var(--ac-ease), box-shadow .4s var(--ac-ease), border-color .4s var(--ac-ease);
}

.ac-partner-card:hover,
.ac-partner-card:focus-visible {
    transform: translateY(-4px);
    border-color: var(--ac-primary);
    box-shadow: var(--ac-shadow-sm);
}

/* Sabit yükseklikli logo alanı: farklı oranlardaki logolar aynı kutuda
   ortalanır, böylece marka adları ve açıklamalar aynı hizadan başlar */
.ac-partner-card-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 130px;
    padding: 18px 24px;
    margin-bottom: 26px;
    border-radius: var(--ac-radius-sm);
    background: var(--ac-white);
}

.ac-partner-card-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 220px);
    max-height: 100%;
    object-fit: contain;
}

.ac-partner-card-name {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--ac-navy);
    margin: 0 0 10px;
}

.ac-partner-card-text {
    font-size: 15px;
    line-height: 1.75;
    color: var(--ac-muted);
    margin: 0 0 20px;
}

.ac-partner-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    font-size: 14px;
    color: var(--ac-primary);
}

.ac-partner-card-link i {
    font-size: 12px;
}

@media (max-width: 991px) {
    .ac-partner { padding: 48px 34px; }
    .ac-partner-grid { gap: 22px; }
    .ac-partner-card { padding: 28px 22px 26px; }
    .ac-partner-card-logo { height: 115px; }
}

@media (max-width: 767px) {
    .ac-partner {
        padding: 42px 22px;
        border-radius: 18px;
    }

    .ac-partner::before,
    .ac-partner::after { display: none; }

    .ac-partner-grid { gap: 16px; }
    .ac-partner-card { padding: 22px 16px; }
    .ac-partner-card-logo {
        height: 96px;
        padding: 14px 16px;
        margin-bottom: 20px;
    }
    .ac-partner-card-name { font-size: 20px; }
    .ac-partner-card-text { font-size: 14px; }
}

/* Dar telefonlarda iki sütun okunaksızlaştığı için kartlar alt alta dizilir */
@media (max-width: 575px) {
    .ac-partner { padding: 36px 18px; }
    .ac-partner-badge {
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 26px;
    }
    .ac-partner-card {
        flex-basis: 100%;
        padding: 24px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ac-partner-card { transition: none !important; }
    .ac-partner-card:hover,
    .ac-partner-card:focus-visible { transform: none !important; }
}

/* ===================================================================
   18) INSURED TRANSPORT  (%100 sigortalı taşımacılık - hakkımızda)
   Koyu zeminli tek parça güven bölümü:
   başlık + teminat mührü, poliçe özeti kartı, teminat sütunları,
   teminat zinciri (yükleme > taşıma > aktarma > teslimat) ve
   sayaçlı alt şerit.
   =================================================================== */
.ac-insurance-sec {
    background: radial-gradient(900px 420px at 88% -10%, rgba(30, 143, 208, .34), transparent 62%), radial-gradient(760px 420px at -8% 112%, rgba(255, 138, 0, .18), transparent 60%), linear-gradient(160deg, var(--ac-navy) 0%, #08263a 55%, var(--ac-navy-2) 100%);
}

/* ---------- Başlık + teminat mührü ---------- */
.ac-ins-head {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 40px;
    margin-bottom: 52px;
}

.ac-ins-head-tx {
    max-width: 720px;
}

.ac-ins-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.16;
    color: var(--ac-white);
    margin: 0 0 16px;
}

.ac-ins-title em {
    font-style: normal;
    color: var(--ac-primary);
}

.ac-ins-lead {
    color: rgba(255, 255, 255, .76);
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

.ac-ins-seal {
    position: relative;
    width: 164px;
    height: 164px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.ac-ins-seal::before,
.ac-ins-seal::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.ac-ins-seal::before {
    inset: 0;
    border: 2px dashed rgba(255, 138, 0, .55);
    animation: ac-ins-seal-spin 24s linear infinite;
}

.ac-ins-seal::after {
    inset: 13px;
    border: 1px solid rgba(255, 255, 255, .16);
}

/* Kesikli dış halka yavaşça döner */
@keyframes ac-ins-seal-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.ac-ins-seal-core {
    position: relative;
    z-index: 2;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 1px;
    text-align: center;
    background: linear-gradient(150deg, var(--ac-primary), #d96f00);
    box-shadow: 0 18px 38px -16px rgba(255, 138, 0, .95), inset 0 0 0 1px rgba(255, 255, 255, .22);
}

.ac-ins-seal-core i {
    font-size: 21px;
    color: rgba(255, 255, 255, .92);
}

.ac-ins-seal-core strong {
    font-family: 'Oswald', sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.1;
    color: #fff;
}

.ac-ins-seal-core span {
    font-family: 'Oswald', sans-serif;
    font-size: 10.5px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .88);
}

/* ---------- Poliçe kartı + teminat sütunları ---------- */
.ac-ins-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 30px;
}

.ac-ins-policy {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 30px 32px 26px;
    background: linear-gradient(165deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .035));
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 26px 60px -34px rgba(0, 0, 0, .9);
}

/* Arka plandaki kalkan filigranı */
.ac-ins-policy::after {
    content: "\f3ed";
    font-family: var(--ac-fa);
    font-weight: 900;
    position: absolute;
    right: -18px;
    bottom: -34px;
    font-size: 168px;
    line-height: 1;
    color: rgba(255, 255, 255, .038);
    pointer-events: none;
}

.ac-ins-policy-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding-bottom: 20px;
    border-bottom: 1px dashed rgba(255, 255, 255, .18);
}

.ac-ins-policy-ic {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 21px;
    color: var(--ac-primary);
    background: rgba(255, 138, 0, .14);
    border: 1px solid rgba(255, 138, 0, .3);
}

.ac-ins-policy-name {
    display: grid;
    gap: 3px;
    margin-right: auto;
}

.ac-ins-policy-name strong {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .3px;
    color: var(--ac-white);
}

.ac-ins-policy-name span {
    font-size: 13px;
    color: rgba(255, 255, 255, .6);
}

.ac-ins-policy-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: .4px;
    color: #9ff2c4;
    background: rgba(34, 197, 94, .13);
    border: 1px solid rgba(34, 197, 94, .36);
}

.ac-ins-policy-state i {
    font-size: 12px;
}

.ac-ins-policy-rows {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 6px 0 0;
}

.ac-ins-policy-row {
    display: grid;
    grid-template-columns: 148px 1fr;
    gap: 14px;
    align-items: baseline;
    padding: 12px 10px;
    margin: 0 -10px;
    border-radius: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    transition: background .3s var(--ac-ease);
}

.ac-ins-policy-row:last-of-type {
    border-bottom: 0;
}

.ac-ins-policy-row:hover {
    background: rgba(255, 255, 255, .05);
}

.ac-ins-policy-row dt {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
}

.ac-ins-policy-row dd {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--ac-white);
}

.ac-ins-policy-note {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 10px;
    margin: 20px 0 0;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(30, 143, 208, .13);
    border: 1px solid rgba(30, 143, 208, .3);
    font-size: 13.5px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .8);
}

.ac-ins-policy-note i {
    color: var(--ac-sky);
    font-size: 14px;
    margin-top: 3px;
    flex: 0 0 auto;
}

/* ---------- Teminat sütunları ---------- */
.ac-ins-pillars {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 18px;
}

.ac-ins-pillar {
    padding: 26px 24px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .11);
    transition: transform .4s var(--ac-ease), background .4s var(--ac-ease), border-color .4s var(--ac-ease);
}

.ac-ins-pillar:hover {
    transform: translateY(-6px);
    background: rgba(255, 255, 255, .085);
    border-color: rgba(255, 138, 0, .45);
}

.ac-ins-pillar-ic {
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    font-size: 21px;
    color: var(--ac-primary);
    background: rgba(255, 138, 0, .12);
    border: 1px solid rgba(255, 138, 0, .26);
    transition: color .4s var(--ac-ease), background .4s var(--ac-ease), transform .4s var(--ac-ease);
}

.ac-ins-pillar:hover .ac-ins-pillar-ic {
    color: #fff;
    background: var(--ac-primary);
    transform: translateY(-3px);
}

.ac-ins-pillar h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--ac-white);
    margin: 0 0 9px;
}

.ac-ins-pillar p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .7);
}

/* ---------- Teminat zinciri ---------- */
.ac-ins-chain {
    margin-top: 34px;
    padding: 34px 34px 30px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .042);
    border: 1px solid rgba(255, 255, 255, .11);
}

.ac-ins-chain-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-bottom: 30px;
}

.ac-ins-chain-head h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: var(--ac-white);
    margin: 0;
}

.ac-ins-chain-head p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .62);
}

.ac-ins-chain-head span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    padding: 7px 14px;
    border-radius: 50px;
    font-size: 12.5px;
    letter-spacing: .4px;
    color: var(--ac-primary);
    background: rgba(255, 138, 0, .12);
    border: 1px solid rgba(255, 138, 0, .32);
}

.ac-ins-chain-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Adımları birleştiren kesintisiz teminat rayı */
.ac-ins-chain-list::before {
    content: "";
    position: absolute;
    top: 27px;
    left: 12%;
    right: 12%;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(255, 138, 0, .25), var(--ac-primary) 22%, var(--ac-sky) 78%, rgba(30, 143, 208, .25));
    z-index: 0;
}

.ac-ins-chain-item {
    position: relative;
    z-index: 1;
    text-align: center;
}

.ac-ins-chain-node {
    position: relative;
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 20px;
    color: var(--ac-white);
    background: #0d3550;
    border: 2px solid rgba(255, 138, 0, .55);
    box-shadow: 0 0 0 7px rgba(11, 47, 68, .85);
    transition: background .4s var(--ac-ease), color .4s var(--ac-ease), transform .4s var(--ac-ease);
}

.ac-ins-chain-item:hover .ac-ins-chain-node {
    background: var(--ac-primary);
    border-color: var(--ac-primary);
    color: #fff;
    transform: translateY(-4px);
}

.ac-ins-chain-node b {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-family: 'Oswald', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ac-navy);
    background: var(--ac-white);
}

.ac-ins-chain-item h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 16.5px;
    font-weight: 500;
    color: var(--ac-white);
    margin: 0 0 8px;
}

.ac-ins-chain-item p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .66);
}

/* ---------- Alt şerit: sayaçlar + aksiyonlar ---------- */
.ac-ins-foot {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 30px 40px;
    margin-top: 34px;
    padding: 30px 34px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .13);
}

.ac-ins-stats {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 22px 44px;
    justify-content: start;
}

.ac-ins-stat {
    position: relative;
    padding-right: 44px;
}

.ac-ins-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    right: 0;
    width: 1px;
    background: rgba(255, 255, 255, .16);
}

.ac-ins-stat-num {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.1;
    color: var(--ac-primary);
}

.ac-ins-stat-lb {
    display: block;
    margin-top: 5px;
    font-size: 13.5px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .72);
}

.ac-ins-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

/* ---------- Duyarlılık ---------- */
@media (max-width: 1199px) {
    .ac-ins-title { font-size: 34px; }

    .ac-ins-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ac-ins-policy-row { grid-template-columns: 132px 1fr; }

    .ac-ins-foot {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

@media (max-width: 991px) {
    .ac-ins-head {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-bottom: 42px;
    }

    .ac-ins-seal {
        width: 138px;
        height: 138px;
    }

    .ac-ins-seal-core {
        width: 98px;
        height: 98px;
    }

    .ac-ins-seal-core strong { font-size: 23px; }

    /* Dar ekranda zincir dikey akar, ray sola taşınır */
    .ac-ins-chain-list {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ac-ins-chain-list::before {
        top: 12px;
        bottom: 12px;
        left: 27px;
        right: auto;
        width: 3px;
        height: auto;
        background: linear-gradient(180deg, rgba(255, 138, 0, .25), var(--ac-primary) 22%, var(--ac-sky) 78%, rgba(30, 143, 208, .25));
    }

    .ac-ins-chain-item {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        column-gap: 18px;
        align-items: start;
        text-align: left;
    }

    /* Düğme ilk sütunda iki satır boyunca, metin tek sütunda akar */
    .ac-ins-chain-node {
        grid-column: 1;
        grid-row: 1 / span 2;
        margin: 0;
    }

    .ac-ins-chain-item h4,
    .ac-ins-chain-item p {
        grid-column: 2;
    }

    .ac-ins-chain-item h4 { align-self: center; }
}

@media (max-width: 767px) {
    .ac-ins-title { font-size: 28px; }

    .ac-ins-policy { padding: 26px 22px 22px; }

    /* Tek sütuna düşünce kartlar eşit yükseklik zorlamasın */
    .ac-ins-pillars {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .ac-ins-chain { padding: 28px 22px 24px; }

    .ac-ins-chain-head span { margin-left: 0; }

    .ac-ins-foot { padding: 26px 22px; }

    .ac-ins-stats {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ac-ins-stat { padding-right: 0; }

    .ac-ins-stat:not(:last-child)::after { display: none; }

    .ac-ins-actions { width: 100%; }

    .ac-ins-actions .ac-btn {
        flex: 1 1 auto;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .ac-ins-policy-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .ac-ins-policy-state { margin-left: 62px; }
}

@media (prefers-reduced-motion: reduce) {
    .ac-ins-pillar:hover,
    .ac-ins-pillar:hover .ac-ins-pillar-ic,
    .ac-ins-chain-item:hover .ac-ins-chain-node {
        transform: none !important;
    }

    .ac-ins-seal::before { animation: none !important; }
}

/* ===================================================================
   19) HEADER PARTNER LINK  (üst köşe iş ortakları bağlantısı)
   =================================================================== */
/* Üst köşe (header) uluslararası iş ortakları bağlantısı */
.ac-toppartner {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .35);
    font-family: 'Oswald', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    transition: background .3s var(--ac-ease), color .3s var(--ac-ease), border-color .3s var(--ac-ease);
}

.ac-toppartner:hover,
.ac-toppartner:focus {
    background: var(--ac-primary);
    border-color: var(--ac-primary);
    color: #fff;
}

.ac-toppartner i {
    font-size: 13px;
}

.ac-toppartner-short {
    display: none;
}

@media (max-width: 1199px) {
    .ac-toppartner {
        padding: 8px 13px;
        letter-spacing: .5px;
    }

    .ac-toppartner-full {
        display: none;
    }

    .ac-toppartner-short {
        display: inline-block;
    }
}

@media (max-width: 540px) {
    .ac-toppartner {
        display: none;
    }
}

/* ===================================================================
   20) HERO PARTNER SLIDE  (anasayfa banner'ı 1. slayt: küresel acente Malca-Amit)
   Ana banner'ın (.twm-slider1-wrap) görsel dilini korur: mavi zemin,
   kontur başlık, sağda dünya haritalı koyu panel üzerinde yüzen logo kartı.
   Sağ kenardaki slayt numaraları kartların üstüne binmesin diye her
   kırılımda o numaralar kadar alan boş bırakılır.
   =================================================================== */
.twm-slider1-wrap .h-partner-wrap .h-banner-left {
    position: relative;
    z-index: 2;
}

.h-partner-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 18px 6px 6px;
    margin-bottom: 22px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .35);
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #fff;
}

.h-partner-eyebrow i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: var(--ac-primary);
    font-size: 14px;
}

@media (min-width: 1200px) {
    /* Menü banner'ın üstüne bindiği için içerik görünen alanda ortalansın */
    .twm-slider1-wrap .h-partner-wrap { margin-top: 60px; }

    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 {
        font-size: 88px;
        line-height: 1.05;
        margin-bottom: 22px;
    }

    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 span {
        font-size: 96px;
    }

    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top p {
        font-size: 20px;
        line-height: 1.6;
        max-width: 520px;
        margin-bottom: 24px;
    }
}

.h-partner-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0 0 34px;
}

.h-partner-points li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    background: rgba(11, 47, 68, .22);
    border: 1px solid rgba(255, 255, 255, .18);
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
}

.h-partner-points i {
    color: #ffc27a;
    font-size: 13px;
}

/* Sağ taraf: panel + kartlar. Geniş ekranda banner 1140px ortalanır; kalan
   kenar boşluğu slayt numaralarına (~150px) yetmiyorsa fark içeriden açılır. */
.h-partner-stage {
    position: relative;
    padding: 56px max(0px, calc(150px - (100vw - 1140px) / 2)) 56px 10px;
}

/* Diğer slaytlardaki fotoğraf bloğunun karşılığı: sağ kenara taşan koyu panel */
.h-partner-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 34%;
    width: 100vw;
    overflow: hidden;
    border-radius: 28px 0 0 28px;
    background:
        radial-gradient(circle at 78% 18%, rgba(30, 143, 208, .45), transparent 48%),
        radial-gradient(circle at 10% 100%, rgba(255, 138, 0, .16), transparent 40%),
        linear-gradient(150deg, var(--ac-navy) 0%, var(--ac-navy-2) 55%, #145276 100%);
    box-shadow: 0 40px 80px -40px rgba(4, 26, 40, .6);
}

.h-partner-panel::before {
    content: "";
    position: absolute;
    top: 8%;
    bottom: 8%;
    left: -6%;
    width: 720px;
    background: url(../images/world-map-dots.webp) left center / contain no-repeat;
    filter: brightness(0) invert(1);
    opacity: .14;
    animation: h-partner-map 26s ease-in-out infinite alternate;
}

.h-partner-cards {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 290px);
    justify-content: center;
}

.h-partner-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 18px 22px;
    border-radius: 20px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 34px 60px -30px rgba(4, 26, 40, .75);
    animation: h-partner-float 6s ease-in-out infinite;
    transition: box-shadow .4s var(--ac-ease);
}

.h-partner-card:hover,
.h-partner-card:focus-visible {
    box-shadow: 0 40px 70px -28px rgba(4, 26, 40, .9), 0 0 0 3px var(--ac-primary);
}

/* Sabit yükseklikli logo alanı: farklı oranlardaki logolar aynı hizada durur */
.h-partner-card-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120px;
    padding: 8px 6px;
    margin-bottom: 16px;
    overflow: hidden;
    border-bottom: 1px solid var(--ac-line);
}

.h-partner-card-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 170px);
    max-height: 100%;
    object-fit: contain;
    transition: transform .5s var(--ac-ease);
}

/* Malca-Amit görselinde logonun etrafında geniş beyaz boşluk var; logonun
   kartta yeterince büyük görünmesi için görsel kutudan büyük tutulup ortalanır. */
.h-partner-card--malca .h-partner-card-logo img {
    height: 138%;
    max-height: none;
    max-width: none;
}

.h-partner-card:hover .h-partner-card-logo img,
.h-partner-card:focus-visible .h-partner-card-logo img {
    transform: scale(1.06);
}

.h-partner-card-tag {
    display: inline-block;
    padding: 4px 11px;
    margin-bottom: 10px;
    border-radius: 50px;
    background: rgba(255, 138, 0, .12);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    color: var(--ac-primary-dark);
}

.h-partner-card-name {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--ac-navy);
    margin: 0 0 6px;
}

.h-partner-card-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    white-space: nowrap;
    color: var(--ac-sky);
    transition: color .3s var(--ac-ease);
}

.h-partner-card-link i {
    font-size: 11px;
}

.h-partner-card:hover .h-partner-card-link,
.h-partner-card:focus-visible .h-partner-card-link {
    color: var(--ac-primary);
}

@keyframes h-partner-float {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -14px; }
}

@keyframes h-partner-map {
    0% { transform: translateX(0); }
    100% { transform: translateX(-60px); }
}

/* Tablet yatay: banner 60px soldan başlar ve ortalanır; sağ boşluk sabitlenerek
   slayt numaralarına yer bırakılır */
@media (max-width: 1199px) {
    .twm-slider1-wrap .h-partner-wrap {
        max-width: calc(100% - 190px);
        margin-right: 130px;
    }
    .h-partner-stage { padding: 44px 0 44px 10px; }
    .h-partner-cards { grid-template-columns: minmax(0, 250px); }
    .h-partner-card { padding: 14px 14px 18px; }
    .h-partner-card-logo { height: 100px; }
    .h-partner-card-tag { font-size: 11px; padding: 3px 9px; }
    .h-partner-card-name { font-size: 22px; }
}

/* Alçak laptop ekranları (1366x768 vb.): başlık küçülür, içerik menüye dayanmaz */
@media (min-width: 1200px) and (max-height: 860px) {
    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 { font-size: 72px; margin-bottom: 18px; }
    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 span { font-size: 80px; }
    .h-partner-eyebrow { margin-bottom: 16px; }
    .h-partner-points { margin-bottom: 26px; }
    .h-partner-stage { padding-top: 44px; padding-bottom: 44px; }
    .h-partner-card-logo { height: 104px; }
}

/* Yatay tablette içerik menünün hemen altına dayanmasın diye biraz aşağı alınır */
@media (min-width: 992px) and (max-width: 1199px) {
    .twm-slider1-wrap .h-partner-wrap { margin-top: 50px; }
    .h-partner-eyebrow { margin-bottom: 16px; }
    .h-partner-points { margin-bottom: 26px; gap: 8px; }
    .h-partner-points li { padding: 6px 10px; font-size: 13px; }
}

/* Tablet dikey: yazı üstte, kartlar altta tam genişlikte */
@media (max-width: 991px) {
    .twm-slider1-wrap .h-partner-wrap { display: block; }
    .twm-slider1-wrap .h-partner-wrap .h-banner-left,
    .twm-slider1-wrap .h-partner-wrap .h-banner-right { width: 100%; }
    .twm-slider1-wrap .h-partner-wrap .h-banner-left { margin-bottom: 14px; }
    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 { font-size: 54px; }
    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 span { font-size: 62px; }
    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top p { max-width: 560px; }

    .h-partner-eyebrow {
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 16px;
    }
    .h-partner-eyebrow i { width: 26px; height: 26px; font-size: 12px; }
    .h-partner-points { margin-bottom: 24px; gap: 8px; }
    .h-partner-points li { padding: 6px 10px; font-size: 13px; }
    .h-partner-stage { padding: 34px 0; }
    .h-partner-panel {
        left: 22%;
        border-radius: 24px 0 0 24px;
    }
}

@media (max-width: 767px) {
    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 { font-size: 30px; }
    .twm-slider1-wrap .h-partner-wrap .h-banner-left .h-bnr-top h2 span { font-size: 36px; }
    .h-partner-points { display: none; }
    .h-partner-cards { grid-template-columns: minmax(0, 210px); }
    .h-partner-card { padding: 10px 10px 14px; border-radius: 16px; }
    .h-partner-card-logo { height: 76px; margin-bottom: 10px; }
    .h-partner-card-tag { margin-bottom: 6px; }
    .h-partner-card-name { font-size: 19px; }
    .h-partner-card-link { font-size: 12.5px; }
}

/* Telefon: banner 15px soldan başlar. 481-640px arasında slayt numaraları
   hâlâ sağda dikey durduğu için onlara yer bırakılır. */
@media (max-width: 640px) {
    .twm-slider1-wrap .h-partner-wrap {
        max-width: calc(100% - 105px);
        margin-right: 90px;
    }
    .h-partner-stage { padding: 26px 0; }
    .h-partner-panel {
        left: 18%;
        border-radius: 22px 0 0 22px;
    }
    .h-partner-card { animation-duration: 7s; }
}

/* 480px altında numaralar banner'ın altına iner; sağ tarafta yalnız kenar boşluğu kalır */
@media (max-width: 480px) {
    .twm-slider1-wrap .h-partner-wrap {
        max-width: calc(100% - 30px);
        margin-right: 15px;
    }
}

@media (max-width: 400px) {
    .h-partner-card-logo { height: 66px; }
    .h-partner-card-tag { display: none; }
    .h-partner-card-name { font-size: 17px; margin-bottom: 4px; }
    .h-partner-card-link { font-size: 11.5px; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
    .h-partner-card,
    .h-partner-panel::before { animation: none !important; }
    .h-partner-card,
    .h-partner-card-logo img { transition: none !important; }
    .h-partner-card:hover .h-partner-card-logo img,
    .h-partner-card:focus-visible .h-partner-card-logo img { transform: none !important; }
}

/* ===================================================================
   21) HERO LONG TITLE  (anasayfa banner'ı: "Değerli Kargo Taşımacılığı")
   Kontur satırı ("Değerli Kargo") varsayılan 130px'te 570px'lik sol
   sütuna sığmadığı için geniş ekranda başlık tek satıra sığacak ölçüye
   indirilir. Daha dar kırılımlarda temanın küçük ölçüleri zaten sığar.
   =================================================================== */
@media (min-width: 1200px) {
    .twm-slider1-wrap .h-bnr-long .h-banner-left .h-bnr-top h2 {
        font-size: 74px;
        line-height: 1.05;
    }

    .twm-slider1-wrap .h-bnr-long .h-banner-left .h-bnr-top h2 span {
        font-size: 88px;
    }
}

/* ===================================================================
   22) HEADER ACTIVE MENU  (açık sayfanın menü öğesi)
   _Layout'taki NavActive açık sayfanın li'sine ve bağlı olduğu ana
   menünün li'sine "active" sınıfı verir. Ana menü öğesi turuncu yazı ve
   alt çizgiyle, alt menü öğesi turuncu yazıyla vurgulanır. Temanın
   li.active kuralı (siyah yazı) mavi header'da okunmadığı için ezilir.
   =================================================================== */
.header-style-3 .header-nav .nav > li.active > a,
.header-style-3 .header-nav .nav > li .sub-menu li.active > a {
    color: #ff8a00;
}

@media (min-width: 1200px) {
    .header-style-3 .header-nav .nav > li > a {
        position: relative;
    }

    /* Çizgi, menü yazısıyla aynı genişlikte kalsın diye a'nın yatay padding'i kadar içeriden başlar */
    .header-style-3 .header-nav .nav > li.active > a::after {
        content: "";
        position: absolute;
        left: clamp(7px, 0.5vw + 1px, 10px);
        right: clamp(7px, 0.5vw + 1px, 10px);
        bottom: 2px;
        height: 2px;
        border-radius: 2px;
        background-color: #ff8a00;
    }
}

/* ===================================================================
   23) FORM GÖNDERİMİ / reCAPTCHA MODALI
   Sitedeki formlar (form.js-mail-form) gönderilmeden önce açılan
   doğrulama modalı: reCAPTCHA, gönderiliyor ve sonuç adımları.
   Davranışı wwwroot/js/send-mail.js, işaretlemesi _RecaptchaModal.cshtml.
   =================================================================== */
.ac-mail-modal .modal-content {
    border: 0;
    border-radius: var(--ac-radius-sm);
    box-shadow: var(--ac-shadow);
}

.ac-mail-modal .modal-header {
    padding: 18px 24px;
    border-bottom: 1px solid var(--ac-line);
}

.ac-mail-modal .modal-title {
    margin: 0;
    font-family: "Rubik", sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: var(--ac-navy);
}

@media (max-width: 400px) {
    .ac-mail-modal .modal-header {
        padding: 16px 18px;
    }

    .ac-mail-modal .modal-title {
        font-size: 18px;
    }
}

.ac-mail-modal .modal-body {
    padding: 24px 16px;
}

.ac-mail-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* reCAPTCHA kutusu 304px sabit genişliktedir; dar ekranlarda modal dışına taşmasın diye küçültülür */
.ac-mail-recaptcha {
    min-height: 78px;
    display: flex;
    justify-content: center;
}

@media (max-width: 359px) {
    .ac-mail-recaptcha {
        transform: scale(.86);
        transform-origin: center top;
        min-height: 68px;
    }
}

.ac-mail-note {
    margin: 12px 0 0;
    font-size: 14px;
    color: var(--ac-muted);
}

.ac-mail-note--error {
    color: #c0392b;
}

.ac-mail-text {
    margin: 0;
    font-size: 16px;
    color: var(--ac-text);
}

.ac-mail-spinner {
    width: 46px;
    height: 46px;
    margin-bottom: 16px;
    border-radius: 50%;
    border: 4px solid var(--ac-sky-light);
    border-top-color: var(--ac-primary);
    animation: ac-mail-spin .8s linear infinite;
}

@keyframes ac-mail-spin {
    to {
        transform: rotate(360deg);
    }
}

.ac-mail-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.ac-mail-icon::before {
    font-family: var(--ac-fa);
    font-weight: 900;
}

.ac-mail-icon.is-success {
    background: #e7f7ee;
    color: #1e9e5a;
}

.ac-mail-icon.is-success::before {
    content: "\f00c";
}

.ac-mail-icon.is-error {
    background: #fdecea;
    color: #c0392b;
}

.ac-mail-icon.is-error::before {
    content: "\21";
}

.ac-mail-errors {
    margin: 14px 0 0;
    padding: 12px 16px 12px 32px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #c0392b;
    background: #fdf3f2;
    border-radius: 10px;
}

.ac-mail-actions {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.ac-mail-actions .ac-btn {
    padding: 10px 26px;
}

/* Gönderim sürerken formun düğmesi */
form.js-mail-form.is-sending button[type="submit"] {
    opacity: .6;
    pointer-events: none;
}

/* SEO: sayfanın ana başlığı h1 olarak işaretlenir; görünüm temadaki h2 başlıklarıyla aynı kalır. */
.wt-bnr-inr-entry .banner-title-outer h1.wt-title {
    font-weight: 600;
}

.section-head.center.wt-small-separator-outer h1 {
    font-size: 45px;
    font-weight: 600;
    max-width: 710px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .section-head.center.wt-small-separator-outer h1 {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .section-head.center.wt-small-separator-outer h1 {
        margin-bottom: 20px;
    }
}

/* ===================================================================
   24) DİL SEÇİCİ  (header: Türkçe / İngilizce)
   _LanguageSwitcher.cshtml. Açık dilin seçeneği turuncu, kayan bir
   vurguyla gösterilir (data-active="tr" | "en"). Header'ın şeffaf ve
   sabit (mavi) hallerinde okunur kalır; telefonlarda dünya ikonu
   kalkar ve seçici küçülür, menü çekmecesi açılmadan dil değişir.
   =================================================================== */
.ac-lang {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 4px 4px 12px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    white-space: nowrap;
    transition: border-color .3s var(--ac-ease), background .3s var(--ac-ease);
}

.ac-lang:hover,
.ac-lang:focus-within {
    border-color: rgba(255, 255, 255, .65);
    background: rgba(255, 255, 255, .15);
}

.ac-lang-ic {
    font-size: 14px;
    opacity: .85;
}

.ac-lang-track {
    position: relative;
    display: inline-flex;
}

.ac-lang-thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    border-radius: 50px;
    background: var(--ac-primary);
    box-shadow: 0 6px 16px -6px rgba(255, 138, 0, .9);
    transition: transform .4s var(--ac-ease);
}

.ac-lang[data-active="en"] .ac-lang-thumb {
    transform: translateX(100%);
}

.ac-lang-opt {
    position: relative;
    z-index: 1;
    min-width: 40px;
    padding: 7px 10px;
    border-radius: 50px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, .75);
    transition: color .3s var(--ac-ease);
}

.ac-lang-opt:hover,
.ac-lang-opt:focus,
.ac-lang-opt.is-active {
    color: #fff;
}

.ac-lang-opt:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .ac-lang-thumb {
        transition: none;
    }
}

@media (max-width: 540px) {
    .ac-lang {
        gap: 0;
        padding: 3px;
    }

    .ac-lang-ic {
        display: none;
    }

    .ac-lang-opt {
        min-width: 34px;
        padding: 6px 8px;
        font-size: 12px;
        letter-spacing: .5px;
    }
}