/* ==========================================================================
   Section aracının ortak CSS'i
   Her projede aynıdır; projeye özel tasarım style.css içindedir.
   Layout'ta style.css'ten önce yüklenir.
   ========================================================================== */

/* ----- Bölüm boşlukları -----
   Panelde "Section Biçimi > Üst / Alt Boşluk" seçimine göre <section> etiketine eklenir.
   Sınıf adındaki sayı masaüstündeki piksel değeridir; dar ekranda küçülür.
   Bölümün kendi boşluğunu ezmesi için !important kullanılır. */
.pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pt-75 {
    padding-top: 75px !important;
}
.pb-75 {
    padding-bottom: 75px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.pt-125 {
    padding-top: 125px !important;
}
.pb-125 {
    padding-bottom: 125px !important;
}
.pt-150 {
    padding-top: 150px !important;
}
.pb-150 {
    padding-bottom: 150px !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pt-50 {
        padding-top: 40px !important;
    }
    .pb-50 {
        padding-bottom: 40px !important;
    }
    .pt-75 {
        padding-top: 55px !important;
    }
    .pb-75 {
        padding-bottom: 55px !important;
    }
    .pt-100 {
        padding-top: 70px !important;
    }
    .pb-100 {
        padding-bottom: 70px !important;
    }
    .pt-125 {
        padding-top: 85px !important;
    }
    .pb-125 {
        padding-bottom: 85px !important;
    }
    .pt-150 {
        padding-top: 100px !important;
    }
    .pb-150 {
        padding-bottom: 100px !important;
    }
}

/* Telefon */
@media (max-width: 575px) {
    .pt-50 {
        padding-top: 30px !important;
    }
    .pb-50 {
        padding-bottom: 30px !important;
    }
    .pt-75 {
        padding-top: 40px !important;
    }
    .pb-75 {
        padding-bottom: 40px !important;
    }
    .pt-100 {
        padding-top: 50px !important;
    }
    .pb-100 {
        padding-bottom: 50px !important;
    }
    .pt-125 {
        padding-top: 60px !important;
    }
    .pb-125 {
        padding-bottom: 60px !important;
    }
    .pt-150 {
        padding-top: 70px !important;
    }
    .pb-150 {
        padding-bottom: 70px !important;
    }
}

/* ----- Katmanlı arka plan (Arka Plan: "Bağımsız Katman") -----
   Bölümün kendi sınıfında position: relative olmalıdır. */
.absolutebg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* ----- Grid blokları ----- */
.img-box img,
[class^="img-box-"] img,
.img-text-box img {
    max-width: 100%;
    height: auto;
}

.row > div > video {
    width: 100%;
}

.icon-text-box i {
    font-size: 3rem;
    margin-bottom: 15px;
}

/* Resim + Metin bloğu: "Arka Plan Resmi" düzeni */
.img-text-box.cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}