/* ==========================================================================
   A2 - Oslim sablonu uzerine ozel duzeltmeler
   Bu dosya oslim.css ve oslim-responsive.css'ten SONRA yuklenir.
   Sablon dosyalarina dokunulmaz; sablon guncellenirse bu dosya korunur.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) HEADER LOGO
   Sorun: logo dikeyde ortalanmiyordu (float + sabit padding), menuye gore
   yukarida duruyordu. Ayrica 125px sag bosluk + 75px oteki ayrac cizgisi
   logoyu kendi alaninda saga kaymis gosteriyordu.
   Cozum: sol grup flex + dikey ortalama, logo icin net bir yukseklik,
   ayrac cizgisi logoya yaklastirildi.
   -------------------------------------------------------------------------- */
.main-menu-wrapper__left {
    display: flex;
    align-items: center;
}

.main-menu-wrapper__logo {
    float: none;
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 80px;
    min-height: 100px;
}

.main-menu-wrapper__logo img {
    display: block;
    height: 42px;          /* header'da logo yuksekligi */
    width: auto;
    max-width: 210px;
    object-fit: contain;
}

/* ayrac cizgisi: logonun dikey ortasinda, daha yakin */
.main-menu-wrapper__logo:before {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: 48px;
    right: -40px;
}

.main-menu-wrapper__main-menu {
    float: none;
}

/* SAP alt menüsündeki en uzun başlık satır kırmadan okunur. */
.main-menu .main-menu__list > li.a2-sap-menu > ul {
    min-width: 270px;
}

/* Hizmetler menüsünde uzun başlıklar satır kırmadan, okunur biçimde kalır. */
.main-menu .main-menu__list > li.a2-services-menu > ul {
    min-width: 320px;
}

/* SAP Business One altındaki ikinci kademe menünün yönünü masaüstünde belirtir. */
.main-menu .main-menu__list > li.a2-sap-menu > ul > li.dropdown > a::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: auto;
}

/* Header ana başlığı özgün biçiminde kalır; alt seçenekler ise İngilizce
   özel adın doğru harfleriyle yazılır. */
.main-menu .main-menu__list > li.a2-sap-menu > ul > li > a,
.mobile-nav__content .main-menu__list > li.a2-sap-menu ul li a {
    text-transform: none;
}

/* "SAP Business One Danışmanlığı" gibi İngilizce ve Türkçe sözcüklerin
   birlikte olduğu başlıklar şablonun büyük harf dönüşümüne girmez. */
.page-header__inner h1.a2-brand-title,
.service-details__sidebar-service-list li a.a2-brand-title,
.a2-mobile-section-navigation a.a2-brand-title {
    text-transform: none;
}

/* Sayfa başlığındaki arka plan görseli aynı kalır; yalnızca hero yüksekliği
   daha kompakt olur. */
.page-header {
    padding: 180px 0 92px;
}

@media only screen and (max-width: 767px) {
    .page-header {
        padding: 145px 0 76px;
    }
}

/* SAP altındaki ikinci kademe başlıklar ("Neden SAP B1" ve "Modüller")
   şablonun iç içe menü kuralına rağmen yazıldıkları biçimde kalır. */
.main-menu .main-menu__list > li.a2-sap-menu > ul > li > ul > li > a,
.stricky-header .main-menu__list > li.a2-sap-menu > ul > li > ul > li > a,
.mobile-nav__content .main-menu__list > li.a2-sap-menu ul ul li a {
    text-transform: none !important;
}

/* Desktop header: logo, menu and SAP Partner stay on the same centre line. */
@media only screen and (min-width: 1200px) {
    .main-menu-wrapper {
        display: flex;
        align-items: center;
        min-height: 100px;
    }

    .main-menu-wrapper__left {
        height: 100px;
        flex: 1 1 auto;
        min-width: 0;
    }

    .main-menu-wrapper__main-menu {
        display: flex;
        align-items: center;
        height: 100px;
    }

    .main-menu .main-menu__list > li {
        display: flex;
        align-items: center;
        height: 100px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .main-menu-wrapper__right {
        display: flex;
        align-items: center;
        float: none;
        flex: 0 0 auto;
        height: 100px;
        min-height: 100px;
        padding: 0;
        margin-left: auto;
    }

    .main-menu-wrapper__partner {
        display: flex;
    }
}

/* Laptop widths prioritise a clean navigation; the partner badge stays on wide desktop only. */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .main-menu-wrapper__logo {
        margin-right: 50px;
    }

    .main-menu-wrapper__logo:before {
        right: -25px;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 28px;
    }

    .main-menu .main-menu__list > li > a {
        font-size: 12px;
        letter-spacing: .07em;
        white-space: nowrap;
    }

    .main-menu-wrapper__call {
        display: flex;
    }

    .main-menu-wrapper__call-icon {
        width: 42px;
        height: 42px;
    }

    .main-menu-wrapper__call-icon span {
        font-size: 20px;
    }

    .main-menu-wrapper__call-number {
        margin-left: 10px;
    }

    .main-menu-wrapper__call-number p {
        font-size: 11px;
        line-height: 16px;
    }

    .main-menu-wrapper__call-number h5 {
        font-size: 14px;
        line-height: 18px;
    }

    .main-menu-wrapper__partner {
        margin-left: 18px;
        padding-left: 18px;
    }

    .main-menu-wrapper__partner a {
        display: flex;
        align-items: center;
    }

    .main-menu-wrapper__partner img {
        width: 54px;
        height: 34px;
    }

}

/* Kucuk laptop (1200-1339px): telefon blogu ve SAP Partner rozeti gorunur.
   Onceden bu aralikta tum sag blok gizleniyordu. Yer acmak icin logo
   bosluğu, menu araligi ve yazi olculeri bir tik kisildi; menu tek satirda
   kalmaya devam ediyor. */
@media only screen and (min-width: 1200px) and (max-width: 1339px) {
    .main-menu-wrapper__right {
        display: flex;
    }

    .main-menu-wrapper__logo {
        margin-right: 34px;
    }

    .main-menu-wrapper__logo:before {
        right: -17px;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 20px;
    }

    .main-menu .main-menu__list > li > a {
        font-size: 11.5px;
        letter-spacing: .05em;
    }

    .main-menu-wrapper__call-icon {
        width: 38px;
        height: 38px;
    }

    .main-menu-wrapper__call-icon span {
        font-size: 18px;
    }

    .main-menu-wrapper__call-number {
        margin-left: 8px;
    }

    .main-menu-wrapper__call-number p {
        font-size: 10px;
        line-height: 14px;
        white-space: nowrap;
    }

    .main-menu-wrapper__call-number h5 {
        font-size: 13px;
        line-height: 17px;
        white-space: nowrap;
    }

    .main-menu-wrapper__partner {
        margin-left: 12px;
        padding-left: 12px;
    }

    .main-menu-wrapper__partner img {
        width: 46px;
        height: 29px;
    }
}

/* mobil menudeki logo da ayni olcude dursun */
.mobile-nav__content .logo-box img {
    height: 38px;
    width: auto;
    max-width: 190px;
    object-fit: contain;
}

/* Footer: marka ve SAP Partner rozeti tek, dengeli bir blokta durur. */
.footer-widget__brand {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
}

.footer-widget__brand .footer-widget__logo {
    display: flex;
    align-items: center;
    margin: 0;
}

.footer-widget__brand .footer-widget__logo img {
    width: 86px;
    height: 78px;
    object-fit: contain;
}

.footer-widget__brand .footer-widget__partner {
    display: flex;
    align-items: center;
    margin: 0;
    padding-left: 18px;
    border-left: 1px solid rgba(var(--oslim-white-rgb), .18);
}

.footer-widget__brand .footer-widget__partner img {
    width: 88px;
    height: 52px;
    object-fit: contain;
}

/* Eski iki sütun kuralının footer bağlantılarını kolon dışına itmesini önler. */
.footer-widget__explore-list {
    float: none;
}

@media only screen and (max-width: 767px) {
    .footer-widget__brand {
        gap: 14px;
    }
}

/* --------------------------------------------------------------------------
   2) ANA SLIDER
   Sorun: sablonun basligi 3 kisa kelimeydi ("Award winning consulting") ve
   120px/120px yazilmisti. Turkce basliklar daha uzun; 120px'te tasiyor,
   270px ust + 190px alt padding ile birlikte buton ekranin disinda kaliyordu.
   Cozum: clamp() ile ekrana gore olceklenen baslik + dengelenmis padding.
   -------------------------------------------------------------------------- */
.main-slider .container {
    padding-top: 200px;
    padding-bottom: 150px;
}

.main-slider h1,
.main-slider h2 {
    font-size: clamp(38px, 4.6vw, 74px);
    line-height: 1.12;
    margin-bottom: 32px;
}

.main-slider h1 {
    margin-top: 0;
    color: var(--oslim-white);
    font-weight: 900;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-120px);
    transition-delay: 1000ms;
    transition: transform 2000ms ease, opacity 2000ms ease;
}

.main-slider .swiper-slide-active h1 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) translateX(0);
}

/* baslik satirlari cok genislemesin */
.main-slider__content {
    max-width: 760px;
}

/* butonun her zaman gorunur ve nefes alan bir alani olsun */
.main-slider__content .thm-btn {
    position: relative;
    z-index: 31;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    pointer-events: auto;
}

/* The full-width slider navigation layer must not sit on top of CTA buttons. */
.main-slider__nav {
    pointer-events: none;
}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
    min-width: 60px;
    min-height: 48px;
    cursor: pointer;
    pointer-events: auto;
}

.case-one__footer {
    margin-top: 52px;
    text-align: center;
}

.case-one__footer p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.case-one__footer a {
    color: var(--oslim-base);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Seven product cards need the same background depth as the first row. */
.case-one:before {
    height: auto;
    bottom: 24px;
}

/* Reserve clear space for the card arrow so it never overlays a long title. */
.case-one__content {
    box-sizing: border-box;
    height: 220px;
    padding-right: 110px;
    padding-bottom: 72px;
}

.case-one__arrow {
    right: 62px;
    bottom: 28px;
}

/* SAP Business One: fotoğraf yerine okunabilir, ürün odaklı içerik düzeni. */
.a2-sap-business-one {
    padding: 8px 0 12px;
}

.a2-sap-business-one__eyebrow {
    display: inline-block;
    color: var(--oslim-base);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-sap-business-one__title {
    max-width: 660px;
    margin: 12px 0 18px;
    color: var(--oslim-black);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.12;
}

.a2-sap-business-one__lead {
    max-width: 720px;
    margin: 0;
    color: var(--oslim-black);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.65;
}

.a2-sap-business-one__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin: 38px 0;
    overflow: hidden;
    border: 1px solid rgba(var(--oslim-base-rgb), .18);
    border-radius: 10px;
    background: rgba(var(--oslim-base-rgb), .18);
}

.a2-sap-business-one__stat {
    min-height: 124px;
    padding: 24px 18px;
    background: var(--oslim-white);
    text-align: center;
}

.a2-sap-business-one__stat strong,
.a2-sap-business-one__stat span {
    display: block;
}

.a2-sap-business-one__stat strong {
    color: var(--oslim-base);
    font-size: 29px;
    font-weight: 800;
    line-height: 1.1;
}

.a2-sap-business-one__stat span {
    margin-top: 8px;
    color: var(--oslim-gray);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.a2-sap-business-one__copy p {
    margin: 0;
}

.a2-sap-business-one__copy p + p {
    margin-top: 18px;
}

.a2-sap-business-one__subtitle {
    margin: 40px 0 20px;
    color: var(--oslim-black);
    font-size: 27px;
    font-weight: 750;
}

.a2-sap-business-one__points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    margin: 0;
}

.a2-sap-business-one__points li {
    display: flex;
    align-items: flex-start;
    color: var(--oslim-black);
    font-weight: 600;
    line-height: 1.5;
}

.a2-sap-business-one__points i {
    display: inline-flex;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin: 2px 11px 0 0;
    border-radius: 50%;
    background: var(--oslim-base);
    color: var(--oslim-white);
    font-size: 10px;
}

.a2-sap-business-one__closing {
    margin-top: 42px;
    padding: 30px 34px;
    border-left: 4px solid var(--oslim-base);
    border-radius: 0 8px 8px 0;
    background: #f3f7fe;
}

.a2-sap-business-one__closing h3 {
    margin: 0 0 9px;
    color: var(--oslim-black);
    font-size: 24px;
    font-weight: 750;
}

.a2-sap-business-one__closing p {
    margin: 0;
}

.a2-sap-business-one__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 34px;
}

.a2-sap-business-one__secondary-link {
    color: var(--oslim-black);
    font-weight: 750;
}

.a2-sap-business-one__secondary-link span {
    display: inline-block;
    margin-left: 7px;
    color: var(--oslim-base);
    font-size: 12px;
}

/* SAP B1 temel fonksiyonlar: modülleri hızlı taranabilen kartlar halinde gösterir. */
.a2-sap-core-functions {
    padding: 8px 0 12px;
}

.a2-sap-core-functions__intro {
    margin: 38px 0 22px;
}

.a2-sap-core-functions__intro h3 {
    margin: 0 0 9px;
    color: var(--oslim-black);
    font-size: 27px;
    font-weight: 750;
}

.a2-sap-core-functions__intro p {
    margin: 0;
}

.a2-sap-core-functions__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.a2-sap-core-functions__card {
    min-height: 188px;
    padding: 26px 28px;
    border: 1px solid #e3eaf5;
    border-radius: 10px;
    background: var(--oslim-white);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.a2-sap-core-functions__card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--oslim-base-rgb), .38);
    box-shadow: 0 12px 26px rgba(14, 89, 242, .09);
}

.a2-sap-core-functions__card span {
    display: block;
    margin-bottom: 13px;
    color: var(--oslim-base);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
}

.a2-sap-core-functions__card h3 {
    margin: 0 0 9px;
    color: var(--oslim-black);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.3;
}

.a2-sap-core-functions__card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
}

/* Neden SAP B1: karar sebepleri ve ürün avantajlarını ayrı gruplar halinde sunar. */
.a2-why-sap-b1 {
    padding: 8px 0 12px;
}

.a2-why-sap-b1__section {
    margin-top: 42px;
}

.a2-why-sap-b1__section > h3 {
    margin: 0 0 21px;
    color: var(--oslim-black);
    font-size: 27px;
    font-weight: 750;
}

.a2-why-sap-b1__reasons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.a2-why-sap-b1__reasons article {
    min-height: 204px;
    padding: 27px 28px;
    border: 1px solid #e3eaf5;
    border-radius: 10px;
    background: var(--oslim-white);
}

.a2-why-sap-b1__reasons article:last-child {
    grid-column: span 2;
    min-height: 0;
}

.a2-why-sap-b1__reasons i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 17px;
    border-radius: 50%;
    background: #eef4ff;
    color: var(--oslim-base);
    font-size: 21px;
}

.a2-why-sap-b1__reasons h4 {
    margin: 0 0 8px;
    color: var(--oslim-black);
    font-size: 20px;
    font-weight: 750;
}

.a2-why-sap-b1__reasons p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
}

.a2-why-sap-b1__advantages-section {
    padding: 32px 34px;
    border-radius: 10px;
    background: #f3f7fe;
}

.a2-why-sap-b1__advantages-section > h3 {
    margin-bottom: 20px;
}

.a2-why-sap-b1__advantages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    margin: 0;
}

.a2-why-sap-b1__advantages li {
    display: flex;
    align-items: flex-start;
    color: var(--oslim-black);
    font-weight: 600;
    line-height: 1.5;
}

.a2-why-sap-b1__advantages i {
    display: inline-flex;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin: 1px 11px 0 0;
    border-radius: 50%;
    background: var(--oslim-base);
    color: var(--oslim-white);
    font-size: 10px;
}

/* Proje yönetimi: API metodolojisi için görsel vurgulu, dört aşamalı akış. */
.a2-project-management {
    padding: 8px 0 12px;
}

.a2-project-management__methodology {
    position: relative;
    overflow: hidden;
    margin-top: 38px;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(10, 30, 67, .94), rgba(14, 89, 242, .72)), url("../images/backgrounds/projeyonetimi.jpg") center / cover;
}

.a2-project-management__methodology-content {
    position: relative;
    z-index: 1;
    max-width: 630px;
    padding: 50px 48px;
}

.a2-project-management__methodology span {
    display: block;
    margin-bottom: 11px;
    color: #a9c9ff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-project-management__methodology h3 {
    margin: 0 0 14px;
    color: var(--oslim-white);
    font-size: 32px;
    font-weight: 750;
    line-height: 1.2;
}

.a2-project-management__methodology p {
    margin: 0;
    color: rgba(var(--oslim-white-rgb), .88);
    font-size: 17px;
    line-height: 1.65;
}

.a2-project-management__steps {
    margin-top: 44px;
}

.a2-project-management__steps-heading h3 {
    margin: 10px 0 25px;
    color: var(--oslim-black);
    font-size: 28px;
    font-weight: 750;
}

.a2-project-management__timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
}

.a2-project-management__timeline li {
    display: flex;
    min-height: 168px;
    padding: 26px 25px;
    border: 1px solid #e3eaf5;
    border-radius: 10px;
    background: var(--oslim-white);
}

.a2-project-management__number {
    flex: 0 0 46px;
    margin-right: 17px;
    color: var(--oslim-base);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.a2-project-management__timeline h4 {
    margin: 0 0 8px;
    color: var(--oslim-black);
    font-size: 20px;
    font-weight: 750;
}

.a2-project-management__timeline p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
}

.a2-project-management__closing {
    margin-top: 42px;
    padding: 29px 33px;
    border-radius: 10px;
    background: #f3f7fe;
}

.a2-project-management__closing h3 {
    margin: 0 0 9px;
    color: var(--oslim-black);
    font-size: 24px;
    font-weight: 750;
}

.a2-project-management__closing p {
    margin: 0;
}

/* Biz Kimiz: ekip fotoğrafı önde, kurumsal hikâye ise ferah iki sütunlu akışta. */
.a2-about {
    padding: 100px 0 112px;
}

.a2-about__visual {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    border-radius: 12px;
}

.a2-about__visual::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5, 20, 46, .73), rgba(5, 20, 46, .08) 70%);
    content: "";
}

.a2-about__visual > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.a2-about__visual-card {
    position: absolute;
    left: 62px;
    bottom: 56px;
    z-index: 1;
    max-width: 565px;
}

.a2-about__visual-card span {
    display: block;
    margin-bottom: 13px;
    color: #a9c9ff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-about__visual-card h2 {
    margin: 0 0 14px;
    color: var(--oslim-white);
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 800;
    line-height: 1.1;
}

.a2-about__visual-card p {
    margin: 0;
    color: rgba(var(--oslim-white-rgb), .9);
    font-size: 18px;
    line-height: 1.6;
}

.a2-about__body {
    margin-top: 66px;
}

.a2-about__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--oslim-base);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-vision__eyebrow {
    font-size: 22px;
    letter-spacing: .05em;
}

.a2-about__story p {
    margin: 0;
}

.a2-about__story p + p {
    margin-top: 16px;
}

.a2-about__lead {
    color: var(--oslim-black);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.65;
}

.a2-about__story .thm-btn {
    margin-top: 30px;
}

.a2-about__details {
    margin-left: 34px;
    padding: 34px;
    border-radius: 10px;
    background: #f3f7fe;
}

.a2-about__stats {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    margin: -8px -8px 29px;
    border: 1px solid rgba(212, 159, 34, .7);
    border-radius: 9px;
    background: linear-gradient(135deg, #3a2a08, #171005 76%);
    box-shadow: 0 12px 25px rgba(163, 112, 12, .2), 0 0 22px rgba(255, 203, 75, .18);
}

.a2-about__stats::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 18%, rgba(255, 225, 133, .22) 49%, transparent 80%);
    content: "";
    animation: a2AboutGoldSweep 7s ease-in-out infinite;
    pointer-events: none;
}

.a2-about__stat {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 16px 9px 15px;
    text-align: center;
}

.a2-about__stat + .a2-about__stat { border-left: 1px solid rgba(255, 211, 92, .28); }
.a2-about__stat strong { display: block; color: #ffd664; font-size: 25px; font-weight: 850; line-height: 1.05; text-shadow: 0 0 12px rgba(255, 208, 82, .45); }
.a2-about__stat span { display: block; margin-top: 7px; color: #fff4cb; font-size: 10px; font-weight: 750; line-height: 1.3; text-transform: uppercase; }

@keyframes a2AboutGoldSweep { 0%, 18% { transform: translateX(-125%); } 45%, 100% { transform: translateX(125%); } }

.a2-about__details h3 {
    margin: 0 0 23px;
    color: var(--oslim-black);
    font-size: 25px;
    font-weight: 750;
}

.a2-about__detail {
    display: flex;
    padding: 19px 0;
    border-top: 1px solid #dbe5f2;
    position: relative;
    transition: all 0.3s ease-in-out;
    text-decoration:none;
}

.a2-about__detail > div { width: 100%; }

.a2-about__detail > span {
    flex: 0 0 58px;
    color: var(--oslim-base);
    font-size: 15px;
    font-weight: 800;
    transition: all 0.3s ease-in-out;
}

.a2-about__detail strong {
    display: block;
    margin-bottom: 5px;
    color: var(--oslim-black);
    font-size: 16px;
    font-weight: 750;
    transition: all 0.3s ease-in-out;
}

.a2-about__detail p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}



@media only screen and (max-width: 1199px) {
    .main-slider .container {
        padding-top: 170px;
        padding-bottom: 120px;
    }
    .main-slider h1,
    .main-slider h2 {
        font-size: clamp(36px, 5.4vw, 60px);
    }
    .main-menu-wrapper__logo {
        margin-right: 55px;
        min-height: 90px;
    }
    .main-menu-wrapper__logo:before {
        right: -28px;
    }
}

@media only screen and (max-width: 991px) {
    .main-slider .container {
        padding-top: 150px;
        padding-bottom: 110px;
    }

    .a2-sap-business-one__points {
        grid-template-columns: 1fr;
    }

    .a2-sap-core-functions__grid {
        grid-template-columns: 1fr;
    }

    .a2-why-sap-b1__reasons,
    .a2-why-sap-b1__advantages,
    .a2-project-management__timeline {
        grid-template-columns: 1fr;
    }

    .a2-why-sap-b1__reasons article:last-child {
        grid-column: auto;
    }

    .a2-about {
        padding: 82px 0 92px;
    }

    .a2-about__visual {
        min-height: 460px;
    }

    .a2-about__visual-card {
        left: 42px;
        bottom: 40px;
    }

    .a2-about__body {
        margin-top: 48px;
    }

    .a2-about__details {
        margin: 40px 0 0;
    }

    .a2-about__stats { margin: -4px -4px 25px; }
    .a2-about__stat { padding: 14px 5px 13px; }
    .a2-about__stat strong { font-size: 21px; }
    .a2-about__stat span { font-size: 8px; }
}

/* Yönetim panelinden gelen satır sonlarını hero başlıklarında koru. */
.a2-dynamic-hero-heading {
    white-space: pre-line;
}

.a2-dynamic-linebreak {
    white-space: pre-line;
}

.a2-newsletter-feedback {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    line-height: 1.45;
}

.a2-newsletter-feedback--success { color: #a9f6ca; }
.a2-newsletter-feedback--error { color: #ffb7b7; }

/* Bize Ulaşın: harita ve iletişim bilgisini saran kartta dolaşan neon çizgi. */
.contact-details__inner {
    position: relative;
    isolation: isolate;
}

.contact-details__inner::after {
    position: absolute;
    z-index: 3;
    inset: -1px;
    padding: 2px;
    border-radius: 3px;
    background: conic-gradient(from var(--a2-contact-neon-angle), transparent 0 65%, rgba(14, 89, 242, .12) 70%, #0e59f2 76%, #69caff 81%, #0e59f2 87%, transparent 93% 100%);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: a2-contact-neon-orbit 10s linear infinite;
}

@property --a2-contact-neon-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes a2-contact-neon-orbit {
    to { --a2-contact-neon-angle: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
    .contact-details__inner::after { animation: none; }
}

@media only screen and (max-width: 767px) {
    .main-slider .container {
        padding-top: 120px;
        padding-bottom: 90px;
    }
    .main-slider h1,
    .main-slider h2 {
        font-size: clamp(28px, 7.6vw, 44px);
        line-height: 1.15;
        margin-bottom: 26px;
    }
    .main-menu-wrapper__logo {
        min-height: 72px;
        margin-right: 0;
    }
    .main-menu-wrapper__logo img {
        height: 34px;
    }
    /* dar ekranda ayrac cizgisi gereksiz */
    .main-menu-wrapper__logo:before {
        display: none;
    }

    .a2-sap-business-one__title {
        font-size: 34px;
    }

    .a2-sap-business-one__lead {
        font-size: 18px;
    }

    .a2-sap-business-one__stats {
        grid-template-columns: 1fr;
    }

    .a2-sap-business-one__stat {
        min-height: auto;
    }

    .a2-sap-business-one__closing {
        padding: 24px;
    }

    .a2-sap-core-functions__card {
        min-height: 0;
        padding: 23px;
    }

    .a2-why-sap-b1__reasons article,
    .a2-why-sap-b1__advantages-section {
        padding: 24px;
    }

    .a2-project-management__methodology-content {
        padding: 36px 27px;
    }

    .a2-project-management__methodology h3 {
        font-size: 27px;
    }

    .a2-project-management__timeline li,
    .a2-project-management__closing {
        padding: 24px;
    }

    .a2-about {
        padding: 65px 0 76px;
    }

    .a2-about__visual {
        min-height: 450px;
    }

    .a2-about__visual::after {
        background: linear-gradient(180deg, rgba(5, 20, 46, .15), rgba(5, 20, 46, .8));
    }

    .a2-about__visual-card {
        right: 25px;
        bottom: 30px;
        left: 25px;
    }

    .a2-about__visual-card h2 {
        font-size: 34px;
    }

    .a2-about__visual-card p {
        font-size: 16px;
    }

    .a2-about__body {
        margin-top: 40px;
    }

    .a2-about__details {
        margin-top: 32px;
        padding: 26px 24px;
    }
}

/* ==========================================================================
   Hukuki metin sayfalari (Gizlilik Politikasi, Cerez Politikasi vb.)
   Tek sutun, menusuz, okunabilir genislik.
   ========================================================================== */

.a2-legal {
    padding: 90px 0 100px;
}

.a2-legal__inner {
    max-width: 820px;
    margin: 0 auto;
}

.a2-legal__meta {
    margin: 0 0 26px;
    font-size: 14px;
    color: #7b8598;
}

.a2-legal__lead {
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.7;
    color: var(--oslim-black);
}

.a2-legal h2 {
    margin: 42px 0 14px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--oslim-black);
}

.a2-legal p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 32px;
}

.a2-legal__list {
    margin: 0 0 18px;
    padding-left: 22px;
    list-style: disc;
}

.a2-legal__list li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 30px;
}

.a2-legal a {
    color: #0E59F2;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media only screen and (max-width: 767px) {
    .a2-legal {
        padding: 60px 0 70px;
    }

    .a2-legal h2 {
        margin: 32px 0 12px;
        font-size: 20px;
    }

    .a2-legal__lead {
        font-size: 17px;
    }
}

/* ==========================================================================
   GORSEL PARLAKLIGI
   Sablon, fotograflari siyah zemin uzerinde dusuk opaklik + luminosity
   karisimiyla gosteriyordu: once grilestiriliyor, sonra %30 saydamlikla
   siyahin uzerine biniyordu. Burada gorsel tam parlakliga aliniyor;
   beyaz yazinin okunurlugu icin karartma, yazinin durdugu tarafa
   sinirlanan bir gradyan perdeyle saglaniyor.

   DAHA AYDINLIK ISTERSENIZ: asagidaki .80 ve .58 degerlerini dusurun.
   DAHA KOYU ISTERSENIZ: ayni degerleri yukseltin.
   ========================================================================== */

/* --- Ana slider --- */
.main-slider .image-layer {
    opacity: 1;
    background-color: transparent;
    background-blend-mode: normal;
}

.main-slider .swiper-slide-active .image-layer {
    opacity: 0.8;
}

.main-slider .swiper-slide::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg,
        rgba(25, 24, 37, .80) 0%,
        rgba(25, 24, 37, .58) 40%,
        rgba(25, 24, 37, .14) 74%,
        rgba(25, 24, 37, 0) 100%);
    z-index: 3;
    pointer-events: none;
}

@media only screen and (max-width: 991px) {
    /* Dar ekranda yazi tum genisligi kapladigi icin perde de her yere yayilir */
    .main-slider .swiper-slide::after {
        background: linear-gradient(180deg,
            rgba(25, 24, 37, .60) 0%,
            rgba(25, 24, 37, .74) 100%);
    }
}

/* --- Vizyon seridi (our-mission) --- */
.our-mission-bg {
    mix-blend-mode: normal;
    opacity: 0.55;
}

/* --- Ana slider --- */
.main-slider .image-layer {
    opacity: 1;
    background-color: transparent;
    background-blend-mode: normal;
}

.main-slider .swiper-slide-active .image-layer {
    opacity: 1;
}

.main-slider .swiper-slide::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(25, 24, 37, .80) 0%, rgba(25, 24, 37, .58) 40%, rgba(25, 24, 37, .14) 74%, rgba(25, 24, 37, 0) 100%);
    z-index: 3;
    pointer-events: none;
}

@media only screen and (max-width: 991px) {
    /* Dar ekranda yazi tum genisligi kapladigi icin perde de her yere yayilir */
    .main-slider .swiper-slide::after {
        background: linear-gradient(180deg, rgba(25, 24, 37, .60) 0%, rgba(25, 24, 37, .74) 100%);
    }
}

/* --- Vizyon seridi (our-mission) --- */
.our-mission-bg {
    mix-blend-mode: normal;
    opacity: 0.55;
}

/* ==========================================================================
   HEADER ARKA PLANI
   Sablonda .main-header seffafti ve slider'in uzerinde duruyordu.
   Hafif koyu, bulanik bir kat: arkadaki fotograf gorunmeye devam eder,
   beyaz menu yazilari her fotografta okunur kalir.

   KOYULUGU AYARLAMAK ICIN: .35 degerini degistirin (0 = tamamen seffaf).
   ========================================================================== */

.main-header {
    background-color: rgba(25, 24, 37, .35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

/* Scroll sonrası tema .stricky-header'a düz siyah zemin veriyordu.
   Ana header ile aynı cam katmanı sabit header'da da korunur. */
.stricky-header.main-menu {
    background-color: rgba(25, 24, 37, .35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(var(--oslim-white-rgb), .12);
    box-shadow: 0 8px 28px rgba(8, 16, 32, .16);
}

/* ==========================================================================
   URUN KARTLARI — logo gorseli duzeni  (Ana sayfa + Urunler sayfasi)
   Kartlarda fotograf yerine A2 logosu kullaniliyor. Sablonun
   ".case-one__img img { width: 100% }" kurali logoyu kart genisligine
   kadar buyutuyordu (logo 2710x2429, neredeyse kare).

   Arka plan SEFFAF: logo zaten mavi, altindaki acik zeminde net okunuyor.
   Alttaki 132px bosluk, beyaz icerik kartinin bindirdigi alandir; logo
   boylece gorunen seridin tam ortasinda durur.

   LOGO BOYUTU: max-width degerini oynatin.
   PANEL YUKSEKLIGI: height degerini oynatin (padding-bottom ile birlikte).
   ========================================================================== */

.case-one__single .case-one__img {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 265px;
    padding: 26px 26px 132px;
    background-color: transparent;
}

.case-one__single .case-one__img img {
    width: auto;
    max-width: 132px;
    max-height: 100%;
    object-fit: contain;
}

/* Seffaf panelde koyu hover perdesi bos alani karartiyordu; kaldirildi. */
.case-one__single:hover .case-one__img:before {
    opacity: 0;
}

/* Sablonun hover efekti fotograf icindi (buyume + 2 derece donme).
   Logo egik durmasin diye sadece hafif buyume birakildi. */
.case-one__single:hover .case-one__img img {
    transform: scale(1.05) rotate(0deg);
}

@media only screen and (max-width: 767px) {
    .case-one__single .case-one__img {
        height: 240px;
        padding: 22px 22px 120px;
    }

    .case-one__single .case-one__img img {
        max-width: 118px;
    }
}

/* ==========================================================================
   ANA SAYFA SAYACI — tek oge duzeni
   Sablon burayi yan yana iki sayac icin yazmisti: her oge %50 genislikte,
   saga yaslanmis, aralarinda ince ayirici cizgi. Tek sayac kalinca sag
   yarida asili duruyordu. Simdi rakam ve etiket yan yana tek blok.

   BOYUT: h3 icindeki font-size degerini oynatin.
   ========================================================================== */

.welcome-one__counter-list .welcome-one__counter-single--solo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    float: none;
    max-width: 100%;
    padding-right: 0;
    text-align: left;
}

.welcome-one__counter-list .welcome-one__counter-single--solo::before {
    display: none;
}

.welcome-one__counter-list .welcome-one__counter-single--solo h3 {
    margin: 0;
    font-size: 76px;
    line-height: 1 !important;
    letter-spacing: -2px;
}

.welcome-one__counter-list .welcome-one__counter-single--solo .welcome-one__counter-text {
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    color: #cfd3e2;
}

@media only screen and (max-width: 767px) {
    .welcome-one__counter-list .welcome-one__counter-single--solo {
        justify-content: flex-start;
        gap: 14px;
    }

    .welcome-one__counter-list .welcome-one__counter-single--solo h3 {
        font-size: 58px;
    }

    .welcome-one__counter-list .welcome-one__counter-single--solo .welcome-one__counter-text {
        font-size: 18px;
        line-height: 25px;
    }
}

/* ==========================================================================
   SLIDER — uc slaytin yuksekligi esitlenmesi
   Basliklar farkli satir sayisinda oldugu icin (2 satir / 2 satir / 3 satir)
   slaytlarin yuksekligi farkliydi ve en uzun olanin alti gecis sirasinda
   disari tasiyordu. Artik hepsi ayni min-height'te ve icerik dikeyde
   ortalaniyor; boylece birbirlerini tam ortuyorlar.

   YUKSEKLIK: min-height degerlerini oynatin.
   ========================================================================== */

.main-slider .swiper-wrapper {
    align-items: stretch;
}

.main-slider .swiper-slide {
    display: flex;
    align-items: center;
    min-height: 780px;
}

.main-slider .container {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 1199px) {
    .main-slider .swiper-slide {
        min-height: 660px;
    }

    .main-slider .container {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 991px) {
    .main-slider .swiper-slide {
        min-height: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .main-slider .swiper-slide {
        min-height: 520px;
    }

    .main-slider .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* ==========================================================================
   HEADER LOGO — "Ana Sayfa" ile sol kenar arasinda ortalama

   Referans: ekranin sol kenari ile menudeki "Ana Sayfa" yazisinin basi.
   Logonun bu araligin ortasinda durmasi isteniyor.

   Header'in sol ic boslugu 60px sabit. Logodan sonraki bosluk ise
   ekrana gore 80 / 50 / 34 / 55 px arasinda degisiyordu; ikisi esit
   olmadigi surece logo hicbir ekranda tam ortada olmuyordu.

   Cozum: logodan sonraki boslugu da 60px yapmak.
       solda 60px  |  LOGO  |  sagda 60px
   Boylece kaydirma hesabina gerek kalmaz; her ekran genisliginde
   kendiliginden ortalidir. Kaydirma (transform) kullanilmiyor.

   AYAR: Ortalama bozulmadan logoyu kaydiramazsiniz. Logonun konumunu
   degistirmek isterseniz .main-menu padding-left (60px) ile buradaki
   margin-right'i AYNI degerde tutun.
   ========================================================================== */

.main-menu-wrapper__logo {
    margin-right: 60px;
}

/* Ayrac cizgisi: logo ile menu arasindaki 60px'in tam ortasi */
.main-menu-wrapper__logo:before {
    right: -30px;
}

/* Sablonun ve onceki duzenlemelerin farkli kirilma noktalarindaki
   margin-right degerlerini (80 / 50 / 34 / 55) tek degere sabitler. */
@media only screen and (min-width: 768px) and (max-width: 1599px) {
    .main-menu-wrapper__logo {
        margin-right: 60px;
    }

    .main-menu-wrapper__logo:before {
        right: -30px;
    }
}

/* 1200-1339 araliginda sag blok da gorunuyor; logo boslugu 34'ten 60'a
   ciktigi icin menu araligindan 4px kisiliyor ki tek satirda kalsin. */
@media only screen and (min-width: 1200px) and (max-width: 1339px) {
    .main-menu .main-menu__list > li + li {
        margin-left: 16px;
    }
}

/* ==========================================================================
   HEADER LOGO — optik duzeltme
   Kutu olarak logo artik ortali (solunda 60px, saginda 60px). Ancak logo
   dosyasinin sag-alt kosesinde gri bir golge var; bu golge gorsel agirligi
   saga kaydirdigi icin goz, sekli oldugundan sagda algiliyor.
   Kucuk bir optik telafi uygulaniyor.

   AYAR: -4px degerini oynatin. Golgesiz bir logo dosyasi kullanilirsa
   bu kural tamamen kaldirilabilir.
   ========================================================================== */

.main-menu-wrapper__logo img {
    transform: translateX(-12px);
}

@media only screen and (max-width: 767px) {
    .main-menu-wrapper__logo img {
        transform: none;
    }
}

/* ==========================================================================
   ICERIK ile FOOTER ARASI NEFES PAYI

   Sablon footer'i 120px yukari cekiyor (.site-footer { margin-top: -120px })
   ve bu bosluğu .site-footer__top'un 222px'lik ust padding'i ile telafi
   ediyor. Amac: ana sayfadaki mavi CTA seridinin yarisinin koyu footer'a
   binmesi.

   CTA seridi olmayan sayfalarda (Urunler, 404, Biz Kimiz, Iletisim, SSS,
   Blog, kurumsal sayfalar) ayni -120px dogrudan icerigin ustune biniyor.
   Ornek: Urunler sayfasinin alt boslugu 90px; 90 - 120 = -30px, yani
   icerik footer'in altina giriyordu.

   Cozum: yalnizca .cta-one bolumu BULUNMAYAN sayfalarda negatif bosluk
   iptal ediliyor ve footer'in ust padding'i normal olcuye cekiliyor.
   CTA olan sayfalarda (ana sayfa, urun detay sayfalari) sablonun
   ortusme tasarimi oldugu gibi korunuyor.

   Not: :has() kullaniliyor. Desteklemeyen eski tarayicilarda sayfa
   bozulmaz, sadece eski davranis surer.
   ========================================================================== */

.page-wrapper:not(:has(.cta-one)) .site-footer {
    margin-top: 0;
}

.page-wrapper:not(:has(.cta-one)) .site-footer__top {
    padding-top: 120px;
}

/* ==========================================================================
   URUN KARTLARI — seffaf logo alaniyla daha katmanli urun sunumu
   ========================================================================== */

.case-one__single {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    overflow: visible;
    background: transparent;
    transition: transform .35s ease;
}

.case-one__single:hover { transform: translateY(-7px); }

/* Gorsel alani: urun fotografi kutuyu bastan basa doldurur, ustten
   yuvarlatilir ve altindaki beyaz kartla birlesir. Kart tasarimi,
   olculeri ve hover davranisi aynen korunmustur. */
.case-one__single .case-one__img {
    position: relative;
    display: block;
    height: 205px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 4px 4px 0 0;
    background: #dfe6f5;
}

.case-one__single .case-one__img::before { display: none; }

.case-one__single .case-one__img::after { display: none; }

/* Fotografi da tiklanabilir yapan sarmalayici */
.case-one__single .case-one__img-link {
    display: block;
    width: 100%;
    height: 100%;
}

/* A2 damgasi: fotograf ile alt beyaz kutunun birlesme cizgisinde durur.
   .case-one__img'in overflow: hidden'i damgayi kirpacagi icin damga
   kartin kendisine (.case-one__single) baglandi; kart overflow: visible.

   DIKEY KONUM : top degeri gorsel alani yuksekligine esit (205px).
                 Gorsel yuksekligini degistirirsen burayi da degistir.
   KOYULUK     : opacity
   BOYUT       : width / height
   YATAY KONUM : right. Ortalamak icin:
                 right: auto; left: 50%; margin-left: -38px; */
.case-one__single::after {
    position: absolute;
    top: 205px;
    right: 24px;
    width: 76px;
    height: 76px;
    content: "";
    transform: translateY(-50%);
    background-image: url("../images/a2logobeyaz.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .55;
    pointer-events: none;
    z-index: 4;
}

.case-one__single .case-one__img img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    filter: none;
    transition: transform .6s ease;
}

.case-one__single:hover .case-one__img img {
    transform: scale(1.06) rotate(0deg);
    filter: none;
}

.case-one__content {
    position: relative;
    flex: 1;
    min-height: 192px;
    margin: 0;
    padding: 29px 34px 76px;
    overflow: hidden;
    border: 1px solid rgba(14, 89, 242, .14);
    border-top: 3px solid var(--oslim-base);
    border-radius: 4px;
    background: var(--oslim-white);
    box-shadow: 0 12px 28px rgba(12, 35, 78, .08);
    transition: border-color .35s ease, box-shadow .35s ease;
}

.case-one__content::before { display: none; }

.case-one__single:hover .case-one__content {
    border-color: rgba(14, 89, 242, .36);
    box-shadow: 0 18px 36px rgba(12, 35, 78, .14);
}

.case-one__tagline {
    margin: 0 0 7px;
    color: var(--oslim-base);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
}

.case-one__single:hover .case-one__tagline { color: var(--oslim-base); }

.case-one__title {
    max-width: 260px;
    margin: 0;
    font-size: 25px;
    line-height: 1.24;
}

.case-one__title a,
.case-one__single:hover .case-one__title a { color: var(--oslim-black); }

.case-one__arrow { right: 28px; bottom: 22px; }

.case-one__arrow a {
    width: auto;
    height: 34px;
    padding: 0 13px 0 15px;
    border-radius: 17px;
    background: var(--oslim-extra);
    color: var(--oslim-base);
    font-size: 14px;
    font-weight: 800;
}

.case-one__arrow a::after {
    margin-left: 8px;
    content: "İncele";
    font-family: var(--oslim-font);
    font-size: 11px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.case-one__arrow a::before { display: none; }

.case-one__single:hover .case-one__arrow a {
    background: var(--oslim-base);
    color: var(--oslim-white);
}

/* ===========================================================================
   MOBIL DUZENLEMELER — header, yan menu, slider ve accordion
   ========================================================================== */

@media only screen and (max-width: 1199px) {
    .main-menu-wrapper {
        display: flex;
        align-items: center;
    }

    .main-menu-wrapper__left {
        width: 100%;
        flex: 1 1 auto;
    }

    .main-menu-wrapper__main-menu {
        display: flex;
        align-items: center;
        margin-left: auto;
        float: none;
    }

    .main-menu .mobile-nav__toggler {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 56px;
        padding: 18px 0;
        margin-left: auto;
    }

    .mobile-nav__brand {
        display: flex;
        align-items: center;
        gap: 13px;
        margin: 0 34px 28px 0;
    }

    .mobile-nav__content .logo-box,
    .mobile-nav__partner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 108px;
        height: 54px;
        margin: 0;
    }

    .mobile-nav__content .logo-box a,
    .mobile-nav__partner a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .mobile-nav__content .logo-box img,
    .mobile-nav__partner img {
        display: block;
        width: 108px;
        height: 54px;
        max-width: 108px;
        max-height: 54px;
        object-fit: contain;
    }

    .mobile-nav__content .main-menu__list li a {
        align-items: flex-start;
        line-height: 1.45;
        letter-spacing: .06em;
        white-space: normal;
    }

    .mobile-nav__content .main-menu__list li a button {
        flex: 0 0 30px;
        margin: 0 0 0 12px;
    }
}

@media only screen and (max-width: 767px) {
    .main-menu {
        padding: 0 22px;
    }

    .main-slider .swiper-slide {
        min-height: 650px;
    }

    .main-slider .container {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .main-slider .swiper-slide-active .image-layer {
        transform: scale(1);
    }

    .main-slider .image-layer {
        background-position: center center;
    }

    .main-slider__content .thm-btn {
        min-height: 46px;
        padding: 12px 22px;
        font-size: 12px;
        line-height: 1.2;
    }

    .faq-one-accrodion .accrodion-title {
        padding: 16px 62px 16px 22px;
    }

    .faq-one-accrodion .accrodion-title h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-one-accrodion .accrodion-title h4::before {
        right: -43px;
    }

    /* Sayfa ici menuler masaustunde solda kalir. Mobilde ise kapali bir
       bolum secici olarak sadece tek satir yer kaplar; icerik hemen ardindan
       baslar ve #icerik baglantilari kullaniciyi bos bir yan menuye birakmaz. */
    .service-details {
        padding: 64px 0 80px;
    }

    .service-details .a2-content-anchor {
        display: block;
        height: 0;
        scroll-margin-top: 92px;
    }

    .service-details__sidebar-service,
    .service-details__need-help {
        display: none;
    }

    .a2-mobile-section-navigation {
        display: block;
        margin: 0 0 34px;
        border: 1px solid rgba(14, 89, 242, .18);
        border-radius: 6px;
        background: var(--oslim-white);
        box-shadow: 0 8px 22px rgba(12, 35, 78, .07);
        overflow: hidden;
    }

    .a2-mobile-section-navigation summary {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: 14px 50px 14px 18px;
        cursor: pointer;
        list-style: none;
    }

    .a2-mobile-section-navigation summary::-webkit-details-marker {
        display: none;
    }

    .a2-mobile-section-navigation summary::after {
        position: absolute;
        top: 50%;
        right: 18px;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--oslim-extra);
        color: var(--oslim-base);
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-size: 13px;
        font-weight: 900;
        transform: translateY(-50%);
    }

    .a2-mobile-section-navigation[open] summary::after {
        content: "\f106";
    }

    .a2-mobile-section-navigation summary span {
        color: var(--oslim-base);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .11em;
        text-transform: uppercase;
    }

    .a2-mobile-section-navigation summary strong {
        color: var(--oslim-black);
        font-size: 16px;
        line-height: 1.3;
    }

    .a2-mobile-section-navigation nav {
        border-top: 1px solid rgba(14, 89, 242, .12);
    }

    .a2-mobile-section-navigation li + li {
        border-top: 1px solid rgba(14, 89, 242, .09);
    }

    .a2-mobile-section-navigation li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 13px 18px;
        color: var(--oslim-black);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.35;
    }

    .a2-mobile-section-navigation li.current a {
        color: var(--oslim-base);
        background: var(--oslim-extra);
    }

    .a2-mobile-section-navigation li a span {
        flex: 0 0 auto;
        color: var(--oslim-base);
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) {
    .a2-mobile-section-navigation {
        display: none;
    }
}

.a2-content-anchor {
    display: block;
    height: 0;
    scroll-margin-top: 120px;
}

#icerik:target + .service-details__right {
    animation: a2-content-arrival 550ms ease-out;
}

/* ==========================================================================
   ILETISIM FORMU — telefon, dogrulama ve sonuc durumlari
   ========================================================================== */

.comment-form__input-box input[type="tel"] {
    display: block;
    width: 100%;
    height: 70px;
    padding: 0 30px;
    border: none;
    outline: none;
    background-color: var(--oslim-extra);
    color: var(--oslim-gray);
    font-size: 14px;
    font-weight: 500;
}

.a2-contact-form__alert,
.a2-contact-form__validation {
    margin-bottom: 24px;
    padding: 17px 20px;
    border-radius: 7px;
    font-weight: 600;
    line-height: 1.5;
}

.a2-contact-form__alert--success {
    border: 1px solid #b9e5cc;
    background: #ecfaf1;
    color: #18653a;
}

.a2-contact-form__alert--error,
.a2-contact-form__validation:not(:empty) {
    border: 1px solid #f0c4c4;
    background: #fff3f3;
    color: #9e2424;
}

.a2-contact-form__validation:empty {
    display: none;
}

.a2-contact-form__field-error {
    display: block;
    margin-top: 7px;
    color: #b3261e;
    font-size: 13px;
    font-weight: 600;
}

/* ===========================================================================
   HERO KIMLIGI VE HIZLI DESTEK
   =========================================================================== */

.a2-hero-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-76px);
    transition: transform 1200ms ease, opacity 1200ms ease;
    transition-delay: 500ms;
}

.main-slider .swiper-slide-active .a2-hero-brand {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.a2-hero-brand::before {
    width: 30px;
    height: 2px;
    background: #71a0ff;
    box-shadow: 0 0 10px rgba(113, 160, 255, .85);
    content: "";
}

.a2-hero-update {
    max-width: 610px;
    margin: -11px 0 28px;
    color: rgba(255, 255, 255, .92);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}

.a2-help-desk {
    position: fixed;
    right: 22px;
    top: 28%;
    z-index: 99;
    display: grid;
    gap: 10px;
}

.a2-help-desk__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 54px;
    min-height: 54px;
    padding: 4px;
    border: 1px solid rgba(148, 190, 255, .34);
    border-radius: 50%;
    background: rgba(8, 28, 77, .88);
    box-shadow: 0 7px 24px rgba(3, 22, 69, .24), 0 0 18px rgba(70, 130, 255, .15);
    color: #ffffff;
    text-decoration: none;
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.a2-help-desk__item::after {
    position: absolute;
    top: -23px;
    right: -18px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(87, 147, 255, .14);
    content: "";
    pointer-events: none;
}

.a2-help-desk__item:hover,
.a2-help-desk__item:focus-visible {
    border-color: rgba(173, 207, 255, .82);
    box-shadow: 0 10px 28px rgba(3, 22, 69, .31), 0 0 25px rgba(70, 130, 255, .36);
    color: #ffffff;
    outline: none;
}

.a2-help-desk__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    background: rgba(255, 255, 255, .11);
    font-size: 19px;
}

.a2-help-desk__item--whatsapp .a2-help-desk__icon {
    border-color: rgba(84, 242, 159, .48);
    background: rgba(22, 196, 111, .17);
    box-shadow: 0 0 16px rgba(37, 211, 102, .18);
    color: #7ff0ad;
}

.a2-help-desk__copy {
    position: absolute;
    top: 50%;
    right: 65px;
    z-index: 1;
    display: grid;
    gap: 2px;
    width: 150px;
    padding: 10px 13px;
    border: 1px solid rgba(148, 190, 255, .34);
    border-radius: 7px;
    background: rgba(8, 28, 77, .94);
    box-shadow: 0 7px 22px rgba(3, 22, 69, .25);
    opacity: 0;
    pointer-events: none;
    transform: translate(12px, -50%);
    transition: opacity 180ms ease, transform 180ms ease;
    white-space: nowrap;
}

.a2-help-desk__item:hover .a2-help-desk__copy,
.a2-help-desk__item:focus-visible .a2-help-desk__copy {
    opacity: 1;
    transform: translate(0, -50%);
}

.a2-help-desk__copy strong {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.2;
}

.a2-help-desk__copy small {
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .a2-hero-brand {
        margin-bottom: 13px;
        font-size: 11px;
        letter-spacing: .1em;
    }

    .a2-hero-brand::before {
        width: 21px;
    }

    .a2-hero-update {
        margin: -7px 0 22px;
        font-size: 13px;
        line-height: 1.55;
    }

    .a2-help-desk {
        right: 14px;
        top: 27%;
        gap: 8px;
    }

    .a2-help-desk__item {
        width: 48px;
        min-height: 48px;
        padding: 0;
        border-radius: 50%;
        justify-content: center;
    }

    .a2-help-desk__icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        margin: 0;
        border: 0;
        background: transparent;
    }

    .a2-help-desk__copy {
        display: none;
    }

    .case-one__single .case-one__img {
        height: 184px;
        padding: 16px 30px 34px;
    }

    .case-one__single .case-one__img img {
        max-width: 136px;
        max-height: 118px;
    }

    .case-one__content {
        min-height: 184px;
        padding: 24px 26px 68px;
    }

    .case-one__title {
        font-size: 24px;
    }

    .case-one__arrow {
        right: 22px;
        bottom: 19px;
    }
}

/* Mobilde damga biraz kucultuluyor ki fotografin konusu kapanmasin. */
@media only screen and (max-width: 767px) {
    .case-one__single .case-one__img::after {
        background-size: auto 48%;
        background-position: right 14px center;
        opacity: .26;
    }
}

/* Mobilde damga biraz kucultuluyor. */
@media only screen and (max-width: 767px) {
    .case-one__single::after {
        width: 62px;
        height: 62px;
        right: 18px;
    }
}

/* ==========================================================================
   HIZLI DESTEK BUTONLARI — konum ve gorunum rotuslari

   1) Biraz yukari alindi.
   2) Butonun disina tasan, merkezden kacik saydam daire kaldirildi
      (.a2-help-desk__item::after). Isik efekti olarak dusunulmustu ama
      simetrik olmadigi icin leke gibi duruyordu; butonun kendi
      box-shadow'u zaten ayni isi yapiyor.
   3) WhatsApp yesili markanin gercek tonuna cekildi, hover'da ikon
      tamamen doluyor. Cagri butonu ayni davranisi marka mavisiyle yapar.

   DIKEY KONUM: top degerini oynatin (kucuk deger = daha yukari).
   ========================================================================== */

.a2-help-desk {
    top: 20%;
}

.a2-help-desk__item::after {
    display: none;
}

.a2-help-desk__item {
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.a2-help-desk__item:hover,
.a2-help-desk__item:focus-visible {
    transform: translateX(-3px);
}

.a2-help-desk__icon {
    transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}

.a2-help-desk__item--whatsapp .a2-help-desk__icon {
    border-color: rgba(37, 211, 102, .5);
    background: rgba(37, 211, 102, .16);
    box-shadow: 0 0 18px rgba(37, 211, 102, .22);
    color: #4ae08a;
}

.a2-help-desk__item--whatsapp:hover .a2-help-desk__icon,
.a2-help-desk__item--whatsapp:focus-visible .a2-help-desk__icon {
    border-color: #25d366;
    background: #25d366;
    color: #ffffff;
}

.a2-help-desk__item--call:hover .a2-help-desk__icon,
.a2-help-desk__item--call:focus-visible .a2-help-desk__icon {
    border-color: var(--oslim-base);
    background: var(--oslim-base);
    color: #ffffff;
}

@media only screen and (max-width: 1199px) {
    .a2-help-desk {
        top: 19%;
    }
}

@media only screen and (max-width: 767px) {
    .a2-help-desk {
        top: 18%;
    }
}

/* ==========================================================================
   HEADER — telefon satirinin alta tasmasi (duzeltme)

   1200-1599 araliginda .main-menu-wrapper__call-number p ve h5 icin
   white-space kurali yoktu; yalnizca 1200-1339'a eklenmisti. Arada kalan
   bantta "+90 212 607 1666" ikinci satira dusuyor ve header'i sisiriyordu.
   Kural artik tum genisliklerde gecerli.
   ========================================================================== */

.main-menu-wrapper__right {
    flex-shrink: 0;
}

.main-menu-wrapper__call {
    flex-shrink: 0;
}

.main-menu-wrapper__call-number p,
.main-menu-wrapper__call-number h5,
.main-menu-wrapper__call-number h5 a {
    white-space: nowrap;
}

/* ==========================================================================
   HEADER — "Demo Talep Edin" butonu

   Konum: menunun sonu (Videolar) ile telefon blogu arasi.
   Gorunum: cam efektli, ancak hizli destek butonlarindan farkli olsun diye
   koyu lacivert yerine ACIK/beyaz cam; hover'da marka mavisiyle doluyor.

   Genis ekranda yer acmak icin menu yazisi 14px'ten 12.5px'e cekildi.
   1340px altinda buton gizleniyor: o genisliklerde menu + telefon + rozet
   zaten sinirda, buton eklenince menu iki satira dusuyor.
   ========================================================================== */

@media only screen and (min-width: 1600px) {
    .main-menu .main-menu__list > li > a,
    .stricky-header .main-menu__list > li > a {
        font-size: 16px;
        letter-spacing: .06em;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 26px;
    }
}

.a2-demo-btn {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
    margin-right: 24px;
    padding: 11px 21px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 999px;
    background: rgba(255, 255, 255, .11);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    color: #ffffff;
    font-family: var(--oslim-font);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .07em;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.a2-demo-btn__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ae08a;
    box-shadow: 0 0 0 3px rgba(74, 224, 138, .22);
}

.a2-demo-btn:hover,
.a2-demo-btn:focus-visible {
    border-color: var(--oslim-base);
    background: var(--oslim-base);
    color: #ffffff;
    outline: none;
    transform: translateY(-2px);
}

.a2-demo-btn:hover .a2-demo-btn__dot,
.a2-demo-btn:focus-visible .a2-demo-btn__dot {
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .28);
}

@media only screen and (max-width: 1339px) {
    .a2-demo-btn {
        display: none;
    }
}

/* ==========================================================================
   CEREZ ONAY KUTUSU
   Masaustunde sag altta kart, mobilde alt kenara yapisan tam genislikte
   sayfa. Site diliyle ayni: koyu lacivert cam.

   NOT: "Reddet" butonu su an yalnizca tercihi kaydeder. Siteye analitik
   veya reklam araci eklendiginde o script MUTLAKA
   window.a2CookieConsent.get() === "accepted" kosuluna baglanmalidir.
   ========================================================================== */

.a2-cookie {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1200;
    width: min(420px, calc(100vw - 48px));
    padding: 22px 24px 20px;
    border: 1px solid rgba(148, 190, 255, .3);
    border-radius: 12px;
    background: rgba(8, 28, 77, .94);
    box-shadow: 0 18px 48px rgba(3, 22, 69, .34);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    color: #e9eefb;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 260ms ease, transform 260ms ease;
}

.a2-cookie.is-open {
    opacity: 1;
    transform: translateY(0);
}

.a2-cookie__text {
    margin: 0 0 18px;
    font-size: 13.5px;
    line-height: 22px;
    color: #d5def3;
}

.a2-cookie__text a {
    color: #8fb8ff;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.a2-cookie__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.a2-cookie__btn {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-family: var(--oslim-font);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 200ms ease, border-color 200ms ease, color 200ms ease;
}

.a2-cookie__btn--ghost {
    border-color: rgba(255, 255, 255, .3);
    background: transparent;
    color: #d5def3;
}

.a2-cookie__btn--ghost:hover {
    border-color: rgba(255, 255, 255, .65);
    color: #ffffff;
}

.a2-cookie__btn--primary {
    background: var(--oslim-base);
    color: #ffffff;
}

.a2-cookie__btn--primary:hover {
    background: #0b49c9;
}

.a2-cookie__btn:focus-visible {
    outline: 2px solid #8fb8ff;
    outline-offset: 2px;
}

/* Mobil: alt kenara yapisan tam genislikte sayfa.
   Hizli destek butonlariyla cakismasin diye onlarin uzerinde durur. */
@media only screen and (max-width: 767px) {
    .a2-cookie {
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 14px 14px 0 0;
        transform: translateY(100%);
    }

    .a2-cookie.is-open {
        transform: translateY(0);
    }

    .a2-cookie__text {
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 21px;
    }

    .a2-cookie__actions {
        gap: 8px;
    }

    .a2-cookie__btn {
        flex: 1 1 0;
        padding: 12px 10px;
    }
}

/* ==========================================================================
   DEMO BUTONU — rotuslar

   1) Yesil nokta yanip soner (dikkat cekici, ama gozu yormayan bir nabiz).
   2) Hover'da mavi dolum kaldirildi; cam kimligi korunuyor, sadece
      aydinlaniyor. Yesil nokta hover'da da yesil kaliyor.
   3) Laptop genisliklerinde (1200-1339) buton artik gizlenmiyor.
      Yer acmak icin o aralikta telefonun ust satiri ("Yardima mi
      ihtiyaciniz var?") gizlendi ve olculer kisildi; numara duruyor.

   HIZ: animation suresini (1.8s) oynatin.
   ========================================================================== */

@keyframes a2DemoPulse {
    0%   { box-shadow: 0 0 0 0 rgba(74, 224, 138, .6); }
    70%  { box-shadow: 0 0 0 8px rgba(74, 224, 138, 0); }
    100% { box-shadow: 0 0 0 0 rgba(74, 224, 138, 0); }
}

.a2-demo-btn__dot {
    background: #4ae08a;
    box-shadow: 0 0 0 0 rgba(74, 224, 138, .6);
    animation: a2DemoPulse 1.8s ease-out infinite;
}

/* Hover: mavi dolum yok, cam aydinlaniyor */
.a2-demo-btn:hover,
.a2-demo-btn:focus-visible {
    border-color: rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .22);
    color: #ffffff;
    transform: translateY(-2px);
}

.a2-demo-btn:hover .a2-demo-btn__dot,
.a2-demo-btn:focus-visible .a2-demo-btn__dot {
    background: #4ae08a;
    box-shadow: 0 0 0 0 rgba(74, 224, 138, .6);
}

@media (prefers-reduced-motion: reduce) {
    .a2-demo-btn__dot {
        animation: none;
    }
}

@media only screen and (min-width: 1340px) and (max-width: 1599px) {
    .a2-demo-btn {
        margin-right: 18px;
        padding: 10px 17px;
        font-size: 11.5px;
        letter-spacing: .05em;
    }
}

/* Laptop: tüm header öğeleri (Demo, telefon ve SAP Partner dahil) görünür
   kalır. Daralan alanı, öğeleri gizlemek yerine ölçüleri birlikte azaltarak
   yönetiyoruz; böylece "Videolar" ile Demo Talep Edin asla üst üste binmez. */
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .main-menu {
        padding-right: 24px;
        padding-left: 24px;
    }

    .main-menu-wrapper__logo {
        min-height: 88px;
        margin-right: 32px;
    }

    .main-menu-wrapper__logo::before {
        right: -16px;
        height: 42px;
    }

    .main-menu-wrapper__logo img {
        height: 42px;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 30px;
    }

    .main-menu .main-menu__list > li > a {
        font-size: 14px;
        letter-spacing: .025em;
    }

    .a2-demo-btn {
        display: inline-flex;
        gap: 6px;
        margin-right: 10px;
        padding: 8px 12px;
        font-size: 10px;
        letter-spacing: .02em;
    }

    .a2-demo-btn__dot {
        width: 6px;
        height: 6px;
    }

    .main-menu-wrapper__call-icon {
        width: 36px;
        height: 36px;
    }

    .main-menu-wrapper__call-icon span {
        font-size: 17px;
    }

    .main-menu-wrapper__call-number {
        margin-left: 6px;
    }

    .main-menu-wrapper__call-number p {
        display: none;
    }

    .main-menu-wrapper__call-number h5 {
        font-size: 12px;
        line-height: 16px;
    }

    .main-menu-wrapper__partner {
        display: flex;
        margin-left: 8px;
        padding-left: 8px;
    }

    .main-menu-wrapper__partner img {
        width: auto;
        height: 30px;
    }
}

/* ==========================================================================
   HEADER LOGOLARI — buyutme

   A2 logosu   : 42px -> 52px  (+%24)
   SAP rozeti  : 34px -> 42px  (+%24)

   SAP rozetinde onceden sabit "width: 54px; height: 34px" vardi. Dosyanin
   gercek orani 409x239 = 1.711, zorlanan oran ise 1.588 idi; rozet dikeyde
   eziliyordu. Artik yalnizca yukseklik veriliyor, genislik otomatik.

   Logo genisligi degistigi halde ortalama bozulmaz: logo, solundaki 60px
   ve sagindaki 60px arasinda simetrik durur, genislik hesaba girmez.

   OLCU: height degerlerini oynatin. Header seridi 100px yuksekliginde,
   52px rahat siger; 60px'in uzerine cikmayin.
   ========================================================================== */

.main-menu-wrapper__logo img {
    height: 52px;
    max-width: 240px;
}

.main-menu-wrapper__partner img {
    width: auto;
    height: 42px;
    max-width: none;
    object-fit: contain;
}

/* Laptop: yer sinirli oldugu icin bir tik daha kucuk */
@media only screen and (min-width: 1200px) and (max-width: 1339px) {
    .main-menu-wrapper__logo img {
        height: 42px;
    }

    .main-menu-wrapper__partner img {
        width: auto;
        height: 30px;
    }
}

@media only screen and (min-width: 1340px) and (max-width: 1599px) {
    .main-menu-wrapper__partner img {
        width: auto;
        height: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .main-menu-wrapper__logo img {
        height: 38px;
    }
}

/* ==========================================================================
   ALT MENU YAZIM BICIMI

   Sablonda tum alt menu baslıklari BUYUK HARF (text-transform: uppercase).
   SAP menusu icin bu daha once kapatilmisti, cunku "SAP Business One"
   ozel bir ad ve kendi yazimiyla gorunmesi gerekiyor.

   Ayni sey kurumsal basliklar icin de gecerli: "Biz Kimiz", "Vizyon ve
   Misyonumuz" gibi ifadeler cumle duzeninde daha okunakli. Urunlerimiz
   menusu ise BUYUK HARF kaliyor; urun adlari oyle daha ayirt edici.

   Kural, mobil menudeki kopyaya da uygulanir.
   ========================================================================== */

.main-menu .main-menu__list > li.a2-about-menu > ul > li > a,
.stricky-header .main-menu__list > li.a2-about-menu > ul > li > a,
.mobile-nav__content .main-menu__list > li.a2-about-menu ul li a {
    text-transform: none;
}

/* ==========================================================================
   HAZIRLIK TESTI CTA — "Dijital donusum..." bolumunde

   Header'daki Demo butonundan bilerek farkli: orasi beyaz cam, burasi
   koyu zeminde ince cerceveli, solunda marka mavisi bir rozet tasiyan
   genis bir satir. Merak uyandirmasi icin soru cumlesi ve "6 soru / 2
   dakika" bilgisi one cikariliyor; kullanici ne kadar surecegini bilince
   tiklamaya daha yatkin olur.

   Hover'da ok saga kayar, cerceve aydinlanir.
   ========================================================================== */

.a2-readiness-cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-top: 30px;
    padding: 13px 20px 13px 14px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: linear-gradient(rgba(255, 255, 255, .06), rgba(255, 255, 255, .06)) padding-box,
        linear-gradient(105deg, rgba(85, 157, 255, .18) 0%, rgba(111, 181, 255, .32) 30%, #75b8ff 48%, rgba(111, 181, 255, .32) 66%, rgba(85, 157, 255, .18) 100%) border-box;
    background-size: 100% 100%, 240% 100%;
    background-position: 0 0, 100% 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 12px rgba(74, 143, 255, .08);
    animation: a2ReadinessNeon 7s ease-in-out infinite;
    transition: background 240ms ease, box-shadow 240ms ease, transform 240ms ease;
}

.a2-readiness-cta__badge {
    flex: 0 0 auto;
    padding: 7px 13px;
    border-radius: 999px;
    background: var(--oslim-base);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.a2-readiness-cta__label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.a2-readiness-cta__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    font-size: 12px;
    transition: transform 240ms ease, background 240ms ease;
}

.a2-readiness-cta:hover,
.a2-readiness-cta:focus-visible {
    background: linear-gradient(rgba(255, 255, 255, .12), rgba(255, 255, 255, .12)) padding-box,
        linear-gradient(105deg, rgba(85, 157, 255, .32) 0%, rgba(111, 181, 255, .52) 30%, #8bc5ff 48%, rgba(111, 181, 255, .52) 66%, rgba(85, 157, 255, .32) 100%) border-box;
    background-size: 100% 100%, 240% 100%;
    color: #ffffff;
    outline: none;
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(74, 143, 255, .25);
}

.a2-readiness-cta:hover .a2-readiness-cta__arrow,
.a2-readiness-cta:focus-visible .a2-readiness-cta__arrow {
    background: var(--oslim-base);
    transform: translateX(5px);
}

@keyframes a2ReadinessNeon {
    0%, 100% { background-position: 0 0, 100% 0; box-shadow: 0 0 12px rgba(74, 143, 255, .08); }
    50% { background-position: 0 0, 0 0; box-shadow: 0 0 17px rgba(74, 143, 255, .2); }
}

@media (prefers-reduced-motion: reduce) {
    .a2-readiness-cta { animation: none; }
}

@media only screen and (max-width: 991px) {
    .a2-readiness-cta {
        margin-top: 24px;
        gap: 12px;
        padding: 11px 16px 11px 11px;
    }

    .a2-readiness-cta__label {
        font-size: 14.5px;
    }
}

@media only screen and (max-width: 575px) {
    .a2-readiness-cta {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-radius: 14px;
    }

    .a2-readiness-cta__label {
        flex: 1 1 100%;
        order: 3;
    }
}

/* ==========================================================================
   SON RÖTUŞLAR

   1) URUN KARTI GORSELI — MOBIL
      Kartlarda logo kullanildigi donemden kalma iki mobil kural hala
      etkindi: gorseli 136px genislikle sinirlayip cevresine bosluk
      birakiyorlardi. Fotograf da o kurallara takilip kutunun ucte birini
      kapliyordu. Mobilde de fotograf artik kutuyu bastan basa doldurur.

   2) "hizmet kalitesi... ayrilmaz bir butundur" PARAGRAFI — MASAUSTU
      Sablon bu paragrafa 98px sol girinti ve 84px alt bosluk veriyordu;
      altindaki akordiyon ise girintisiz basliyor, paragraf sayfadan kopuk
      duruyordu. Girinti kaldirildi, alt bosluk makul olcuye cekildi.
      Mobil gorunum zaten dogruydu, orasi degismedi.

   3) MOBIL MENUDEKI DEMO BUTONU
      Header'daki buton 1200px altinda gizli. Mobilde menu cekmecesinde,
      tam genislikte gorunur.
   ========================================================================== */

/* --- 1 --- */
@media only screen and (max-width: 767px) {
    .case-one__single .case-one__img {
        height: 190px;
        padding: 0;
    }

    .case-one__single .case-one__img img {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        object-fit: cover;
    }

    /* Damga gorsel yuksekligiyle birlikte yukari kayar */
    .case-one__single::after {
        top: 190px;
    }
}

/* --- 2 --- */
@media only screen and (min-width: 992px) {
    .benefits-one__right-text {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 34px;
        font-size: 18px;
        line-height: 32px;
    }
}

/* --- 3 --- */
.a2-demo-btn--mobile {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin: 4px 0 22px;
    padding: 14px 20px;
    font-size: 12.5px;
    letter-spacing: .06em;
}

@media only screen and (max-width: 1339px) {
    /* Header'daki buton gizli kalir; menu cekmecesindeki gorunur. */
    .a2-demo-btn--mobile {
        display: inline-flex;
    }
}

/* --- 4) CTA alt satiri --- */
.a2-readiness-cta__label small {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 1.3;
}

/* ===========================================================================
   DIJITAL DONUSUM HAZIRLIK ANALIZI
   Sorular, DonusumHazirlikAnalizi.cshtml dosyasindaki `questions` nesnesinde
   durur. Bu stiller hem sorulari hem sonuc kartlarini kapsar.
   =========================================================================== */

.a2-assessment-hero {
    position: relative;
    overflow: hidden;
    padding: 180px 0 105px;
    background: linear-gradient(120deg, #061d52 0%, #0d3eaa 58%, #0e59f2 100%);
}

.a2-assessment-hero::before,
.a2-assessment-hero::after {
    position: absolute;
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.a2-assessment-hero::before {
    top: -250px;
    right: -110px;
    width: 600px;
    height: 600px;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 0 0 90px rgba(255, 255, 255, .04), 0 0 0 180px rgba(255, 255, 255, .025);
}

.a2-assessment-hero::after {
    bottom: -175px;
    left: 13%;
    width: 300px;
    height: 300px;
    background: rgba(110, 167, 255, .12);
}

.a2-assessment-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 780px;
}

.a2-assessment-hero__eyebrow {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    color: #d9e7ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

/* Analiz girişindeki A2 etiketi: çerçevede dolaşan ince neon mavi hat. */
.a2-assessment-hero__eyebrow::after {
    position: absolute;
    z-index: 1;
    inset: -2px;
    padding: 2px;
    border-radius: inherit;
    background: conic-gradient(from var(--a2-contact-neon-angle), transparent 0 62%, rgba(130, 215, 255, .22) 69%, #79d4ff 76%, #fff 81%, #79d4ff 87%, transparent 94% 100%);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: a2-contact-neon-orbit 8s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .a2-assessment-hero__eyebrow::after { animation: none; }
}

.a2-assessment-hero h1 {
    margin: 22px 0 17px;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 900;
    line-height: 1.08;
}

.a2-assessment-hero p {
    max-width: 660px;
    margin: 0;
    color: rgba(255, 255, 255, .83);
    font-size: 18px;
    line-height: 1.65;
}

.a2-assessment-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-top: 28px;
    color: rgba(255, 255, 255, .92);
    font-size: 13px;
    font-weight: 700;
}

.a2-assessment-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.a2-assessment-hero__meta i { color: #9fc0ff; }

.a2-assessment {
    padding: 85px 0 120px;
    background: #f5f8ff;
}

.a2-assessment__shell {
    width: min(860px, 100%);
    margin: 0 auto;
    padding: 34px;
    border: 1px solid rgba(14, 89, 242, .12);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(9, 42, 109, .1);
}

.a2-assessment__progress-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 11px;
    color: #58709e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.a2-assessment__progress-top span:last-child { color: #0e59f2; }

.a2-assessment__progress-track {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #e7eefc;
}

.a2-assessment__progress-track span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0e59f2, #57a4ff);
    transition: width 350ms ease;
}

.a2-assessment__panel { min-height: 340px; }

.a2-assessment__question,
.a2-assessment__result {
    padding: 52px 18px 20px;
    animation: a2AssessmentEnter 360ms ease-out;
}

.a2-assessment__question-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: #e9f0ff;
    color: #0e59f2;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
}

.a2-assessment__question h2,
.a2-assessment__result h2 {
    max-width: 690px;
    margin: 0;
    color: #14264e;
    font-size: clamp(28px, 3.3vw, 42px);
    font-weight: 800;
    line-height: 1.2;
}

.a2-assessment__question > p,
.a2-assessment__result > p {
    max-width: 690px;
    margin: 15px 0 29px;
    color: #60708e;
    font-size: 16px;
    line-height: 1.7;
}

.a2-assessment__options { display: grid; gap: 11px; }

.a2-assessment__multi-note {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: -10px 0 18px;
    color: #5270a7;
    font-size: 12px;
    font-weight: 700;
}

.a2-assessment__multi-note i { color: #0e59f2; }

.a2-assessment__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 19px 21px;
    border: 1px solid #dce6fa;
    border-radius: 8px;
    background: #ffffff;
    color: #243a65;
    font-family: var(--oslim-font);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
    transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.a2-assessment__option i {
    flex: 0 0 auto;
    color: #0e59f2;
    font-size: 13px;
    transition: transform 180ms ease;
}

.a2-assessment__option:hover,
.a2-assessment__option:focus-visible {
    border-color: #0e59f2;
    background: #f4f8ff;
    box-shadow: 0 8px 22px rgba(14, 89, 242, .1);
    outline: none;
    transform: translateX(4px);
}

.a2-assessment__option:hover i,
.a2-assessment__option:focus-visible i { transform: translateX(4px); }

.a2-assessment__option.is-selected {
    border-color: #0e59f2;
    background: #edf4ff;
    box-shadow: inset 0 0 0 1px rgba(14, 89, 242, .08);
}

.a2-assessment__option.is-selected i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #0e59f2;
    color: #ffffff;
    font-size: 10px;
}

.a2-assessment__continue { margin-top: 19px; }
.a2-assessment__continue:disabled { cursor: not-allowed; opacity: .42; }

.a2-assessment__back,
.a2-assessment__restart {
    margin-top: 23px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #627190;
    font-family: var(--oslim-font);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.a2-assessment__back i { margin-right: 7px; }
.a2-assessment__back:hover,
.a2-assessment__restart:hover { color: #0e59f2; }

.a2-assessment__result-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #0b9b55;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.a2-assessment__result-label i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #eaf9f1;
}

.a2-assessment__result ul {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 20px 0 0;
    border-top: 1px solid #e5ecfa;
    list-style: none;
}

.a2-assessment__result li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2b416d;
    font-size: 15px;
    font-weight: 700;
}

.a2-assessment__result li i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #eaf9f1;
    color: #0b9b55;
    font-size: 9px;
}

.a2-assessment__result-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 26px;
    margin-top: 31px;
}

.a2-assessment__products {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #e5ecfa;
}

.a2-assessment__products h3 {
    margin: 0 0 13px;
    color: #1f396b;
    font-size: 15px;
    font-weight: 800;
}

.a2-assessment__products > div {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.a2-assessment__products a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 11px 9px 13px;
    border: 1px solid #d8e5fc;
    border-radius: 999px;
    background: #f7faff;
    color: #2250a5;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.a2-assessment__products a:hover {
    border-color: #0e59f2;
    background: #edf4ff;
    color: #0e59f2;
    transform: translateY(-2px);
}

.a2-assessment__products i { font-size: 10px; }

/* Ana sayfadaki kurumsal bolum baglantilari: buton gibi ayri durmak yerine,
   basligin devaminda ince bir bilgi satiri olarak kullanilir. */
.a2-section-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: min(470px, 100%);
    min-height: 68px;
    gap: 17px;
    margin-top: 31px;
    padding: 12px 15px 12px 18px;
    border-left: 2px solid var(--oslim-base);
    background: linear-gradient(90deg, rgba(14, 89, 242, .06), rgba(14, 89, 242, 0));
    color: var(--oslim-black);
    text-decoration: none;
}

.a2-section-link::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 1px;
    background: linear-gradient(90deg, var(--oslim-base), rgba(14, 89, 242, 0));
    content: "";
    transition: width 240ms ease;
}

.a2-section-link__copy {
    display: grid;
    gap: 3px;
}

.a2-section-link__copy small {
    color: var(--oslim-base);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.1;
    text-transform: uppercase;
}

.a2-section-link__copy strong {
    color: var(--oslim-black);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.a2-section-link__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(14, 89, 242, .2);
    border-radius: 50%;
    color: var(--oslim-base);
    font-size: 11px;
    transition: color 240ms ease, background 240ms ease, border-color 240ms ease, transform 240ms ease;
}

.a2-section-link:hover,
.a2-section-link:focus-visible {
    color: var(--oslim-black);
    outline: none;
}

.a2-section-link:hover::before,
.a2-section-link:focus-visible::before { width: 100%; }

.a2-section-link:hover .a2-section-link__arrow,
.a2-section-link:focus-visible .a2-section-link__arrow {
    border-color: var(--oslim-base);
    background: var(--oslim-base);
    color: #ffffff;
    transform: translateX(4px);
}

/* Blog kapaklarinda sablonun arti isareti yerine yaziyi goruntulemeyi
   anlatan goz ikonu kullanilir. */
.news-one__img > a > .news-one__view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(7, 28, 75, .28);
    color: #ffffff;
    font-size: 19px;
    transition: background 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.news-one__img > a > .news-one__view::before,
.news-one__img > a > .news-one__view::after { display: none; }

.news-one__img > a:hover .news-one__view,
.news-one__img > a:focus-visible .news-one__view {
    border-color: #ffffff;
    background: var(--oslim-base);
    color: #ffffff;
    transform: scale(1.08);
}

@media only screen and (max-width: 767px) {
    .a2-section-link {
        display: flex;
        width: 100%;
        min-height: 72px;
        margin-top: 24px;
        padding: 14px 18px 14px 20px;
    }
}

@keyframes a2AssessmentEnter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media only screen and (max-width: 767px) {
    .a2-assessment-hero { padding: 130px 0 74px; }
    .a2-assessment-hero h1 { font-size: 39px; }
    .a2-assessment-hero p { font-size: 16px; }
    .a2-assessment-hero__meta { display: grid; gap: 10px; }
    .a2-assessment { padding: 48px 0 76px; }
    .a2-assessment__shell { padding: 22px 15px; border-radius: 10px; }
    .a2-assessment__panel { min-height: 0; }
    .a2-assessment__question,
    .a2-assessment__result { padding: 35px 8px 10px; }
    .a2-assessment__question h2,
    .a2-assessment__result h2 { font-size: 27px; }
    .a2-assessment__question > p,
    .a2-assessment__result > p { font-size: 15px; }
    .a2-assessment__option { padding: 16px; font-size: 14px; }
}

/* Mobil Demo butonu: menunun alt cizgisi ile iletisim listesi arasinda
   ortalanir. Ustunde 22px; altinda 2px + .mobile-nav__contact'in kendi
   20px'lik ust boslugu = 22px. Iki taraf esit. */
.a2-demo-btn--mobile {
    margin-top: 22px;
    margin-bottom: 2px;
}

/* ==========================================================================
   BIZE ULASIN — iletisim kutusu

   1) Baslik cok asagidan basliyordu: sablon .contact-details__content'e
      93px ust ve 100px yan bosluk veriyor. Uc numara blogu eklenince kutu
      zaten uzuyor; bosluklar makul olcuye cekildi.
   2) Numaralarin ustune ne oldugunu soyleyen kucuk etiketler eklendi
      (Genel Iletisim / WhatsApp Iletisim Hatti / Cagri Merkezi).
   3) Bloklar arasi 40px'ten 26px'e indirildi, uc blok yan yana dururken
      liste gibi okunuyor.
   ========================================================================== */

@media only screen and (min-width: 992px) {
    .contact-details__content {
        padding: 54px 68px 56px;
    }

    .contact-details__title-box {
        padding-bottom: 28px;
        margin-bottom: 32px;
    }
}

.contact-details__contact-info {
    align-items: center;
    margin-top: 26px;
}

.a2-contact-line__label {
    display: block;
    margin-bottom: 2px;
    color: #8b93a7;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.contact-details__contact-icon .fab,
.contact-details__contact-icon .fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--oslim-extra);
    color: var(--oslim-base);
    font-size: 19px;
}

.contact-details__contact-info--whatsapp .contact-details__contact-icon .fab {
    background: rgba(37, 211, 102, .14);
    color: #16a862;
}

.contact-details__contact-number-email {
    line-height: 34px;
}

@media only screen and (max-width: 991px) {
    .contact-details__contact-info {
        margin-top: 22px;
    }
}

/* ===========================================================================
   A2 ASİSTAN — A2 bilgi havuzuyla çalışan sohbet penceresi
   =========================================================================== */
.a2-chatbot {
    position: fixed;
    right: 27px;
    bottom: 27px;
    z-index: 110;
    font-family: var(--oslim-font, "DM Sans", sans-serif);
}

.a2-chatbot__launcher {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    min-height: 74px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    position: relative;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.a2-chatbot__launcher:hover,
.a2-chatbot__launcher:focus-visible {
    transform: translateY(-3px);
    outline: none;
}

.a2-chatbot__launcher::before {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 50%;
    background: conic-gradient(from 35deg, transparent 0deg 220deg, #0e59f2 247deg, #78d8ff 276deg, #0e59f2 305deg, transparent 332deg 360deg);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: a2-chatbot-snake 3.8s linear infinite;
}

.a2-chatbot__avatar {
    position: relative;
    z-index: 1;
    display: block;
    width: 74px;
    height: 74px;
    overflow: hidden;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(3px);
    box-shadow: 0 7px 18px rgba(4, 34, 105, .22);
}

.a2-chatbot__avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.a2-chatbot__launcher > span:last-child { display: none; }

.a2-chatbot__teaser {
    position: absolute;
    right: 88px;
    bottom: 9px;
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 244px;
    padding: 11px 14px 11px 11px;
    border: 1px solid rgba(73, 149, 255, .42);
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 34px rgba(5, 42, 112, .2);
    color: #142750;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateX(14px) scale(.96);
    transition: opacity 240ms ease, transform 240ms ease;
}

.a2-chatbot--teaser-visible .a2-chatbot__teaser { opacity: 1; pointer-events: auto; transform: translateX(0) scale(1); }
.a2-chatbot__teaser::after { position: absolute; right: -7px; bottom: 17px; width: 12px; height: 12px; border-top: 1px solid rgba(73, 149, 255, .42); border-right: 1px solid rgba(73, 149, 255, .42); background: #fff; content: ""; transform: rotate(45deg); }
.a2-chatbot__teaser-icon { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 10px; background: linear-gradient(135deg, #0e59f2, #50bdf4); color: #fff; font-size: 15px; box-shadow: 0 7px 15px rgba(14, 89, 242, .24); }
.a2-chatbot__teaser strong, .a2-chatbot__teaser small { display: block; text-align: left; }
.a2-chatbot__teaser strong { font-size: 12px; font-weight: 900; line-height: 1.25; }
.a2-chatbot__teaser small { margin-top: 3px; color: #6b7891; font-size: 10px; font-weight: 700; }

@keyframes a2-chatbot-snake { to { transform: rotate(360deg); } }

.a2-chatbot__panel {
    position: absolute;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-rows: auto minmax(235px, 1fr) auto auto auto;
    width: min(430px, calc(100vw - 48px));
    max-height: min(620px, calc(100dvh - 116px));
    overflow: hidden;
    border: 1px solid rgba(105, 164, 255, .56);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(4, 24, 73, .28), 0 0 25px rgba(46, 120, 255, .15);
}

.a2-chatbot--open .a2-chatbot__launcher { display: none; }
.a2-chatbot--open .a2-chatbot__teaser { display: none; }

.a2-chatbot__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 19px;
    background: radial-gradient(circle at 15% 10%, rgba(91, 188, 255, .47), transparent 34%), linear-gradient(135deg, #0c55df, #062b7d 76%);
    color: #fff;
}

.a2-chatbot__brand { display: flex; align-items: center; gap: 10px; }
.a2-chatbot__brand-logo { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255, 255, 255, .3); border-radius: 11px; background: rgba(255, 255, 255, .12); }
.a2-chatbot__brand-logo img { display: block; width: 29px; height: 29px; object-fit: contain; }
.a2-chatbot__header-right { display: flex; align-items: center; gap: 11px; }
.a2-chatbot__header-chat-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: rgba(120, 214, 255, .2); color: #b8e6ff; font-size: 14px; }
.a2-chatbot__header strong,
.a2-chatbot__header small { display: block; }
.a2-chatbot__header strong { font-size: 17px; font-weight: 900; }
.a2-chatbot__header small { margin-top: 3px; color: rgba(255,255,255,.8); font-size: 11px; }

.a2-chatbot__actions { display: flex; gap: 7px; }

.a2-chatbot__close,
.a2-chatbot__minimize {
    display: grid;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.27);
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    color: #fff;
    cursor: pointer;
    place-items: center;
}

.a2-chatbot__minimize:hover { background: rgba(255,255,255,.22); }

.a2-chatbot__close:hover,
.a2-chatbot__close:focus-visible {
    border-color: rgba(255, 124, 124, .92);
    background: #e84242;
    box-shadow: 0 0 13px rgba(232, 66, 66, .56);
    color: #fff;
    outline: none;
}

.a2-chatbot__messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 235px;
    padding: 18px;
    overflow-y: auto;
    background: linear-gradient(180deg, #f5f8ff, #fff);
}

.a2-chatbot__message {
    width: fit-content;
    max-width: 88%;
    padding: 12px 14px;
    border-radius: 13px 13px 13px 3px;
    background: #eaf1ff;
    color: #18264d;
    font-size: 14px;
    line-height: 1.55;
    white-space: pre-wrap;
}

.a2-chatbot__message--user {
    align-self: flex-end;
    border-radius: 13px 13px 3px 13px;
    background: #0e59f2;
    color: #fff;
}

.a2-chatbot__message--pending { color: #66718c; font-style: italic; }

.a2-chatbot__session-prompt { display: grid; gap: 7px; }

.a2-chatbot__session-actions {
    display: flex;
    gap: 7px;
}

.a2-chatbot__session-actions button {
    padding: 7px 10px;
    border: 1px solid #ccd9f5;
    border-radius: 9px;
    background: #fff;
    color: #425477;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
}

    .a2-chatbot__session-actions button[data-action="end"] {
        border-color: #f20e0e;
        background: #f20e0e;
        color: #fff;
    }

/* Ana sayfa / Neden Farklıyız: iki kolonun başlangıcı aynı görsel ritme alınır. */
.a2-why-section .benefits-one__left { padding-right: 34px; }

.a2-why-section {
    padding-top: 64px;
}

.a2-why-section .row { align-items: stretch; }

.a2-why-section .benefits-one__left {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.a2-why-section .benefits-one__left > .a2-section-link {
    margin-top: auto;
}

.a2-why-section__right {
    padding-top: 66px;
}

.a2-why-section__right .benefits-one__right-text {
    margin-bottom: 20px;
    color: #657086;
    font-size: 16px;
    line-height: 1.75;
}

.a2-why-section__accordion-label {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    margin: 0 0 13px;
    padding: 0 12px;
    border-left: 3px solid var(--oslim-base);
    background: rgba(14, 89, 242, .06);
    color: var(--oslim-base);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.a2-why-section .accrodion-grp { margin-top: 0; }

.work-together__right .a2-section-link,
.a2-why-section .a2-section-link {
    isolation: isolate;
    min-height: 78px;
    padding: 14px 17px 14px 20px;
    border: 1px solid rgba(80, 157, 255, .32);
    border-radius: 9px;
    background: linear-gradient(100deg, rgba(14, 89, 242, .14), rgba(14, 89, 242, .025));
    box-shadow: 0 9px 23px rgba(14, 89, 242, .09);
}

.work-together__right .a2-section-link::after,
.a2-why-section .a2-section-link::after {
    position: absolute;
    z-index: 2;
    inset: -1px;
    padding: 1px;
    border-radius: inherit;
    background: conic-gradient(from var(--a2-contact-neon-angle), transparent 0 60%, rgba(89, 187, 255, .18) 68%, #0e59f2 75%, #86dbff 80%, #0e59f2 86%, transparent 94% 100%);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: a2-contact-neon-orbit 9s linear infinite;
}

.work-together__right .a2-section-link:hover,
.a2-why-section .a2-section-link:hover { box-shadow: 0 12px 28px rgba(14, 89, 242, .18), 0 0 18px rgba(80, 164, 255, .18); }

.work-together__right .a2-section-link:hover::after,
.a2-why-section .a2-section-link:hover::after { animation-duration: 4.5s; }

/* Neon çerçeve kullanılan bağlantılarda önceki sabit sol/alt çizgiyi gösterme. */
.work-together__right .a2-section-link::before,
.a2-why-section .a2-section-link::before { display: none; }

/* Tekli tecrübe sayacı yerine SAP'nin küresel ölçeğini gösteren üçlü kart. */
.welcome-one__top-right { margin-left: 0; padding-left: 58px; }

.welcome-one__counter { margin-bottom: 38px; }

.a2-sap-stat-card {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border: 1px solid rgba(144, 184, 255, .82);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(9, 43, 124, .9), rgba(5, 27, 77, .96));
    box-shadow: 0 18px 36px rgba(2, 23, 76, .26), 0 0 20px rgba(52, 143, 255, .12);
}

.a2-sap-stat-card::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: conic-gradient(from var(--a2-contact-neon-angle), transparent 0 63%, rgba(91, 187, 255, .16) 70%, #0e59f2 76%, #83dbff 81%, #0e59f2 87%, transparent 94% 100%);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: a2-contact-neon-orbit 11s linear infinite;
}

.a2-sap-stat-card > div {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 126px;
    padding: 23px 12px 19px;
    place-items: center;
    text-align: center;
}

.a2-sap-stat-card > div + div { border-left: 1px solid rgba(130, 194, 255, .24); }

.a2-sap-stat-card strong {
    color: #8edcff;
    font-size: clamp(23px, 2vw, 33px);
    font-weight: 850;
    letter-spacing: -.055em;
    line-height: 1;
    white-space: nowrap;
}

.a2-sap-stat-card span {
    margin-top: 9px;
    color: #c3d8ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* Hakkımızda maddeleri iki ayrı ikili halinde dengelenir. */
.work-together__left .work-together__points {
    margin: 36px 0 0;
}

@media only screen and (min-width: 1200px) {
    .work-together > .container > .row { align-items: stretch; }

    .work-together__right {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* Buton, fotoğraf altındaki dördüncü maddenin bulunduğu alt hizaya oturur. */
    .work-together__right .a2-section-link { margin-top: auto; }
}

@media only screen and (max-width: 991px) {
    .a2-why-section .benefits-one__left { padding-right: 0; }
    .a2-why-section__right { padding-top: 38px; }
    .a2-why-section .benefits-one__left > .a2-section-link { margin-top: 31px; }
    .welcome-one__top-right { padding-left: 0; }
}

@media only screen and (max-width: 767px) {
    .a2-vision__eyebrow { font-size: 18px; }
    .a2-why-section { padding-top: 52px; }
    .a2-sap-stat-card > div { min-height: 102px; padding: 18px 6px 14px; }
    .a2-sap-stat-card strong { font-size: 21px; }
    .a2-sap-stat-card span { font-size: 9px; }
}

.a2-chatbot__suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 13px 8px;
    border-top: 1px solid #edf1f9;
}

.a2-chatbot__suggestions button {
    padding: 6px 9px;
    border: 1px solid #cddcff;
    border-radius: 12px;
    background: #f8faff;
    color: #1854ce;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-align: left;
}

.a2-chatbot__suggestions button:hover { border-color: #0e59f2; background: #eaf1ff; }

.a2-chatbot__form {
    display: flex;
    gap: 8px;
    padding: 10px 13px;
    border-top: 1px solid #edf1f9;
}

.a2-chatbot__form input {
    min-width: 0;
    flex: 1;
    height: 39px;
    padding: 0 12px;
    border: 1px solid #d7dfef;
    border-radius: 10px;
    color: #172343;
    font-size: 13px;
    outline: none;
}

.a2-chatbot__form input:focus { border-color: #0e59f2; box-shadow: 0 0 0 3px rgba(14,89,242,.1); }

.a2-chatbot__form button {
    width: 39px;
    height: 39px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: #0e59f2;
    color: #fff;
    cursor: pointer;
}

.a2-chatbot__form button:disabled { cursor: wait; opacity: .55; }

.a2-chatbot__whatsapp {
    display: block;
    padding: 0 13px 13px;
    color: #149557;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.a2-chatbot__whatsapp i { margin-right: 4px; font-size: 14px; }

/* Ürün görselleri 2880×1440 (2:1) kaynak oranında gösterilir; kartın
   eski kırpma ve büyütme davranışı görsel netliğini gereksiz düşürüyordu. */
.case-one__single .case-one__img {
    height: auto;
    aspect-ratio: 2 / 1;
}

.case-one__single .case-one__img img {
    image-rendering: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
}

.case-one__single:hover .case-one__img img { transform: translateZ(0) scale(1.02); }

/* A2 logosu görselin üzerinde kalır; kart yüksekliğine bağlı eski konum
   kuralı, oranı düzeltilmiş kartlarda logosu yanlış yere taşıyordu. */
.case-one__single::after { display: none; }

.case-one__single .case-one__img::after {
    position: absolute;
    right: 16px;
    bottom: 14px;
    z-index: 2;
    display: block;
    width: 62px;
    height: 62px;
    background: url("../images/a2logobeyaz.png") center / contain no-repeat;
    content: "";
    opacity: .64;
    pointer-events: none;
}

/* A2 Asistan: hafif cam yüzey, daha belirgin avatar ve sakin neon çerçeve. */
.a2-chatbot { right: 28px; bottom: 28px; }

.a2-chatbot__launcher {
    width: 76px;
    min-height: 76px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(99, 187, 255, .22), 0 12px 30px rgba(5, 49, 142, .28), 0 0 27px rgba(25, 139, 255, .3);
}

.a2-chatbot__launcher::before {
    inset: -3px;
    padding: 2px;
    background: conic-gradient(from var(--a2-contact-neon-angle), transparent 0 55%, rgba(75, 184, 255, .28) 63%, #0e59f2 71%, #a0ecff 78%, #0e59f2 84%, transparent 94% 100%);
    animation: a2-contact-neon-orbit 7.5s linear infinite;
}

.a2-chatbot__launcher::after {
    position: absolute;
    z-index: -1;
    inset: 6px;
    border-radius: inherit;
    background: radial-gradient(circle, rgba(79, 181, 255, .45), transparent 68%);
    content: "";
    filter: blur(12px);
    opacity: .8;
}

.a2-chatbot__avatar {
    width: 76px;
    height: 76px;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .13);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .26), 0 8px 22px rgba(1, 28, 94, .26);
}

.a2-chatbot__avatar img { object-fit: contain; }

.a2-chatbot__panel {
    width: min(420px, calc(100vw - 32px));
    overflow: visible;
    border: 1px solid rgba(99, 181, 255, .55);
    border-radius: 20px;
    background: rgba(249, 252, 255, .9);
    box-shadow: 0 25px 72px rgba(3, 26, 81, .3), 0 0 32px rgba(35, 137, 255, .2);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    backdrop-filter: blur(16px) saturate(130%);
}

.a2-chatbot__panel::before {
    position: absolute;
    z-index: 3;
    inset: -1px;
    padding: 1px;
    border-radius: inherit;
    background: conic-gradient(from var(--a2-contact-neon-angle), transparent 0 60%, rgba(89, 187, 255, .22) 68%, #0e59f2 75%, #9be8ff 80%, #0e59f2 86%, transparent 95% 100%);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: a2-contact-neon-orbit 9s linear infinite;
}

.a2-chatbot__header {
    padding: 18px 20px;
    border-radius: 19px 19px 0 0;
    background: linear-gradient(135deg, rgba(8, 48, 142, .97), rgba(10, 103, 224, .94));
    box-shadow: inset 0 -1px rgba(170, 223, 255, .24);
}

.a2-chatbot__messages { background: linear-gradient(150deg, rgba(232, 242, 255, .8), rgba(255, 255, 255, .55)); }
.a2-chatbot__message { border: 1px solid rgba(91, 152, 237, .17); background: rgba(255, 255, 255, .74); box-shadow: 0 5px 15px rgba(24, 72, 143, .06); }
.a2-chatbot__message--user { border-color: transparent; background: linear-gradient(135deg, #0e59f2, #1688f4); box-shadow: 0 8px 18px rgba(14, 89, 242, .2); }
.a2-chatbot__suggestions, .a2-chatbot__form { background: rgba(255, 255, 255, .46); }
.a2-chatbot__suggestions button { border-color: rgba(63, 140, 244, .25); background: rgba(255, 255, 255, .68); }
.a2-chatbot__form input { border-color: rgba(57, 130, 234, .22); background: rgba(255, 255, 255, .78); }

@media only screen and (max-width: 767px) {
    .a2-chatbot { right: 17px; bottom: 18px; }
    .a2-chatbot__launcher, .a2-chatbot__avatar { width: 68px; min-height: 68px; height: 68px; }
    .a2-chatbot__panel { width: min(400px, calc(100vw - 28px)); }
}

@media only screen and (max-width: 767px) {
    .a2-chatbot { right: 14px; bottom: 15px; }
    .a2-chatbot__launcher { min-width: 58px; padding: 0; }
    .a2-chatbot__panel { bottom: 0; width: min(370px, calc(100vw - 28px)); max-height: min(520px, calc(100dvh - 112px)); }
}

@media only screen and (max-width: 767px) {
    .a2-chatbot { right: 17px; bottom: 18px; }
    .a2-chatbot__launcher, .a2-chatbot__avatar { width: 68px; min-width: 68px; min-height: 68px; height: 68px; }
    .a2-chatbot__panel { width: min(400px, calc(100vw - 28px)); }
}

/* ==========================================================================
   NEDEN FARKLIYIZ — bes bolumluk anlatim

   Icerik dar bir yan sutuna sigmiyordu (5 bolum x 3 paragraf, ~900 kelime).
   Bolumler tam genislikte, alt alta; solda buyuk numara, sagda metin.
   Metin genisligi 760px ile sinirli: uzun satirlar okunmayi zorlastirir.

   Her bolumun sonundaki "Sonuc" kutusu bilerek one cikarilmistir; okuyucu
   sayfayi tarasa bile her basligin kendisine ne kazandirdigini gorur.
   ========================================================================== */

.a2-diff__intro {
    max-width: 820px;
    margin: 48px auto 0;
    text-align: center;
}

.a2-diff__intro-title {
    margin: 10px 0 22px;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.2;
}

.a2-diff__intro p {
    margin: 0 0 16px;
    font-size: 17px;
    line-height: 32px;
}

.a2-diff {
    padding: 20px 0 100px;
}

.a2-diff__item {
    display: flex;
    align-items: flex-start;
    gap: 34px;
    max-width: 980px;
    margin: 0 auto;
    padding: 46px 0;
    border-bottom: 1px solid #e6eaf2;
}

.a2-diff__item:first-child {
    border-top: 1px solid #e6eaf2;
}

.a2-diff__num {
    flex: 0 0 auto;
    min-width: 92px;
    font-size: 54px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;
    color: rgba(14, 89, 242, .22);
}

.a2-diff__body {
    max-width: 760px;
}

.a2-diff__title {
    margin: 0 0 16px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.25;
}

.a2-diff__body > p {
    margin: 0 0 16px;
    font-size: 16.5px;
    line-height: 31px;
}

.a2-diff__result {
    margin-top: 22px;
    padding: 20px 24px;
    border-left: 3px solid var(--oslim-base);
    border-radius: 0 8px 8px 0;
    background: var(--oslim-extra);
}

.a2-diff__result-label {
    display: block;
    margin-bottom: 6px;
    color: var(--oslim-base);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.a2-diff__result p {
    margin: 0;
    font-size: 16px;
    line-height: 29px;
}

.a2-diff__closing {
    max-width: 760px;
    margin: 58px auto 0;
    text-align: center;
}

.a2-diff__closing h2 {
    margin: 0 0 14px;
    font-size: 28px;
    font-weight: 800;
}

.a2-diff__closing p {
    margin: 0 0 26px;
    font-size: 17px;
    line-height: 31px;
}

@media only screen and (max-width: 767px) {
    .a2-diff__intro {
        margin-top: 34px;
        text-align: left;
    }

    .a2-diff {
        padding: 10px 0 70px;
    }

    .a2-diff__item {
        display: block;
        padding: 34px 0;
    }

    .a2-diff__num {
        min-width: 0;
        margin-bottom: 8px;
        font-size: 40px;
    }

    .a2-diff__title {
        font-size: 22px;
    }

    .a2-diff__result {
        padding: 16px 18px;
    }

    .a2-diff__closing {
        margin-top: 40px;
        text-align: left;
    }
}

/* ==========================================================================
   BIZ KIMIZ — deneyim gostergeleri: tek panel yerine uc ayri kutu

   Onceden uc rakam tek bir altin panelin icinde, aralarinda ince cizgiyle
   duruyordu. Simdi her biri kendi cercevesi, zemini ve golgesi olan
   bagimsiz bir kutu. Isik gecisi her kutuda ayri ve gecikmeli calisir;
   uc kutu boyunca soldan saga akan bir dalga olusur.

   ARALIK: gap degerini oynatin.
   ========================================================================== */

.a2-about__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    margin: -8px -8px 29px;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.a2-about__stats::before {
    display: none;
}

.a2-about__stat,
.a2-about__stat + .a2-about__stat {
    position: relative;
    overflow: hidden;
    padding: 17px 8px 15px;
    border: 1px solid rgba(212, 159, 34, .7);
    border-radius: 9px;
    background: linear-gradient(135deg, #3a2a08, #171005 76%);
    box-shadow: 0 10px 22px rgba(163, 112, 12, .18), 0 0 18px rgba(255, 203, 75, .15);
}

.a2-about__stat::before {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(110deg, transparent 18%, rgba(255, 225, 133, .22) 49%, transparent 80%);
    animation: a2AboutGoldSweep 7s ease-in-out infinite;
    pointer-events: none;
}

.a2-about__stat:nth-child(2)::before { animation-delay: .35s; }
.a2-about__stat:nth-child(3)::before { animation-delay: .7s; }

.a2-about__stat strong,
.a2-about__stat span {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .a2-about__stat::before {
        animation: none;
    }
}

@media only screen and (max-width: 767px) {
    .a2-about__stats {
        gap: 8px;
        margin: -4px -4px 25px;
    }

    .a2-about__stat,
    .a2-about__stat + .a2-about__stat {
        padding: 14px 5px 13px;
    }
}

/* Neden Farklıyız: Biz Kimiz / Vizyon-Misyon ile aynı panel dili, ama tam metinler
   sığsın diye tek sütuna genişletilmiş satırlar. */
.a2-about--detail {
    padding-top: 0;
}

/* İçindekiler paneli: satırların tıklanabilir olduğu bakışta anlaşılsın. */
.a2-about__details--index h3 {
    margin-bottom: 5px;
}

.a2-about__index-hint {
    margin: 0 0 12px;
    color: #6b7f9c;
    font-size: 13px;
    font-weight: 650;
}

.a2-about__index-hint::after {
    margin-left: 4px;
    color: var(--oslim-base);
    content: "\2193";
}

a.a2-about__jump {
    position: relative;
    align-items: center;
    margin: 0 -14px;
    padding: 17px 42px 17px 14px;
    border-radius: 9px;
    color: var(--oslim-black);
    text-decoration: none;
    transition: background-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

a.a2-about__jump::before {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 3px;
    border-radius: 3px;
    background: var(--oslim-base);
    opacity: 0;
    transform: scaleY(.25);
    transition: opacity .28s ease, transform .28s ease;
    content: "";
}

a.a2-about__jump::after {
    position: absolute;
    top: 50%;
    right: 17px;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--oslim-base);
    border-right: 2px solid var(--oslim-base);
    opacity: .35;
    transform: translateY(-50%) rotate(45deg);
    transition: opacity .28s ease, right .28s ease;
    content: "";
}

a.a2-about__jump > span {
    opacity: .55;
    transition: opacity .28s ease;
}

a.a2-about__jump strong {
    margin-bottom: 0;
    transition: color .28s ease;
}

a.a2-about__jump:hover,
a.a2-about__jump:focus-visible {
    background-color: #e4eefc;
    box-shadow: 0 8px 18px rgba(var(--oslim-base-rgb), .13);
    transform: translateX(3px);
}

a.a2-about__jump:hover::before,
a.a2-about__jump:focus-visible::before {
    opacity: 1;
    transform: scaleY(1);
}

a.a2-about__jump:hover::after,
a.a2-about__jump:focus-visible::after {
    right: 12px;
    opacity: 1;
}

a.a2-about__jump:hover strong,
a.a2-about__jump:focus-visible strong {
    color: var(--oslim-base);
}

a.a2-about__jump:hover > span,
a.a2-about__jump:focus-visible > span {
    opacity: 1;
}

a.a2-about__jump:focus-visible {
    outline: 2px solid var(--oslim-base);
    outline-offset: 2px;
}

a.a2-about__jump:active {
    transform: translateX(3px) scale(.994);
}

/* Tıklanan başlığa yumuşak kayış ve varışta kısa bir vurgu. */
html:has(.a2-about--detail) {
    scroll-behavior: smooth;
}

.a2-about__detail--full {
    scroll-margin-top: 130px;
}

.a2-about__detail--full:target {
    animation: a2JumpFlash 1.9s ease-out;
}

@keyframes a2JumpFlash {
    0%, 12% { background-color: rgba(var(--oslim-base-rgb), .09); }
    100% { background-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    html:has(.a2-about--detail) { scroll-behavior: auto; }

    a.a2-about__jump,
    a.a2-about__jump:hover,
    a.a2-about__jump:focus-visible,
    a.a2-about__jump:active { transform: none; }

    .a2-about__detail--full:target { animation: none; }
}

.a2-about__details--full {
    margin: 60px 0 0;
    padding: 8px 46px 40px;
}

.a2-about__detail--full {
    margin: 0 -16px;
    padding: 34px 16px 36px;
    border-radius: 10px;
}

.a2-about__details--full .a2-about__detail--full:first-child {
    border-top: 0;
}

.a2-about__details--full .a2-about__detail--full:last-child {
    padding-bottom: 6px;
}

.a2-about__detail--full > span {
    flex: 0 0 96px;
    font-size: 34px;
    font-weight: 850;
    line-height: 1;
    opacity: .45;
}

.a2-about__detail--full strong {
    margin-bottom: 15px;
    font-size: 23px;
    line-height: 1.28;
}

.a2-about__detail--full p {
    font-size: 16px;
    line-height: 1.72;
}

.a2-about__detail--full p + p {
    margin-top: 15px;
}

.a2-about__detail--full .a2-about__outcome {
    margin-top: 22px;
    padding: 18px 24px;
    border-left: 3px solid var(--oslim-base);
    border-radius: 0 8px 8px 0;
    background: var(--oslim-white);
    color: var(--oslim-black);
    font-size: 15px;
    line-height: 1.68;
}

/* ==========================================================================
   SONUÇ ETİKETİ - DİKKAT ÇEKİCİ ROZET TASARIMI
   ========================================================================== */

.a2-about__outcome > span {
    display: inline-flex; /* Yazının etrafını tam sarması için */
    align-items: center;
    margin-bottom: 12px; /* Metinle arasına biraz daha nefes payı açtık */
    padding: 6px 14px;
    background: linear-gradient(135deg, var(--oslim-base), #0a42b8); /* Canlı maviden laciverte gradient */
    color: #ffffff; /* Metin artık beyaz */
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    border-radius: 6px; /* Modern ve yumuşak köşeler */
    box-shadow: 0 4px 14px rgba(14, 89, 242, 0.35); /* Altına vuran mavi parlama efekti */
}

    /* Baş kısmına 'işlem tamam / işte sonuç' hissiyatı veren bir ikon ekliyoruz */
    .a2-about__outcome > span::before {
        content: "\f00c"; /* Font Awesome tik (check) ikonu */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 8px;
        font-size: 11px;
        color: #86dbff; /* İkona hafif turkuaz/açık mavi bir ton verdik ki parlasın */
    }

@media only screen and (max-width: 1199px) {
    .a2-about__details--full {
        margin-top: 46px;
        padding: 6px 32px 32px;
    }

    .a2-about__detail--full > span {
        flex: 0 0 76px;
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .a2-about__details--full {
        margin-top: 34px;
        padding: 4px 22px 26px;
    }

    .a2-about__detail--full {
        display: block;
        margin: 0 -10px;
        padding: 26px 10px 28px;
    }

    a.a2-about__jump {
        margin: 0 -10px;
        padding: 15px 34px 15px 10px;
    }

    a.a2-about__jump::after {
        right: 12px;
    }

    a.a2-about__jump:hover,
    a.a2-about__jump:focus-visible,
    a.a2-about__jump:active {
        transform: none;
    }

    .a2-about__detail--full > span {
        display: block;
        margin-bottom: 9px;
        font-size: 27px;
    }

    .a2-about__detail--full strong {
        margin-bottom: 12px;
        font-size: 20px;
    }

    .a2-about__detail--full p {
        font-size: 15px;
        line-height: 1.68;
    }

    .a2-about__detail--full .a2-about__outcome {
        padding: 16px 18px;
    }
}

/* Link yapısına neon maskesi için 'isolation' ve aralarına hafif boşluk ekliyoruz */
a.a2-about__jump {
    isolation: isolate;
    margin-bottom: 10px !important; /* Kartlar arasına eklenen hafif boşluk */
}

    /* Eski sol mavi çizgiyi (::before), ince neon çerçeveye çeviriyoruz */
    a.a2-about__jump::before {
        position: absolute;
        z-index: -1;
        inset: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: auto !important;
        padding: 2px !important; /* İnce ve zarif çizgi kalınlığı */
        border-radius: inherit;
        /* Neonu 2'ye indirdik (%50) ve ışıklar arası karanlık boşluğu genişlettik */
        background: repeating-conic-gradient( from var(--a2-contact-neon-angle), transparent 0%, transparent 35%, rgba(14, 89, 242, 0.4) 43%, #0e59f2 48%, #86dbff 50% ) !important;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
        -webkit-mask-composite: xor !important;
        mask-composite: exclude !important;
        opacity: 0.25 !important; /* Sakin görünüm */
        transform: none !important;
        animation: a2-contact-neon-orbit 8s linear infinite !important; /* Yavaş dönüş */
        transition: opacity 0.3s ease, animation-duration 0.3s ease !important;
        content: "";
        pointer-events: none;
    }

    /* Fare üzerine geldiğinde (Hover) neon parlaklaşır ve hızlanır */
    a.a2-about__jump:hover::before,
    a.a2-about__jump:focus-visible::before {
        opacity: 1 !important;
        animation-duration: 3.5s !important; /* Dönüş hızlanır */
    }

/* Blog kategori metinlerinde İngilizce "Business" Türkçe büyük I'ye dönüşmesin. */
.news-one__sub-title,
.news-details__sub-title {
    text-transform: none;
}

/* ========================================================================== 
   HEADER — akışkan masaüstü ölçekleri

   Menü artık sekiz ana başlığa ulaştığı için 14 inç laptoplarda geniş
   masaüstü ölçülerini zorlamadan tek satırda kalır. 27 inç ekranlarda ise
   başlıklar arasında daha ferah bir ritim kullanılır.
   ========================================================================== */
@media only screen and (min-width: 1200px) {
    .main-menu-wrapper__main-menu {
        flex: 1 1 auto;
        min-width: 0;
    }

    .main-menu .main-menu__list,
    .stricky-header .main-menu__list {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
}

/* 14–16 inç laptoplar ve sürükleyerek daraltılan pencere: sağ blok ile
   menü aynı alanı paylaşır; isimler birbirinin ya da Demo butonunun altına
   kaçmaz. */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .main-menu {
        padding-right: clamp(18px, 2vw, 32px);
        padding-left: clamp(18px, 2vw, 32px);
    }

    .main-menu-wrapper__logo {
        margin-right: clamp(22px, 2.2vw, 38px);
    }

    .main-menu-wrapper__logo::before {
        right: clamp(-19px, -1.1vw, -12px);
    }

    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: clamp(11px, .95vw, 17px);
    }

    .main-menu .main-menu__list > li > a,
    .stricky-header .main-menu__list > li > a {        
        font-size: clamp(14px, .84vw, 15px);
        letter-spacing: .020em;
    }

    .main-menu .main-menu__list > li.dropdown > a::after,
    .stricky-header .main-menu__list > li.dropdown > a::after {
        margin-left: 4px;
        font-size: 9px;
    }

    .main-menu-wrapper__right {
        margin-left: clamp(10px, 1vw, 18px);
    }

    .a2-demo-btn {
        gap: 6px;
        margin-right: clamp(8px, .9vw, 15px);
        padding: 8px clamp(10px, .9vw, 15px);
        font-size: clamp(9.5px, .65vw, 11px);
        letter-spacing: .02em;
    }
}

/* 22 inç sınıfı ekranlar (çoğunlukla 1600–2099 CSS piksel): Bu aralıkta
   geniş ekranın 16px / 26px ölçüleri henüz fazla büyük kalıyordu. Menü ve
   sağdaki Demo alanı aynı hizada, üst üste binmeden kalır. */
@media only screen and (min-width: 1600px) and (max-width: 2099px) {
    .main-menu .main-menu__list > li > a,
    .stricky-header .main-menu__list > li > a {
        font-size: clamp(13px, .72vw, 14.2px);
        letter-spacing: .035em;
    }

    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: clamp(15px, 1vw, 21px);
    }

    .a2-demo-btn {
        margin-right: 16px;
        padding: 10px 17px;
        font-size: 11.5px;
    }
}

/* 27 inç ve daha geniş ekranlarda okunurluğu bozmadan başlıklar arasına
   daha fazla nefes eklenir. */
@media only screen and (min-width: 2100px) {
    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: 38px;
    }
}

/* ========================================================================== 
   A2 AKADEMI — universite is birligi bandi
   ========================================================================== */
.a2-academy {
    position: relative;
    overflow: hidden;
    min-height: 690px;
    margin: 0;
    padding: 0;
    background: #06163e;
}

.a2-academy__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: center;
    background-size: cover;
    opacity: .82;
}

.a2-academy::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(to top, rgba(3, 17, 55, .98) 0%, rgba(4, 24, 74, .91) 34%, rgba(4, 29, 86, .54) 53%, rgba(4, 29, 86, .08) 75%, rgba(4, 29, 86, 0) 100%);
    content: "";
}

.a2-academy::after {
    position: absolute;
    z-index: 1;
    right: 8%;
    bottom: -210px;
    width: 480px;
    height: 480px;
    border: 1px solid rgba(137, 194, 255, .34);
    border-radius: 50%;
    box-shadow: 0 0 0 46px rgba(55, 133, 255, .045), 0 0 0 92px rgba(55, 133, 255, .035);
    content: "";
}

.a2-academy__inner {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 690px;
    align-items: center;
    justify-content: center;
}

.a2-academy__brand {
    position: absolute;
    z-index: 3;
    top: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-academy__brand--a2 { left: clamp(24px, 5vw, 96px); }
.a2-academy__brand--university { right: clamp(24px, 5vw, 96px); flex-direction: row-reverse; }

.a2-academy__company-name { color: #ffffff; font-size: 13px; font-weight: 900; letter-spacing: .09em; white-space: nowrap; }
.a2-academy__initiative { position: absolute; z-index: 3; top: 118px; left: clamp(24px, 5vw, 96px); padding: 9px 15px; border: 1px solid rgba(139, 198, 255, .56); border-radius: 99px; background: rgba(11, 62, 150, .4); color: #a7d5ff; font-size: 14px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }

.a2-academy__brand img {
    display: block;
    width: 132px;
    height: 62px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .45));
}

.a2-academy__brand a { display: block; }

.a2-academy__brand--university img {
    width: 154px;
    height: 74px;
}

.a2-academy__content {
    max-width: 670px;
    padding-top: 48px;
    text-align: center;
}

.a2-academy__eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #87c4ff;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.a2-academy__partner {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 19px;
    padding: 8px 14px;
    border: 1px solid rgba(146, 204, 255, .42);
    border-radius: 99px;
    background: rgba(18, 79, 165, .38);
    color: #cfe7ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.a2-academy__content h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(37px, 3.4vw, 57px);
    line-height: 1.08;
}

.a2-academy__content p {
    max-width: 630px;
    margin: 0 auto;
    color: #d8e7ff;
    font-size: 16px;
    line-height: 1.82;
}

.a2-academy__additional-description {
    margin-top: 15px !important;
    color: rgba(216, 231, 255, .77) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    font-style: normal;
}

.a2-academy__highlights {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px 19px;
    margin-top: 23px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}

.a2-academy__highlights i {
    margin-right: 6px;
    color: #75cbab;
}

.a2-academy__link {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding: 15px 19px;
    border: 1px solid rgba(151, 203, 255, .58);
    border-radius: 999px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .03em;
    text-decoration: none;
    white-space: nowrap;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.a2-academy__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 30px;
}

.a2-academy__link--secondary {
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .1);
    color: #dcecff;
}

.a2-academy__link:hover,
.a2-academy__link:focus-visible {
    border-color: #ffffff;
    background: rgba(92, 167, 255, .22);
    color: #ffffff;
    outline: none;
    transform: translateX(4px);
}

.a2-academy__link i { font-size: 11px; }

/* Akademi ile takip eden görsel alan arasındaki sakin geçiş bandı */
.a2-section-bridge {
    position: relative;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: center;
    height: 76px;
    overflow: hidden;
    background: linear-gradient(90deg, #f7faff, #eef5ff 50%, #f7faff);
}

.a2-section-bridge::before,
.a2-section-bridge::after {
    position: absolute;
    width: 35%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(18, 102, 233, .18));
    content: "";
}

.a2-section-bridge::before { top: 17px; left: 0; }
.a2-section-bridge::after { right: 0; bottom: 17px; transform: rotate(180deg); }
.a2-section-bridge__line { width: min(22vw, 330px); height: 1px; background: linear-gradient(90deg, transparent, rgba(18, 102, 233, .8), transparent); }
.a2-section-bridge__mark { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(36, 119, 238, .35); border-radius: 50%; background: #ffffff; box-shadow: 0 8px 22px rgba(25, 90, 190, .12); }
.a2-section-bridge__mark img { display: block; width: 30px; height: 30px; object-fit: contain; }

@media only screen and (max-width: 575px) {
    .a2-section-bridge { height: 58px; gap: 10px; }
    .a2-section-bridge__line { width: 25vw; }
    .a2-section-bridge__mark { width: 34px; height: 34px; }
    .a2-section-bridge__mark img { width: 24px; height: 24px; }
}

.a2-academy-page { padding: 120px 0; background: #f6f9ff; }

.a2-academy-page__intro {
    max-width: 820px;
    margin: 0 auto 48px;
    text-align: center;
}

.a2-academy-page__intro h2 {
    margin: 10px 0 16px;
    color: var(--oslim-black);
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.2;
}

.a2-academy-page__intro p {
    margin: 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}

.a2-academy-page__card {
    height: 100%;
    padding: 31px 29px;
    border: 1px solid #dce8fc;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 16px 35px rgba(18, 71, 156, .07);
}

.a2-academy-page__card > span {
    display: block;
    margin-bottom: 21px;
    color: var(--oslim-base);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
}

.a2-academy-page__card h3 {
    margin: 0 0 10px;
    color: var(--oslim-black);
    font-size: 22px;
}

.a2-academy-page__card p {
    margin: 0;
    color: #687086;
    line-height: 1.75;
}

/* SSS — SAP Business One bilgi merkezi */
.a2-faq-page { padding: 110px 0 120px; overflow: hidden; background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 45%, #f6f9ff 100%); }
.a2-faq-intro { position: relative; display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(275px, .75fr); gap: clamp(30px, 6vw, 92px); align-items: center; overflow: hidden; margin-bottom: 52px; padding: clamp(36px, 5vw, 70px); border: 1px solid rgba(106, 169, 255, .4); border-radius: 30px; background: radial-gradient(circle at 82% 18%, rgba(45, 136, 255, .42), transparent 28%), linear-gradient(130deg, #061a4d, #092665 64%, #0d3993); box-shadow: 0 24px 55px rgba(14, 58, 142, .18); }
.a2-faq-intro::after { position: absolute; right: -96px; bottom: -175px; width: 390px; height: 390px; border: 1px solid rgba(166, 210, 255, .2); border-radius: 50%; content: ""; }
.a2-faq-intro__content, .a2-faq-intro__contact { position: relative; z-index: 1; }
.a2-faq-intro__eyebrow { display: inline-flex; margin-bottom: 15px; color: #8ec5ff; font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.a2-faq-intro h2 { max-width: 760px; margin: 0 0 17px; color: #ffffff; font-size: clamp(31px, 3.1vw, 51px); line-height: 1.15; }
.a2-faq-intro h2 span { color: #82bdff; }
.a2-faq-intro__content > p { max-width: 730px; margin: 0; color: #d7e7ff; font-size: 16px; line-height: 1.8; }
.a2-faq-intro__pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.a2-faq-intro__pills span { padding: 8px 12px; border: 1px solid rgba(167, 215, 255, .31); border-radius: 999px; background: rgba(255, 255, 255, .08); color: #e4f1ff; font-size: 12px; font-weight: 700; }
.a2-faq-intro__pills i { margin-right: 5px; color: #79e1bd; }
.a2-faq-intro__contact { padding: 28px; border: 1px solid rgba(181, 218, 255, .38); border-radius: 20px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(10px); }
.a2-faq-intro__contact > span { display: block; margin-bottom: 9px; color: #a9d4ff; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.a2-faq-intro__contact strong { display: block; margin-bottom: 20px; color: #ffffff; font-size: 21px; line-height: 1.35; }
.a2-faq-intro__contact > a:not(.a2-faq-intro__contact-link) { display: block; margin-bottom: 23px; color: #ffffff; font-size: 18px; font-weight: 800; text-decoration: none; }
.a2-faq-intro__contact > a:not(.a2-faq-intro__contact-link) i { margin-right: 8px; color: #86c7ff; }
.a2-faq-intro__contact-link { display: inline-flex; align-items: center; gap: 10px; color: #8fc8ff; font-size: 13px; font-weight: 800; text-decoration: none; }
.a2-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.a2-faq-card { overflow: hidden; border: 1px solid #dce8fb; border-radius: 18px; background: #ffffff; box-shadow: 0 12px 28px rgba(27, 76, 150, .06); transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease; }
.a2-faq-card:hover { border-color: #9ac8ff; box-shadow: 0 17px 34px rgba(24, 87, 180, .12); transform: translateY(-3px); }
.a2-faq-card.active { border-color: #78b7ff; box-shadow: 0 18px 38px rgba(22, 94, 198, .15); }
.a2-faq-card__title { display: grid; grid-template-columns: 56px minmax(0, 1fr) 40px; width: 100%; padding: 26px 25px; border: 0; background: transparent; color: #101b35; text-align: left; cursor: pointer; }
.a2-faq-card__number { color: #1266e9; font-size: 12px; font-weight: 900; letter-spacing: .04em; }
.a2-faq-card__question { padding-right: 12px; font-size: 19px; font-weight: 800; line-height: 1.35; }
.a2-faq-card__toggle { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #eaf2ff; color: #1266e9; transition: transform 220ms ease, background 220ms ease, color 220ms ease; }
.a2-faq-card.active .a2-faq-card__toggle { transform: rotate(45deg); background: #1266e9; color: #ffffff; }
.a2-faq-card__answer { border-top: 1px solid #e5eefb; }
.a2-faq-card__answer-inner { padding: 4px 31px 30px 81px; }
.a2-faq-card__answer p { margin: 17px 0 0; color: #596780; font-size: 15px; line-height: 1.78; }
.a2-faq-closing { display: flex; gap: 30px; align-items: center; justify-content: space-between; margin-top: 54px; padding: 35px 40px; border: 1px solid #cfe1fc; border-radius: 20px; background: linear-gradient(120deg, #ffffff, #edf5ff); }
.a2-faq-closing span { color: #176eea; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.a2-faq-closing h2 { max-width: 720px; margin: 8px 0 0; color: #13254a; font-size: clamp(22px, 2vw, 30px); line-height: 1.3; }
.a2-faq-closing__button { display: inline-flex; align-items: center; gap: 13px; flex: 0 0 auto; padding: 16px 21px; border-radius: 999px; background: #1266e9; color: #ffffff; font-size: 13px; font-weight: 800; text-decoration: none; box-shadow: 0 9px 20px rgba(18, 102, 233, .23); }
@media only screen and (max-width: 991px) { .a2-faq-page { padding: 80px 0; } .a2-faq-intro { grid-template-columns: 1fr; } .a2-faq-grid { grid-template-columns: 1fr; } }
@media only screen and (max-width: 575px) { .a2-faq-page { padding: 58px 0; } .a2-faq-intro { margin-bottom: 30px; padding: 31px 23px; border-radius: 19px; } .a2-faq-intro h2 { font-size: 30px; } .a2-faq-intro__content > p { font-size: 14px; } .a2-faq-card__title { grid-template-columns: 42px minmax(0, 1fr) 34px; padding: 21px 18px; } .a2-faq-card__question { font-size: 16px; } .a2-faq-card__toggle { width: 29px; height: 29px; } .a2-faq-card__answer-inner { padding: 2px 20px 24px; } .a2-faq-card__answer p { font-size: 14px; } .a2-faq-closing { align-items: flex-start; flex-direction: column; padding: 28px 23px; } .a2-faq-closing__button { width: 100%; justify-content: center; } }

@media only screen and (max-width: 991px) {
    .a2-academy { min-height: 620px; margin: 0; padding: 0; border-radius: 0; }
    .a2-academy::before { background: linear-gradient(to top, rgba(3, 17, 55, .97) 0%, rgba(4, 23, 70, .75) 48%, rgba(4, 24, 74, .1) 100%); }
    .a2-academy__background { background-position: 64% center; }
    .a2-academy__inner { min-height: 620px; padding: 155px 0 75px; align-items: flex-start; }
    .a2-academy__brand { top: 26px; }
    .a2-academy__brand img { width: 110px; height: 54px; }
    .a2-academy__brand--university img { width: 120px; height: 58px; }
    .a2-academy__brand span { display: none; }
    .a2-academy__initiative { top: 90px; font-size: 12px; }
    .a2-academy__actions { position: static; margin-top: 34px; }
    .a2-academy-page { padding: 80px 0; }
    .a2-academy-page__card { margin-bottom: 24px; }
}

@media only screen and (max-width: 575px) {
    .a2-academy { min-height: 0; padding: 0; }
    .a2-academy__inner { min-height: 0; padding: 130px 0 68px; }
    .a2-academy__brand img { width: 92px; height: 45px; }
    .a2-academy__brand--university img { width: 100px; height: 48px; }
    .a2-academy__content h2 { font-size: 29px; }
    .a2-academy__content p { font-size: 13.5px; }
    .a2-academy__eyebrow { font-size: 14px; }
    .a2-academy__partner { font-size: 13px; }
    .a2-academy__initiative { font-size: 10px; }
    .a2-academy__additional-description { font-size: 12.5px !important; }
    .a2-academy__actions { width: 100%; }
    .a2-academy__link { width: 100%; justify-content: center; }
    .a2-academy-page__intro h2 { font-size: 29px; }
    .a2-academy-page__intro p { font-size: 15px; }
}

/* A2 Asistan — masaüstünde daha görünür, markalı sohbet deneyimi. */
.a2-chatbot {
    right: 30px;
    bottom: 30px;
}

.a2-chatbot__launcher,
.a2-chatbot__avatar {
    width: 78px;
    min-width: 78px;
    min-height: 78px;
    height: 78px;
}

.a2-chatbot__launcher {
    box-shadow: 0 0 0 1px rgba(99, 187, 255, .28), 0 15px 34px rgba(5, 49, 142, .32), 0 0 32px rgba(25, 139, 255, .34);
}

.a2-chatbot__panel {
    grid-template-rows: auto minmax(250px, 1fr) auto auto auto;
    width: min(450px, calc(100vw - 60px));
    max-height: min(640px, calc(100dvh - 118px));
    border-radius: 22px;
    overflow: hidden;
}

.a2-chatbot__header {
    padding: 19px 21px;
    border-radius: 21px 21px 0 0;
    background: radial-gradient(circle at 15% 5%, rgba(97, 198, 255, .5), transparent 34%), linear-gradient(135deg, #0b60ea, #06266f 78%);
}

.a2-chatbot__brand-logo {
    width: 40px;
    height: 40px;
    border-radius: 12px;
}

.a2-chatbot__brand-logo img {
    width: 31px;
    height: 31px;
}

.a2-chatbot__header-chat-icon {
    width: 32px;
    height: 32px;
    box-shadow: inset 0 0 0 1px rgba(177, 234, 255, .16), 0 0 14px rgba(101, 203, 255, .18);
}

.a2-chatbot__messages {
    min-height: 250px;
    padding: 20px;
}

.a2-chatbot__teaser:hover,
.a2-chatbot__teaser:focus-visible {
    border-color: rgba(34, 124, 248, .72);
    box-shadow: 0 17px 38px rgba(5, 42, 112, .26), 0 0 18px rgba(50, 149, 255, .18);
    outline: none;
}

@media only screen and (max-width: 767px) {
    .a2-chatbot {
        right: 17px;
        bottom: 18px;
    }

    .a2-chatbot__launcher,
    .a2-chatbot__avatar {
        width: 68px;
        min-width: 68px;
        min-height: 68px;
        height: 68px;
    }

    .a2-chatbot__panel {
        width: min(400px, calc(100vw - 28px));
        max-height: min(540px, calc(100dvh - 105px));
    }

    .a2-chatbot__teaser { display: none; }
}

/* ==========================================================================
   A2 ASİSTAN — görsel revizyon

   Yandan çıkan bildirim artık markalı koyu bir kart: bot avatarı, neon
   çerçeve, yaylı giriş animasyonu ve "yazıyor" noktaları. Sohbet penceresi
   ise cam efektinden çıkarılıp net, kurumsal bir arayüze çevrildi;
   header'daki gereksiz sohbet ikonu yerini çevrimiçi rozetine bıraktı.
   ========================================================================== */

/* --- Yandan çıkan bildirim ------------------------------------------------ */
.a2-chatbot__teaser {
    right: 96px;
    bottom: 12px;
    isolation: isolate;
    gap: 12px;
    min-width: 286px;
    padding: 13px 16px 13px 13px;
    border: 1px solid rgba(110, 190, 255, .3);
    border-radius: 16px;
    background: linear-gradient(140deg, rgba(10, 46, 120, .97), rgba(5, 24, 68, .98));
    box-shadow: 0 22px 46px rgba(2, 20, 64, .42), 0 0 26px rgba(37, 138, 255, .2);
    color: #eaf3ff;
    transform: translateX(30px) scale(.9);
    transition: opacity 420ms cubic-bezier(.2, .9, .25, 1), transform 420ms cubic-bezier(.2, .9, .25, 1), box-shadow 260ms ease;
}

.a2-chatbot--teaser-visible .a2-chatbot__teaser {
    transform: translateX(0) scale(1);
}

.a2-chatbot__teaser::before {
    position: absolute;
    z-index: 2;
    inset: -1px;
    padding: 1px;
    border-radius: inherit;
    background: conic-gradient(from var(--a2-contact-neon-angle), transparent 0 58%, rgba(89, 187, 255, .2) 66%, #0e59f2 74%, #9be8ff 79%, #0e59f2 85%, transparent 94% 100%);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: a2-contact-neon-orbit 6s linear infinite;
}

.a2-chatbot__teaser::after {
    right: -6px;
    bottom: 22px;
    width: 11px;
    height: 11px;
    border-top-color: rgba(110, 190, 255, .3);
    border-right-color: rgba(110, 190, 255, .3);
    background: #082a6f;
}

.a2-chatbot__teaser:hover,
.a2-chatbot__teaser:focus-visible {
    border-color: rgba(140, 210, 255, .5);
    box-shadow: 0 26px 52px rgba(2, 20, 64, .48), 0 0 32px rgba(58, 158, 255, .34);
    outline: none;
}

.a2-chatbot__teaser:hover::before,
.a2-chatbot__teaser:focus-visible::before {
    animation-duration: 3s;
}

.a2-chatbot__teaser-icon {
    overflow: hidden;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(19, 100, 245, .95), rgba(78, 191, 246, .9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 8px 18px rgba(6, 40, 110, .42);
}

.a2-chatbot__teaser-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.a2-chatbot__teaser-text {
    min-width: 0;
}

.a2-chatbot__teaser strong {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.01em;
}

.a2-chatbot__teaser small {
    margin-top: 4px;
    color: #9cc5ff;
    font-size: 11px;
    font-weight: 650;
}

.a2-chatbot__teaser-dots {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: auto;
    padding-left: 6px;
}

.a2-chatbot__teaser-dots i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6fd0ff;
    animation: a2ChatDot 1.3s ease-in-out infinite;
}

.a2-chatbot__teaser-dots i:nth-child(2) { animation-delay: .16s; }
.a2-chatbot__teaser-dots i:nth-child(3) { animation-delay: .32s; }

@keyframes a2ChatDot {
    0%, 62%, 100% { opacity: .3; transform: translateY(0); }
    30%           { opacity: 1; transform: translateY(-3px); }
}

.a2-chatbot__teaser-dismiss {
    position: absolute;
    right: 88px;
    bottom: 68px;
    z-index: 3;
    display: grid;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid rgba(140, 205, 255, .38);
    border-radius: 50%;
    background: #0b2f7a;
    color: #cfe6ff;
    cursor: pointer;
    font-size: 9px;
    opacity: 0;
    place-items: center;
    pointer-events: none;
    transform: scale(.6);
    transition: opacity 300ms ease 140ms, transform 300ms cubic-bezier(.2, .9, .25, 1) 140ms, background-color 200ms ease;
}

.a2-chatbot--teaser-visible .a2-chatbot__teaser-dismiss {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.a2-chatbot__teaser-dismiss:hover { background: #12459f; color: #fff; }
.a2-chatbot--open .a2-chatbot__teaser-dismiss { display: none; }

/* --- Sohbet penceresi ----------------------------------------------------- */
.a2-chatbot__panel {
    overflow: hidden;
    border: 1px solid rgba(126, 178, 255, .4);
    background: #fff;
    box-shadow: 0 30px 80px rgba(3, 22, 70, .34), 0 2px 10px rgba(3, 22, 70, .08);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.a2-chatbot__panel::before {
    inset: 0;
    animation-duration: 11s;
}

.a2-chatbot--open .a2-chatbot__panel {
    transform-origin: bottom right;
    animation: a2ChatPanelIn 340ms cubic-bezier(.2, .9, .25, 1);
}

@keyframes a2ChatPanelIn {
    from { opacity: 0; transform: translateY(18px) scale(.94); }
    to   { opacity: 1; transform: none; }
}

/* Header */
.a2-chatbot__header {
    padding: 16px 18px;
    background: linear-gradient(135deg, #0a3fae, #062a76 72%);
    box-shadow: inset 0 -1px rgba(255, 255, 255, .12);
}

.a2-chatbot__brand { gap: 11px; }

.a2-chatbot__brand-logo {
    width: 38px;
    height: 38px;
    border-color: rgba(255, 255, 255, .22);
    border-radius: 10px;
    background: rgba(255, 255, 255, .13);
}

.a2-chatbot__brand-logo img { width: 28px; height: 28px; }

.a2-chatbot__header strong {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.01em;
}

.a2-chatbot__header small {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 3px;
    color: rgba(206, 228, 255, .88);
    font-size: 11px;
    font-weight: 600;
}

.a2-chatbot__status-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #3ddc84;
    box-shadow: 0 0 0 3px rgba(61, 220, 132, .22);
    animation: a2ChatPulse 2.4s ease-in-out infinite;
}

@keyframes a2ChatPulse {
    50% { box-shadow: 0 0 0 6px rgba(61, 220, 132, .06); }
}

.a2-chatbot__actions { gap: 6px; }

.a2-chatbot__close,
.a2-chatbot__minimize {
    width: 28px;
    height: 28px;
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    font-size: 11px;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.a2-chatbot__minimize:hover { border-color: rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .2); }

/* Mesajlar */
.a2-chatbot__messages {
    gap: 14px;
    padding: 20px 18px;
    background: #f6f9fd;
}

.a2-chatbot__message {
    position: relative;
    max-width: 82%;
    padding: 11px 14px;
    border: 0;
    border-radius: 14px 14px 14px 4px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(16, 45, 100, .07);
    color: #1b2947;
    font-size: 13.5px;
    line-height: 1.62;
}

.a2-chatbot__message--bot { margin-left: 38px; }

.a2-chatbot__message--bot::before {
    position: absolute;
    bottom: 0;
    left: -38px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: url("../images/a2chatbot-transparent.png") center / 21px no-repeat,
                linear-gradient(135deg, #1364f5, #4ebff6);
    box-shadow: 0 3px 9px rgba(14, 89, 242, .26);
    content: "";
}

.a2-chatbot__message--user {
    margin-left: 0;
    border-radius: 14px 14px 4px 14px;
    background: linear-gradient(135deg, #0e59f2, #1c7ef0);
    box-shadow: 0 4px 13px rgba(14, 89, 242, .24);
    color: #fff;
}

.a2-chatbot__message--user::before { display: none; }

.a2-chatbot__message--pending {
    color: #7c88a3;
    font-style: normal;
}

.a2-chatbot__message--pending::after {
    display: inline-block;
    width: 15px;
    content: "…";
    animation: a2ChatEllipsis 1.3s steps(4, end) infinite;
}

@keyframes a2ChatEllipsis {
    0%   { clip-path: inset(0 100% 0 0); }
    100% { clip-path: inset(0 0 0 0); }
}

/* Oturum kapatma sorusu */
.a2-chatbot__session-prompt { gap: 9px; }
.a2-chatbot__session-actions { padding-left: 38px; }

.a2-chatbot__session-actions button {
    padding: 8px 13px;
    border-radius: 999px;
    font-size: 11.5px;
    transition: background-color .2s ease, border-color .2s ease;
}

/* Öneri çipleri */
.a2-chatbot__suggestions {
    gap: 7px;
    padding: 14px 18px 12px;
    border-top: 1px solid #e9eefa;
    background: #fff;
}

.a2-chatbot__suggestions::before {
    flex-basis: 100%;
    margin-bottom: 3px;
    color: #8b97b0;
    content: "Sık sorulanlar";
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.a2-chatbot__suggestions button {
    padding: 8px 13px;
    border: 1px solid #dbe5f7;
    border-radius: 999px;
    background: #fff;
    color: #14459c;
    font-size: 11.5px;
    font-weight: 700;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.a2-chatbot__suggestions button:hover {
    border-color: #0e59f2;
    background: #f1f6ff;
    box-shadow: 0 4px 11px rgba(14, 89, 242, .13);
    transform: translateY(-1px);
}

/* Yazma alanı */
.a2-chatbot__form {
    gap: 9px;
    padding: 12px 18px 14px;
    border-top: 1px solid #e9eefa;
    background: #fff;
}

.a2-chatbot__form input {
    height: 44px;
    padding: 0 17px;
    border: 1px solid #dbe3f2;
    border-radius: 999px;
    background: #f6f9fd;
    font-size: 13.5px;
}

.a2-chatbot__form input:focus {
    border-color: #0e59f2;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(14, 89, 242, .12);
}

.a2-chatbot__form button {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0e59f2, #1c85f5);
    box-shadow: 0 6px 16px rgba(14, 89, 242, .3);
    font-size: 14px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.a2-chatbot__form button:hover:not(:disabled) {
    box-shadow: 0 9px 21px rgba(14, 89, 242, .38);
    transform: translateY(-2px);
}

/* WhatsApp alt barı */
.a2-chatbot__whatsapp {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 18px;
    border-top: 1px solid #e9eefa;
    background: #f4fbf7;
    color: #0f7a48;
    font-size: 12.5px;
    font-weight: 750;
    text-align: left;
    transition: background-color .2s ease, color .2s ease;
}

.a2-chatbot__whatsapp:hover { background: #eaf7f0; color: #0b6239; }

.a2-chatbot__whatsapp-icon {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #25d366, #12a150);
    box-shadow: 0 4px 11px rgba(18, 161, 80, .3);
    color: #fff;
    place-items: center;
}

.a2-chatbot__whatsapp-icon i { margin: 0; font-size: 15px; }

.a2-chatbot__whatsapp-arrow {
    margin: 0 0 0 auto;
    font-size: 17px;
    opacity: .45;
    transition: transform .2s ease, opacity .2s ease;
}

.a2-chatbot__whatsapp:hover .a2-chatbot__whatsapp-arrow { opacity: .9; transform: translateX(3px); }

@media only screen and (max-width: 767px) {
    .a2-chatbot__teaser-dismiss { display: none; }
    .a2-chatbot__messages { padding: 17px 15px; }
    .a2-chatbot__message { max-width: 86%; }
    .a2-chatbot__suggestions { padding: 12px 15px 10px; }
    .a2-chatbot__form { padding: 11px 15px 13px; }
    .a2-chatbot__whatsapp { padding: 11px 15px; }
}

@media (prefers-reduced-motion: reduce) {
    .a2-chatbot__teaser,
    .a2-chatbot--teaser-visible .a2-chatbot__teaser { transform: none; }

    .a2-chatbot__teaser::before,
    .a2-chatbot__teaser-dots i,
    .a2-chatbot__status-dot,
    .a2-chatbot__message--pending::after,
    .a2-chatbot--open .a2-chatbot__panel { animation: none; }

    .a2-chatbot__message--pending::after { clip-path: none; }
}

/* A2 Asistan — revizyon: başlık hizası ve meşgul durumu. */

/* Logo karesi ile yazı bloğunun optik ortası birbirini tutmuyordu. */
.a2-chatbot__brand { align-items: flex-start; }

.a2-chatbot__brand-logo { margin-top: -1px; }

.a2-chatbot__brand > div {
    padding-top: 3px;
}

/* Yanıt beklenirken yeni soru gönderilemez; alanlar bunu göstersin. */
.a2-chatbot--busy .a2-chatbot__suggestions button {
    cursor: not-allowed;
    opacity: .42;
    pointer-events: none;
}

.a2-chatbot--busy .a2-chatbot__suggestions button:hover {
    border-color: #dbe5f7;
    background: #fff;
    box-shadow: none;
    transform: none;
}

.a2-chatbot--busy .a2-chatbot__form input {
    background: #f1f4fa;
    color: #9aa5bc;
    cursor: not-allowed;
}

.a2-chatbot__form button:disabled {
    box-shadow: none;
    cursor: wait;
    opacity: .45;
    transform: none;
}

/* A2 Asistan başlığı: yan yazı kaldırılınca sol taraf boş kaldı; mevcut
   ögeleri büyütüp "Çevrimiçi"yi rozete çevirerek alan dengelendi. */
.a2-chatbot__brand {
    flex: 1;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.a2-chatbot__brand > div {
    padding-top: 0;
}

.a2-chatbot__brand-logo {
    width: 44px;
    height: 44px;
    margin-top: 0;
    border-radius: 12px;
}

.a2-chatbot__brand-logo img {
    width: 33px;
    height: 33px;
}

.a2-chatbot__header strong {
    font-size: 17px;
    font-weight: 850;
    line-height: 1.15;
}

.a2-chatbot__header small {
    width: fit-content;
    margin-top: 6px;
    padding: 3px 10px 3px 8px;
    border: 1px solid rgba(61, 220, 132, .3);
    border-radius: 999px;
    background: rgba(61, 220, 132, .14);
    color: #a9f2cb;
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Başlıkta logo, ad ve durum rozeti tek satırda yan yana. */
.a2-chatbot__brand > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.a2-chatbot__header strong {
    flex: 0 0 auto;
    white-space: nowrap;
}

.a2-chatbot__header small {
    flex: 0 0 auto;
    margin-top: 0;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .a2-chatbot__header { padding: 14px 15px; }
    .a2-chatbot__brand { gap: 10px; }
    .a2-chatbot__brand > div { gap: 8px; }
    .a2-chatbot__brand-logo { width: 38px; height: 38px; }
    .a2-chatbot__brand-logo img { width: 28px; height: 28px; }
    .a2-chatbot__header strong { font-size: 15px; }
    .a2-chatbot__header small { padding: 3px 8px 3px 7px; font-size: 9.5px; letter-spacing: .02em; }
    .a2-chatbot__actions { gap: 5px; }
}

/* ==========================================================================
   A2 Asistan — kısa ekranlarda panel yüksekliği

   Mesaj alanının 250px'lik sabit alt sınırı, pencereyi ekrana sığabilecek
   olandan uzun yapıyordu; 14" laptoplarda alttaki WhatsApp barı kırpılıp
   görünmez oluyordu. Alt sınır artık satırda değil panelin kendisinde:
   yer varsa pencere ferah açılır, yer yoksa mesaj alanı kısalıp kaydırılır,
   ama başlık / öneriler / yazma alanı / WhatsApp barı her zaman görünür.
   ========================================================================== */
.a2-chatbot__panel {
    grid-template-rows: auto minmax(0, 1fr) auto auto auto;
    min-height: min(520px, calc(100dvh - 132px));
}

.a2-chatbot__messages {
    min-height: 0;
}

/* Dikey alan iyice daraldığında iç boşluklar da toparlanır. */
@media only screen and (max-height: 760px) {
    .a2-chatbot__panel {
        min-height: min(430px, calc(100dvh - 122px));
        max-height: calc(100dvh - 110px);
    }

    .a2-chatbot__header { padding: 13px 16px; }
    .a2-chatbot__brand-logo { width: 40px; height: 40px; }
    .a2-chatbot__brand-logo img { width: 30px; height: 30px; }
    .a2-chatbot__messages { gap: 11px; padding: 15px 16px; }
    .a2-chatbot__suggestions { padding: 11px 16px 9px; }
    .a2-chatbot__form { padding: 10px 16px 12px; }
    .a2-chatbot__form input { height: 41px; }
    .a2-chatbot__form button { width: 41px; height: 41px; flex-basis: 41px; }
    .a2-chatbot__whatsapp { padding: 10px 16px; font-size: 12px; }
    .a2-chatbot__whatsapp-icon { width: 27px; height: 27px; flex-basis: 27px; }
}

@media only screen and (max-height: 620px) {
    .a2-chatbot__panel { min-height: 0; }
    .a2-chatbot__suggestions { display: none; }
}

/* ==========================================================================
   A2 Asistan — başlık yerleşimi ve bildirim kartı oranı
   ========================================================================== */

/* "Çevrimiçi" rozeti sağ tarafa, küçült/kapat düğmelerinin yanına geçti. */
.a2-chatbot__header {
    gap: 12px;
}

.a2-chatbot__brand > div {
    display: block;
}

.a2-chatbot__status {
    flex: 0 0 auto;
    margin-left: auto;
}

.a2-chatbot__actions {
    flex: 0 0 auto;
}

/* Bildirim kartı: daha alçak bir gövde, avatar üst hizada. */
.a2-chatbot__teaser {
    align-items: flex-start;
    gap: 11px;
    padding: 10px 15px 11px 11px;
}

.a2-chatbot__teaser::after {
    bottom: 24px;
}

.a2-chatbot__teaser-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    margin-top: 1px;
    border-radius: 11px;
}

.a2-chatbot__teaser-text {
    padding-top: 1px;
}

.a2-chatbot__teaser small {
    margin-top: 3px;
}

.a2-chatbot__teaser-dots {
    align-self: center;
}

.a2-chatbot__teaser-dismiss {
    bottom: 58px;
}

@media only screen and (max-width: 991px) {
    .a2-chatbot__status { font-size: 9.5px; }
}

/* Yanıt akarken yanıp sönen imleç: metnin devam ettiği belli olsun. */
.a2-chatbot__message--streaming::after {
    display: inline-block;
    width: 2px;
    height: 1em;
    margin-left: 3px;
    background: var(--oslim-base);
    content: "";
    vertical-align: -2px;
    animation: a2ChatCaret 1s steps(2, end) infinite;
}

@keyframes a2ChatCaret {
    50% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .a2-chatbot__message--streaming::after { animation: none; }
}

/* ==========================================================================
   SEKTÖRLER — altı kartlık sektör ızgarası

   Kartlar fotoğraf olmadan da eksiksiz görünsün diye üst alanda gradyanlı bir
   numara bloğu var; panelden görsel girildiğinde onun yerini fotoğraf alıyor.
   Çerçeve ve hover davranışı sitenin geri kalanıyla aynı dili konuşuyor.
   ========================================================================== */
.a2-sectors {
    padding: 100px 0 112px;
}

.a2-sectors__intro {
    max-width: 820px;
    margin-bottom: 54px;
}

.a2-sectors__intro p {
    margin: 0;
}

.a2-sectors__intro p + p {
    margin-top: 16px;
}

.a2-sectors__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.a2-sector-card {
    position: relative;
    isolation: isolate;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid rgba(126, 178, 255, .34);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(14, 47, 110, .07);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.a2-sector-card:hover {
    border-color: rgba(14, 89, 242, .45);
    box-shadow: 0 20px 42px rgba(14, 47, 110, .14), 0 0 20px rgba(80, 164, 255, .14);
    transform: translateY(-4px);
}

.a2-sector-card__head {
    position: relative;
    display: grid;
    overflow: hidden;
    height: 132px;
    background: linear-gradient(135deg, #0b3fae, #0e59f2 52%, #4ebff6);
    place-items: center;
}

.a2-sector-card__head img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.a2-sector-card__head::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(4, 26, 80, .1), rgba(4, 26, 80, .52));
    content: "";
}

.a2-sector-card__number {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, .92);
    font-size: 46px;
    font-weight: 850;
    letter-spacing: -.04em;
    line-height: 1;
    text-shadow: 0 4px 18px rgba(3, 20, 62, .35);
}

.a2-sector-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 24px 24px 26px;
}

.a2-sector-card__body h2 {
    margin: 0 0 12px;
    color: var(--oslim-black);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
}

.a2-sector-card__body > p {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
}

.a2-sector-card__list {
    margin: 18px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid #e6edf9;
    list-style: none;
}

.a2-sector-card__list li {
    position: relative;
    padding-left: 22px;
    color: #4a5772;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.a2-sector-card__list li + li {
    margin-top: 10px;
}

.a2-sector-card__list li::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--oslim-base);
    content: "";
    transform: rotate(45deg);
}

.a2-sectors__closing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 54px;
    padding: 36px 40px;
    border: 1px solid rgba(126, 178, 255, .34);
    border-radius: 14px;
    background: linear-gradient(135deg, #f5f9ff, #eaf1ff 70%, #f6faff);
}

.a2-sectors__closing h2 {
    margin: 0 0 10px;
    color: var(--oslim-black);
    font-size: 26px;
    font-weight: 800;
}

.a2-sectors__closing p {
    max-width: 720px;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}

.a2-sectors__closing .thm-btn {
    flex: 0 0 auto;
}

@media only screen and (max-width: 1199px) {
    .a2-sectors { padding: 82px 0 92px; }
    .a2-sectors__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
    .a2-sectors__intro { margin-bottom: 44px; }
}

@media only screen and (max-width: 767px) {
    .a2-sectors { padding: 65px 0 76px; }
    .a2-sectors__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .a2-sector-card__head { height: 112px; }
    .a2-sector-card__number { font-size: 38px; }
    .a2-sector-card__body { padding: 20px 20px 22px; }
    .a2-sector-card__body h2 { font-size: 18px; }
    .a2-sectors__closing { flex-direction: column; align-items: flex-start; gap: 22px; padding: 26px 22px; }
    .a2-sectors__closing h2 { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .a2-sector-card:hover { transform: none; }
}