body {
    color: #333;
    font-family: 'Montserrat', sans-serif;
}
#loader-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #891a4f;
    z-index: 9999999999999;
}
#loader-overlay2 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #420136;
    z-index: 9999999999999;
}
#loader-overlay3 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #ff912d;
    z-index: 9999999999999;
}
#loader-overlay4 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #22908c;
    z-index: 9999999999999;
}
#loader-overlay img {
    position: relative;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#loader-overlay2 img {
    position: relative;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#loader-overlay3 img {
    position: relative;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#loader-overlay4 img {
    position: relative;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
a {
    color: #971a4b;
    text-decoration: none;
}
    a:hover {
        color: #751138;
        text-decoration: none;
    }
.clear {
    clear: both;
}
.btn-xs {
    padding: 2px 6px;
    font-size: 12px;
}
.btn-pink-outline.btn-icon,
.btn-purple-outline.btn-icon,
.btn-teal-outline.btn-icon,
.btn-orange-outline.btn-icon,
.btn-white-outline.btn-icon {
    padding: 7px 10px 7px 20px;
    font-size: 13px;
    margin-left: 10px;
}
    .btn-pink-outline.btn-icon i,
    .btn-purple-outline.btn-icon i,
    .btn-teal-outline.btn-icon i,
    .btn-orange-outline.btn-icon i,
    .btn-white-outline.btn-icon i {
        float: left;
        margin: -1px 5px 0px -31px;
        font-size: 23px;
        line-height: 10px;
    }
.btn-sm.btn-icon {
    padding: 1px 10px 1px 12px;
    font-size: 10px;
    margin-left: 10px;
}
    .btn-sm.btn-icon i {
        float: left;
        margin: 0px 5px 0px -19px;
        font-size: 14px;
        line-height: 10px;
    }
.font-weight-300 {
    font-weight: 300;
}
.font-weight-400 {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700 {
    font-weight: 700;
}
.font-weight-800 {
    font-weight: 800;
}
.font-weight-900 {
    font-weight: 900;
}
.font-size-10 {
    font-size: 10px !important;
}
.font-size-11 {
    font-size: 11px !important;
}
.font-size-12 {
    font-size: 12px !important;
}
.font-size-13 {
    font-size: 13px !important;
}
.font-size-14 {
    font-size: 14px !important;
}
.font-size-15 {
    font-size: 15px !important;
}
.font-size-16 {
    font-size: 16px !important;
}
.font-size-17 {
    font-size: 17px !important;
}
.font-size-18 {
    font-size: 18px !important;
}
.font-size-19 {
    font-size: 19px !important;
}
.font-size-20 {
    font-size: 20px !important;
}
.font-size-22 {
    font-size: 22px !important;
}
.font-size-23 {
    font-size: 23px !important;
}
.font-size-24 {
    font-size: 24px !important;
}
.font-size-25 {
    font-size: 25px !important;
}
.font-size-26 {
    font-size: 26px !important;
}
.font-size-30 {
    font-size: 30px !important;
}
.font-size-35 {
    font-size: 35px !important;
}
.font-size-40 {
    font-size: 40px !important;
}
.font-size-50 {
    font-size: 50px !important;
}
.line-height-13 {
    line-height: 13px !important;
}
.line-height-14 {
    line-height: 14px !important;
}
.line-height-20 {
    line-height: 20px !important;
}
.line-height-22 {
    line-height: 22px !important;
}
.line-height-30 {
    line-height: 30px !important;
}
.line-height-40 {
    line-height: 40px !important;
}
.line-height-45 {
    line-height: 45px !important;
}
.line-height-55 {
    line-height: 55px !important;
}
.line-height-16em {
    line-height: 1.6em !important;
}
.line-height-2em {
    line-height: 2em !important;
}
.top {
    border-width: 3px !important;
}
.call {
    width: 140px;
    line-height: 1.6em;
}
    .call .phone-label {
        position: relative;
        margin-top: -9px;
        font-size: 12px;
    }
    .call .phone-number {
        letter-spacing: 0.4px;
    }
    .call i {
        float: left;
        margin: 3px 4px 0px 0px;
    }
.student-login a {
    font-size: 14px;
}
    .student-login a:hover {
        color: #fff;
        text-decoration: none;
    }
.navbar .nav-item a {
    color: #333;
}
    .navbar .nav-item a:hover {
        color: #971a4b;
    }
.navbar .nav-item.active a {
    color: #971a4b;
    font-weight: bold;
}
.navbar-toggler {
    padding: 0;
    font-size: 1.75rem;
}
    .navbar-toggler img {
        width: 100px;
    }
.pattern-block a:hover .w-block-bg {
    transform: scale(1.4);
}
.pattern-block a:hover .w-block img {
    transform: translateY(75px);
}
.pattern-block a:hover .w-block-texts {
    transform: translateY(-75px);
}
.w-block {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.w-block-bg {
    z-index: 1;
    position: absolute;
    height: 500px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.w-block-contents {
    position: relative;
    z-index: 2;
}
.w-block img {
    width: 33%;
    margin: 0 auto;
}
.w-block-texts {
    margin-top: 200px;
    font-size: 25px;
}
.w-block-moda {
    width: 258px;
    height: 88px;
    line-height: 88px;
    font-size: 40px;
    margin: 0 auto;
}
.w-block-bg, .w-block-texts, .w-block img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.dil-egitimi-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.dil-egitimi-b .w-block-bg {
    background-image: url("/images/dilEgitimi1.jpg");
}
.uzaktan-egitim-b .w-block-moda {
    background: url("../image/uzaktanEgitim1Box.png");
}
.uzaktan-egitim-b .w-block-bg {
    background-image: url("/images/uzaktanEgitim1.jpg");
}
.yayinlar-b .w-block-moda {
    background: url("../image/dilYayinlari1Box.png");
}
.yayinlar-b .w-block-bg {
    background-image: url("/images/dilYayinlari1.jpg");
}
.sube-ankara-b .w-block-bg {
    background-image: url("/images/subetanitim/ANKARA_MODADIL.png");
}
.sube-ankara-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-eryaman-b .w-block-bg {
    background-image: url("/images/subetanitim/ERYAMAN_MODADIL.jpg");
}
.sube-eryaman-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-aydin-b .w-block-bg {
    background-image: url("/images/subetanitim/AYDIN_MODADIL.jpg");
}
.sube-aydin-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-izmir-b .w-block-bg {
    background-image: url("/images/subetanitim/IZMIR_MODADIL.jpg");
}
.sube-izmir-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
	
	
}
.sube-kirikkale-b .w-block-bg {
    background-image: url("/images/subetanitim/KIRIKKALE_MODADIL.jpg");
}
.sube-kirikkale-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-antalya-b .w-block-bg {
    background-image: url("/images/subetanitim/ANTALYA_MODADIL.jpg");
}
.sube-antalya-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-denizli-b .w-block-bg {
    background-image: url("/images/subetanitim/DENIZLI_MODADIL.jpg");
}
.sube-denizli-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-gaziantep-sahinbey-b .w-block-bg {
    background-image: url("/images/subetanitim/GAZIANTEP_MODADIL.jpg");
}
.sube-gaziantep-sahinbey-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-gaziantep-b .w-block-bg {
    background-image: url("/images/subetanitim/GAZIANTEP_MODADIL.jpg");
}
.sube-gaziantep-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-elazig-b .w-block-bg {
    background-image: url("/images/subetanitim/ELAZIG_MODADIL.jpg");
}
.sube-elazig-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-van-b .w-block-bg {
    background-image: url("/images/subetanitim/VAN_MODADIL.jpg");
}
.sube-van-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-gebze-b .w-block-bg {
    background-image: url("/images/subetanitim/GEBZE_MODADIL.jpg");
}
.sube-gebze-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-kahramanmaras-b .w-block-bg {
    background-image: url("/images/subetanitim/KAHRAMANMARAS_MODADIL.jpg");
}
.sube-kahramanmaras-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-bingol-b .w-block-bg {
    background-image: url("/images/subetanitim/BINGOL_MODADIL.jpg");
}
.sube-bingol-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-mersin-b .w-block-bg {
    background-image: url("/images/subetanitim/MERSIN_MODADIL.jpg");
}
.sube-mersin-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-eskisehir-b .w-block-bg {
    background-image: url("/images/subetanitim/ESKISEHIR_MODADIL.jpg");
}
.sube-eskisehir-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-trabzon-b .w-block-bg {
    background-image: url("/images/subetanitim/TRABZON_MODADIL.jpg");
}
.sube-trabzon-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-diyarbakir-b .w-block-bg {
    background-image: url("/images/subetanitim/DIYARBAKIR_MODADIL.jpg");
}
.sube-diyarbakir-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-isparta-b .w-block-bg {
    background-image: url("/images/subetanitim/ISPARTA_MODADIL.jpg");
}
.sube-isparta-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-kastamonu-b .w-block-bg {
    background-image: url("/images/subetanitim/KASTAMONU_MODADIL.jpg");
}
.sube-kastamonu-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-kayseri-b .w-block-bg {
    background-image: url("/images/subetanitim/KAYSERI_MODADIL.jpg");
}
.sube-kayseri-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-konya-b .w-block-bg {
    background-image: url("/images/subetanitim/KONYA_MODADIL.jpg");
}
.sube-konya-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-samsun-b .w-block-bg {
    background-image: url("/images/subetanitim/SAMSUN_MODADIL.jpg");
}
.sube-samsun-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-urfa-b .w-block-bg {
    background-image: url("/images/subetanitim/URFA_MODADIL.jpg");
}
.sube-urfa-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-kirsehir-b .w-block-bg {
    background-image: url("/images/subetanitim/KIRSEHIR_MODADIL.jpg");
}
.sube-kirsehir-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-malatya-b .w-block-bg {
    background-image: url("/images/subetanitim/MALATYA_MODADIL.jpg");
}
.sube-malatya-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-erzincan-b .w-block-bg {
    background-image: url("/images/subetanitim/ERZINCAN_MODADIL.jpg");
}
.sube-erzincan-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-sakarya-b .w-block-bg {
    background-image: url("/images/subetanitim/SAKARYA_MODADIL.jpg");
}
.sube-sakarya-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-hatay-b .w-block-bg {
    background-image: url("/images/subetanitim/HATAY_MODADIL.jpg");
}
.sube-hatay-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-bakirkoy-b .w-block-bg {
    background-image: url("/images/subetanitim/BAKIRKOY_MODADIL.jpg");
}
.sube-bakirkoy-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.sube-bursa-b .w-block-bg {
    background-image: url("/images/subetanitim/BURSA_MODADIL.jpg");
}
.sube-bursa-b .w-block-moda {
    background: url("../image/dilEgitimi1Box.png");
}
.bg-pattern {
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 0px;
    background-repeat: repeat;
}
    .bg-pattern.static {
        height: 420px;
    }
.sub-page .bg-pattern.static {
    height: 185px;
}
/* Eski pattern*.png (koyu 3B küp) yerine ince diyagonal çizgi — bkz _analiz/teal-desen-mockup.html "C" */
.bg-pattern.bg-orange,
.bg-pattern.bg-pink,
.bg-pattern.bg-purple,
.bg-pattern.bg-teal {
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 14px);
}
.student-comments .detail, .student-table .detail {
    line-height: 13px;
}
.student-table .actions {
    padding-top: 1px;
}
    .moda-app .detail {
        margin: 10px 200px 80px 0px;
    }
.full-width-bg div {
    position: absolute;
    background-size: cover;
    background-position: center;
}
    .full-width-bg div.bg1 {
        eight:: 650px;
        background-image: url("/images/modadilakademisi_bg.jpg");
    }
.new-groups-pink-block {
    height: 265px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
    .new-groups-pink-block .position-absolute {
        margin: -43px 0px 0px -56px;
    }
        .new-groups-pink-block .position-absolute i {
            font-size: 272px;
            color: rgba(0,0,0,.15);
        }
.pink-block,
.orange-block,
.teal-block {
    height: 160px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
    .pink-block .position-absolute,
    .orange-block .position-absolute,
    .teal-block .position-absolute {
        margin: -39px 0px 0px -96px;
    }
        .pink-block .position-absolute i,
        .orange-block .position-absolute i,
        .teal-block .position-absolute i {
            font-size: 169px;
            color: rgba(0,0,0,.15);
        }
.book-categories .navbar-toggler {
    margin: 0 auto;
}
.btn-filter-wrap {
    display: inline;
    text-align: center;
}
    .btn-filter-wrap a {
        margin: 5px;
        display: inline-block;
        padding: 5px 8px;
        color: #333;
        background: #fff;
        font-size: 14px;
    }
        .btn-filter-wrap a.btn-active {
            color: #971a4b;
        }
.btn-filter-wrap2 {
    display: inline;
    text-align: center;
}
    .btn-filter-wrap2 a {
        margin: 5px;
        display: inline-block;
        padding: 10px 8px;
        color: #fff;
        background: #359d99;
        font-size: 15px;
        font-weight: 600;
    }
        .btn-filter-wrap2 a.btn-active {
            color: #fff;
            background: #64c6c3;
        }
.btn-filter-wrap3 {
    display: inline;
    text-align: center;
}
    .btn-filter-wrap3 a {
        margin: 5px;
        display: inline-block;
        padding: 10px 8px;
        color: #fff;
        background: #f97f10;
        font-size: 15px;
        font-weight: 600;
    }
        .btn-filter-wrap3 a.btn-active {
            color: #fff;
            background: #ffa450;
        }
.books .item, .product-box {
    background: #fff;
    transition: .8s;
    -webkit-transition: .8s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
    .books .item.__loading {
        opacity: 0;
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }
    .books .item .info, .product-box .info {
        position: absolute;
        margin-top: 20px;
    }
        .books .item .info div, .product-box .info div {
            font-weight: 700;
            color: #fff;
            padding: 6px 18px;
            font-size: 14px;
            margin: 2px 0px;
            display: inline-block;
        }
            .books .item .info div:after, .product-box .info div:after {
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-width: 16px;
                margin: -5px 0px 0px 18px;
            }
        .books .item .info .discount-item, .product-box .info .discount-item {
            background: #981a4a;
        }
        .books .item .info .new-item, .product-box .info .new-item {
            background: #00bffe;
        }
        .books .item .info .discount-item:after, .product-box .info .discount-item:after {
            border-left-color: #981a4a;
        }
        .books .item .info .discount-item.bg-teal:after, .product-box .info .discount-item.bg-teal:after {
            border-left-color: #359d99;
        }
        .books .item .info .new-item:after, .product-box .info .nav-item:after {
            border-left-color: #00bffe;
        }
    .books .item img, .product-box img {
        max-width: 60%;
        display: inline-block;
        margin: 0 auto;
    }
    .books .item .img2 {
        max-width: 100%;
        display: inline-block;
        margin: 0 auto;
    }
    .books .old-price, .product-box .old-price {
        color: #aaa;
        text-decoration: line-through;
        font-size: 22px;
        line-height: 25px;
    }
    .books .new-price, .product-box .new-price {
        font-weight: bold;
        font-size: 35px;
        line-height: 40px;
    }
    .books .old-price2, .product-box .old-price2 {
        color: #aaa;
        text-decoration: line-through;
        font-size: 15px;
        line-height: 25px;
    }
    .books .new-price2, .product-box .new-price2 {
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
    }
    .books .old-price span,
    .books .new-price span,
    .product-box .old-price span,
    .product-box .new-price span {
        font-size: 45%;
        vertical-align: super;
    }
    .books .actions, .product-box .action {
        margin-top: 5px;
    }
        .books .actions a, .product-box .action a {
            display: block;
        }
.books2 .item, .product-box {
    background: #fff;
    transition: .8s;
    -webkit-transition: .8s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    border-radius: 10px;
}
    .books2 .item.__loading {
        opacity: 0;
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }
    .books2 .item .info, .product-box .info {
        position: absolute;
        margin-top: 4px;
    }
        .books2 .item .info div, .product-box .info div {
            font-weight: 700;
            color: #fff;
            padding: 3px 10px;
            font-size: 14px;
            margin: 2px 0px;
            display: inline-block;
        }
            .books2 .item .info div:after, .product-box .info div:after {
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-width: 13px;
                margin: -3px 0px 0px 10px;
            }
        .books2 .item .info .discount-item, .product-box .info .discount-item {
            background: #981a4a;
        }
        .books2 .item .info .new-item, .product-box .info .new-item {
            background: #00bffe;
        }
        .books2 .item .info .discount-item:after, .product-box .info .discount-item:after {
            border-left-color: #981a4a;
        }
        .books2 .item .info .discount-item.bg-teal:after, .product-box .info .discount-item.bg-teal:after {
            border-left-color: #359d99;
        }
        .books2 .item .info .new-item:after, .product-box .info .nav-item:after {
            border-left-color: #00bffe;
        }
    .books2 .item img, .product-box img {
        max-width: 45%;
        display: inline-block;
        margin: 0 auto;
    }
    .books2 .item .img2 {
        max-width: 100%;
        display: inline-block;
        margin: 0 auto;
    }
    .books2 .old-price, .product-box .old-price {
        color: #aaa;
        text-decoration: line-through;
        font-size: 22px;
        line-height: 25px;
    }
    .books2 .new-price, .product-box .new-price {
        font-weight: bold;
        font-size: 35px;
        line-height: 40px;
    }
    .books2 .old-price2, .product-box .old-price2 {
        color: #aaa;
        text-decoration: line-through;
        font-size: 15px;
        line-height: 25px;
    }
    .books2 .new-price2, .product-box .new-price2 {
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
    }
    .books2 .old-price span,
    .books2 .new-price span,
    .product-box .old-price span,
    .product-box .new-price span {
        font-size: 45%;
        vertical-align: super;
    }
    .books2 .actions, .product-box .action {
        margin-top: 5px;
    }
        .books2 .actions a, .product-box .action a {
            display: block;
        }
.owl-dots {
    text-align: center;
}
.owl-dot {
    margin: 20px 2px;
}
    .owl-dot span {
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: transparent;
        border: 1px solid #333;
    }
    .owl-dot.active span {
        background: #333333;
    }
footer ul {
    padding: 0px;
}
    footer ul li {
        list-style-type: none;
        display: block;
        padding: 0px;
    }
    footer ul li a {
        color: #fff;
        font-size: 14px;
    }
.haberul {
    padding: 0px;
}
    .haberul li {
        list-style-type: none;
        display: block;
        padding: 0px;
        line-height: 1.8em !important;
    }
        .haberul li a {
            font-size: 15px;
        }
footer img {
    width: 125px;
}
.like-btn .counter {
    float: left;
    line-height: 25px;
    height: 30px;
    color: #333;
    padding: 3px 6px;
    margin: 6px 0px 0px 6px;
    min-width: 30px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
}
.top-slider {
    text-align: center;
    margin-bottom: -1px;
}
    .top-slider .item {
        height: 500px;
        width: 100%;
        background-size: cover;
        background-position: center;
    }
    .top-slider .owl-dots {
        position: relative;
        display: block;
        width: fit-content;
        width: -moz-max-content; /* Firefox/Gecko */
        margin: 0 auto;
        margin-top: -44px;
        background: rgba(59,0,48,.8);
        padding: 14px 30px 7px 30px;
    }
    .top-slider.owl-orange .owl-dots {
        background: rgba(255, 145, 45,.8);
    }
    .top-slider.owl-teal .owl-dots {
        background: rgba(53, 157, 153,.8);
    }
    .top-slider.owl-orange .owl-dot span,
    .top-slider.owl-teal .owl-dot span {
        border: 1px solid #fff !important;
    }
    .top-slider.owl-orange .owl-dot.active span,
    .top-slider.owl-teal .owl-dot.active span {
        background: #fff !important;
    }
    .top-slider .owl-dot {
        margin: 0px 2px !important;
    }
.default-slider {
    text-align: center;
    margin-bottom: -1px;
}
    .default-slider .item {
        height: 300px;
        width: 100%;
        background-position: center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .default-slider .owl-dots {
        position: relative;
        display: block;
        width: fit-content;
        width: -moz-max-content; /* Firefox/Gecko */
        margin: 0 auto;
        margin-top: -50px;
        background: rgba(59,0,48,.8);
        padding: 14px 30px 7px 30px;
    }
    .default-slider.owl-orange .owl-dots {
        background: rgba(255, 145, 45,.8);
    }
    .default-slider.owl-teal .owl-dots {
        background: rgba(53, 157, 153,.8);
    }
    .default-slider.owl-orange .owl-dot span,
    .default-slider.owl-teal .owl-dot span {
        border: 1px solid #fff !important;
    }
    .default-slider.owl-orange .owl-dot.active span,
    .default-slider.owl-teal .owl-dot.active span {
        background: #fff !important;
    }
    .default-slider .owl-dot {
        margin: 0px 2px !important;
    }
.center-right-slider {
    text-align: center;
    margin-bottom: -1px;
}
    .center-right-slider .item {
        height: 350px;
        width: 100%;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .center-right-slider .owl-dots {
        position: relative;
        display: block;
        width: fit-content;
        width: -moz-max-content; /* Firefox/Gecko */
        margin: 0 auto;
        margin-top: 0px;
        background: rgba(59,0,48,.8);
        padding: 2px 5px 2px 5px;
    }
    .center-right-slider.owl-orange .owl-dots {
        background: rgba(255, 145, 45,.8);
    }
    .center-right-slider.owl-teal .owl-dots {
        background: rgba(53, 157, 153,.8);
    }
    .center-right-slider.owl-orange .owl-dot span,
    .center-right-slider.owl-teal .owl-dot span {
        border: 1px solid #fff !important;
    }
    .center-right-slider.owl-orange .owl-dot.active span,
    .center-right-slider.owl-teal .owl-dot.active span {
        background: #fff !important;
    }
    .center-right-slider .owl-dot {
        margin: 0px 2px !important;
    }
        .center-right-slider .owl-dot span {
            width: 10px;
            height: 10px;
            border: 1px solid #fff;
        }
.testimonials-slider {
    margin-bottom: -1px;
}
    .testimonials-slider .item {
        min-height: 300px;
    }
    .testimonials-slider .owl-dots {
        position: relative;
        display: block;
        width: fit-content;
        width: -moz-max-content; /* Firefox/Gecko */
        margin: 0 auto;
        margin-top: 0px;
        padding: 2px 5px 2px 5px;
        margin-top: -20px !important;
    }
    .testimonials-slider.owl-orange .owl-dots {
        background: rgba(255, 145, 45,.8);
    }
    .testimonials-slider.owl-teal .owl-dots {
        background: rgba(53, 157, 153,.8);
    }
    .testimonials-slider.owl-orange .owl-dot span,
    .testimonials-slider.owl-teal .owl-dot span {
        border: 1px solid #fff !important;
    }
    .testimonials-slider.owl-orange .owl-dot.active span,
    .testimonials-slider.owl-teal .owl-dot.active span {
        background: #fff !important;
        border: 1px solid #333;
        background-color: #161212 !important;
    }
    .testimonials-slider .owl-dot {
        margin: 0px 2px !important;
    }
        .testimonials-slider .owl-dot span {
            width: 14px;
            height: 14px;
            border: 1px solid #333;
            background-color: #d4d4d4 !important;
        }
.owl-dot span {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
}
.owl-dot.active span {
    background: #fff;
}
.inline-list {
    padding: 0px;
}
    .inline-list li {
        list-style-type: none;
        display: inline-block;
        margin: 3px;
    }
.display-list {
    padding: 0px;
}
    .display-list li {
        list-style-type: none;
        display: block;
        margin-bottom: 2px;
    }
    .display-list.w-half li {
        width: 45%;
        margin: 2%;
    }
.col-2-owl, .col-2-owl .item,
.col-block-items, .col-block-items .item {
    z-index: 1;
    position: relative;
}
    .col-2-owl .action, .col-block-items .action {
        position: absolute;
        margin-top: -18px;
        display: block;
        width: 100%;
        z-index: 2;
        text-align: center;
    }
        .col-2-owl .action .text-center, .col-block-items .action .text-center {
            background: #fff;
            position: relative;
            padding: 0px 33px;
            display: inline-block;
        }
        .col-2-owl .action a, .col-block-items .action a {
            margin: 0 auto;
            display: inline-block;
        }
    .col-2-owl .owl-dot {
        margin: 5px 2px 0px 2px;
    }
        .col-2-owl .owl-dot span {
            width: 15px;
            height: 15px;
            border: 1px solid #3b0030;
        }
        .col-2-owl .owl-dot.active span {
            background: #3b0030;
        }
.owl-orange .owl-dot span {
    border: 1px solid #ff912d;
}
.owl-orange .owl-dot.active span {
    background: #ff912d;
}
.owl-teal .owl-dot span {
    border: 1px solid #359d99;
}
.owl-teal .owl-dot.active span {
    background: #359d99;
}
.owl-purple .owl-dot span {
    border: 1px solid #971a4b;
}
.owl-purple .owl-dot.active span {
    background: #971a4b;
}
.sidebar.position-relative {
    margin: 25px 0px 0px 25px;
    z-index: 3;
}
.sidebar .list-group-item {
    padding: 10px 25px;
    font-size: 15px;
    list-style-type: none;
    margin-bottom: 0px !important;
}
.sidebar .list-group-item2 {
    padding: 10px 18px;
    font-size: 11px !important;
    list-style-type: none;
    margin-bottom: 0px !important;
}
.sidebar .lihead {
    padding: 10px 25px;
    font-size: 16px !important;
    font-weight: 600;
    list-style-type: none;
    margin-bottom: 5px;
    border-radius: 10px;
    background-color: #f2f2f2;
    border: 1px solid #9b9b9b7a;
}
.Aktif a {
    font-weight: 700 !important;
    color: #006439 !important;
}
.sidebar ul.list-group {
    padding: 0px 0px;
}
.sidebar .list-group-item .list-group {
    padding: 0px;
}
    .sidebar .list-group-item .list-group .list-group-item {
        border: none;
        padding-left: 10px;
    }
.quick-btns {
    transform: rotate(270deg);
    transform-origin: 73% 40%;
    position: fixed;
    z-index: 11;
    right: -60px;
    top: -1000px;
}
    .quick-btns div:last-child {
        height: 46px;
    }
    .quick-btns .call-you {
        cursor: pointer;
    }
.quantity input {
    border-radius: 0px;
    width: 35px !important;
}
.quantity button {
    border: 1px solid #ccc;
    background: #fff;
    font-weight: 700;
    font-size: 20px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    outline: none;
}
.product-info .label, .product-tabs .label {
    min-width: 140px;
    display: inline-block;
}
.product-tabs .label {
    min-width: 160px;
    display: inline-block;
}
.nav-tabs .nav-item {
    margin-bottom: 0px;
}
    .nav-tabs .nav-item .nav-link {
        border: none;
        border-radius: 0px;
        padding: 15px 17px;
        font-size: 13px;
        font-weight: 600;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: none;
    }
    .nav-tabs .nav-item:last-child {
        border: none;
    }
    .login > .row {
        height: 100vh;
        padding: 0px;
        margin: 0px;
    }
/* Eski pattern*.png yerine ince diyagonal çizgi (renk .bg-* sınıfından gelir) */
.sub-page-header.bg-orange,
.sub-page-header.bg-teal,
.sub-page-header.bg-pink,
.sub-page-header.bg-purple {
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 14px);
    background-repeat: repeat;
}
/* İletişim + Franchising: fotoğraf banner yerine bannersız şerit + beyaz oval card (Yayınlar deseni,
   ama sayfanın kendi rengiyle -> .bg-pink bordo). İçerik card ile şeridin üstüne yukarı çekilir. */
.sub-page-header.mdlfr-strip { height: 340px; }
.mdlfr-wrap {
    max-width: 1180px;
    margin: -300px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(20, 45, 43, .04), 0 24px 60px -26px rgba(20, 45, 43, .28);
    padding: 30px 34px 56px;
}
@media (max-width: 991px) {
    .sub-page-header.mdlfr-strip { height: 250px; }
    .mdlfr-wrap { margin-top: -215px; padding: 24px 20px 44px; }
}
@media (max-width: 600px) {
    .sub-page-header.mdlfr-strip { height: 190px; }
    .mdlfr-wrap { margin-top: -160px; padding: 20px 14px 34px; }
}

/* ===================================================================
   /subelerimiz  —  bannersız bordo şerit + beyaz oval kart,
   harita hero + şube kart ızgarası (Şablon A)
   =================================================================== */
.sb-subeler { --sb: #941949; --sb-deep: #6b0f36; --sb-soft: rgba(148,25,73,.10);
    --sb-ink: #211018; --sb-muted: #6B5A62; --sb-faint: #9A8B92;
    --sb-line: #E7E1E3; --sb-line2: #D9CFD3; --sb-surface: #FBF7F8; }
.sb-subeler .sub-page-header.sb-strip { height: 320px; }
.sb-wrap {
    max-width: 1200px;
    margin: -280px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(33,16,24,.05), 0 24px 60px -30px rgba(33,16,24,.3);
    padding: 30px 34px 52px;
    color: var(--sb-ink);
}
.sb-head { margin-bottom: 20px; }
.sb-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--sb-faint); }
.sb-title { font-size: clamp(23px, 3.4vw, 33px); font-weight: 800; letter-spacing: -.02em; margin: .12em 0 0; line-height: 1.12; }
.sb-lede { font-size: 13.5px; color: var(--sb-muted); margin: .55em 0 0; max-width: 74ch; }
.sb-stats { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 16px; padding-top: 15px; border-top: 1px solid var(--sb-line); }
.sb-stats span { font-size: 12px; color: var(--sb-faint); text-transform: uppercase; letter-spacing: .08em; }
.sb-stats b { display: block; font-size: 21px; font-weight: 800; color: var(--sb); letter-spacing: -.01em; text-transform: none; }

.sb-mapwrap { border: 1px solid var(--sb-line); border-radius: 16px; overflow: hidden; margin: 4px 0 22px; background: var(--sb-surface); }
.sb-map { display: block; width: 100%; height: 360px; border: 0; }

.sb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.sb-card {
    border: 1px solid var(--sb-line);
    border-radius: 14px;
    padding: 16px 17px 14px;
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.sb-card:hover { border-color: var(--sb-line2); box-shadow: 0 14px 26px -18px rgba(33,16,24,.3); transform: translateY(-2px); }
.sb-card.hq { background: var(--sb-surface); border-color: var(--sb-soft); }
.sb-tag { align-self: flex-start; margin-bottom: 7px; background: var(--sb-soft); color: var(--sb);
    font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 2px 9px; border-radius: 999px; }
.sb-city { font-size: 15px; font-weight: 700; margin: 0 0 .5em; line-height: 1.25; }
.sb-city a { color: var(--sb-ink); text-decoration: none; }
.sb-city a:hover { color: var(--sb); }
.sb-row { display: flex; gap: 9px; align-items: flex-start; font-size: 12.5px; color: var(--sb-muted); margin: .32em 0; line-height: 1.45; }
.sb-row .sb-ic { flex: none; width: 15px; height: 15px; color: var(--sb); margin-top: 2px; }
.sb-row .sb-ic svg { width: 100%; height: 100%; display: block; }
.sb-row a { color: var(--sb-muted); text-decoration: none; font-weight: 600; }
.sb-row a:hover { color: var(--sb); }
.sb-more { margin-top: auto; padding-top: 12px; font-size: 12px; font-weight: 700; color: var(--sb);
    display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.sb-more svg { width: 15px; height: 15px; transition: transform .15s ease; }
.sb-more:hover svg { transform: translateX(3px); }

.sb-crosshead { font-size: 15px; font-weight: 800; letter-spacing: -.01em; margin: 40px 0 14px; color: var(--sb-ink); }
.sb-cross { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.sb-cross > a { display: block; }
.sb-cross > a > div { height: 100%; margin: 0 !important; }

@media (max-width: 991px) {
    .sb-subeler .sub-page-header.sb-strip { height: 240px; }
    .sb-wrap { margin-top: -205px; padding: 24px 20px 42px; }
    .sb-grid { grid-template-columns: repeat(2, 1fr); }
    .sb-cross { grid-template-columns: repeat(2, 1fr); }
    .sb-map { height: 300px; }
}
@media (max-width: 560px) {
    .sb-subeler .sub-page-header.sb-strip { height: 180px; }
    .sb-wrap { margin-top: -150px; padding: 20px 14px 34px; border-radius: 16px 16px 0 0; }
    .sb-grid { grid-template-columns: 1fr; }
    .sb-cross { grid-template-columns: 1fr; }
    .sb-map { height: 240px; }
    .sb-stats { gap: 18px; }
}

/* ===================================================================
   /blog  —  bannersız bordo şerit + beyaz oval kart,
   öne çıkan yazı + kart ızgarası + program çipleri (Şablon A)
   =================================================================== */
.bl-blog, .bd-detay { --bl: #941949; --bl-deep: #6b0f36; --bl-soft: rgba(148,25,73,.10);
    --bl-ink: #211018; --bl-muted: #6B5A62; --bl-faint: #9A8B92;
    --bl-line: #E7E1E3; --bl-line2: #D9CFD3; --bl-surface: #FBF7F8; }
.bl-blog .sub-page-header.bl-strip { height: 300px; }
.bl-wrap {
    max-width: 1200px;
    margin: -260px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(33,16,24,.05), 0 24px 60px -30px rgba(33,16,24,.3);
    padding: 30px 34px 52px;
    color: var(--bl-ink);
}
.bl-head { margin-bottom: 16px; }
.bl-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--bl-faint); }
.bl-title { font-size: clamp(22px, 3.2vw, 31px); font-weight: 800; letter-spacing: -.02em; margin: .12em 0 0; line-height: 1.14; }
.bl-lede { font-size: 13.5px; color: var(--bl-muted); margin: .5em 0 0; max-width: 74ch; }

.bl-progs { display: flex; flex-wrap: wrap; align-items: center; gap: 7px;
    margin: 18px 0 24px; padding-bottom: 20px; border-bottom: 1px solid var(--bl-line); }
.bl-progs-label { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
    color: var(--bl-faint); margin-right: 4px; }
.bl-progs a { border: 1px solid var(--bl-line2); background: #fff; font-size: 11.5px; font-weight: 600;
    color: var(--bl-muted); padding: 6px 12px; border-radius: 999px; white-space: nowrap;
    transition: border-color .15s ease, color .15s ease, background .15s ease; }
.bl-progs a:hover { border-color: var(--bl); color: #fff; background: var(--bl); }

/* DataList (Flow/Horizontal) -> her öğe anonim <span> içinde <article.bl-card> */
.bl-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.bl-list > span { display: flex; min-width: 0; }
.bl-list > span > .bl-card { width: 100%; }
.bl-list > span:first-child { grid-column: 1 / -1; }

.bl-card { border: 1px solid var(--bl-line); border-radius: 14px; overflow: hidden; background: #fff;
    display: flex; flex-direction: column;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.bl-card:hover { border-color: var(--bl-line2); box-shadow: 0 14px 26px -18px rgba(33,16,24,.3); transform: translateY(-2px); }
.bl-thumb { display: block; background: var(--bl-surface); overflow: hidden; }
.bl-thumb img { display: block; width: 100%; height: 190px; object-fit: cover; }
.bl-cbody { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.bl-date { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600;
    color: var(--bl-faint); letter-spacing: .02em; }
.bl-date svg { width: 13px; height: 13px; flex: none; }
.bl-ctitle { font-size: 15.5px; font-weight: 700; line-height: 1.32; margin: .45em 0 .35em; }
.bl-ctitle a { color: var(--bl-ink); text-decoration: none; }
.bl-ctitle a:hover { color: var(--bl); }
.bl-spot { font-size: 12.5px; color: var(--bl-muted); line-height: 1.55;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bl-rd { margin-top: auto; padding-top: 12px; font-size: 12px; font-weight: 700; color: var(--bl);
    display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.bl-rd svg { width: 15px; height: 15px; transition: transform .15s ease; }
.bl-rd:hover svg { transform: translateX(3px); }

/* öne çıkan (ilk öğe): yatay büyük kart */
.bl-list > span:first-child .bl-card { display: grid; grid-template-columns: 1.15fr 1fr; background: var(--bl-surface); }
.bl-list > span:first-child .bl-thumb { height: 100%; }
.bl-list > span:first-child .bl-thumb img { height: 100%; min-height: 240px; }
.bl-list > span:first-child .bl-cbody { padding: 22px 26px; justify-content: center; }
.bl-list > span:first-child .bl-ctitle { font-size: 21px; }
.bl-list > span:first-child .bl-spot { -webkit-line-clamp: 4; font-size: 13px; }

.bl-pager { margin-top: 32px; }
.bl-pager .pagelist { text-align: center; font-size: 0; line-height: 2.6; }
.bl-pager .pagelist > div > span[style] { display: none; }
.bl-pager .pagelist a, .bl-pager .pagelist b {
    display: inline-block; margin: 3px; padding: 6px 12px; border: 1px solid var(--bl-line2);
    border-radius: 8px; font-size: 12.5px; font-weight: 600; color: var(--bl-muted); text-decoration: none; }
.bl-pager .pagelist a:hover { border-color: var(--bl); color: var(--bl); }
.bl-pager .pagelist b { background: var(--bl); border-color: var(--bl); color: #fff; font-weight: 800; }

.bl-crosshead { font-size: 15px; font-weight: 800; letter-spacing: -.01em; margin: 42px 0 14px; color: var(--bl-ink); }
.bl-cross { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.bl-cross > a { display: block; }
.bl-cross > a > div { height: 100%; margin: 0 !important; }

@media (max-width: 991px) {
    .bl-blog .sub-page-header.bl-strip { height: 230px; }
    .bl-wrap { margin-top: -195px; padding: 24px 20px 42px; }
    .bl-list { grid-template-columns: repeat(2, 1fr); }
    .bl-list > span:first-child .bl-card { grid-template-columns: 1fr; }
    .bl-list > span:first-child .bl-thumb img { min-height: 200px; height: 220px; }
    .bl-cross { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .bl-blog .sub-page-header.bl-strip { height: 170px; }
    .bl-wrap { margin-top: -140px; padding: 20px 14px 34px; border-radius: 16px 16px 0 0; }
    .bl-list { grid-template-columns: 1fr; }
    .bl-cross { grid-template-columns: 1fr; }
    .bl-list > span:first-child .bl-ctitle { font-size: 18px; }
}

/* ===================================================================
   /blog-detay  —  makale görünümü (bordo şerit + beyaz kart)
   =================================================================== */
.bd-detay .sub-page-header.bd-strip { height: 240px; }
.bd-wrap {
    max-width: 1200px;
    margin: -210px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(33,16,24,.05), 0 24px 60px -30px rgba(33,16,24,.3);
    padding: 34px 34px 52px;
    color: var(--bl-ink);
}
/* kart diğer sayfalarla aynı genişlikte; iç içerik okunur bir kolonda ortalanır */
.bd-wrap > * { max-width: 900px; margin-left: auto; margin-right: auto; }
.bd-crumb { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; font-size: 12px; color: var(--bl-faint); margin-bottom: 16px; }
.bd-crumb a { color: var(--bl-faint); text-decoration: none; }
.bd-crumb a:hover { color: var(--bl); }
.bd-title { font-size: clamp(23px, 3.6vw, 33px); font-weight: 800; letter-spacing: -.02em; line-height: 1.18; margin: 0 0 16px; color: var(--bl-ink); }
.bd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-bottom: 20px; border-bottom: 1px solid var(--bl-line); margin-bottom: 24px; }
.bd-date, .bd-author { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: var(--bl-muted); }
.bd-date svg, .bd-author svg { width: 14px; height: 14px; color: var(--bl); flex: none; }
.bd-share { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
.bd-share-lbl { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--bl-faint); margin-right: 2px; }
/* tekdüze, monokrom, modern — .fa-facebook-f{background:#3B5998} vb. marka renklerini ez */
.bd-share a,
.bd-share a.fab {
    width: 34px; height: 34px; padding: 0 !important; margin: 0 !important;
    border-radius: 50% !important;
    border: 1px solid var(--bl-line2) !important; background: #fff !important;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--bl-muted) !important; font-size: 13px; line-height: 1; text-decoration: none;
    transition: transform .12s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.bd-share a:hover,
.bd-share a.fab:hover {
    background: var(--bl) !important; border-color: var(--bl) !important;
    color: #fff !important; opacity: 1; transform: translateY(-2px);
}
.bd-share a.fa-google { display: none !important; }
.bd-hero { display: block; width: 100%; height: auto; border-radius: 14px; margin: 2px 0 24px; }
.bd-spot { font-size: 15px; line-height: 1.7; color: var(--bl-ink); font-weight: 500;
    padding-left: 16px; border-left: 3px solid var(--bl); margin: 0 0 24px; }
.bd-body { font-size: 14.5px; line-height: 1.8; color: #34272d; }
.bd-body > *:first-child { margin-top: 0; }
.bd-body p { margin: 0 0 1.1em; }
.bd-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 1.1em 0; }
.bd-body h2, .bd-body h3, .bd-body h4 { font-weight: 800; line-height: 1.3; margin: 1.7em 0 .5em; color: var(--bl-ink); }
.bd-body h2 { font-size: 20px; }
.bd-body h3 { font-size: 17px; }
.bd-body h4 { font-size: 15px; }
.bd-body a { color: var(--bl); text-decoration: underline; }
.bd-body ul, .bd-body ol { margin: 0 0 1.1em; padding-left: 1.4em; }
.bd-body li { margin: .35em 0; }
.bd-body blockquote { margin: 1.2em 0; padding: .4em 0 .4em 18px; border-left: 3px solid var(--bl-soft); color: var(--bl-muted); }
.bd-body table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 13.5px; display: block; overflow-x: auto; }
.bd-body td, .bd-body th { border: 1px solid var(--bl-line); padding: 8px 10px; }
.bd-body iframe { max-width: 100%; }
.bd-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 30px 0 0; padding-top: 20px; border-top: 1px solid var(--bl-line); }
.bd-tags-lbl { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--bl-faint); }
.bd-tags a { font-size: 12px; font-weight: 600; color: var(--bl-muted); text-decoration: none;
    border: 1px solid var(--bl-line2); padding: 4px 11px; border-radius: 999px; }
.bd-tags a:hover { border-color: var(--bl); color: var(--bl); }

.bd-crosshead { font-size: 16px; font-weight: 800; letter-spacing: -.01em; margin: 42px 0 16px; color: var(--bl-ink); }
.bd-others-wrap { margin-top: 44px; }
/* blog-detay: Programlar bloğu "Diğer Haberler"den net ayrılsın */
.bd-detay .bl-progs { margin-top: 52px; padding-top: 30px; padding-bottom: 0; border-top: 1px solid var(--bl-line); border-bottom: 0; }
.bd-others { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.bd-oc { display: flex; gap: 14px; align-items: center; border: 1px solid var(--bl-line); border-radius: 14px;
    padding: 10px; background: #fff; text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.bd-oc:hover { border-color: var(--bl-line2); box-shadow: 0 12px 22px -16px rgba(33,16,24,.28); transform: translateY(-2px); }
.bd-oc-img { width: 104px; height: 74px; object-fit: cover; border-radius: 10px; flex: none; }
.bd-oc-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.bd-oc-date { font-size: 11px; font-weight: 600; color: var(--bl-faint); letter-spacing: .02em; }
.bd-oc-title { font-size: 13px; font-weight: 700; line-height: 1.32; color: var(--bl-ink);
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bd-oc:hover .bd-oc-title { color: var(--bl); }

@media (max-width: 760px) {
    .bd-detay .sub-page-header.bd-strip { height: 170px; }
    .bd-wrap { margin-top: -140px; padding: 22px 18px 36px; border-radius: 16px 16px 0 0; }
    .bd-share { margin-left: 0; }
    .bd-others { grid-template-columns: 1fr; }
}

/* ===================================================================
   Hakkımızda bölümü (7 sayfa) — Şablon C:
   bordo şerit + beyaz kart, solda yapışkan özlü söz + bölüm menüsü, sağda makale
   =================================================================== */
.hk-page { --hk: #941949; --hk-deep: #6b0f36; --hk-soft: rgba(148,25,73,.10);
    --hk-ink: #211018; --hk-muted: #6B5A62; --hk-faint: #9A8B92;
    --hk-line: #E7E1E3; --hk-line2: #D9CFD3; --hk-surface: #FBF7F8;
    --hk-serif: 'Fraunces', Georgia, 'Times New Roman', serif; }
.hk-page .sub-page-header.hk-strip { height: 300px; }
.hk-wrap {
    max-width: 1200px;
    margin: -262px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(33,16,24,.05), 0 24px 60px -30px rgba(33,16,24,.3);
    padding: 34px 40px 52px;
    color: var(--hk-ink);
}
.hk-split { display: grid; grid-template-columns: 300px 1fr; gap: 40px; align-items: start; }
/* top: sayfa kayınca sabitlenen (#myHeader.sticky = position:fixed) üst menüyü aşmalı */
.hk-aside { position: sticky; top: 92px; align-self: start;
    max-height: calc(100vh - 108px); overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; }
.hk-aside::-webkit-scrollbar { width: 5px; }
.hk-aside::-webkit-scrollbar-thumb { background: var(--hk-line2); border-radius: 3px; }
.hk-aside-q { padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid var(--hk-line); }
.hk-q { font-family: var(--hk-serif); font-weight: 500; font-size: 20px; line-height: 1.42;
    letter-spacing: -.01em; color: var(--hk-ink); margin: 0; }
.hk-qa { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: var(--hk); margin: 14px 0 0; }

/* bölüm menüsü (HakkimizdaMenu.ascx list-group çıktısı) */
.hk-vnav .list-group { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.hk-vnav .lihead { font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
    color: var(--hk-faint); padding: 0 0 10px; }
.hk-vnav .list-group-item { border: 0 !important; padding: 0 !important; background: none !important; }
.hk-vnav .list-group-item a { display: block; font-size: 12.5px; font-weight: 600; color: var(--hk-muted) !important;
    padding: 9px 12px; border-radius: 9px; line-height: 1.35; text-decoration: none; transition: background .15s ease, color .15s ease; }
.hk-vnav .list-group-item a:hover { background: var(--hk-soft); color: var(--hk) !important; }
.hk-vnav .list-group-item a.text-pink { background: var(--hk); color: #fff !important; }
/* KadromuzMenu iç içe kadro listesi (İşini Severek sayfası) */
.hk-vnav .list-group-item .list-group { margin: 2px 0 4px 10px; padding-left: 8px; border-left: 1px solid var(--hk-line); gap: 0; }
.hk-vnav .list-group-item .list-group-item a { font-size: 11.5px; font-weight: 500; padding: 6px 10px; }

/* makale — sayfa metni BİREBİR korunur, sadece kapsayıcı tipografi */
.hk-art { max-width: 760px; }
.hk-art > *:first-child { margin-top: 0; }
.hk-art h4.text-pink { font-size: clamp(20px, 2.6vw, 25px); font-weight: 800; letter-spacing: -.01em;
    color: var(--hk) !important; line-height: 1.22; margin: 0 0 10px; }
.hk-art h4.text-pink.pt-4 { margin-top: 34px; }
.hk-art h5.text-pink { font-size: 16px; font-weight: 700; color: var(--hk) !important; margin: 32px 0 .4em; }
.hk-art p { font-size: 14.5px; line-height: 1.85; color: #34272d; margin: 0 0 1.15em; }
.hk-art .font-size-15 { font-size: 14.5px !important; line-height: 1.85 !important; }
.hk-art ul:not(.profile-list):not(.inline-list) { margin: 0 0 1.15em; padding-left: 0; list-style: none; }
.hk-art ul:not(.profile-list):not(.inline-list) > li { position: relative; padding-left: 20px; margin: 0 0 .9em; font-size: 14.5px; line-height: 1.8; color: #34272d; }
.hk-art ul:not(.profile-list):not(.inline-list) > li::before { content: ""; position: absolute; left: 2px; top: .68em;
    width: 6px; height: 6px; border-radius: 50%; background: var(--hk); }
.hk-art ul:not(.profile-list):not(.inline-list) > li > b:first-child { color: var(--hk-ink); }
.hk-art img { max-width: 100%; height: auto; border-radius: 8px; margin: .6em 0; }
.hk-art hr { border: 0; border-top: 1px solid var(--hk-line); margin: 22px 0; }
.hk-art .share-box { border: 0; border-top: 1px solid var(--hk-line); float: none; width: auto;
    margin-top: 34px; padding-top: 18px; }
.hk-art .share-box .share-buttons { display: flex; align-items: center; gap: 10px; padding: 0 !important; }
.hk-art .share-box .kolon { float: none !important; margin: 0 !important; padding: 0 !important; display: inline-flex; align-items: center; }
.hk-art .share-box h6 { font-size: 10px !important; font-weight: 800 !important; letter-spacing: .14em; color: var(--hk-faint); margin: 0 4px 0 0 !important; }
/* eski marka-renkli .fab kutuları -> tekdüze monokrom yuvarlak buton */
.hk-art .share-box .fab {
    width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 3px 0 0 !important;
    border-radius: 50% !important; border: 1px solid var(--hk-line2) !important; background: #fff !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    color: var(--hk-muted) !important; font-size: 13px; line-height: 1; text-decoration: none;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease; }
.hk-art .share-box .fab:hover {
    background: var(--hk) !important; border-color: var(--hk) !important; color: #fff !important;
    opacity: 1; transform: translateY(-2px); }
.hk-art .share-box .fab.fa-google { display: none !important; }
/* makale içi tablolar (kadro bio sayfalarındaki kitap listeleri vb.) */
.hk-art table { width: 100%; border-collapse: collapse; margin: 14px 0 22px; font-size: 13px; display: block; overflow-x: auto; }
.hk-art table td, .hk-art table th { border: 1px solid var(--hk-line); padding: 7px 10px; vertical-align: top; }
.hk-art .inline-list { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 0 20px; padding: 0; }
.hk-art .inline-list > li { margin: 0 !important; font-size: 13px; }

/* kadro bio sayfası başlıkları */
.hk-art-kadro > h3.text-pink { font-size: clamp(23px, 3.4vw, 31px); font-weight: 800; letter-spacing: -.01em;
    color: var(--hk) !important; margin: 0 0 4px; line-height: 1.2; }
.hk-art-kadro > h4.text-pink { font-size: 13.5px; font-weight: 600; color: var(--hk-muted) !important;
    margin: 0 0 2px; letter-spacing: normal; }
.hk-art-kadro > h4.text-pink + .font-size-15,
.hk-art-kadro > h4.text-pink:last-of-type { margin-bottom: 0; }
.hk-art-kadro .font-size-15 { margin-top: 18px; }
.hk-art-kadro .bg-pink { background: var(--hk) !important; color: #fff !important; border-radius: 8px;
    padding: 8px 14px !important; margin: 26px 0 10px; font-weight: 700; display: inline-block; }
/* İşini Severek sayfası: kadro kartları (mobile.css'in flex:0 0 100% kuralını ez) */
.hk-art .profile-list { list-style: none; margin: 24px 0 0; padding: 0; }
.hk-art .profile-list .media { display: flex !important; gap: 18px; align-items: flex-start; text-align: left;
    border: 1px solid var(--hk-line); border-radius: 14px; padding: 16px; margin-bottom: 14px; background: var(--hk-surface);
    max-width: none !important; }
.hk-art .profile-list .media > img.img-kadromuz {
    width: 116px !important; min-width: 116px; max-width: 116px; height: 150px !important;
    object-fit: cover; object-position: top center; border-radius: 12px; margin: 0 !important; flex: 0 0 auto; }
.hk-art .profile-list .media-body { flex: 1 1 auto !important; min-width: 0; width: auto !important; max-width: none !important; margin: 0 !important; }
.hk-art .profile-list .media-body h5.text-pink { margin: 0 0 4px; font-size: 16px; color: var(--hk) !important; }
.hk-art .profile-list .media-body h6 { margin: 0; font-size: 12px; color: var(--hk-muted); font-weight: 600; }
.hk-art .profile-list .media-body .detail { font-size: 13px; line-height: 1.7; color: #34272d; margin: 8px 0 10px; }
.hk-art .profile-list .inline-list { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; }
.hk-art .profile-list .inline-list li { margin: 0 !important; }
.hk-art .profile-list .btn { border-radius: 999px !important; }
@media (max-width: 560px) {
    .hk-art .profile-list .media { flex-direction: column; align-items: stretch; }
    .hk-art .profile-list .media > img.img-kadromuz { width: 100% !important; max-width: none; min-width: 0; height: 240px !important; }
}

@media (max-width: 991px) {
    .hk-page .sub-page-header.hk-strip { height: 230px; }
    .hk-wrap { margin-top: -195px; padding: 26px 22px 44px; }
    .hk-split { gap: 30px; }
}
@media (max-width: 820px) {
    .hk-split { grid-template-columns: 1fr; gap: 24px; }
    .hk-aside { position: static; max-height: none; overflow: visible; padding-right: 0; }
    .hk-aside-q .hk-q { font-size: 18px; }
}
@media (max-width: 560px) {
    .hk-page .sub-page-header.hk-strip { height: 170px; }
    .hk-wrap { margin-top: -140px; padding: 20px 14px 34px; border-radius: 16px 16px 0 0; }
}

/* ===================================================================
   /ogrenci-gorusleri  —  Şablon B: öne çıkan alıntı + 2'li kart ızgarası
   =================================================================== */
.og-page { --og: #941949; --og-deep: #6b0f36; --og-soft: rgba(148,25,73,.10);
    --og-ink: #211018; --og-muted: #6B5A62; --og-faint: #9A8B92;
    --og-line: #E7E1E3; --og-line2: #D9CFD3; --og-surface: #FBF7F8;
    --og-serif: 'Fraunces', Georgia, 'Times New Roman', serif; }
.og-page .sub-page-header.og-strip { height: 300px; }
.og-wrap {
    max-width: 1200px;
    margin: -262px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(33,16,24,.05), 0 24px 60px -30px rgba(33,16,24,.3);
    padding: 34px 36px 48px;
    color: var(--og-ink);
}
.og-head { margin-bottom: 24px; max-width: 780px; }
.og-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--og-faint); }
.og-title { font-family: var(--og-serif); font-weight: 600; font-size: clamp(23px, 3.3vw, 31px);
    letter-spacing: -.01em; margin: .12em 0 0; line-height: 1.18; color: var(--og-ink); }
.og-lede { font-family: var(--og-serif); font-style: italic; font-size: 15px; line-height: 1.7;
    color: var(--og-ink); margin: .7em 0 0; }
.og-auth { font-family: 'Montserrat', sans-serif; font-style: normal; font-size: 11px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase; color: var(--og); white-space: nowrap; }

/* DataList (Flow/Horizontal): her öğe anonim <span> -> <figure.og-card>
   masonry (column) — kısa/uzun görüşler yan yana boşluk bırakmasın */
.og-list { column-count: 2; column-gap: 16px; }
.og-list > span { display: block; break-inside: avoid; margin: 0 0 16px; }
.og-list > span > .og-card { width: 100%; }

.og-card { margin: 0; border: 1px solid var(--og-line); border-radius: 14px; padding: 20px 22px;
    background: #fff; display: flex; flex-direction: column; gap: 12px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.og-card:hover { border-color: var(--og-line2); box-shadow: 0 14px 26px -18px rgba(33,16,24,.28); transform: translateY(-2px); }
.og-q { color: var(--og); opacity: .9; line-height: 0; }
.og-q svg { width: 24px; height: 24px; fill: currentColor; }
.og-text { margin: 0; font-size: 13.5px; line-height: 1.72; color: #34272d; }
/* adın tamamı + soyad baş harfi ("Erdinç A.") tek soft oval rozette */
.og-by { display: flex; align-items: center; margin-top: 4px; }
.og-ini { display: inline-flex; align-items: center; padding: 6px 13px; border-radius: 999px;
    background: var(--og-soft); color: var(--og); font-size: 12px; font-weight: 700;
    letter-spacing: .01em; line-height: 1; }
.og-ini:empty { display: none; }

/* ilk öğe = öne çıkan: tam genişlik, büyük serif */
.og-list > span:first-child { column-span: all; margin-bottom: 20px; }
.og-list > span:first-child .og-card { border-left: 4px solid var(--og); background: var(--og-surface); padding: 26px 28px; }
.og-list > span:first-child .og-q svg { width: 34px; height: 34px; }
.og-list > span:first-child .og-text { font-family: var(--og-serif); font-size: 19px; line-height: 1.5; color: var(--og-ink); }

.og-pager { margin-top: 32px; text-align: center; }
.og-pager .pagination { font-size: 0; line-height: 2.6; padding: 0; margin: 0; display: block; background: none; border: 0; }
.og-pager .pagination span[style] { display: none; }
.og-pager .pagination a, .og-pager .pagination b {
    display: inline-block; margin: 3px; padding: 6px 12px; border: 1px solid var(--og-line2);
    border-radius: 8px; font-size: 12.5px; font-weight: 600; color: var(--og-muted); text-decoration: none; }
.og-pager .pagination a:hover { border-color: var(--og); color: var(--og); }
.og-pager .pagination b { background: var(--og); border-color: var(--og); color: #fff; font-weight: 800; }

@media (max-width: 991px) {
    .og-page .sub-page-header.og-strip { height: 230px; }
    .og-wrap { margin-top: -195px; padding: 26px 20px 40px; }
}
@media (max-width: 640px) {
    .og-list { column-count: 1; }
}
@media (max-width: 560px) {
    .og-page .sub-page-header.og-strip { height: 170px; }
    .og-wrap { margin-top: -140px; padding: 20px 14px 32px; border-radius: 16px 16px 0 0; }
    .og-list > span:first-child .og-text { font-size: 17px; }
}

/* ===================================================================
   /gurur-tablomuz  —  bordo şerit + beyaz kart, YDS & IELTS başarı tabloları
   =================================================================== */
.gt-page { --gt: #941949; --gt-deep: #6b0f36; --gt-soft: rgba(148,25,73,.08);
    --gt-ink: #211018; --gt-muted: #6B5A62; --gt-faint: #9A8B92;
    --gt-line: #E7E1E3; --gt-line2: #D9CFD3; --gt-surface: #FBF7F8;
    --gt-serif: 'Fraunces', Georgia, 'Times New Roman', serif; }
.gt-page .sub-page-header.gt-strip { height: 300px; }
.gt-wrap {
    max-width: 1200px;
    margin: -262px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(33,16,24,.05), 0 24px 60px -30px rgba(33,16,24,.3);
    padding: 34px 36px 48px;
    color: var(--gt-ink);
}
.gt-head { margin-bottom: 26px; max-width: 780px; }
.gt-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gt-faint); }
.gt-title { font-family: var(--gt-serif); font-weight: 600; font-size: clamp(23px, 3.3vw, 31px);
    letter-spacing: -.01em; margin: .12em 0 0; line-height: 1.18; color: var(--gt-ink); }
.gt-lede { font-family: var(--gt-serif); font-style: italic; font-size: 15px; line-height: 1.7;
    color: var(--gt-ink); margin: .7em 0 0; }
.gt-auth { font-family: 'Montserrat', sans-serif; font-style: normal; font-size: 11px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase; color: var(--gt); white-space: nowrap; }

.gt-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 26px; align-items: start; }
.gt-block { min-width: 0; }
.gt-h2 { font-size: 15px; font-weight: 800; letter-spacing: .04em; color: var(--gt); margin: 0 0 12px; }
.gt-scroll { max-height: 620px; overflow: auto; border: 1px solid var(--gt-line); border-radius: 12px; }
.gt-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.gt-table thead th { position: sticky; top: 0; z-index: 1; background: var(--gt); color: #fff;
    text-align: left; padding: 11px 14px; font-size: 11px; letter-spacing: .04em; white-space: nowrap; }
.gt-table thead th .font-weight-300 { opacity: .85; }
.gt-table th.num { text-align: right; }
.gt-table tbody td { padding: 9px 14px; border-top: 1px solid var(--gt-line); color: #34272d; vertical-align: top; }
.gt-table tbody td.gururtablefont { font-size: 13px !important; }
.gt-table tbody tr:nth-child(even) td { background: var(--gt-soft); }
.gt-table tbody tr:hover td { background: rgba(148,25,73,.13); }
.gt-table tbody td.text-right { text-align: right; }
.gt-table tbody td:nth-child(2) { font-weight: 800; color: var(--gt); font-variant-numeric: tabular-nums; white-space: nowrap; }
.gt-table tbody td:nth-child(3) { color: var(--gt-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.gt-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.gt-scroll::-webkit-scrollbar-thumb { background: var(--gt-line2); border-radius: 4px; }

@media (max-width: 991px) {
    .gt-page .sub-page-header.gt-strip { height: 230px; }
    .gt-wrap { margin-top: -195px; padding: 26px 20px 40px; }
}
@media (max-width: 900px) {
    .gt-grid { grid-template-columns: 1fr; gap: 30px; }
    .gt-scroll { max-height: 460px; }
}
@media (max-width: 560px) {
    .gt-page .sub-page-header.gt-strip { height: 170px; }
    .gt-wrap { margin-top: -140px; padding: 20px 14px 32px; border-radius: 16px 16px 0 0; }
    .gt-table thead th, .gt-table tbody td { padding: 8px 10px; }
}

/* ===================================================================
   Şube ana sayfaları (MasterPageSube) — Şablon A
   marka hero + slider (.pattern-block) DOKUNULMAZ; altı yeniden
   =================================================================== */
.sx-sube { --sx: #5e1330; --sx-deep: #3c0a22; --sx-soft: rgba(94,19,48,.09);
    --sx-ink: #1C1016; --sx-muted: #65525C; --sx-faint: #948490;
    --sx-line: #E6DFE3; --sx-line2: #D6CBD2; --sx-surface: #FAF6F8; }

.sx-sube .sx-wrap {
    position: relative; z-index: 1; margin-top: 10px;
    background: #fff; border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(28,16,22,.05), 0 24px 60px -30px rgba(28,16,22,.3);
    padding: 30px 34px 46px; color: var(--sx-ink);
}
.sx-sube .sx-wrap::before {
    content: ""; display: block; height: 40px; margin: -30px -34px 26px;
    border-radius: 20px 20px 0 0; background: var(--sx);
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 1px, transparent 1px 14px);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.22);
}
.sx-sube .sx-h1 {
    font-size: clamp(20px, 3vw, 26px) !important; font-weight: 800 !important;
    color: var(--sx) !important; letter-spacing: -.01em; line-height: 1.2;
    display: block !important; padding: 0 !important; margin: 0 0 16px !important; text-align: left !important;
}

/* yatay sekmeli alt-menü: sm-subeler -> pill sekmeler */
.sx-sube .sx-tabs { margin: 0 0 26px; padding: 0 0 20px; border-bottom: 1px solid var(--sx-line);
    background: none; box-shadow: none; }
.sx-sube .sx-tabs #main-menu {
    list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;
    background: none !important; box-shadow: none !important; border-radius: 0; }
.sx-sube .sx-tabs #main-menu > li { float: none !important; margin: 0 !important; border: 0 !important; background: none; }
.sx-sube .sx-tabs #main-menu > li > a,
.sx-sube .sx-tabs #main-menu > li > a:hover,
.sx-sube .sx-tabs #main-menu > li > a:focus,
.sx-sube .sx-tabs #main-menu > li > a:active {
    position: static !important; display: block; padding: 8px 14px !important;
    background: #fff !important; background-image: none !important;
    border: 1px solid var(--sx-line2) !important; border-radius: 999px !important;
    color: var(--sx-muted) !important; font-size: 12px; font-weight: 600; line-height: 1.2;
    box-shadow: none !important; white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, color .15s ease; }
.sx-sube .sx-tabs #main-menu > li > a:hover { border-color: var(--sx) !important; color: var(--sx) !important; }
.sx-sube .sx-tabs #main-menu > li:first-child > a { background: var(--sx) !important; border-color: var(--sx) !important; color: #fff !important; }
.sx-sube .sx-tabs #main-menu .sub-arrow { display: none !important; }

/* 2 sütun (Bootstrap .row/.col-md-* override) */
.sx-sube .sx-2col { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; margin: 0 !important; align-items: start; }
.sx-sube .sx-2col > .sx-main,
.sx-sube .sx-2col > .sx-side { max-width: none !important; flex: none !important; width: auto !important; padding: 0 !important; min-width: 0; }
.sx-sube .sx-side .sidebar { padding: 0 !important; margin: 0 !important; }

/* adres kartı (.outline-block-pink) */
.sx-sube .outline-block-pink { border: 1px solid var(--sx-line); border-radius: 14px; overflow: hidden;
    background: #fff; margin-bottom: 16px !important; }
.sx-sube .outline-block-pink .caption { margin: 0 !important; }
.sx-sube .outline-block-pink .caption .outer { display: block !important; background: var(--sx) !important;
    padding: 10px 16px !important; }
.sx-sube .outline-block-pink .caption .inner { display: block !important; color: #fff !important;
    font-weight: 800 !important; font-size: 14px !important; text-align: left; }
.sx-sube .outline-block-pink .detail { padding: 16px !important; }
.sx-sube .outline-block-pink .detail table { width: 100%; }
.sx-sube .outline-block-pink .detail td { font-size: 12.5px; color: var(--sx-muted); padding: 5px 4px 5px 0; vertical-align: top; }
.sx-sube .outline-block-pink .detail i { color: var(--sx) !important; }
.sx-sube .outline-block-pink .detail a:hover { color: var(--sx); }

/* içerik: kurs arama motoru + sonuç tablosu */
.sx-sube .search { background: var(--sx-surface) !important; border: 1px solid var(--sx-line);
    border-radius: 14px; padding: 20px 22px !important; margin: 0 0 4px !important; }
.sx-sube .search-filters { gap: 10px; }
.sx-sube .search-filters .col, .sx-sube .search-filters .col-2 { padding: 4px; }
.sx-sube .btn-purple { background: var(--sx) !important; border-color: var(--sx) !important; border-radius: 999px !important; }
.sx-sube .filter-results { background: #fff !important; border: 1px solid var(--sx-line); border-radius: 14px; }
.sx-sube .text-purple, .sx-sube .text-purple-500 { color: var(--sx) !important; }

@media (max-width: 820px) {
    .sx-sube .sx-2col { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .sx-sube .sx-wrap { padding: 22px 16px 32px; }
    .sx-sube .sx-wrap::before { margin: -22px -16px 22px; height: 30px; }
}

/* ===================================================================
   Hata sayfaları — 403 / 404
   =================================================================== */
.err-page { --er: #941949; --er-deep: #6b0f36; --er-soft: rgba(148,25,73,.10);
    --er-ink: #211018; --er-muted: #6B5A62; --er-faint: #9A8B92;
    --er-line: #E7E1E3; --er-line2: #D9CFD3; }
.err-page .sub-page-header.err-strip { height: 280px; }
.err-wrap {
    max-width: 720px;
    margin: -244px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(33,16,24,.05), 0 24px 60px -30px rgba(33,16,24,.3);
    padding: 44px 40px 52px;
    text-align: center;
    color: var(--er-ink);
}
.err-code { font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: clamp(64px, 14vw, 104px);
    line-height: 1; color: var(--er); letter-spacing: -.03em; }
.err-title { font-size: clamp(20px, 3vw, 26px); font-weight: 800; letter-spacing: -.01em; margin: .35em 0 .4em; }
.err-msg { font-size: 14px; line-height: 1.75; color: var(--er-muted); max-width: 52ch; margin: 0 auto 26px; }
.err-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.err-btn { display: inline-flex; align-items: center; justify-content: center;
    background: var(--er); color: #fff; font-size: 13px; font-weight: 700;
    padding: 11px 22px; border-radius: 999px; text-decoration: none; transition: filter .15s ease; }
.err-btn:hover { filter: brightness(1.08); color: #fff; }
.err-btn.ghost { background: #fff; color: var(--er); border: 1px solid var(--er-line2); }
.err-btn.ghost:hover { border-color: var(--er); color: var(--er); }
.err-links { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--er-line);
    display: flex; flex-wrap: wrap; gap: 8px 14px; justify-content: center; align-items: center; }
.err-links-lbl { font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--er-faint); }
.err-links a { font-size: 12.5px; font-weight: 600; color: var(--er-muted); text-decoration: none; }
.err-links a:hover { color: var(--er); }
@media (max-width: 640px) {
    .err-page .sub-page-header.err-strip { height: 180px; }
    .err-wrap { margin-top: -150px; padding: 32px 18px 38px; border-radius: 16px 16px 0 0; }
}

/* ===================================================================
   /yuz-yuze-egitimlerimiz — bordo şerit + kart; dikkat çekici program ızgarası
   sayfa metinleri/başlıkları BİREBİR; program görselleri korunur
   =================================================================== */
.yy-page { --yy: #5e1330; --yy-deep: #3c0a22; --yy-soft: rgba(94,19,48,.08);
    --yy-ink: #1B1016; --yy-muted: #65525C; --yy-faint: #948490;
    --yy-line: #E4DDE1; --yy-line2: #D4C9D0; --yy-surface: #FAF5F7; }
.yy-page .sub-page-header.yy-strip { height: 280px; background-color: #5e1330 !important; }
.yy-wrap {
    max-width: 1200px;
    margin: -244px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(27,16,22,.05), 0 24px 60px -30px rgba(27,16,22,.3);
    padding: 34px 36px 48px;
    color: var(--yy-ink);
}
.yy-page .text-purple { color: var(--yy) !important; }

/* --- Modern bölüm başlıkları (eski FontAwesome ikonları yerine ikon-chip) --- */
.yy-why-h, .yy-ph { display: flex; align-items: center; gap: 14px; }
.yy-why-h { margin: 4px 0 16px; }
.yy-ph { margin: 42px 0 16px; }
.yy-why-h h2, .yy-ph h2 { margin: 0; font-size: clamp(19px, 2.6vw, 24px); font-weight: 700;
    letter-spacing: -.01em; color: var(--yy-ink); line-height: 1.2; }
.yy-why-h h2 b, .yy-ph h2 b { font-weight: 800; color: var(--yy); }
.yy-why-ic, .yy-ph-ic { width: 44px; height: 44px; flex: none; border-radius: 13px; display: grid; place-items: center;
    background: var(--yy-soft); color: var(--yy); }
.yy-why-ic svg, .yy-ph-ic svg { width: 22px; height: 22px; }
.yy-prose { max-width: 80ch; font-size: 14px !important; line-height: 1.9 !important; color: #3a2d33; }
.yy-prose p { margin: 0 0 1em; }
.yy-prose b { color: var(--yy-ink); }
.yy-why-more { margin: 4px 0; }
.yy-why-more a { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700;
    color: var(--yy); border: 1px solid var(--yy); background: #fff; padding: 9px 18px; border-radius: 999px;
    text-decoration: none; transition: background .15s ease, color .15s ease; }
.yy-why-more a:hover { background: var(--yy); color: #fff; }
.yy-why-more a svg { width: 15px; height: 15px; }

/* --- Açılacak Gruplar: sıfırdan, işlevsel --- */
.yy-groups { margin: 34px 0 6px; border: 1px solid var(--yy-line); border-radius: 18px; padding: 24px 26px;
    background: radial-gradient(130% 150% at 100% 0%, var(--yy-soft), transparent 55%), var(--yy-surface); }
.yy-groups-top { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 16px; }
.yy-groups-ic { width: 46px; height: 46px; flex: none; border-radius: 13px; display: grid; place-items: center;
    background: var(--yy); color: #fff; }
.yy-groups-ic svg { width: 23px; height: 23px; }
.yy-groups-top h2 { margin: 0 0 4px; font-size: 18px; font-weight: 800; color: var(--yy-ink); }
.yy-groups-top p { margin: 0; font-size: 13px; line-height: 1.6; color: var(--yy-muted); max-width: 60ch; }
.yy-groups-steps { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.yy-groups-steps span { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600;
    color: var(--yy-ink); background: #fff; border: 1px solid var(--yy-line2); padding: 7px 13px; border-radius: 999px; }
.yy-groups-steps i { width: 18px; height: 18px; flex: none; border-radius: 50%; background: var(--yy); color: #fff;
    font-style: normal; font-size: 10px; font-weight: 800; display: grid; place-items: center; }
.yy-groups-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--yy) !important; color: #fff !important;
    font-size: 13px; font-weight: 800; padding: 12px 24px; border-radius: 999px; text-decoration: none;
    transition: background .15s ease, transform .15s ease; }
.yy-groups-btn:hover { background: var(--yy-deep) !important; color: #fff !important; text-decoration: none;
    transform: translateY(-2px); }
.yy-groups-btn svg { width: 16px; height: 16px; }

/* --- PROGRAM IZGARASI — görsel tam görünür (kesik kafa yok) --- */
.yy-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 6px; }
@media (max-width: 900px) { .yy-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px) { .yy-grid { grid-template-columns: repeat(2, 1fr); } }
.yy-tile { position: relative; display: flex; align-items: flex-end; aspect-ratio: 4 / 3; border-radius: 14px;
    overflow: hidden; text-decoration: none;
    background-color: var(--yy-deep); background-repeat: no-repeat; background-position: center; background-size: contain;
    box-shadow: 0 8px 20px -14px rgba(27,16,22,.4); transition: transform .22s ease, box-shadow .22s ease; }
.yy-tile:hover { transform: translateY(-3px); box-shadow: 0 22px 36px -18px rgba(27,16,22,.5); }
.yy-scrim { position: absolute; left: 0; right: 0; bottom: 0; top: 52%; z-index: 0;
    background: linear-gradient(to top, rgba(60,10,34,.97) 0%, rgba(60,10,34,.75) 45%, rgba(60,10,34,0) 100%); }
.yy-t { position: relative; z-index: 1; padding: 12px 15px 40px; font-weight: 800; font-size: 13px; line-height: 1.25;
    color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.5); letter-spacing: .01em; }
.yy-go { position: absolute; z-index: 1; left: 15px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px;
    font-size: 9.5px; font-weight: 800; color: #fff; letter-spacing: .06em; text-transform: uppercase;
    opacity: .8; transform: translateY(2px); transition: opacity .2s ease, transform .2s ease; }
.yy-go svg { width: 12px; height: 12px; }
.yy-tile:hover .yy-go { opacity: 1; transform: translateY(0); }
.yy-tile::after { content: ""; position: absolute; z-index: 1; left: 0; bottom: 0; height: 4px; width: 0; background: #fff; transition: width .3s ease; }
.yy-tile:hover::after { width: 100%; }

/* /egitim-programlarimiz-liste — .yy-* stilini yeniden kullanır, sadece başlık bloğu farklı */
.epl-hd { margin-bottom: 24px; max-width: 820px; }
.epl-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--yy-faint); }
.epl-title { font-family: inherit; font-weight: 800; font-size: clamp(20px, 2.9vw, 27px);
    letter-spacing: -.01em; line-height: 1.25; margin: .12em 0 0; color: var(--yy-ink); }
.epl-lede { font-size: 13.5px; line-height: 1.7; color: var(--yy-muted); margin: .6em 0 0; }

@media (max-width: 991px) {
    .yy-page .sub-page-header.yy-strip { height: 220px; }
    .yy-wrap { margin-top: -186px; padding: 26px 20px 40px; }
}
@media (max-width: 560px) {
    .yy-page .sub-page-header.yy-strip { height: 160px; }
    .yy-wrap { margin-top: -130px; padding: 20px 14px 32px; border-radius: 16px 16px 0 0; }
}

/* ===================================================================
   /egitim-programlarimiz/{program} — özlü söz bandı (split) + sağ program rayı
   İÇERİK (SayfaBaslik / SayfaIcerik / HeaderText*) code-behind'den birebir gelir.
   =================================================================== */
.pd-page { --pd: #5e1330; --pd-deep: #3c0a22; --pd-soft: rgba(94,19,48,.08);
    --pd-ink: #1B1016; --pd-muted: #65525C; --pd-faint: #948490;
    --pd-line: #E4DDE1; --pd-line2: #D4C9D0; }
.pd-page .sub-page-header.pd-strip { height: 280px; background-color: #5e1330 !important; }
.pd-wrap {
    max-width: 1200px;
    margin: -244px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(27,16,22,.05), 0 24px 60px -30px rgba(27,16,22,.3);
    padding: 34px 36px 48px;
    color: var(--pd-ink);
}
/* eski MainImgGetir header-tekrarı bloğu SayfaIcerik'te duruyor (code-behind değişmedi) — sadece gizli */
.pd-body .main-img2 { display: none !important; }

.pd-band { border-radius: 16px; overflow: hidden; margin-bottom: 24px;
    display: grid; grid-template-columns: 1fr 56%; align-items: stretch; }
@media (max-width: 760px) { .pd-band { grid-template-columns: 1fr; } }
.pd-band-txt { padding: 22px 28px; display: flex; flex-direction: column; justify-content: center;
    background: linear-gradient(120deg, var(--pd), var(--pd-deep)); }
/* geniş banner (ep-*-header.jpg ~3.45:1): görsel sütunu genişletildi + cover -> kişi kırpılmasın */
.pd-band-img { align-self: stretch; min-height: 190px;
    background-color: var(--pd-deep); background-repeat: no-repeat; background-position: center; background-size: cover; }
@media (max-width: 760px) { .pd-band-img { min-height: 150px; } }
.pd-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,255,255,.72); }
.pd-quote { font-family: inherit; font-weight: 800; font-size: clamp(17px, 2.3vw, 22px);
    line-height: 1.35; letter-spacing: -.01em; color: #fff; margin: .4em 0 0; }
.pd-sub { font-size: 12.5px; line-height: 1.7; color: rgba(255,255,255,.85); margin: .7em 0 0; }

.pd-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--pd); color: #fff;
    font-size: 12.5px; font-weight: 800; padding: 11px 20px; border-radius: 999px; margin-bottom: 16px; text-decoration: none; }
.pd-btn:hover { background: var(--pd-deep); color: #fff; }
.pd-btn svg { width: 15px; height: 15px; }

.pd-split { display: grid; grid-template-columns: 1fr 250px; gap: 28px; align-items: start; }
@media (max-width: 820px) { .pd-split { grid-template-columns: 1fr; } }
.pd-main { min-width: 0; }
.pd-h1 { font-size: clamp(20px, 2.9vw, 26px); font-weight: 800; letter-spacing: -.01em; color: var(--pd); margin: 4px 0 14px; }
.pd-body { font-size: 14px; line-height: 1.85; color: #3a2d33; }
.pd-body > *:first-child { margin-top: 0; }
.pd-body h2, .pd-body h3, .pd-body h4 { font-weight: 800; color: var(--pd-ink); margin: 1.5em 0 .5em; line-height: 1.3; }
.pd-body h2 { font-size: 17px; } .pd-body h3 { font-size: 15px; }
.pd-body p { margin: 0 0 1em; }
.pd-body ul, .pd-body ol { margin: 0 0 1em; padding-left: 1.4em; }
.pd-body li { margin: .35em 0; }
.pd-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 1em 0; }
.pd-body a { color: var(--pd); text-decoration: underline; }
.pd-body .text-purple { color: var(--pd) !important; }
.pd-body table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 13.5px; display: block; overflow-x: auto; }
.pd-body td, .pd-body th { border: 1px solid var(--pd-line); padding: 8px 10px; }
.pd-body iframe { max-width: 100%; }

.pd-share-box { border: 0 !important; border-top: 1px solid var(--pd-line) !important; float: none !important;
    width: auto !important; margin-top: 30px; padding-top: 16px; }
.pd-share-box .share-buttons { display: flex; align-items: center; gap: 10px; padding: 0 !important; }
.pd-share-box .kolon { float: none !important; margin: 0 !important; padding: 0 !important; display: inline-flex; align-items: center; }
.pd-share-box h6 { font-size: 10px !important; font-weight: 800 !important; letter-spacing: .14em; color: var(--pd-faint); margin: 0 4px 0 0 !important; }
.pd-share-box .fab { width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 3px 0 0 !important;
    border-radius: 50% !important; border: 1px solid var(--pd-line2) !important; background: #fff !important;
    display: inline-flex !important; align-items: center; justify-content: center; color: var(--pd-muted) !important; font-size: 13px;
    transition: background .15s ease, border-color .15s ease, color .15s ease; }
.pd-share-box .fab:hover { background: var(--pd) !important; border-color: var(--pd) !important; color: #fff !important; opacity: 1; }
.pd-share-box .fab.fa-google { display: none !important; }

.pd-rail { position: sticky; top: 92px; align-self: start; }
.pd-rail-h { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--pd); margin-bottom: 10px; }
.pd-vnav .list-group { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
    border: 1px solid var(--pd-line); border-radius: 12px; overflow: hidden; }
.pd-vnav .list-group-item { border: 0 !important; padding: 0 !important; background: none !important; }
.pd-vnav .list-group-item a { display: block; font-size: 11.5px; font-weight: 600; color: var(--pd-muted) !important;
    padding: 9px 13px; border-top: 1px solid var(--pd-line); text-decoration: none; line-height: 1.3;
    transition: background .15s ease, color .15s ease; }
.pd-vnav .list-group-item:first-child a { border-top: 0; }
.pd-vnav .list-group-item a:hover { background: var(--pd-soft); color: var(--pd) !important; }
.pd-vnav .list-group-item a:not(.text-purple) { background: var(--pd) !important; color: #fff !important; }

@media (max-width: 991px) {
    .pd-page .sub-page-header.pd-strip { height: 220px; }
    .pd-wrap { margin-top: -186px; padding: 26px 20px 40px; }
    .pd-rail { position: static; }
}
@media (max-width: 560px) {
    .pd-page .sub-page-header.pd-strip { height: 160px; }
    .pd-wrap { margin-top: -130px; padding: 20px 14px 32px; border-radius: 16px 16px 0 0; }
}

/* ===================================================================
   /acilacak-gruplarimiz — kurs arama motoru (Şablon B: filtre + tablo + şube rayı)
   Sunucu kontrolleri + GruplarTablosu'ndaki kategori renkleri (table-*) KORUNUR.
   =================================================================== */
.ag-page { --ag: #5e1330; --ag-deep: #3c0a22; --ag-soft: rgba(94,19,48,.08);
    --ag-ink: #1B1016; --ag-muted: #65525C; --ag-faint: #948490;
    --ag-line: #E4DDE1; --ag-line2: #D4C9D0; --ag-surface: #FAF5F7; }
.ag-page .sub-page-header.ag-strip { height: 260px; background-color: #5e1330 !important; }
.ag-wrap {
    max-width: 1220px;
    margin: -224px auto 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(27,16,22,.05), 0 24px 60px -30px rgba(27,16,22,.3);
    /* .container.p-0 -> padding:0 !important; geri al */
    padding: 30px 34px 46px !important;
    color: var(--ag-ink);
}
.ag-page .text-purple { color: var(--ag) !important; }

/* ---- FİLTRE KUTUSU ---- */
.ag-filter { background: var(--ag-surface) !important; border: 1px solid var(--ag-line);
    border-radius: 16px; padding: 20px 22px !important; margin: 0 0 22px !important; }
.ag-filter h5 { color: var(--ag) !important; font-weight: 800; }
.ag-filter .font-size-13 { color: var(--ag-muted); }
.ag-filter .search-filters { display: grid !important; grid-template-columns: repeat(4, 1fr) auto;
    gap: 10px; margin: 0 !important; }
.ag-filter .search-filters > .col, .ag-filter .search-filters > .col-2 {
    padding: 0 !important; max-width: none !important; flex: none !important; }
/* native <select> + bootstrap-select toggle aynı görünsün */
.ag-filter .search-filters select,
.ag-filter .bootstrap-select > button.dropdown-toggle,
.ag-filter .bootstrap-select > .dropdown-toggle,
.ag-filter .bootstrap-select .dropdown-toggle.btn-light,
.ag-filter .bootstrap-select .dropdown-toggle.bg-white {
    width: 100% !important; height: 44px !important; border: 1px solid var(--ag-line2) !important;
    border-radius: 10px !important; background: #fff !important; background-image: none !important;
    box-shadow: none !important; font-size: 12.5px !important; color: var(--ag-ink) !important; outline: none; }
.ag-filter .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.ag-filter .bootstrap-select .dropdown-toggle .caret { color: var(--ag-ink) !important; }
.ag-filter .bootstrap-select { width: 100% !important; max-width: 100% !important; }
/* DIŞ menü kutusu: TEK çerçeve. En az kapalı select kadar geniş, gerekirse içeriğe göre BÜYÜR (sağdan kesilmesin) */
.ag-filter .bootstrap-select > .dropdown-menu {
    font-size: 12.5px; border: 1px solid var(--ag-line2) !important; border-radius: 12px !important;
    min-width: 100% !important; max-width: min(340px, 92vw) !important; width: auto !important;
    overflow: hidden !important;
    padding: 4px !important; margin: 4px 0 0 !important; box-shadow: 0 14px 30px -12px rgba(27,16,22,.28) !important; }
/* İÇ katmanlar — HİÇ çerçeve/gölge/padding yok (çift border biter) + kaydır */
.ag-filter .bootstrap-select > .dropdown-menu .inner,
.ag-filter .bootstrap-select > .dropdown-menu ul.dropdown-menu,
.ag-filter .bootstrap-select .dropdown-menu.inner {
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important;
    margin: 0 !important; background: none !important;
    max-height: 280px !important; overflow-y: auto !important; width: auto !important; min-width: 0 !important; }
/* uzun seçenek metinleri kesilmesin: sarsın + font küçült */
.ag-filter .bootstrap-select .dropdown-menu li a,
.ag-filter .bootstrap-select .dropdown-menu li a span.text {
    font-size: 11.5px !important; }
.ag-filter .bootstrap-select .dropdown-menu li a { padding: 7px 12px !important; border-radius: 8px;
    white-space: normal !important; word-break: break-word; line-height: 1.35; font-weight: 500 !important; }
.ag-filter .bootstrap-select .dropdown-menu li a span.text { margin-right: 22px !important; }
.ag-filter .bootstrap-select .dropdown-menu .selected a,
.ag-filter .bootstrap-select .dropdown-menu li a:hover { background: var(--ag-soft) !important; color: var(--ag) !important; }
.ag-filter .btn-purple {
    background: var(--ag) !important; border: 0 !important; color: #fff !important;
    border-radius: 999px !important; font-weight: 800 !important; height: 44px; padding: 0 28px !important; }
.ag-filter .btn-purple:hover { background: var(--ag-deep) !important; }
@media (max-width: 860px) { .ag-filter .search-filters { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .ag-filter .search-filters { grid-template-columns: 1fr; } }

/* ---- GÖVDE: iki sütun (bootstrap .row/.col yerine grid) ---- */
.ag-body { display: grid !important; grid-template-columns: minmax(0, 1fr) 260px; gap: 26px;
    margin: 0 !important; align-items: start; }
@media (max-width: 900px) { .ag-body { grid-template-columns: 1fr; } }
.ag-main, .ag-rail-col {
    max-width: none !important; flex: none !important; width: auto !important;
    padding: 0 !important; margin: 0 !important; min-width: 0;
    border: 0 !important; background: none !important; }

/* ---- SONUÇLAR ---- */
.ag-main .filter-results.ag-results {
    background: #fff !important; border: 0 !important; border-radius: 14px;
    padding: 0 !important; margin: 0 !important; box-shadow: none !important; overflow: hidden; }
.ag-main .filter-results.ag-results > * { border: 0 !important; }
.ag-results-h { color: var(--ag) !important; font-weight: 800 !important; padding: 0 0 12px !important; margin: 0 !important; }
.ag-table { width: 100% !important; border: 1px solid var(--ag-line) !important; border-radius: 14px;
    border-collapse: separate !important; border-spacing: 0; margin: 0 !important; overflow: hidden; }
.ag-table thead th { background: var(--ag) !important; color: #fff !important;
    font-weight: 700 !important; font-size: 11px !important; letter-spacing: .03em; padding: 11px 12px !important;
    border: 0 !important; white-space: nowrap; text-align: left !important; }
.ag-table thead tr { color: #fff !important; }
.ag-table tbody td { padding: 10px 12px !important; border: 0 !important; border-top: 1px solid var(--ag-line) !important;
    vertical-align: middle; font-size: 12.5px !important; }
/* td'ye BACKGROUND verilmez -> table-warning/table-danger/... kategori renkleri korunur */
.ag-table tbody tr:first-child td { border-top: 0 !important; }
.ag-table td .btn { border: 0 !important; border-radius: 999px !important; display: inline-block !important;
    width: auto !important; min-width: 0 !important; font-size: 11px !important; font-weight: 800 !important;
    padding: 6px 14px !important; box-shadow: none !important; }
.ag-table td .btn.btn-purple { background: var(--ag) !important; color: #fff !important; }
.ag-table td .btn.btn-orange { background: #b06a12 !important; color: #fff !important; }
.ag-table td .btn.btn-block { display: inline-block !important; width: auto !important; }

/* ---- ŞUBE RAYI: yuvarlak kartlar + soldan chevron ---- */
.ag-rail-col .sidebar { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
.ag-rail-col .lihead { font-size: 10px !important; font-weight: 800 !important; letter-spacing: .12em; text-transform: uppercase;
    color: var(--ag-faint) !important; padding: 0 0 10px !important; border: 0 !important; background: none !important;
    border-radius: 0 !important; margin: 0 !important; }
.ag-rail-col .sidebar > .list-group { display: flex; flex-direction: column; gap: 8px;
    border: 0 !important; background: none !important; margin: 0 !important; padding: 0 !important; }
.ag-rail-col .sidebar > .list-group > .list-group-item {
    border: 1px solid var(--ag-line) !important; border-radius: 10px !important; overflow: hidden;
    padding: 0 !important; background: #fff !important; margin: 0 !important; }
.ag-rail-col .sidebar > .list-group > .list-group-item > a {
    display: flex !important; align-items: center; justify-content: flex-start; gap: 7px;
    padding: 11px 13px !important; font-size: 12px !important; font-weight: 700 !important;
    color: var(--ag-ink) !important; text-decoration: none; white-space: normal; word-break: break-word; }
.ag-rail-col .sidebar > .list-group > .list-group-item > a:hover { background: var(--ag-soft); color: var(--ag) !important; }
.ag-rail-col .sidebar > .list-group > .list-group-item > a .fa {
    color: var(--ag) !important; font-size: 13px; margin: 0 !important; flex: none; transition: transform .2s ease; }
.ag-rail-col .sidebar > .list-group > .list-group-item > a[aria-expanded="true"] .fa { transform: rotate(90deg); }
.ag-rail-col .collapse .list-group,
.ag-rail-col .collapse.show .list-group { background: var(--ag-surface) !important; border: 0 !important;
    margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; }
.ag-rail-col .list-group-item2 { border: 0 !important; padding: 0 !important; background: none !important; }
.ag-rail-col .list-group-item2 > a { display: block; padding: 7px 13px 7px 20px !important;
    font-size: 11px !important; font-weight: 600 !important; color: var(--ag-muted) !important;
    border-top: 1px solid var(--ag-line) !important; text-decoration: none; white-space: normal; word-break: break-word; }
.ag-rail-col .list-group-item2 > a:hover { background: #fff; color: var(--ag) !important; }
.ag-rail-col .list-group-item2 .fa { display: none; }

@media (max-width: 991px) {
    .ag-page .sub-page-header.ag-strip { height: 210px; }
    .ag-wrap { margin-top: -176px; padding: 24px 18px 38px; }
}
@media (max-width: 991px) { .ag-wrap { padding: 24px 20px 40px !important; } }
@media (max-width: 560px) {
    .ag-page .sub-page-header.ag-strip { height: 150px; }
    .ag-wrap { margin-top: -120px; padding: 18px 14px 30px !important; border-radius: 16px 16px 0 0; }
    .ag-filter { padding: 14px 14px !important; }
}

.sub-page-header .bg-white {
    position: absolute;
    z-index: 2;
    height: 80px;
    width: 100%;
    display: block;
}
.page-cover-img img {
    width: 100%;
    position: relative;
    z-index: 2;
}
.overlay-item, .overlay-item-title, .overlay-item-title div.row, .overlay-item-img {
    width: 100%;
    height: 100%;
}
    .overlay-item .overlay-item-title {
        z-index: 2;
    }
.overlay-item-img {
    overflow: hidden;
}
    .overlay-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {
    border-radius: 0%;
    margin-top: -6px;
    margin-left: -4px;
    padding: 15px 19px;
    display: block;
}
.custom-checkbox .custom-control-label.square::before, .custom-checkbox .custom-control-label.square::after {
    margin-top: -3px;
    margin-left: -4px;
    padding: 2px 4px;
}
#step2 .text-muted {
    text-decoration: line-through;
}
.search {
    position: relative;
    margin-top: -50px;
    z-index: 12;
}
    .search .selectpicker {
        width: 100%;
    }
.dropdown-toggle {
    font-size: 14px;
}
.bootstrap-select {
    width: 100% !important;
    padding: 2px 0px;
}
.search .filter-option-inner-inner {
    margin-top: -2px;
}
.modal .modal-content {
    border: none !important;
    border-radius: 0 !important;
}
.modal .modal-header .close {
    text-decoration: none;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    padding: 0px;
    margin: 0px;
}
.modal .modal-header, .modal .modal-footer button {
    border: none !important;
    border-radius: 0px !important;
}
#map {
    height: 670px;
}
.outline-block-pink {
}
    .outline-block-pink .caption {
        position: relative;
        margin-top: -14px;
        display: block;
        width: 100%;
        z-index: 2;
        text-align: center;
    }
        .outline-block-pink .caption .outer, .outline-block-pink .caption .outer {
            background: #fff;
            position: relative;
            padding: 0px 33px;
            display: inline-block;
        }
        .outline-block-pink .caption .inner {
            margin: 0 auto;
            display: inline-block;
        }
.subeheight {
    min-height: 180px !important;
}
.students-container {
    margin-left: 0px;
}
.img-kadromuz {
    border-radius: 6px;
    width: 250px;
}
.text-left-grup {
    font-size: 11px !important;
}
.text-left-grup-bold {
    font-size: 11px !important;
    font-weight: 600;
}
.sifirtd {
    background-color: #f1f1f1;
    font-size: 11px !important;
}
.kolon {
    float: left;
    padding: 1px;
    margin: 1px;
}
hr.style4 {
    border-top: 1px dotted #8c8b8b !important;
    width: 100% !important;
}
.yayinlink {
    white-space: normal !important;
}
.yayinlink2 {
    white-space: normal !important;
    color: #121111 !important;
}
.yayinad {
    height: 65px !important;
}
.wdth90 {
    width: 90px !important;
}
.header {
    z-index: 998;
    background-color: #ffffff;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.gururtablefont {
    font-size: 13px !important;
}
.images-over-text {
    position: relative;
}
/* Bottom right text */
.text-block {
    position: absolute;
    top: 70px;
    right: 20px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 10 !important;
    width: 300px !important;
}
    .text-block .p1 {
        padding-top: 12px;
        font-style: italic !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .text-block .p2 {
        float: right !important;
        font-weight: 600;
        padding-top: -20px;
    }
    .text-block .p3 {
        padding-top: 12px;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        font-weight: 600;
    }
    .text-block .p4 {
        font-style: italic !important;
        padding-top: 10px;
    }
.text-block-kadro {
    position: absolute;
    top: 110px;
    right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 10 !important;
    width: 480px !important;
}
    .text-block-kadro .p5 {
        padding-top: 12px !important;
        font-size: 30px;
    }
.text-block-mobile .p3 {
    padding-top: 22px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 600;
}
.text-block-mobile .p4 {
    text-align: left;
    font-style: italic !important;
    padding-top: 10px;
}
.text-block-mobile {
    background-color: black;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    z-index: 10 !important;
    width: 100% !important;
}
    .text-block-mobile .p1 {
        padding-top: 12px;
        font-style: italic !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .text-block-mobile .p2 {
        text-align: right;
        font-weight: 600;
        padding-top: -50px;
    }
    .text-block-OH .p2 {
        padding-top: 12px;
        font-style: italic !important;
        padding-bottom: 12px !important;
        margin-bottom: 0px !important;
    }
.uzaktantext {
    width: 500px !important;
}
.footerlink {
    color: #fff !important;
}
.headerlink {
    color: #000000 !important;
}
.programbg {
    background-color: #72042f !important;
    height: 48px !important;
    text-align: center !important;
    padding: 4px !important;
}
.centerFlex {
    align-items: center;
    display: flex;
    justify-content: center;
}
.pb-10-li li {
    padding-bottom: 10px !important;
}
.btn-200 {
    width: 200px;
    display: block;
}
.share-box {
    border: 1px solid #ccc;
    float: left;
    margin-top: 15px;
    width: 100%;
}
.share-buttons h6 {
    margin-right: 10px;
    margin-left: 10px;
    float: left;
}
.underline {
    text-decoration: line-through;
    color: #aaa !important;
}
.v-algn-center {
    vertical-align: middle !important;
}
.fab {
    padding: 8px;
    font-size: 15px;
    width: 32px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}
    .fab:hover {
        opacity: 0.6;
        color: #ffffff !important;
    }
.fa-facebook-f {
    background: #3B5998;
    color: white;
}
.fa-twitter {
    background: #55ACEE;
    color: white;
}
.fa-google {
    background: #dd4b39;
    color: white;
}
.fa-linkedin {
    background: #007bb5;
    color: white;
}
.fa-pinterest {
    background: #cb2027;
    color: white;
}
.fa-whatsapp {
    background: #1ac00c;
    color: white;
}
.fancybox-overlay {
    z-index: 100000 !important;
}
.fancybox-opened {
    z-index: 100010 !important;
}
.fancybox-wrap {
    z-index: 100020 !important;
}
/*---------------------
    Style 1
----------------------*/

    .teastimonial-item-1 .clients-details .content .name {
        font-size: 21px;
        font-weight: 700;
        color: #313131;
        line-height: 28px;
        margin-bottom: 0px;
    }
    .teastimonial-item-1 .clients-details .content .designation {
        color: #27ae60;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }
/*---------------------
    Style 2
----------------------*/

    .teastimonial-item-2 .clients-details .content .name {
        font-size: 21px;
        font-weight: 700;
        color: #313131;
        line-height: 28px;
        margin-bottom: 0px;
    }
    .teastimonial-item-2 .clients-details .content .designation {
        color: #27ae60;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }
.sidebar .list-group-item {
    font-size: 13px !important;
    border: 1px solid #c4c2c2 !important;
    border-radius: 10px;
    margin-bottom: 4px !important;
    background-color: #fff;
}
.overlay-item-title {
    font-size: 14px !important;
}
.main-img2 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    height: auto;
    width: 100% !important;
    vertical-align: middle;
    border: 0;
    padding-bottom: 10px !important;
}
    .main-img2 img {
        width: 100% !important;
    }
    .main-img2 p.lead {
        background-color: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=70);
        width: 100%;
        bottom: -25px;
        padding: 15px 20px;
        color: #fff;
        line-height: 24px;
    }
.lead {
    font-size: 1rem !important;
}
.hediyekitapadi {
    font-size: 11px !important;
}
/***********CNK*********/
#Modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
}
#ModalIcerik {
    position: fixed;
    background: #fff;
    padding: 5px;
    z-index: 9999;
    display: none;
}
#Kapat {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 999;
    color: #fff;
    font: bold 20pt verdana;
    cursor: pointer;
}
.borderorange-1px {
    border: 1px solid #ff912d;
}
.satinalbuttonicon {
    position: relative !important;
    top: 7px !important;
}
.videobuttonicon {
    position: relative !important;
    top: 2px !important;
}
@media (max-width: 998px) {
    #SepetSonuc2 a {
        background-image: none !important;
    }
    #SepetSonuc2 {
        float: right;
        padding-right: 30px;
        padding-top: 18px;
    }
    .cart-badge {
        position: inherit !important;
        margin-left: 20px;
        margin-top: -35px !important;
    }
}
.cart-badge {
    position: absolute;
    top: 4px;
    left: 38px;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 9px;
    font-weight: light;
    text-transform: uppercase;
    text-align: center;
    line-height: 1rem;
    color: white;
    border: none;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #1d8985;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(#fff, .3);
    z-index: 1022;
}
.fll {
    float: left;
    margin: 0 20px 10px 0;
}
.fll2 {
    float: left;
    margin: 0 20px 10px 20px;
}
.flr {
    float: right;
    margin: 0 20px 10px 20px;
}
.float_center {
    align-content: center !important;
}
.rounded-10 {
    border-radius: 10px !important;
}
.rounded-15 {
    border-radius: 15px !important;
}
.btn-uzaktan-egitim {
    display: block;
    text-align: center;
}
    .btn-uzaktan-egitim a {
        margin: 5px;
        display: inline-block;
        padding: 10px 8px;
        color: #fff;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 500;
        min-width: 200px;
    }
.img-responsive {
    width: 100%;
}
.doc-name {
    width: 100%;
    padding: 10px 0 0 0;
    float: left;
    padding-left: 30px;
    padding-right: 15px;
    text-align: left;
    border-top: 0px !important;
}
.doctor-box {
    padding-bottom: 30px;
}
.doc-name p {
    text-align: left;
}
.zoom-wrap {
    position: relative;
    float: left;
    width: 100%;
}
.w-200 {
    width: 200px !important;
}
@media (max-width: 767px) {
    .btn-200 {
        width: 130px !important;
    }
    .btn-filter-wrap3 a {
        font-size: 11px !important;
    }
    .btn-filter-wrap2 a {
        font-size: 11px !important;
    }
    .mobile-hidden {
        display: none;
    }
}

/* =========================================================
   Yayınlar Kataloğu — yeni tasarım (2026-08)  ·  .yc-*
   Yalnızca /yayinlarimiz-liste sayfasında kullanılır.
   ========================================================= */
.yc-catalog{--yc-teal:#1c8a83;--yc-teal-deep:#0f5c58;--yc-crimson:#a31d50;
  --yc-ink:#1c2b2a;--yc-muted:#5f6f6d;--yc-faint:#8b9997;
  --yc-line:#e7e3db;--yc-line-2:#d9d3c8;--yc-surface:#fff;--yc-surface-2:#f4f1ec;
  --yc-shadow:0 1px 2px rgba(20,45,43,.05),0 10px 26px -14px rgba(20,45,43,.20);
  --yc-shadow-lift:0 4px 10px rgba(20,45,43,.09),0 22px 44px -18px rgba(20,45,43,.28);
  color:var(--yc-ink)}
/* bannersiz: teal desenli serit korunur (fotograf yok), beyaz kart tepeden basyar */
.yc-catalog .sub-page-header.bg-teal.yc-strip{height:340px}
.yc-wrap{max-width:1180px;margin:-300px auto 0;position:relative;z-index:1;
  background:var(--yc-surface,#fff);border-radius:20px 20px 0 0;
  box-shadow:0 2px 4px rgba(20,45,43,.04),0 24px 60px -26px rgba(20,45,43,.28);
  padding:30px 30px 56px}
@media(max-width:991px){ .yc-catalog .sub-page-header.bg-teal.yc-strip{height:250px} .yc-wrap{margin-top:-215px} }
@media(max-width:600px){ .yc-catalog .sub-page-header.bg-teal.yc-strip{height:190px} .yc-wrap{margin-top:-160px} }

.yc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.yc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--yc-faint)}
.yc-title{font-size:clamp(22px,3vw,31px);font-weight:800;letter-spacing:-.02em;margin:.15em 0 0;line-height:1.15}
.yc-count{font-size:13px;color:var(--yc-muted)}
.yc-count b{color:var(--yc-teal-deep);font-weight:700}
.yc-count .yc-of{color:var(--yc-faint)}

.yc-toolbar{border:1px solid var(--yc-line);border-radius:14px;background:var(--yc-surface);
  padding:12px;margin-bottom:22px;box-shadow:var(--yc-shadow)}
.yc-tools{display:flex;gap:10px;align-items:center}
.yc-search{position:relative;flex:1;min-width:0;margin:0}
.yc-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--yc-faint)}
.yc-search input{width:100%;border:1px solid var(--yc-line-2);background:var(--yc-surface);color:var(--yc-ink);
  border-radius:9px;padding:11px 12px 11px 36px;font-size:14px;font-weight:500;font-family:inherit}
.yc-search input::placeholder{color:var(--yc-faint);font-weight:400}
.yc-search input:focus{outline:2px solid var(--yc-teal);outline-offset:1px;border-color:var(--yc-teal)}
.yc-sort{flex:none;border:1px solid var(--yc-line-2);background:var(--yc-surface);color:var(--yc-ink);
  border-radius:9px;padding:11px 34px 11px 13px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235f6f6d' d='M6 8 2 4h8z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}

.yc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.yc-chip{flex:0 0 auto;max-width:100%;border:1px solid var(--yc-line-2);background:var(--yc-surface);color:var(--yc-muted);
  border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;white-space:nowrap;text-decoration:none;
  overflow:hidden;text-overflow:ellipsis;
  transition:background .15s,color .15s,border-color .15s}
.yc-chip:hover{border-color:var(--yc-teal);color:var(--yc-teal-deep);text-decoration:none}
.yc-chip.is-active{background:var(--yc-teal);border-color:var(--yc-teal);color:#fff}

.yc-series{border:1px solid var(--yc-line);border-left:3px solid var(--yc-teal);background:var(--yc-surface);
  border-radius:9px;padding:16px 18px;margin-bottom:22px;box-shadow:var(--yc-shadow)}
.yc-series-name{margin:0;font-size:16px;font-weight:800;color:var(--yc-teal-deep)}
.yc-series-lvl{display:inline-block;margin-top:2px;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--yc-crimson)}
.yc-series p{margin:9px 0 0;font-size:13px;line-height:1.6;color:var(--yc-muted);max-width:74ch}
.yc-series p:first-of-type{margin-top:11px}

.yc-grid{display:grid;gap:18px;grid-template-columns:repeat(5,1fr)}
@media(max-width:1199px){.yc-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:991px){.yc-grid{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(max-width:575px){.yc-grid{grid-template-columns:repeat(2,1fr)}}

.yc-card{min-width:0;background:var(--yc-surface);border:1px solid var(--yc-line);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--yc-shadow);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.yc-card:hover{transform:translateY(-4px);box-shadow:var(--yc-shadow-lift);border-color:var(--yc-line-2)}
.yc-cover{position:relative;display:flex;align-items:flex-end;justify-content:center;
  background:var(--yc-surface-2);padding:16px 16px 8px;aspect-ratio:1/1}
.yc-cover img{width:auto;max-width:82%;max-height:100%;
  filter:drop-shadow(0 10px 18px rgba(20,45,43,.22));transition:transform .2s ease}
.yc-card:hover .yc-cover img{transform:scale(1.035)}
.yc-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px}
.yc-badge{font-size:10px;font-weight:800;letter-spacing:.07em;padding:4px 8px;border-radius:5px;color:#fff;line-height:1}
.yc-badge-new{background:var(--yc-teal)}
.yc-badge-disc{background:var(--yc-crimson)}

.yc-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:9px;flex:1}
.yc-name{margin:0;font-size:13px;font-weight:700;line-height:1.34;letter-spacing:-.005em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.yc-name a{color:inherit;text-decoration:none}
.yc-name a:hover{color:var(--yc-teal-deep);text-decoration:none}
.yc-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.yc-price{display:flex;flex-direction:column;line-height:1.12}
.yc-old{font-size:11px;color:var(--yc-faint);text-decoration:line-through}
.yc-now{font-size:15.5px;font-weight:800;color:var(--yc-teal-deep)}
.yc-stock{font-size:12px;font-weight:700;color:var(--yc-muted)}
.yc-go{flex:none;display:inline-flex;align-items:center;gap:5px;text-decoration:none;
  border:1px solid var(--yc-teal);color:var(--yc-teal-deep);background:transparent;
  border-radius:999px;padding:7px 12px;font-size:11.5px;font-weight:700;transition:background .15s,color .15s}
.yc-go svg{width:12px;height:12px}
.yc-card:hover .yc-go{background:var(--yc-teal);color:#fff;border-color:var(--yc-teal)}

.yc-empty{grid-column:1/-1;text-align:center;padding:54px 20px;color:var(--yc-muted);
  border:1px dashed var(--yc-line-2);border-radius:14px;font-size:14px}
.yc-empty b{color:var(--yc-ink)}

@media (prefers-reduced-motion:reduce){
  .yc-card,.yc-cover img{transition:none}
  .yc-card:hover{transform:none}
  .yc-card:hover .yc-cover img{transform:none}
}

/* --- mobil --- */
@media(max-width:767px){
  .yc-wrap{padding:18px 14px 44px}
  .yc-head{gap:10px;margin-bottom:12px}
  .yc-toolbar{padding:10px;border-radius:12px;margin-bottom:16px}
  .yc-tools{flex-wrap:wrap}
  .yc-search{flex:1 1 100%}
  .yc-sort{flex:1 1 100%}
  .yc-chip{padding:6px 12px;font-size:12px}
  .yc-series{padding:14px 15px;margin-bottom:16px}
}
@media(max-width:575px){
  .yc-grid{gap:12px}
  .yc-cover{padding:12px 12px 6px}
  .yc-body{padding:10px 11px 12px;gap:7px}
  .yc-name{font-size:12.5px}
  .yc-foot{flex-wrap:wrap;gap:6px}
  .yc-go{padding:6px 10px}
}

/* =========================================================
   Yayın Detay — yeni tasarım (2026-08)  ·  .yd-*
   Yalnızca /yayinlarimiz/{ad}/{id} (Yayin-Detay.aspx)
   ========================================================= */
.yd-detay{--yd-teal:#1c8a83;--yd-teal-deep:#0f5c58;--yd-crimson:#a31d50;--yd-gold:#c98a00;
  --yd-ink:#1c2b2a;--yd-muted:#5f6f6d;--yd-faint:#8b9997;
  --yd-line:#e7e3db;--yd-line-2:#d9d3c8;--yd-surface:#fff;--yd-surface-2:#f4f1ec;
  --yd-ok:#1f7a44;--yd-ok-tint:#eaf4ee;
  --yd-shadow:0 1px 2px rgba(20,45,43,.05),0 10px 26px -14px rgba(20,45,43,.18);
  color:var(--yd-ink)}
/* bannersiz: teal desenli serit korunur (fotograf yok), beyaz kart tepeden baslar */
.yd-detay .sub-page-header.bg-teal.yd-strip{height:340px}
.yd-wrap{max-width:1180px;margin:-300px auto 0;position:relative;z-index:1;
  background:var(--yd-surface,#fff);border-radius:20px 20px 0 0;
  box-shadow:0 2px 4px rgba(20,45,43,.04),0 24px 60px -26px rgba(20,45,43,.28);
  padding:28px 30px 60px}
@media(max-width:991px){ .yd-detay .sub-page-header.bg-teal.yd-strip{height:250px} .yd-wrap{margin-top:-215px} }
@media(max-width:600px){ .yd-detay .sub-page-header.bg-teal.yd-strip{height:190px} .yd-wrap{margin-top:-160px} }

.yd-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--yd-faint);margin-bottom:20px}
.yd-crumb a{color:var(--yd-faint)}
.yd-crumb a:hover{color:var(--yd-teal-deep)}
.yd-crumb .sep{opacity:.55}
.yd-crumb .cur{color:var(--yd-muted);font-weight:600}

.yd-hero{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:clamp(20px,4vw,46px);align-items:start}
@media(max-width:840px){.yd-hero{grid-template-columns:1fr;gap:22px}}

.yd-cover-col{position:sticky;top:20px}
@media(max-width:840px){.yd-cover-col{position:static;max-width:300px;margin:0 auto}}
.yd-cover{position:relative;background:var(--yd-surface-2);border:1px solid var(--yd-line);border-radius:14px;
  padding:26px;display:flex;align-items:center;justify-content:center}
.yd-cover img{width:auto;max-width:100%;max-height:430px;filter:drop-shadow(0 16px 30px rgba(20,45,43,.26))}
.yd-cover .yd-freeship-img{position:absolute;top:10px;left:10px;width:64px;height:auto;max-height:none;filter:none;float:none;margin:0}

.yd-info{min-width:0}
.yd-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yd-teal-deep)}
.yd-title{font-size:clamp(21px,3.4vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:.3em 0 .1em;text-wrap:balance}
.yd-title b{font-weight:800}
.yd-sub{font-size:15px;font-weight:600;color:var(--yd-muted);margin:.1em 0 .3em}
.yd-hr{border:0;border-top:1px solid var(--yd-line-2);margin:10px 0}
.yd-rating{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--yd-muted);margin-top:4px}
.yd-rating .stars{color:var(--yd-gold);letter-spacing:1px;font-size:13px}
.yd-authors{font-size:13px;color:var(--yd-muted);margin:12px 0 0}
.yd-authors b{color:var(--yd-ink);font-weight:600}

.yd-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.yd-chip{background:var(--yd-surface);border:1px solid var(--yd-line);border-radius:999px;padding:6px 13px;font-size:12px;color:var(--yd-muted)}
.yd-chip b{color:var(--yd-ink);font-weight:700}

.yd-buybox{background:var(--yd-surface);border:1px solid var(--yd-line);border-radius:14px;padding:18px;margin:16px 0;box-shadow:var(--yd-shadow)}
.yd-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.yd-price-lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--yd-faint)}
.yd-price{font-size:29px;font-weight:800;color:var(--yd-teal-deep);font-variant-numeric:tabular-nums;line-height:1.1}
.yd-price small{font-size:14px;font-weight:700}
.yd-cta{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.yd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:13px 20px;
  font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid transparent;text-decoration:none;line-height:1}
.yd-btn svg{width:16px;height:16px}
.yd-btn-primary{flex:1;min-width:190px;background:var(--yd-teal);color:#fff;border-color:var(--yd-teal)}
.yd-btn-primary:hover{background:var(--yd-teal-deep);border-color:var(--yd-teal-deep);color:#fff;text-decoration:none}
.yd-btn-ghost{background:transparent;color:var(--yd-teal-deep);border-color:var(--yd-line-2)}
.yd-btn-ghost:hover{border-color:var(--yd-teal);color:var(--yd-teal-deep);text-decoration:none}
.yd-btn-out{flex:1;background:var(--yd-surface-2);color:var(--yd-muted);border-color:var(--yd-line-2);cursor:not-allowed}
.yd-ebook{position:relative;display:inline-block}
.yd-ebook .dropdown-content{border-radius:9px;overflow:hidden;border:1px solid var(--yd-line);box-shadow:0 8px 24px -10px rgba(20,45,43,.3)}
.yd-ebook .dropdown-content a{font-size:13px;font-weight:600}

.yd-installments{display:flex;gap:10px;align-items:flex-start;background:var(--yd-ok-tint);
  border:1px solid var(--yd-line-2);border-radius:9px;padding:11px 13px;margin-top:12px;font-size:12.5px;color:var(--yd-muted)}
.yd-installments b{color:var(--yd-ink)}
.yd-installments svg{width:18px;height:18px;color:var(--yd-ok);flex:none;margin-top:1px}

.yd-notice{border:1px solid var(--yd-line);border-left:3px solid var(--yd-crimson);background:var(--yd-surface);
  border-radius:9px;padding:13px 15px;margin-top:14px}
.yd-notice-t{margin:0 0 3px;font-size:13px;font-weight:800;color:var(--yd-crimson)}
.yd-notice p{margin:0;font-size:12.5px;color:var(--yd-muted)}

.yd-share{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.yd-share-l{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--yd-faint)}

.yd-extra{margin-top:34px}
.yd-extra .video-container{border-radius:12px;overflow:hidden;border:1px solid var(--yd-line);margin-bottom:20px}
.yd-extra .alert{border-radius:12px;border:1px solid var(--yd-line);font-size:13px}
.yd-extra .alert-warning{background:#fff9ec;border-color:#f0dfae}
.yd-set{margin-top:8px}
.yd-set h3{font-size:17px;font-weight:800;color:var(--yd-teal-deep);margin:24px 0 8px}
.yd-set img.w-75{max-width:min(100%,520px);border-radius:10px}
.yd-set table{font-size:13.5px}

@media(max-width:767px){
  .yd-wrap{padding:16px 14px 48px}
  .yd-buybox{padding:15px}
  .yd-price{font-size:25px}
  .yd-btn{padding:12px 16px}
}
@media (prefers-reduced-motion:reduce){.yd-detay *{transition:none!important}}

/* --- Yayın Detay: paylaş / toplu sipariş / akıllı tahta (yeni tasarım) --- */
.yd-share-ic{display:inline-flex;gap:8px}
.yd-share-ic a,.yd-copy{width:34px;height:34px;border-radius:9px;border:1px solid var(--yd-line-2);background:var(--yd-surface);
  color:var(--yd-muted);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s,background .15s;padding:0}
.yd-share-ic a:hover,.yd-copy:hover{border-color:var(--yd-teal);color:var(--yd-teal-deep);text-decoration:none}
.yd-share-ic svg{width:15px;height:15px}
.yd-copy.ok{border-color:var(--yd-ok);color:var(--yd-ok);background:var(--yd-ok-tint)}

.yd-bulk{display:flex;align-items:center;gap:14px;flex-wrap:wrap;text-decoration:none;
  border:1px solid var(--yd-line);border-left:3px solid #25d366;background:var(--yd-surface);
  border-radius:12px;padding:14px 16px;box-shadow:var(--yd-shadow);transition:box-shadow .16s,transform .16s}
.yd-bulk:hover{box-shadow:var(--yd-shadow-lift, 0 8px 26px -12px rgba(20,45,43,.28));transform:translateY(-2px);text-decoration:none}
.yd-bulk-ic{flex:none;width:44px;height:44px;border-radius:10px;background:var(--yd-teal-tint,#e3efed);color:var(--yd-teal-deep);display:grid;place-items:center}
.yd-bulk-ic svg{width:22px;height:22px}
.yd-bulk-txt{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
.yd-bulk-txt b{color:var(--yd-ink);font-size:14px;font-weight:800}
.yd-bulk-txt span{color:var(--yd-muted);font-size:12.5px;line-height:1.45}
.yd-bulk-cta{flex:none;display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#0b3d1f;
  border-radius:999px;padding:9px 15px;font-size:12.5px;font-weight:800}
.yd-bulk-cta svg{width:13px;height:13px}

.yd-teacher{border:1px solid var(--yd-line);border-left:3px solid var(--yd-gold);background:var(--yd-surface);
  border-radius:12px;padding:18px 20px;margin-top:18px;box-shadow:var(--yd-shadow)}
.yd-teacher-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.yd-teacher-ic{flex:none;width:52px;height:auto}
.yd-teacher-t{margin:0;font-size:15px;font-weight:700;color:var(--yd-ink)}
.yd-teacher-t b{color:var(--yd-teal-deep);font-weight:800}
.yd-teacher p{margin:0 0 10px;font-size:13px;line-height:1.65;color:var(--yd-muted)}
.yd-teacher p a{color:var(--yd-teal-deep);font-weight:700}
.yd-teacher-apps{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:4px}
.yd-teacher-apps img{height:38px;width:auto}

/* --- Yayın Detay: alt "diğer kitaplar" şeridi --- */
.yd-related{margin-top:44px;border-top:1px solid var(--yd-line);padding-top:24px}
.yd-related h3{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:15px;font-weight:800;color:var(--yd-ink);margin:0 0 16px}
.yd-related-all{font-size:12px;font-weight:700;color:var(--yd-teal-deep)}
.yd-related-all:hover{text-decoration:underline;color:var(--yd-teal-deep)}
.yd-rel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:1100px){.yd-rel-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.yd-rel-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.yd-rel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:460px){.yd-rel-grid{grid-template-columns:repeat(2,1fr)}}
.yd-rel-card{display:flex;flex-direction:column;border:1px solid var(--yd-line);border-radius:12px;overflow:hidden;
  background:var(--yd-surface);text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}
.yd-rel-card:hover{transform:translateY(-3px);box-shadow:var(--yd-shadow);border-color:var(--yd-line-2);text-decoration:none}
.yd-rel-cov{background:var(--yd-surface-2);aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center;padding:12px}
.yd-rel-cov img{max-width:80%;max-height:100%;width:auto;filter:drop-shadow(0 8px 14px rgba(20,45,43,.2))}
.yd-rel-b{padding:9px 10px 11px;display:flex;flex-direction:column;gap:5px;flex:1}
.yd-rel-ad{font-size:11px;font-weight:700;line-height:1.32;color:var(--yd-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.yd-rel-fy{margin-top:auto;font-size:12.5px;font-weight:800;color:var(--yd-teal-deep)}

/* --- Yayınlar Kataloğu: YKS-DİL alt kategori chip satırı --- */
.yc-chip-caret{font-size:9px;opacity:.7;margin-left:2px;display:inline-block;vertical-align:middle}
.yc-chip.is-active .yc-chip-caret{opacity:.9}
.yc-subchips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--yc-line-2)}
.yc-subchips-l{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--yc-faint);margin-right:2px}
.yc-chip-sm{padding:5px 12px;font-size:11.5px;border-radius:999px}
.yc-chip-sm.is-active{background:var(--yc-crimson);border-color:var(--yc-crimson);color:#fff}
.yc-chip-sm:hover{border-color:var(--yc-crimson);color:var(--yc-crimson)}
.yc-chip-sm.is-active:hover{color:#fff}

/* --- Yayın Detay: breadcrumb kategori dropdown (B) + alt kategori chip'leri (C) --- */
.yd-crumb-dd{position:relative;display:inline-block}
.yd-crumb-ddbtn{display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:0;font:inherit;font-size:12px;color:var(--yd-faint);cursor:pointer}
.yd-crumb-ddbtn:hover{color:var(--yd-teal-deep)}
.yd-crumb-ddbtn svg{width:10px;height:10px;transition:transform .15s}
.yd-crumb-dd.open .yd-crumb-ddbtn{color:var(--yd-teal-deep)}
.yd-crumb-dd.open .yd-crumb-ddbtn svg{transform:rotate(180deg)}
.yd-crumb-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:238px;max-height:340px;overflow:auto;
  background:var(--yd-surface);border:1px solid var(--yd-line);border-radius:12px;
  box-shadow:0 10px 30px -10px rgba(20,45,43,.3);padding:6px;display:none}
.yd-crumb-dd.open .yd-crumb-menu{display:block}
.yd-crumb-menu-h{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--yd-faint);padding:7px 12px 4px}
.yd-crumb-menu a{display:block;padding:8px 12px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--yd-muted)}
.yd-crumb-menu a:hover{background:var(--yd-surface-2);color:var(--yd-teal-deep);text-decoration:none}
.yd-crumb-menu a.on{background:var(--yd-teal-tint,#e3efed);color:var(--yd-teal-deep)}

.yd-catnav{margin-top:40px;border-top:1px solid var(--yd-line);padding-top:22px}
.yd-catnav-l{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--yd-faint);margin-bottom:11px}
.yd-catnav-chips{display:flex;flex-wrap:wrap;gap:8px}
.yd-cchip{border:1px solid var(--yd-line-2);background:var(--yd-surface);color:var(--yd-muted);border-radius:999px;
  padding:7px 14px;font-size:12.5px;font-weight:600;white-space:nowrap;transition:border-color .14s,color .14s,background .14s}
.yd-cchip:hover{border-color:var(--yd-teal);color:var(--yd-teal-deep);text-decoration:none}
.yd-cchip.on{background:var(--yd-teal);border-color:var(--yd-teal);color:#fff}
.yd-cchip.on:hover{color:#fff}
.yd-catnav + .yd-related{margin-top:26px;border-top:none;padding-top:0}

/* =========================================================
   Yayınlar Ana Sayfası — yeni tasarım (2026-08)  ·  .ya-*
   Yalnızca /yayinlarimiz (Yayinlarimiz.aspx)
   ========================================================= */
.ya-home{--ya-teal:#1c8a83;--ya-teal-deep:#0f5c58;--ya-teal-tint:#e3efed;--ya-crimson:#a31d50;--ya-gold:#c98a00;
  --ya-ink:#1c2b2a;--ya-muted:#5f6f6d;--ya-faint:#8b9997;
  --ya-line:#e7e3db;--ya-line-2:#d9d3c8;--ya-surface:#fff;--ya-surface-2:#f4f1ec;
  --ya-shadow:0 1px 2px rgba(20,45,43,.05),0 10px 26px -14px rgba(20,45,43,.18);
  --ya-shadow-lift:0 6px 14px rgba(20,45,43,.10),0 26px 50px -20px rgba(20,45,43,.30);
  color:var(--ya-ink)}
.ya-home .sub-page-header.bg-teal.ya-strip{height:340px}
.ya-wrap{max-width:1180px;margin:-300px auto 0;position:relative;z-index:1;background:var(--ya-surface);
  border:1px solid var(--ya-line);border-radius:20px 20px 0 0;
  box-shadow:0 2px 4px rgba(20,45,43,.04),0 24px 60px -26px rgba(20,45,43,.26);
  padding:clamp(22px,4vw,42px) clamp(18px,4vw,42px) 64px}
@media(max-width:991px){ .ya-home .sub-page-header.bg-teal.ya-strip{height:250px} .ya-wrap{margin-top:-215px} }
@media(max-width:600px){ .ya-home .sub-page-header.bg-teal.ya-strip{height:190px} .ya-wrap{margin-top:-160px} }

.ya-sec{margin-top:44px}
.ya-sec:first-child{margin-top:0}
.ya-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ya-sec-h h2{margin:0;font-size:clamp(17px,2.4vw,22px);font-weight:800;letter-spacing:-.015em}
.ya-sec-h .all{font-size:12px;font-weight:700;color:var(--ya-teal-deep)}

.ya-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ya-faint)}
.ya-title{margin:.2em 0 .3em;font-size:clamp(23px,4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.14}
.ya-lead{margin:0;max-width:62ch;color:var(--ya-muted);font-size:15px}
.ya-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
@media(max-width:620px){.ya-stats{grid-template-columns:1fr}}
.ya-stat{border:1px solid var(--ya-line);border-radius:12px;background:var(--ya-surface-2);padding:14px 16px}
.ya-stat b{display:block;font-size:22px;font-weight:800;color:var(--ya-teal-deep);font-variant-numeric:tabular-nums}
.ya-stat span{font-size:12px;color:var(--ya-muted)}

/* HIZLI İŞLEMLER */
.ya-qa{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:820px){.ya-qa{grid-template-columns:1fr}}
.ya-qa a{display:flex;flex-direction:column;gap:10px;border-radius:16px;padding:20px;text-decoration:none;
  min-height:190px;transition:transform .15s,box-shadow .15s}
.ya-qa a:hover{transform:translateY(-3px);text-decoration:none}
.ya-qa .ya-qic{width:48px;height:48px;flex:none;border-radius:12px;display:grid;place-items:center}
.ya-qa .ya-qic svg{width:24px;height:24px}
.ya-qa .ya-qtx{font-size:15px;font-weight:800;line-height:1.32}
.ya-qa .ya-qtx .l1{display:block;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.8}
.ya-qa .ya-qtx .l3{display:block;font-weight:400}
.ya-qa .ya-qcta{margin-top:auto;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
.ya-qa .ya-qcta svg{width:14px;height:14px}
.ya-qa .ya-q1{background:linear-gradient(120deg,#023634,#12615c);color:#fff;box-shadow:0 16px 34px -14px rgba(2,54,52,.5)}
.ya-qa .ya-q1 .ya-qic{background:rgba(255,255,255,.16);color:#fff}
.ya-qa .ya-q2{background:var(--ya-surface);color:var(--ya-ink);border:2px solid rgba(27,138,133,.55)}
.ya-qa .ya-q2 .ya-qic{background:var(--ya-teal-tint);color:var(--ya-teal-deep)}
.ya-qa .ya-q2 .ya-qcta{color:var(--ya-teal-deep)}
.ya-qa .ya-q3{background:linear-gradient(180deg,#eefaf5,var(--ya-surface));color:var(--ya-ink);border:2px solid rgba(27,138,133,.5)}
.ya-qa .ya-q3 .ya-qic{background:linear-gradient(180deg,#0f8b80,#0b6b63);color:#fff;box-shadow:0 8px 18px rgba(15,139,128,.25)}
.ya-qa .ya-q3 .ya-qcta{color:var(--ya-teal-deep)}

/* KATEGORİLER */
.ya-cat{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:900px){.ya-cat{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.ya-cat{grid-template-columns:repeat(2,1fr)}}
.ya-cat a{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;
  border:1px solid var(--ya-line);border-radius:14px;background:var(--ya-surface);padding:18px 12px;
  transition:transform .15s,box-shadow .15s,border-color .15s;text-decoration:none;color:var(--ya-ink)}
.ya-cat a:hover{transform:translateY(-3px);box-shadow:var(--ya-shadow-lift);border-color:var(--ya-line-2);text-decoration:none}
.ya-cat .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ya-teal-tint);color:var(--ya-teal-deep)}
.ya-cat .ic i{font-size:22px;line-height:1}
.ya-cat .nm{font-size:12.5px;font-weight:700;line-height:1.25}
.ya-cat .ct{font-size:11px;color:var(--ya-faint);font-variant-numeric:tabular-nums}
.ya-cat a.all{background:var(--ya-teal);border-color:var(--ya-teal);color:#fff}
.ya-cat a.all .ic{background:rgba(255,255,255,.18);color:#fff}
.ya-cat a.all .ct{color:rgba(255,255,255,.8)}

/* ÖNE ÇIKAN */
.ya-books{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:1000px){.ya-books{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.ya-books{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.ya-books{grid-template-columns:repeat(2,1fr)}}
.ya-bk{border:1px solid var(--ya-line);border-radius:12px;overflow:hidden;background:var(--ya-surface);
  display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;text-decoration:none;color:var(--ya-ink)}
.ya-bk:hover{transform:translateY(-3px);box-shadow:var(--ya-shadow-lift);text-decoration:none}
.ya-bc{background:var(--ya-surface-2);aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center;padding:12px}
.ya-bc img{max-width:80%;max-height:100%;width:auto;filter:drop-shadow(0 8px 14px rgba(20,45,43,.2))}
.ya-bb{padding:9px 10px 11px;display:flex;flex-direction:column;gap:5px;flex:1}
.ya-bt{font-size:11px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.ya-bp{margin-top:auto;font-size:12.5px;font-weight:800;color:var(--ya-teal-deep)}

/* NEDEN — kurucu vurgusu */
.ya-why{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;
  border:1px solid var(--ya-line);border-left:4px solid var(--ya-teal);border-radius:16px;background:var(--ya-surface);
  padding:26px clamp(20px,4vw,34px);box-shadow:var(--ya-shadow)}
@media(max-width:720px){.ya-why{grid-template-columns:1fr}}
.ya-why-av{display:flex}
.ya-why-av span{width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,#12756e,#0b4c48);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:18px;border:3px solid var(--ya-surface)}
.ya-why-av span:nth-child(2){margin-left:-16px}
.ya-why-q{margin:0;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(16px,2.4vw,20px);line-height:1.5;color:var(--ya-ink)}
.ya-why-who{margin:12px 0 0;font-size:12.5px;color:var(--ya-muted)}
.ya-why-who b{color:var(--ya-ink)}
.ya-why-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ya-why-pills span{display:inline-flex;align-items:center;gap:6px;background:var(--ya-teal-tint);color:var(--ya-teal-deep);
  border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}
.ya-why-pills svg{width:14px;height:14px}

@media(max-width:767px){ .ya-wrap{padding:18px 14px 48px} }
@media (prefers-reduced-motion:reduce){ .ya-home *{transition:none} }

/* =========================================================
   Yeni site header (2026-08) — bölüm renkli, düz menü bandı,
   ters-pill aktif öğe, alt border yok.  .sec-hd + .sec-{ana|uzk|yay|drs}
   ========================================================= */
.sec-hd{--hd:#12716c;--hd-deep:#0b5651;--hd-g1:#0b4c48;--hd-g2:#26a29c;--hd-soft:rgba(18,113,108,.12)}
.sec-hd.sec-ana{--hd:#941949;--hd-deep:#6b0f36;--hd-g1:#5c0f34;--hd-g2:#b0245b;--hd-soft:rgba(148,25,73,.12)}
.sec-hd.sec-uzk{--hd:#e67e15;--hd-deep:#9a5406;--hd-g1:#c26a10;--hd-g2:#f5993c;--hd-soft:rgba(230,126,21,.15)}
.sec-hd.sec-yay{--hd:#12716c;--hd-deep:#0b5651;--hd-g1:#0b4c48;--hd-g2:#26a29c;--hd-soft:rgba(18,113,108,.12)}
.sec-hd.sec-drs{--hd:#5e1330;--hd-deep:#3c0a22;--hd-g1:#3c0a22;--hd-g2:#7a1c40;--hd-soft:rgba(94,19,48,.12)}

/* header tüm genişlikte bölüm rengi; alt/kenar border yok */
#myHeader.sec-hd{background:var(--hd-g1) !important;border:0 !important;box-shadow:none}
#myHeader.sec-hd .border-pink{border-color:transparent !important}

/* üst utility satırı beyaz kalsın */
#myHeader.sec-hd .top.border-top{background:#fff;border-top:0 !important}
#myHeader.sec-hd .top.border-top .container{background:#fff}

/* utility içi pembe -> bölüm rengi */
#myHeader.sec-hd .text-pink,
#myHeader.sec-hd .text-pink *{color:var(--hd-deep) !important}
#myHeader.sec-hd .call .phone-label,
#myHeader.sec-hd .call .phone-number a{color:var(--hd-deep) !important}
#myHeader.sec-hd .student-login a.bg-pink{background:var(--hd) !important;border-radius:999px}
#myHeader.sec-hd .headerlink{color:var(--hd-deep) !important}

/* menü sarmalayıcısı şeffaf -> arkadan #myHeader bölüm bandı görünür (boydan boya) */
#myHeader.sec-hd .container.mt-1.mb-1{background:transparent}
#myHeader.sec-hd .main-nav{background:transparent;box-shadow:none}

/* SmartMenus: düz, şeffaf öğeler; ters-pill aktif */
#myHeader.sec-hd .sm-blue{background:transparent !important;box-shadow:none !important;border-radius:0}
#myHeader.sec-hd .sm-blue > li > a,
#myHeader.sec-hd .sm-blue > li > a:link,
#myHeader.sec-hd .sm-blue > li > a:visited{
  background:transparent !important;background-image:none !important;
  color:#fff !important;text-shadow:none !important;
  border-radius:999px;padding:9px 15px;padding-right:34px;font-weight:600;
}
#myHeader.sec-hd .sm-blue > li > a:hover,
#myHeader.sec-hd .sm-blue > li > a.highlighted{
  background:rgba(255,255,255,.16) !important;background-image:none !important;color:#fff !important;
}
#myHeader.sec-hd .sm-blue > li > a.current{
  background:#fff !important;background-image:none !important;
  color:var(--hd-deep) !important;font-weight:800;text-shadow:none !important;
}
#myHeader.sec-hd .sm-blue > li > a .sub-arrow{background:rgba(255,255,255,.15)}
#myHeader.sec-hd .sm-blue > li > a.current .sub-arrow{background:rgba(0,0,0,.08)}

/* alt menüler beyaz kutu (asıl kurallar aşağıda "ALT MENÜLER" bloğunda) */
#myHeader.sec-hd .sm-blue ul{background:#fff;box-shadow:0 16px 34px -14px rgba(0,0,0,.30);border-radius:14px !important}
#myHeader.sec-hd .sm-blue ul a,
#myHeader.sec-hd .sm-blue ul a:link,
#myHeader.sec-hd .sm-blue ul a:visited{background:transparent !important;color:#333 !important;text-shadow:none !important}
#myHeader.sec-hd .sm-blue ul a:hover,
#myHeader.sec-hd .sm-blue ul a.highlighted,
#myHeader.sec-hd .sm-blue ul a.current{background:var(--hd-soft) !important;color:var(--hd-deep) !important}
#myHeader.sec-hd .sm-blue ul .sub-arrow{background:rgba(0,0,0,.08)}

/* mobil hamburger beyaz */
#myHeader.sec-hd .main-menu-btn-icon,
#myHeader.sec-hd .main-menu-btn-icon::before,
#myHeader.sec-hd .main-menu-btn-icon::after{background:#fff}
#myHeader.sec-hd #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{background:transparent}

/* mobilde açık menü: bölüm rengi zemin (öğeler beyaz yazı) */
@media(max-width:767px){
  #myHeader.sec-hd .sm-blue > li > a{border-bottom:1px solid rgba(255,255,255,.12);border-radius:0}
  #myHeader.sec-hd .sm-blue ul{margin:0}
}

/* --- Yeni header: şablona uydurma rötuşları v2 (2026-08) --- */

/* üst beyaz satır: temiz sol hizalı Çağrı Merkezi */
#myHeader.sec-hd .top.border-top{padding:8px 0}
#myHeader.sec-hd .top.border-top .row{display:flex;align-items:center}
#myHeader.sec-hd .call{width:auto;float:none;text-align:left;line-height:1.35}
#myHeader.sec-hd .call > div{float:none !important;display:block;text-align:left}
#myHeader.sec-hd .call .phone-label{display:none}
#myHeader.sec-hd .call .phone-number{margin-top:2px}
#myHeader.sec-hd .call .phone-number a{font-weight:800;font-size:14px}
#myHeader.sec-hd .call .icon-phone{float:none;margin:0 5px 0 0}

/* logo — ~%50 büyük */
#myHeader.sec-hd .hd-logo,
#myHeader.sec-hd .top .col.text-center img{height:105px !important;width:auto}
#myHeader.sec-hd .top.border-top{padding:4px 0}

/* Öğrenci Girişi -> pill, dikeyde daha ferah */
#myHeader.sec-hd .student-login a.bg-pink,
#myHeader.sec-hd .hd-login{
  background:linear-gradient(to bottom,var(--hd),var(--hd-g1)) !important;color:#fff !important;border-radius:999px;
  padding:.9rem 1.25rem !important;font-size:13px;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
#myHeader.sec-hd .hd-login i,
#myHeader.sec-hd .student-login a.bg-pink i{float:none;margin:0;font-size:14px}

/* ===== MENÜ BANDI ===== */
/* menü bandı: FULL genişlik + düz renk + üst kenarda çok hafif beyaz parlama (varyant B)
   + altta 2px koyu şerit (aşağıdaki teal ile karışmasın) */
#myHeader.sec-hd .container.mt-1.mb-1.hd-menuwrap{
  max-width:none !important;width:100% !important;margin:0 !important;padding:7px 0 !important;
  background:linear-gradient(to bottom,rgba(255,255,255,.10),rgba(255,255,255,0) 42%),var(--hd) !important;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.22) !important}
#myHeader.sec-hd .main-nav{padding:0;background:transparent}
#myHeader.sec-hd .nav-brand{display:none}

/* top-level öğeler: düz beyaz, dar, tek satır */
#myHeader.sec-hd .sm-blue{background:transparent !important;box-shadow:none !important;border-radius:0}
#myHeader.sec-hd .sm-blue > li > a,
#myHeader.sec-hd .sm-blue > li > a:link,
#myHeader.sec-hd .sm-blue > li > a:visited{
  background:transparent !important;background-image:none !important;color:#fff !important;text-shadow:none !important;
  font-size:12.5px !important;font-weight:600;line-height:1.2 !important;
  padding:11px 13px !important;border-radius:999px;white-space:nowrap;
}
#myHeader.sec-hd .sm-blue > li > a:hover,
#myHeader.sec-hd .sm-blue > li > a.highlighted{background:rgba(255,255,255,.16) !important;color:#fff !important}
#myHeader.sec-hd .sm-blue > li > a.current{background:#fff !important;color:var(--hd-deep) !important;font-weight:800}

/* alt-ok: SmartMenus'un bozuk toggle kutusunu tamamen gizle, chevron'u a::after ile çiz */
#myHeader.sec-hd .sm-blue .sub-arrow{display:none !important}
#myHeader.sec-hd .sm-blue > li > a{padding-left:13px !important;padding-right:13px !important}
/* ▾ oku: flex akışında, metinden boşluklu (position:absolute değil) */
#myHeader.sec-hd .sm-blue > li:has(> ul) > a::after{
  content:"\25BE";font-family:'Montserrat',Arial,sans-serif;font-size:11px;font-weight:700;line-height:1;
  margin-left:8px;color:rgba(255,255,255,.9);pointer-events:none;flex:none;
}
#myHeader.sec-hd .sm-blue > li:has(> ul) > a.highlighted::after{content:"\25B4"}
#myHeader.sec-hd .sm-blue > li:has(> ul) > a.current::after{color:var(--hd-deep)}

/* menü bandı: nav içeriği ortalı + öğeler arası dik çizgileri kaldır */
#myHeader.sec-hd .hd-menuwrap .main-nav{max-width:1140px !important;margin:0 auto !important;padding:0 15px !important}
#myHeader.sec-hd .sm-blue,
#myHeader.sec-hd .sm-blue > li{margin:0 !important}
#myHeader.sec-hd .sm-blue > li{border-left:0 !important;border-right:0 !important}
#myHeader.sec-hd .sm-blue > li > a{border:0 !important}
#myHeader.sec-hd .sm-blue ul{border:0 !important}

/* top-level menü: FLEX ile dikey ortalı (float sorunları biter) — YALNIZCA masaüstü */
@media(min-width:992px){
  #myHeader.sec-hd .sm-blue{display:flex !important;flex-wrap:wrap;align-items:center;gap:2px}
  #myHeader.sec-hd .sm-blue::after{content:none;display:none}
}
#myHeader.sec-hd .sm-blue > li{float:none !important;display:block}
#myHeader.sec-hd .sm-blue > li > a{display:flex;align-items:center}

/* ALT MENÜLER: beyaz yuvarlak kutu; içerik kadar genişler, yazılar tek satır */
#myHeader.sec-hd .sm-blue ul{background:#fff !important;box-shadow:0 16px 34px -14px rgba(0,0,0,.30) !important;
  border-radius:14px !important;padding:6px 10px !important;overflow:visible;
  font-size:13px !important;width:auto !important;min-width:14em !important;max-width:34em !important}
#myHeader.sec-hd .sm-blue ul li{background:transparent !important}
#myHeader.sec-hd .sm-blue ul a,
#myHeader.sec-hd .sm-blue ul a:link,
#myHeader.sec-hd .sm-blue ul a:visited{
  background:transparent !important;color:#333 !important;text-shadow:none !important;
  font-size:13px !important;font-weight:600 !important;line-height:1.35 !important;padding:9px 18px !important;
  border-radius:999px !important;white-space:nowrap !important;transition:background .15s ease,color .15s ease;
}
#myHeader.sec-hd .sm-blue ul a:hover,
#myHeader.sec-hd .sm-blue ul a:focus,
#myHeader.sec-hd .sm-blue ul a:active,
#myHeader.sec-hd .sm-blue ul a.highlighted{
  background:var(--hd-soft) !important;background-image:none !important;
  color:var(--hd-deep) !important;border-radius:999px !important}
#myHeader.sec-hd .sm-blue ul .sub-arrow::before{border-top-color:#333}

/* Şubeler: 2 sütunlu şehir listesi bozulmasın */
#myHeader.sec-hd .sm-blue ul.columns-2{width:460px !important;min-width:460px !important;max-width:none !important}
#myHeader.sec-hd .sm-blue ul.columns-2 > li{float:left;width:50% !important}
#myHeader.sec-hd .sm-blue ul.columns-2 > li > a{white-space:nowrap}

/* menüdeki fazladan masaüstü "Öğrenci Girişi" li */
#myHeader.sec-hd .sm-blue > li.hidden-phone > a[href*="ogrenci.modadil"]{display:none}

/* mobil hamburger beyaz */
#myHeader.sec-hd .main-menu-btn-icon,
#myHeader.sec-hd .main-menu-btn-icon::before,
#myHeader.sec-hd .main-menu-btn-icon::after{background:#fff}

@media(max-width:991px){
  /* mobilde menü görünürlüğünü SmartMenus checkbox mekanizması yönetsin;
     display'e dokunma (aksi halde menü hep açık geliyor) */
  #myHeader.sec-hd .sm-blue > li > a{display:block;font-size:14px !important;border-radius:0;padding:12px 16px !important;border-bottom:1px solid rgba(255,255,255,.12)}
  #myHeader.sec-hd .sm-blue ul{max-width:none !important;box-shadow:none !important;border-radius:0 !important}
  #myHeader.sec-hd .sm-blue ul a{font-size:14px !important;white-space:normal !important}
}

/* --- Yeni header: menü hizası (container .hd-menuwrap ortalıyor) --- */
@media(max-width:1199px){ #myHeader.sec-hd .hd-menuwrap .main-nav{max-width:960px} }
@media(max-width:991px){ #myHeader.sec-hd .hd-menuwrap .main-nav{max-width:100%;padding:0 12px} }
/* alt-ok'u biraz belirginleştir */
#myHeader.sec-hd .sm-blue > li > a .sub-arrow::before{border-width:5px 4px 0;opacity:.9}