/* intro-text, .desc'in genis yan bosluklarini degil, standart .container hizasini kullanir */
section.desc.intro-text .container {
    padding-left: var(--con-pad);
    padding-right: var(--con-pad);
}

.slider-top-sections section.desc:not(.team) {
    padding: 80px 0;
}

@media only screen and (max-width: 767px) {
    .slider-top-sections section.desc:not(.team) {
        padding: 60px 0;
    }
}

strong {
    font-weight: 700 !important;
}

b {
    font-weight: 700 !important;
}

@media (min-width: 768px) {
    .hidden-title {
        opacity: 0 !important;
    }
}

@media (max-width: 767px) {
    .hidden-title {
        display: none !important;
    }
}

nav.main .top .title.first::before {
    opacity: 0 !important;
}

nav.main .top {
    justify-content: space-evenly !important;
}

.display-mobile {
    display: none !important;
}

@media (max-width: 767px) {
    .display-mobile {
        display: inline-block !important;
    }
}

/* ─── numbers / numbers-cards ortak temeli ───────────────────────────────────
   numbers-cards blogu ccnaltyapi'de gelistirildi ve sablonu her siteye yayildi,
   ama dayandigi bu temel kurallar tema dosyalarinda kalmisti: 4 sitede hic
   yoktu, 4 sitede ikon/aciklama kurallari eksikti. Blok ancak burada tek
   kaynaktan geldiginde her yerde ayni calisiyor. */

/* Ok navigasyonu — 5'ten fazla ogede gorunur */
.numbers .numbers-nav {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    margin-bottom: 90px;
}

.numbers .numbers-nav .numbers-arrow {
    background: none;
    border: 0;
    padding: 0;
    color: #000;
    line-height: 0;
    cursor: pointer;
    transition: opacity 0.3s;
}

.numbers .numbers-nav .numbers-arrow:hover {
    opacity: 0.6;
}

.numbers .numbers-nav .numbers-arrow.swiper-button-disabled {
    opacity: 0.25;
    pointer-events: none;
}

/* Swiper ile kaydirilan liste */
.numbers .numbers-slider {
    overflow: hidden;
    margin-left: -34px;
    margin-right: -34px;
}

.numbers .numbers-slider .numbers-scroll {
    display: flex;
    grid-template-columns: none;
}

.numbers .numbers-slider .numbers-scroll .item {
    height: auto;
    padding: 0 34px;
    border-right: 1px solid rgba(0, 0, 0, 0.35);
}

.numbers .numbers-slider .numbers-scroll .item:first-child {
    padding-left: 34px;
}

/* Ikon ve aciklama alanlari */
.numbers .numbers-scroll .item .icon {
    margin-bottom: 40px;
    line-height: 0;
}

.numbers .numbers-scroll .item .icon img {
    width: auto;
    height: 64px;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}

.numbers .numbers-scroll .item .desc {
    margin-top: 22px;
    font-size: 0.9rem;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 1450px) {
    .numbers .numbers-scroll .item .icon {
        margin-bottom: 32px;
    }
    .numbers .numbers-scroll .item .icon img {
        height: 56px;
    }
}

@media (max-width: 1262px) {
    .numbers .numbers-scroll .item .icon {
        margin-bottom: 26px;
    }
    .numbers .numbers-scroll .item .icon img {
        height: 48px;
    }
    .numbers .numbers-scroll .item .desc {
        font-size: 0.85rem;
    }
}

@media only screen and (max-width: 767px) {
    .numbers .numbers-nav {
        display: none;
    }
    .numbers .numbers-slider {
        margin-left: 0;
        margin-right: 0;
    }
    .numbers .numbers-slider .numbers-scroll .item {
        padding: 0 20px;
        border-bottom: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.35);
    }
    .numbers .numbers-slider .numbers-scroll .item:first-child {
        padding-left: 0;
    }
    .numbers .numbers-scroll .item .icon {
        margin-bottom: 24px;
    }
    .numbers .numbers-scroll .item .icon img {
        height: 48px;
    }
    .numbers .numbers-scroll .item .desc {
        margin-top: 14px;
    }
}

/* ─── numbers-cards blogu ────────────────────────────────────────────────────
   Onceden her sitenin style.css'inde kopya duruyordu ve tipografiyi tema
   temelinden miras aliyordu; .title her temada farkli oldugu icin blok her
   sitede baska gorunuyordu (ccn'de 1.1rem/700, ccnaltyapi'de 0.95rem/500).
   Blogun kendi tipografisi burada sabit — tema ne olursa olsun ayni cikar. */
.numbers.numbers-cards .numbers-scroll .item {
    min-height: 0;
    height: auto;
    justify-content: flex-start;
}

.numbers.numbers-cards .numbers-scroll .item .icon {
    margin-bottom: 26px;
}

.numbers.numbers-cards .numbers-scroll .item .icon img {
    height: 48px;
}

/* Tema temeline birakilmaz: baslik her sitede ayni kucuk versal etiket olmali */
.numbers.numbers-cards .numbers-scroll .item .title {
    min-height: 2.8em;
    margin-bottom: 26px;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.numbers.numbers-cards .numbers-scroll .item .number {
    margin-top: 0;
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 500;
}

.numbers.numbers-cards .numbers-scroll .item .number .value,
.numbers.numbers-cards .numbers-scroll .item .number .unit {
    display: block;
}

.numbers.numbers-cards .numbers-scroll .item .number .unit {
    font-size: 1.8rem;
    font-weight: 500;
}

.numbers.numbers-cards .numbers-scroll .item .desc {
    margin-top: 26px;
}

@media (max-width: 1450px) {
    .numbers.numbers-cards .numbers-scroll .item .number {
        font-size: 2.6rem;
    }
    .numbers.numbers-cards .numbers-scroll .item .number .unit {
        font-size: 1.6rem;
    }
}

@media (max-width: 1262px) {
    .numbers.numbers-cards .numbers-scroll .item {
        min-height: 0;
    }
    .numbers.numbers-cards .numbers-scroll .item .number {
        font-size: 2.2rem;
    }
    .numbers.numbers-cards .numbers-scroll .item .number .unit {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 767px) {
    .numbers.numbers-cards .numbers-scroll .item .title {
        min-height: 0;
        margin-bottom: 20px;
    }
    .numbers.numbers-cards .numbers-scroll .item .number {
        font-size: 2.4rem;
    }
    .numbers.numbers-cards .numbers-scroll .item .number .unit {
        font-size: 1.5rem;
    }
    .numbers.numbers-cards .numbers-scroll .item .desc {
        margin-top: 16px;
    }
}