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)
   =================================================================== */
/* şube listesi yüz yüze eğitim bağlamında -> koyu bordo (#5e1330), magenta değil */
.sb-subeler { --sb: #5e1330; --sb-deep: #3c0a22; --sb-soft: rgba(94,19,48,.10);
    --sb-ink: #1C1016; --sb-muted: #65525C; --sb-faint: #948490;
    --sb-line: #E6DFE3; --sb-line2: #D6CBD2; --sb-surface: #FAF6F8; }
.sb-subeler .sub-page-header.sb-strip { height: 320px; background-color: #5e1330 !important; }
/* üst menü bandı da koyu bordo (sec-drs) — MasterPage sec-ana veriyor, burada ez */
body:has(.sb-subeler) #myHeader.sec-hd { --hd:#5e1330; --hd-deep:#3c0a22; --hd-g1:#4c0f27; --hd-g2:#7a1c40; --hd-soft:rgba(94,19,48,.12); }
.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; }

/* kartın tepesinde geniş görsel bandı + üstünde özlü söz (sol degrade + bordo şerit vurgulu) */
.hk-cover { position: relative; margin: 0 0 34px; border-radius: 16px; overflow: hidden; isolation: isolate; }
.hk-cover img { width: 100%; height: 300px; object-fit: cover; display: block; }
.hk-cover figcaption { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column;
    justify-content: center; align-items: flex-start; padding: 0 clamp(24px, 5vw, 46px); color: #fff;
    background: linear-gradient(90deg, rgba(24,9,15,.88) 0%, rgba(24,9,15,.5) 42%, transparent 72%); }
.hk-cover .hk-cover-bar { display: block; width: 44px; height: 4px; border-radius: 2px; background: var(--hk); margin-bottom: 16px; }
.hk-cover .hk-q { font-family: var(--hk-serif); font-weight: 500; font-size: clamp(21px, 3.1vw, 31px);
    line-height: 1.24; letter-spacing: -.01em; color: #fff; max-width: 20ch; margin: 0; text-wrap: balance; }
.hk-cover .hk-qa { color: #f4cede; font-size: 11px; letter-spacing: .16em; margin: 14px 0 0; }
@media (max-width: 900px) {
    .hk-cover img { height: 220px; }
    .hk-cover .hk-q { max-width: 30ch; }
    .hk-cover figcaption { background: linear-gradient(90deg, rgba(24,9,15,.9) 0%, rgba(24,9,15,.64) 60%, rgba(24,9,15,.34) 100%); }
}
/* kadro bio sayfaları: banner'da kişi solda → degrade + söz SAĞDA, yüz kapanmasın */
.hk-cover-right img { object-position: 50% 22%; }
.hk-cover-right figcaption { align-items: flex-end; text-align: right;
    background: linear-gradient(270deg, rgba(24,9,15,.88) 0%, rgba(24,9,15,.5) 42%, transparent 72%); }
.hk-cover-right .hk-cover-bar { align-self: flex-end; }
@media (max-width: 900px) {
    .hk-cover-right figcaption { background: linear-gradient(270deg, rgba(24,9,15,.9) 0%, rgba(24,9,15,.64) 60%, rgba(24,9,15,.34) 100%); }
}

/* 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; }

/* üstteki kenar deseni (.bg-pattern.bg-pink #971a4b) menü/şerit ile aynı koyu bordo olsun */
.sx-sube .bg-pattern.bg-pink { background-color: #5e1330 !important; }

.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-accent { 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; }

/* üst bölüm: "Neden MODADİL" metni + "Açılacak Gruplar" kartı — eşit iki sütun yanyana */
.yy-top2 { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; margin: 8px 0 20px; }
@media (max-width: 820px) { .yy-top2 { grid-template-columns: 1fr; gap: 22px; } }
.yy-top2 .yy-why-h { margin-top: 0; }
.yy-top2 .yy-why-col > :last-child { margin-bottom: 0; }
.yy-top2 .yy-prose { max-width: none; }
.yy-top2 .yy-groups { margin: 0; }

/* --- 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; }

/* program kartları: yuvarlak portre + Montserrat 800 UPPERCASE başlık (E1-a) */
.epl-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 6px; }
@media (max-width: 900px) { .epl-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .epl-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }
.epl-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px;
    background: var(--yy-surface); border: 1px solid var(--yy-line); border-radius: 16px;
    padding: 22px 14px 16px; text-decoration: none; color: inherit;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.epl-card:hover { transform: translateY(-4px); box-shadow: 0 20px 34px -18px rgba(27,16,22,.4);
    border-color: var(--yy); text-decoration: none; }
.epl-av { width: 104px; height: 104px; border-radius: 50%; overflow: hidden; flex: none;
    border: 3px solid #fff; box-shadow: 0 10px 22px -10px rgba(27,16,22,.4); }
.epl-av img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; transition: transform .3s ease; }
.epl-card:hover .epl-av img { transform: scale(1.05); }
.epl-t { font-weight: 800; font-size: clamp(13px, 1.75vw, 16px); line-height: 1.22;
    letter-spacing: .005em; text-transform: uppercase; color: var(--yy); text-wrap: balance;
    min-height: 2.6em; display: flex; align-items: center; }
.epl-go { font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
    color: var(--yy-faint); display: inline-flex; align-items: center; gap: 6px; }
.epl-go svg { width: 12px; height: 12px; }
.epl-card:hover .epl-go { color: var(--yy); }
@media (prefers-reduced-motion: reduce) { .epl-card, .epl-av img { transition: none; } }

@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; }

/* üst bant: görsel komple yayılır (kişi solda), metin SAĞDA bordo degrade üstünde */
.pd-band { position: relative; display: flex; border-radius: 16px; overflow: hidden; margin-bottom: 24px;
    min-height: 260px; background-color: var(--pd-deep);
    background-repeat: no-repeat; background-position: left top; background-size: cover; }
/* bordo degrade — sağdan başlayıp ortaya doğru sokulur, yazı her görselde okunur */
.pd-band::before { content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(270deg,
        var(--pd) 0%, var(--pd) 24%, rgba(94,19,48,.9) 44%, rgba(94,19,48,.5) 60%, rgba(94,19,48,.12) 72%, transparent 82%); }
.pd-band-cap { position: relative; z-index: 1; margin-left: auto; width: min(56%, 480px); padding: 26px 34px;
    display: flex; flex-direction: column; justify-content: center; text-align: right; }
@media (max-width: 760px) {
    .pd-band { min-height: 210px; align-items: flex-end; }
    .pd-band::before { background: linear-gradient(0deg, var(--pd) 0%, rgba(94,19,48,.86) 45%, rgba(94,19,48,.35) 80%, transparent 100%); }
    .pd-band-cap { width: 100%; text-align: left; padding: 20px 22px; }
}
.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; }

/* ===== /uzaktan-egitim — bannersız turuncu şerit + beyaz kart (Yayınlar deseni) ===== */
.ue-page { --uzk: #e67e15; --uzk-deep: #9a5406; --uzk-soft: rgba(230,126,21,.12);
    --ue-ink: #241a12; --ue-muted: #6a5d51; --ue-faint: #9a8e82;
    --ue-line: #EAE2D9; --ue-line2: #DACFC1; --ue-surface: #FBF6F1; }
.ue-page .sub-page-header.bg-orange.ue-strip { height: 300px; background-color: #e67e15 !important; }
.ue-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(40,20,8,.05), 0 24px 60px -30px rgba(40,20,8,.3);
    padding: 34px 40px 52px; color: var(--ue-ink); }
@media (max-width: 991px) {
    .ue-page .sub-page-header.bg-orange.ue-strip { height: 220px; }
    .ue-wrap { margin-top: -186px; padding: 26px 22px 42px; }
}
@media (max-width: 600px) {
    .ue-page .sub-page-header.bg-orange.ue-strip { height: 170px; }
    .ue-wrap { margin-top: -140px; padding: 20px 15px 34px; border-radius: 16px 16px 0 0; }
}
.ue-hd { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 30px; align-items: start; margin-bottom: 44px; }
@media (max-width: 960px) { .ue-hd { grid-template-columns: 1fr; gap: 14px; margin-bottom: 34px; } }
.ue-hd-txt { max-width: 66ch; }
.ue-hd-txt .ue-hd-why { margin-top: 22px; }
.ue-hd-txt .ue-prose { max-width: none; font-size: 13.5px; line-height: 1.85; }
/* sağ üst köşede paket kutusu yelpazesi (Yayınlar deseni) — ortak pivot, YDS DOM sonu = en üstte */
.ue-hero-fan { position: relative; width: 440px; height: 240px; justify-self: end; margin-top: 26px; }
@media (max-width: 960px) { .ue-hero-fan { justify-self: center; width: 420px; height: 230px; margin-top: 4px; } }
@media (max-width: 420px) { .ue-hero-fan { width: 320px; height: 190px; } }
.ue-hero-fan .ue-hbk { position: absolute; top: 50%; left: 50%; width: 150px; text-decoration: none;
    transform-origin: 50% 185%;
    transform: translate(-50%, -50%) rotate(calc((var(--i) - 2) * 12deg));
    transition: transform .3s cubic-bezier(.22, 1, .36, 1); }
.ue-hero-fan .ue-hbk img { width: 100%;
    filter: drop-shadow(0 16px 26px rgba(40,20,8,.34)) drop-shadow(0 4px 9px rgba(40,20,8,.22)); }
/* YDS kutusu PNG'inde daha geniş boşluk var -> <a> aynı boyutta kalsın, görseli hafif büyüt */
.ue-hero-fan .ue-hbk:last-child img { transform: scale(1.14); }
.ue-hero-fan .ue-hbk:hover, .ue-hero-fan .ue-hbk:focus-visible { z-index: 6;
    transform: translate(-50%, -50%) rotate(calc((var(--i) - 2) * 12deg)) translateY(-16px) scale(1.05); }
@media (max-width: 960px) { .ue-hero-fan .ue-hbk { width: 136px; } }
@media (max-width: 420px) { .ue-hero-fan .ue-hbk { width: 110px; } }
@media (prefers-reduced-motion: reduce) { .ue-hero-fan .ue-hbk, .ue-hero-fan .ue-hbub { transition: none; } }
/* kutuya gelince ÜSTTE hiç dönmeyen bilgi balonu (Yayınlar deseni) — default kapalı */
.ue-hero-fan .ue-hbub { position: absolute; left: calc(50% + var(--dx)); bottom: calc(100% - 54px); width: 232px;
    transform: translate(-50%, 8px);
    background: var(--ue-surface); border: 1px solid var(--ue-line); border-radius: 14px; padding: 13px 15px;
    box-shadow: 0 12px 22px rgba(40,20,8,.12), 0 30px 54px -24px rgba(40,20,8,.42);
    display: flex; flex-direction: column; gap: 8px; text-align: left;
    opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .24s ease; z-index: 40; }
.ue-hero-fan .ue-hbub::after { content: ""; position: absolute; left: 50%; bottom: -8px; width: 14px; height: 14px;
    background: var(--ue-surface); border: 1px solid var(--ue-line); border-left: 0; border-top: 0;
    transform: translateX(-50%) rotate(45deg); }
.ue-hero-fan .ue-hbk:nth-of-type(1):hover ~ .ue-hbub:nth-of-type(1),
.ue-hero-fan .ue-hbk:nth-of-type(2):hover ~ .ue-hbub:nth-of-type(2),
.ue-hero-fan .ue-hbk:nth-of-type(3):hover ~ .ue-hbub:nth-of-type(3),
.ue-hero-fan .ue-hbk:nth-of-type(4):hover ~ .ue-hbub:nth-of-type(4),
.ue-hero-fan .ue-hbk:nth-of-type(5):hover ~ .ue-hbub:nth-of-type(5),
.ue-hero-fan .ue-hbk:nth-of-type(1):focus-visible ~ .ue-hbub:nth-of-type(1),
.ue-hero-fan .ue-hbk:nth-of-type(2):focus-visible ~ .ue-hbub:nth-of-type(2),
.ue-hero-fan .ue-hbk:nth-of-type(3):focus-visible ~ .ue-hbub:nth-of-type(3),
.ue-hero-fan .ue-hbk:nth-of-type(4):focus-visible ~ .ue-hbub:nth-of-type(4),
.ue-hero-fan .ue-hbk:nth-of-type(5):focus-visible ~ .ue-hbub:nth-of-type(5) {
    opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.ue-hbub-kick { font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ue-faint); }
.ue-hbub-ad { font-size: 13px; font-weight: 800; line-height: 1.3; color: var(--ue-ink); letter-spacing: -.01em; }
.ue-hbub-cta { display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    background: var(--uzk); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .02em;
    padding: 9px 12px; border-radius: 999px; }
.ue-hbub-cta svg { width: 13px; height: 13px; }
.ue-hero-fan .ue-hbub:hover .ue-hbub-cta { background: var(--uzk-deep); }
@media (max-width: 960px) { .ue-hero-fan .ue-hbub { left: 50%; width: min(260px, 88%); } }
.ue-kick { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ue-faint); }
.ue-title { font-weight: 800; font-size: clamp(24px, 4vw, 34px); letter-spacing: -.02em; line-height: 1.12;
    margin: .14em 0 0; color: var(--ue-ink); }
.ue-title b { color: var(--uzk); }
.ue-lede { font-size: 13.5px; line-height: 1.7; color: var(--ue-muted); margin: .7em 0 0; max-width: 72ch; }
.ue-sec { margin-top: 42px; }
.ue-sec-h { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.ue-sec-ic { width: 44px; height: 44px; flex: none; border-radius: 13px; display: grid; place-items: center;
    background: var(--uzk-soft); color: var(--uzk-deep); }
.ue-sec-ic svg { width: 22px; height: 22px; }
.ue-sec-h h2 { margin: 0; font-size: clamp(18px, 2.5vw, 23px); font-weight: 700; letter-spacing: -.015em; color: var(--ue-ink); }
.ue-sec-h h2 b { font-weight: 800; color: var(--uzk); }
.ue-prose { max-width: 82ch; font-size: 14px; line-height: 1.9; color: #3a2e22; }
.ue-prose p { margin: 0 0 1em; }
.ue-prose b { color: var(--ue-ink); }

/* paket kartları (görsel üstte + kategori renk şeridi + beyaz gövde) */
.ue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 4px; }
@media (max-width: 900px) { .ue-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .ue-grid { grid-template-columns: 1fr; } }
.ue-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e0d7;
    border-top: 4px solid var(--c, var(--uzk)); border-radius: 16px; overflow: hidden; text-decoration: none;
    color: #241a12; transition: transform .2s ease, box-shadow .2s ease; }
.ue-card:hover { transform: translateY(-4px); box-shadow: 0 22px 38px -18px rgba(40,20,8,.4); text-decoration: none; }
.ue-im { display: block; aspect-ratio: 17 / 10; overflow: hidden; background: #f3eee9; }
.ue-im img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.ue-card:hover .ue-im img { transform: scale(1.04); }
.ue-b { padding: 16px 17px 17px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.ue-eye { font-size: 9.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #9a8e82; }
.ue-ad { font-size: 18px; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; color: #241a12; }
.ue-slog { font-size: 12.5px; font-weight: 600; line-height: 1.45; color: var(--ue-muted); }
.ue-p { font-size: 11.5px; line-height: 1.7; color: #6a5d51; }
.ue-go { margin-top: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    background: var(--uzk-soft); color: var(--uzk-deep);
    font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
    padding: 11px 14px; border-radius: 12px; transition: background .18s ease, color .18s ease, gap .18s ease; }
.ue-go svg { width: 14px; height: 14px; }
.ue-card:hover .ue-go { background: var(--uzk); color: #fff; gap: 11px; }
@media (prefers-reduced-motion: reduce) { .ue-card, .ue-im img, .ue-go { transition: none; } }

/* ===== uzaktan eğitim PAKET sayfaları — ortak şablon (7 sayfa) ·
   bannersız turuncu şerit + beyaz kart + sağ menü · başlıkta kategori-renk belirteci (B) ===== */
.uep-page { --ue-ink: #241a12; --ue-muted: #6a5d51; --ue-faint: #9a8e82;
    --ue-line: #EAE2D9; --ue-line2: #DACFC1; --ue-surface: #FBF6F1; --uzk: #e67e15;
    --kmp: #d92d20; --kmp-d: #a81f16; --kmp-s: #fdecea; }
/* breadcrumb — paket sayfalarındaki (.eps-bc) ile aynı desen; sayfanın kendi --c/--cd/--cs
   renklerini kullanır ("Uzaktan Eğitim" ana sayfasına geri düğmesi + yol) */
.uep-wrap .uep-bc { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.uep-wrap .uep-bc-back { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800;
    color: var(--cd); background: var(--cs); border: 1px solid var(--c); border-radius: 999px;
    padding: 6px 13px 6px 10px; text-decoration: none; transition: background .14s, color .14s, border-color .14s; }
.uep-wrap .uep-bc-back:hover { background: var(--c); color: #fff; text-decoration: none; }
.uep-wrap .uep-bc-back svg { width: 12px; height: 12px; flex: none; }
.uep-wrap .uep-bc-path { font-size: 10.5px; color: var(--ue-faint); }
.uep-wrap .uep-bc-path a { color: var(--ue-muted); text-decoration: none; }
.uep-wrap .uep-bc-path a:hover { color: var(--cd); }
.uep-wrap .uep-bc-path [aria-current="page"] { color: var(--ue-muted); font-weight: 700; }
.uep-wrap .uep-bc-sep { color: var(--ue-line2); margin: 0 4px; }
@media (max-width: 560px) { .uep-wrap .uep-bc-path { display: none; } }
/* başlık üstü kampanya şeridi (soft — açık zemin + kırmızı çerçeve) */
.uep-kmp { display: flex; align-items: center; gap: 11px; margin-bottom: 20px; padding: 11px 16px;
    border-radius: 14px; font-size: 13px; line-height: 1.35;
    background: var(--kmp-s); color: var(--kmp-d); border: 1.5px solid var(--kmp); }
.uep-kmp-ic { flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center;
    background: rgba(217,45,32,.14); color: var(--kmp-d); }
.uep-kmp-ic svg { width: 17px; height: 17px; }
.uep-kmp-t b { font-weight: 800; }
@media (max-width: 560px) { .uep-kmp { flex-wrap: wrap; } }
.uep-page .sub-page-header.bg-orange.uep-strip { height: 240px; background-color: #e67e15 !important; }
.uep-wrap { max-width: 1200px; margin: -200px auto 0; position: relative; z-index: 1;
    background: #fff; border-radius: 20px 20px 0 0;
    box-shadow: 0 2px 4px rgba(40,20,8,.05), 0 24px 60px -30px rgba(40,20,8,.3);
    padding: 32px 36px 48px; color: var(--ue-ink); }
@media (max-width: 991px) {
    .uep-page .sub-page-header.bg-orange.uep-strip { height: 180px; }
    .uep-wrap { margin-top: -150px; padding: 24px 20px 40px; }
}
@media (max-width: 600px) {
    .uep-page .sub-page-header.bg-orange.uep-strip { height: 150px; }
    .uep-wrap { margin-top: -120px; padding: 18px 15px 32px; border-radius: 16px 16px 0 0; }
}
/* başlık — belirteç B: sol kategori-renk kenarı + soldan hafif renk zemini */
.uep-hd { margin-bottom: 26px; border-left: 4px solid var(--c); border-radius: 0 12px 12px 0;
    background: linear-gradient(90deg, var(--cs), transparent 70%); padding: 14px 18px; }
.uep-kick { display: block; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ue-faint); }
.uep-title { font-size: clamp(21px, 3.3vw, 29px); font-weight: 800; letter-spacing: -.02em; margin: .1em 0 0; color: var(--ue-ink); }

.uep-body { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 28px; align-items: start; }
@media (max-width: 900px) { .uep-body { grid-template-columns: 1fr; } }
.uep-grid { display: flex; flex-direction: column; gap: 16px; }

/* KART — yatay: şeffaf kutu solda, kategori renk dış border, soft buton */
.uep-card { display: flex; text-decoration: none; color: inherit; background: #fff;
    border: 2px solid var(--c); border-radius: 16px; overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease; }
.uep-card:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -18px rgba(40,20,8,.42); text-decoration: none; }
@media (max-width: 560px) { .uep-card { flex-direction: column; } }
.uep-im { flex: none; width: 210px; background: var(--cs); display: flex; align-items: center; justify-content: center; padding: 16px; }
@media (max-width: 560px) { .uep-im { width: 100%; } }
.uep-im img { width: 100%; max-width: 175px; filter: drop-shadow(0 12px 20px rgba(20,10,4,.28)); }
.uep-cb { padding: 16px 18px; display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.uep-ttl { font-size: 16px; font-weight: 700; letter-spacing: -.01em; color: var(--ue-ink); }
.uep-ttl b { font-weight: 800; color: var(--c); }
.uep-slog { font-size: 12.5px; font-weight: 600; line-height: 1.45; color: var(--ue-muted); }
.uep-p { font-size: 11.5px; line-height: 1.7; color: var(--ue-muted); margin: 0; }
.uep-p + .uep-p { margin-top: .55em; }
/* kutu PNG'i olmayan sayfalar (Genel İngilizce) — soldaki görsel kare banner, contain */
.uep-im.uep-im-banner { width: 232px; padding: 12px; }
.uep-im.uep-im-banner img { max-width: none; width: 100%; height: auto; object-fit: contain; border-radius: 8px; filter: drop-shadow(0 10px 18px rgba(20,10,4,.22)); }
@media (max-width: 560px) { .uep-im.uep-im-banner { width: 100%; } }
.uep-go { margin-top: 12px; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px;
    background: var(--cs); color: var(--cd); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
    padding: 10px 14px; border-radius: 12px; transition: background .18s ease, color .18s ease, gap .18s ease; }
.uep-go svg { width: 14px; height: 14px; }
.uep-card:hover .uep-go { background: var(--c); color: #fff; gap: 11px; }
/* sağ menü (UzaktanEgitimSagMenu list-group çıktısı) — sadeleştir, kategori-renk vurgusu */
.uep-rail .sidebar { padding: 0 !important; margin: 0 !important; }
.uep-rail .lihead { display: none !important; }
.uep-rail .sidebar > .list-group { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.uep-rail .sidebar > .list-group > .list-group-item { border: 1px solid var(--ue-line) !important; border-radius: 10px;
    overflow: hidden; padding: 0 !important; background: #fff !important; }
.uep-rail .sidebar > .list-group > .list-group-item > a { display: flex; align-items: center; gap: 7px; padding: 10px 12px;
    font-size: 12px; font-weight: 700; color: var(--ue-ink) !important; text-decoration: none; line-height: 1.3; }
.uep-rail .sidebar > .list-group > .list-group-item > a .fa { color: var(--c); font-size: 13px; margin: 0 !important;
    flex: none; transition: transform .2s ease; }
.uep-rail .sidebar > .list-group > .list-group-item > a[aria-expanded="true"] .fa { transform: rotate(90deg); }
.uep-rail .collapse .list-group, .uep-rail .collapse.show .list-group { background: var(--ue-surface) !important;
    margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; border: 0 !important; }
.uep-rail .list-group-item2 { border: 0 !important; padding: 0 !important; background: none !important; }
.uep-rail .list-group-item2 > a { display: block; padding: 7px 12px 7px 22px; font-size: 11px; font-weight: 600;
    color: var(--ue-muted) !important; border-top: 1px solid var(--ue-line) !important; text-decoration: none;
    white-space: normal; word-break: break-word; line-height: 1.35; }
.uep-rail .list-group-item2 > a:hover { background: #fff; color: var(--c) !important; }
.uep-rail .list-group-item2 .fa { display: none; }
@media (prefers-reduced-motion: reduce) { .uep-card, .uep-go { transition: none; } }

/* ===== paket SATIŞ sayfası (/egitimseti/{bölüm}/{paket}) — B düzeni ===== */
.eps-page { --ue-ink:#241a12; --ue-muted:#6a5d51; --ue-faint:#9a8e82;
    --ue-line:#EAE2D9; --ue-line2:#DACFC1; --ue-surface:#FBF6F1;
    --uzk:#e67e15; --uzk-d:#9a5406; --uzk-s:rgba(230,126,21,.12); --grn:#1f9254; --grn-d:#176e40; --grn-s:#e8f5ee;
    --kmp:#d92d20; --kmp-d:#a81f16; --kmp-s:#fdecea; }
.eps-page .sub-page-header.bg-orange.eps-strip { height: 240px; background-color: #e67e15 !important; }
.eps-wrap { max-width: 1200px; margin: -200px auto 0; position: relative; z-index: 1; background: #fff;
    border-radius: 20px 20px 0 0; box-shadow: 0 2px 4px rgba(40,20,8,.05), 0 24px 60px -30px rgba(40,20,8,.3);
    padding: 30px 34px 46px; color: var(--ue-ink); }
@media (max-width: 991px) { .eps-page .sub-page-header.bg-orange.eps-strip { height: 170px; } .eps-wrap { margin-top: -140px; padding: 22px 18px 40px; } }
@media (max-width: 600px) { .eps-wrap { border-radius: 16px 16px 0 0; padding: 18px 14px 34px; } }

/* breadcrumb (B) — üst kategoriye geri düğmesi + yol */
.eps-wrap .eps-bc { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.eps-wrap .eps-bc-back { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800;
    color: var(--uzk-d); background: var(--uzk-s); border: 1px solid rgba(230,126,21,.32); border-radius: 999px;
    padding: 6px 13px 6px 10px; text-decoration: none; transition: background .14s, color .14s, border-color .14s; }
.eps-wrap .eps-bc-back:hover { background: var(--uzk); color: #fff; border-color: var(--uzk); text-decoration: none; }
.eps-wrap .eps-bc-back svg { width: 12px; height: 12px; flex: none; }
.eps-wrap .eps-bc-path { font-size: 10.5px; color: var(--ue-faint); }
.eps-wrap .eps-bc-path a { color: var(--ue-muted); text-decoration: none; }
.eps-wrap .eps-bc-path a:hover { color: var(--uzk-d); }
.eps-wrap .eps-bc-sep { color: var(--ue-line2); margin: 0 4px; }
@media (max-width: 560px) { .eps-wrap .eps-bc-path { display: none; } }

.eps-hero { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 28px; align-items: stretch;
    margin: 6px 0 22px; padding-bottom: 22px; position: relative; }
/* sol sütun flex: danışma kartı en alta itilir -> fiyat kutusuyla alt hizası aynı (2026-09) */
.eps-hero-l { display: flex; flex-direction: column; align-items: flex-start; }
.eps-hero-l > * { max-width: 100%; }
.eps-hero-l .eps-dns-card-hero { align-self: stretch; }
@media (min-width: 821px) {
    .eps-hero-l .eps-dns-card-hero { margin-top: auto; } .eps-hero-l .eps-chips { margin-bottom: 14px; }
    /* sol sütun daha uzunsa fiyat kutusu da sütun boyuna uzar; içerik dikeyde ortalanır -> alt hiza yine aynı */
    .eps-hero-r { display: flex; flex-direction: column; }
    .eps-hero-r .eps-pbx { flex: 1 1 auto; justify-content: center; }
}
/* solan çizgi + ortada kısa turuncu vurgu şeridi (düz kenarlık yerine) */
.eps-hero::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    background: linear-gradient(90deg, transparent, var(--ue-line2) 20%, var(--ue-line2) 80%, transparent); }
.eps-hero::after { content: ""; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%);
    width: 36px; height: 3px; border-radius: 999px; background: var(--uzk); }
@media (max-width: 820px) { .eps-hero { grid-template-columns: 1fr; } }
.eps-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ue-faint); }
.eps-title { font-size: clamp(20px, 3.1vw, 27px); font-weight: 800; letter-spacing: -.02em; line-height: 1.2;
    margin: .16em 0 0; color: var(--ue-ink); }
.eps-rating { display: flex; align-items: center; gap: 7px; margin: 10px 0 0; font-size: 12px; color: var(--ue-muted); }
.eps-rating .eps-rating-s { color: #f4b400; font-size: 13px; letter-spacing: 1px; line-height: 1; }
.eps-rating .eps-rating-s i { margin-right: 1px; }
.eps-rating b { color: var(--ue-ink); font-weight: 800; }
.eps-rating .eps-rating-c { color: var(--ue-faint); }
/* hero özellik çipleri (V3 — köşeli kutu çip, Ücretsiz kargo yeşil vurgulu) */
.eps-chips { display: flex; flex-wrap: wrap; gap: 9px; margin: 16px 0 0; }
.eps-chip { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; color: var(--ue-ink);
    background: #fff; border: 1px solid var(--ue-line); border-radius: 10px; padding: 9px 13px;
    box-shadow: 0 6px 16px -10px rgba(40,20,8,.3); }
.eps-chip i { font-size: 12px; color: var(--uzk-d); }
.eps-chip.eps-chip-on { border-color: var(--grn); color: var(--grn-d); background: var(--grn-s); }
.eps-chip.eps-chip-on i { color: var(--grn); }
/* "video ders içermez" gibi satın almadan önce bilinmesi gereken uyarıları işaretlemek için */
.eps-chip.eps-chip-warn { border-color: var(--kmp); color: var(--kmp-d); background: var(--kmp-s); }
.eps-chip.eps-chip-warn i { color: var(--kmp); }

/* rozet satırının altında, telefon + WhatsApp danışma hattı */
.eps-danisman-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 9px 0 0; }
/* Danışma kartı (2026-09): butonlar başlık + kısa metinle krem bir kutu içinde.
   .eps-dns-card-hero = hero'da (rozetlerin altı), .eps-dns-card-foot = tab1 sonunda HEMEN SATIN AL'ın üstü. */
.eps-dns-card { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; align-items: start;
    background: var(--ue-surface); border: 1px solid var(--ue-line); border-radius: 14px; padding: 15px 16px 14px; }
.eps-dns-card-hero { margin: 14px 0 0; }
.eps-dns-card-foot { margin: 22px 0 6px; }
.eps-dns-card-ic { width: 34px; height: 34px; border-radius: 10px; background: var(--uzk-s); color: var(--uzk-d);
    display: inline-flex; align-items: center; justify-content: center; grid-row: 1 / span 3; }
.eps-dns-card-ic svg { width: 18px; height: 18px; fill: currentColor; }
.eps-dns-card-t { margin: 0; font-size: 14px; font-weight: 800; letter-spacing: -.01em; color: var(--ue-ink); line-height: 1.3; }
.eps-dns-card-p { margin: 4px 0 0; font-size: 12px; line-height: 1.6; color: var(--ue-muted); }
.eps-dns-card .eps-danisman-row { margin-top: 11px; }
.eps-dns-card .eps-dns { font-size: 12px; padding: 10px 15px; }
@media (max-width: 560px) {
    .eps-dns-card { padding: 13px 13px 12px; column-gap: 10px; }
    .eps-dns-card .eps-dns { flex: 1 1 auto; justify-content: center; }
}
.eps-dns { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700;
    border-radius: 10px; padding: 9px 13px; text-decoration: none; white-space: nowrap;
    box-shadow: 0 6px 16px -10px rgba(40,20,8,.3); transition: transform .12s ease; }
.eps-dns:hover { transform: translateY(-1px); text-decoration: none; }
.eps-dns svg { width: 13px; height: 13px; flex: none; }
.eps-dns-call { border: 1px solid var(--uzk); color: var(--uzk-d); background: var(--uzk-s); }
.eps-dns-call svg { fill: var(--uzk-d); }
.eps-dns-call:hover { color: var(--uzk-d); }
.eps-dns-wa { border: 1px solid #25D366; color: #128C4A; background: #E9F9EF; }
.eps-dns-wa svg { fill: #25D366; }
.eps-dns-wa:hover { color: #128C4A; }

.eps-pbx { border: 1px solid var(--ue-line); border-radius: 16px; background: var(--ue-surface); padding: 16px 16px 18px;
    display: flex; flex-direction: column; gap: 9px; position: sticky; top: 20px; }
.eps-pbx-row { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; }
.eps-pbx-lbl { flex: 1; font-weight: 700; color: var(--ue-muted); }
.eps-pbx-old { color: var(--kmp); text-decoration: line-through; font-size: 11.5px; }
.eps-pbx-new { font-weight: 800; color: var(--grn); font-size: 14px; }
.eps-pbx-taksit { margin-top: 2px; font-size: 11.5px; font-weight: 700; color: var(--uzk-d); text-decoration: none; }
/* satın al butonundan hemen önce, tam karar anında son bir hatırlatma (ör. "video ders içermez") */
.eps-pbx-warn { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 4px;
    font-size: 11px; font-weight: 800; color: var(--kmp-d); background: var(--kmp-s); border: 1px solid var(--kmp);
    border-radius: 8px; padding: 7px 10px; text-align: center; }
.eps-pbx-warn svg { width: 13px; height: 13px; flex: none; }
.eps-pbx-buy { margin-top: 6px; display: flex; align-items: center; justify-content: center; gap: 9px;
    background: linear-gradient(180deg, var(--grn), var(--grn-d)); color: #fff !important; font-weight: 800;
    font-size: 13.5px; letter-spacing: .02em; padding: 14px 16px; border-radius: 13px; text-decoration: none;
    box-shadow: 0 16px 32px -16px var(--grn); transition: transform .12s ease, box-shadow .18s ease; }
.eps-pbx-buy:hover { color: #fff !important; text-decoration: none; transform: translateY(-1px);
    box-shadow: 0 22px 40px -16px var(--grn); }
.eps-pbx-buy svg { width: 15px; height: 15px; }
.eps-pbx-note { margin: 8px 0 0; font-size: 10.5px; line-height: 1.5; color: var(--ue-faint); text-align: center; }
.eps-pbx-note b { color: var(--grn-d); }

/* sekme çubuğu -> segmented kapsül + ikon + soft hover (E) — bootstrap tab JS bozulmadan */
.eps-inner .product-tabs .nav-tabs.tab-orange { border: 1px solid var(--ue-line) !important; background: var(--ue-surface) !important;
    border-radius: 14px !important; display: flex; flex-wrap: nowrap; gap: 3px; padding: 5px; margin: 0 0 16px;
    overflow-x: auto; scrollbar-width: none; }
.eps-inner .product-tabs .nav-tabs.tab-orange::-webkit-scrollbar { display: none; }
.eps-inner .product-tabs .nav-tabs .nav-item { margin: 0; flex: 1 1 auto; display: flex; border: 0 !important; }
.eps-inner .product-tabs .nav-tabs .nav-link { flex: 1; display: flex; align-items: center; justify-content: center; gap: 7px;
    border: 0 !important; border-radius: 10px !important; background: transparent !important; color: var(--ue-muted) !important;
    font-size: 12px; font-weight: 700; padding: 10px 12px !important; white-space: nowrap;
    transition: background .15s, color .15s, box-shadow .15s; }
.eps-inner .product-tabs .nav-tabs .nav-link .eps-tabic { font-size: 12px; color: var(--ue-faint); transition: color .15s; }
.eps-inner .product-tabs .nav-tabs .nav-link:hover:not(.active):not(.buy-tab-btn) { background: rgba(230,126,21,.10) !important; color: var(--ue-ink) !important; }
.eps-inner .product-tabs .nav-tabs .nav-link:hover:not(.active):not(.buy-tab-btn) .eps-tabic { color: var(--uzk-d); }
.eps-inner .product-tabs .nav-tabs .nav-link.active { background: #fff !important; color: var(--uzk-d) !important;
    box-shadow: 0 4px 12px -4px rgba(40,20,8,.28); }
.eps-inner .product-tabs .nav-tabs .nav-link.active .eps-tabic { color: var(--uzk); }
.eps-inner .product-tabs .nav-tabs .nav-link.buy-tab-btn { flex: none; margin-left: 4px; background: var(--grn) !important;
    color: #fff !important; box-shadow: 0 12px 24px -12px var(--grn); }
.eps-inner .product-tabs .nav-tabs .nav-link.buy-tab-btn .eps-tabic { color: #fff; }
/* mobilde: kaydırmaya güvenmek yerine tüm sekmeler 2 satıra sarılıp aynı anda görünür */
@media (max-width: 700px) {
    .eps-inner .product-tabs .nav-tabs.tab-orange { flex-wrap: wrap; overflow: visible; }
    .eps-inner .product-tabs .nav-tabs .nav-item { flex: 1 1 31%; }
    .eps-inner .product-tabs .nav-tabs .nav-link { flex-direction: column; gap: 4px; font-size: 9.5px; line-height: 1.25;
        white-space: normal; text-align: center; padding: 9px 4px !important; }
    .eps-inner .product-tabs .nav-tabs .nav-link .eps-tabic { font-size: 15px; }
    .eps-inner .product-tabs .nav-tabs .nav-link.buy-tab-btn { flex: 1 1 100%; flex-direction: row; margin-left: 0;
        margin-top: 2px; font-size: 12px; padding: 11px !important; }
}
.eps-inner .product-tabs .tab-content .tab-pane.borderorange-1px { border: 1px solid var(--ue-line) !important; border-radius: 14px; }
.eps-inner .tablebaslik { background-color: var(--uzk) !important; }
.eps-inner .buy-btn.btn-success { background: linear-gradient(180deg, var(--grn), var(--grn-d)) !important; border: 0 !important;
    border-radius: 13px !important; font-weight: 800 !important; letter-spacing: .02em; padding: 15px !important; font-size: 14px !important;
    transition: transform .12s ease, box-shadow .18s ease !important; }
.eps-inner .buy-btn.btn-success:hover { transform: translateY(-1px); }

/* ---- sekme içi: tablo / uyarı / buton / video / adımlar (markup'a dokunmadan) ---- */
.eps-inner .tab-content .tab-pane { padding: 20px !important; font-size: 13px; }
/* mobile.css'teki .paket-tabs{padding:15px} sekme panelini sekme çubuğundan dar bırakıyordu -> sıfırla (2026-09) */
.eps-inner .tab-content.paket-tabs { padding: 0 !important; }
@media (max-width: 700px) {
    .eps-inner .tab-content .tab-pane { padding: 14px !important; }
    /* DB'den gelen paket içeriği (.ydsA .ya-top{padding:26px 20px 6px}) + panel padding'i ürün görselini
       çok aşağıya itiyordu; mobilde üst boşluğu kısalt */
    .eps-inner .tab-content .tab-pane .ya-top { padding: 4px 0 6px; }
}
.eps-inner .tab-content .tab-pane p { line-height: 1.8; }
.eps-inner h4, .eps-inner h5:not(.p-0) { font-size: 14px; font-weight: 800; color: var(--ue-ink); margin: 20px 0 8px; letter-spacing: -.01em; }
.eps-inner .text-green { color: var(--grn-d) !important; }
.eps-inner .kirmizirenk, .eps-inner .text-danger { color: var(--kmp) !important; }
.eps-inner .text-purple { color: #5b2a86 !important; }

/* tablolar */
.eps-inner table.table.table-bordered { border: 1px solid var(--ue-line) !important; border-radius: 12px; overflow: hidden;
    border-collapse: separate !important; border-spacing: 0; font-size: 12.5px; margin: 12px 0; width: 100%; }
.eps-inner table.table.table-bordered td, .eps-inner table.table.table-bordered th {
    border: 0 !important; border-top: 1px solid var(--ue-line) !important; padding: 11px 14px !important; vertical-align: middle; }
.eps-inner table.table.table-bordered tr:first-child td, .eps-inner table.table.table-bordered tr:first-child th { border-top: 0 !important; }
.eps-inner .tablebaslik, .eps-inner th.tablebaslik { background: var(--uzk) !important; color: #fff !important;
    font-size: 11px !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; padding: 10px 14px !important; }
.eps-inner .tablebaslik.bg-purple { background: #5b2a86 !important; }
.eps-inner table.table-striped tbody tr:nth-child(odd) td { background: var(--ue-surface); }

/* uyarı kutuları -> soft callout */
.eps-inner .alert { border-radius: 12px !important; font-size: 12px; line-height: 1.6; padding: 12px 14px !important;
    margin: 12px 0 !important; border: 1px solid transparent; }
.eps-inner .alert-warning { background: var(--uzk-s) !important; color: var(--uzk-d) !important; border-color: rgba(230,126,21,.4) !important; }
.eps-inner .alert-danger { background: var(--kmp-s) !important; color: var(--kmp-d) !important; border-color: rgba(217,45,32,.32) !important; }
.eps-inner .alert-success { background: var(--grn-s) !important; color: var(--grn-d) !important; border-color: rgba(31,146,84,.32) !important; }
.eps-inner .alert-warning a { color: var(--uzk-d) !important; font-weight: 800; text-decoration: none; }

/* örnek ders video butonları (btn-danger + icon-youtube) */
.eps-inner a.btn.btn-danger { background: var(--kmp) !important; border: 0 !important; border-radius: 999px !important;
    font-size: 11px !important; font-weight: 700 !important; padding: 7px 14px !important; box-shadow: none !important;
    display: inline-flex; align-items: center; gap: 6px; }
.eps-inner a.btn.btn-danger:hover { background: var(--kmp-d) !important; }
.eps-inner a.btn.btn-danger .icon-youtube { font-size: 12px; }

/* star rating */
.eps-inner .star-rating { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ue-muted); margin-top: 14px; }
.eps-inner .star-rating i.fa-star { color: #f4b400; font-size: 15px; }

/* === SATIN AL (tab7) -> yatay adım göstergesi + tek panel + ödeme kartları === */
/* JS ile #tab7 .steps içine eklenen yatay gösterge (numara / tamamlanınca tik) */
/* Adım çubuğu — eps satış sayfalarından; ödeme akışının tüm sayfalarında ortak
   (.eps-inner = /egitimseti, .psa-wrap = /paket-satin-al + /paket-odeme-PayTR) */
.eps-inner .eps-steps-bar,
.psa-wrap .eps-steps-bar { display: flex; align-items: flex-start; margin: 4px 0 20px; }
.eps-inner .eps-steps-bar .es,
.psa-wrap .eps-steps-bar .es { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px;
    position: relative; font-size: 10px; font-weight: 700; color: var(--ue-faint); text-align: center; letter-spacing: .02em; }
.eps-inner .eps-steps-bar .es::before,
.psa-wrap .eps-steps-bar .es::before { content: ""; position: absolute; top: 15px; right: calc(50% + 21px); width: calc(100% - 42px); height: 2px;
    background: var(--ue-line); z-index: 0; }
.eps-inner .eps-steps-bar .es:first-child::before,
.psa-wrap .eps-steps-bar .es:first-child::before { display: none; }
.eps-inner .eps-steps-bar .es .es-n,
.psa-wrap .eps-steps-bar .es .es-n { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
    font-size: 12px; font-weight: 800; background: #fff; border: 2px solid var(--ue-line2); color: var(--ue-faint);
    position: relative; z-index: 1; transition: all .18s; }
.eps-inner .eps-steps-bar .es .es-n svg,
.psa-wrap .eps-steps-bar .es .es-n svg { width: 14px; height: 14px; }
.eps-inner .eps-steps-bar .es .es-l,
.psa-wrap .eps-steps-bar .es .es-l { max-width: 12ch; line-height: 1.3; }
.eps-inner .eps-steps-bar .es.now,
.psa-wrap .eps-steps-bar .es.now { color: var(--uzk-d); }
.eps-inner .eps-steps-bar .es.now .es-n,
.psa-wrap .eps-steps-bar .es.now .es-n { border-color: var(--uzk); color: var(--uzk-d); background: var(--uzk-s); box-shadow: 0 0 0 4px var(--uzk-s); }
.eps-inner .eps-steps-bar .es.now::before,
.psa-wrap .eps-steps-bar .es.now::before { background: var(--uzk); }
.eps-inner .eps-steps-bar .es.done,
.psa-wrap .eps-steps-bar .es.done { color: var(--ue-ink); }
.eps-inner .eps-steps-bar .es.done .es-n,
.psa-wrap .eps-steps-bar .es.done .es-n { border-color: var(--grn); background: var(--grn); color: #fff; }
.eps-inner .eps-steps-bar .es.done::before,
.psa-wrap .eps-steps-bar .es.done::before { background: var(--grn); }

/* orijinal turuncu "N. ADIM" başlıkları gizlenir (gösterge onların yerini alır) */
.eps-inner .steps > .card > .card-header { display: none !important; }
.eps-inner .steps > .card { border: 0 !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; overflow: visible; }
.eps-inner .steps .card-body { border: 1px solid var(--ue-line); border-radius: 14px; padding: 20px !important;
    background: var(--ue-surface); font-size: 12.5px; }
.eps-inner .steps .h4font { font-weight: 800; font-size: 12.5px; }
.eps-inner .eps-pay-hint { font-size: 12.5px !important; font-weight: 500; color: var(--ue-ink); margin: 8px 0 4px !important; padding-left: 15px; line-height: 1.6; }
/* adım içi bloklar aynı sol hizadan başlasın (bootstrap px-1 / col-* iç boşluklarını sıfırla) */
/* yalnızca ödeme tablolarını saran ".mt-3.px-1" kapsayıcısını hedefler — "Geri Dön" butonu da .px-1
   taşıdığı için salt ".px-1" seçici onu da sıfırlayıp iç boşluğunu yiyordu */
.eps-inner .steps .card-body > .px-1.mt-3 { padding-left: 0 !important; padding-right: 0 !important; }
.eps-inner .steps hr.satinalhr { border: 0; border-top: 1px dashed var(--ue-line2); margin: 20px 0; }

/* ödeme seçenekleri tablosu -> tam tıklanabilir seçim kartları */
.eps-inner #inpuAlan table, .eps-inner #inpuAlanKitapsiz table { display: block !important; border: 0 !important;
    width: 100%; max-width: 460px; flex: none !important; padding: 0 !important; margin: 10px 0; }
.eps-inner #inpuAlan tbody, .eps-inner #inpuAlanKitapsiz tbody { display: flex !important; flex-direction: column; gap: 9px; }
.eps-inner #inpuAlanKitapsiz thead { display: block; }
.eps-inner #inpuAlanKitapsiz thead th.odemetablobaslikred { display: inline-flex !important; align-items: center;
    background: var(--kmp) !important; color: #fff !important; border: 0 !important; border-radius: 7px !important;
    font-size: 10px !important; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; padding: 4px 10px !important; margin: 6px 0; }
.eps-inner #inpuAlan tr, .eps-inner #inpuAlanKitapsiz tbody tr { display: flex !important; align-items: center; gap: 12px;
    border: 1.5px solid var(--ue-line) !important; border-radius: 13px; background: #fff !important; padding: 12px 15px; }
.eps-inner #inpuAlan tr:has(.checked), .eps-inner #inpuAlanKitapsiz tbody tr:has(.checked) { border-color: var(--grn) !important; background: var(--grn-s) !important; }
.eps-inner #inpuAlan td, .eps-inner #inpuAlanKitapsiz td { display: block !important; border: 0 !important; padding: 0 !important;
    width: auto !important; text-align: left !important; background: transparent !important; }
.eps-inner #inpuAlan td:nth-child(2), .eps-inner #inpuAlanKitapsiz td:nth-child(2) { flex: 1; }
.eps-inner #inpuAlan td label, .eps-inner #inpuAlanKitapsiz td label { margin: 0 !important; }
.eps-inner #inpuAlan td:nth-child(2) label, .eps-inner #inpuAlanKitapsiz td:nth-child(2) label { font-size: 12.5px !important; font-weight: 800 !important; color: var(--ue-ink) !important; text-decoration: none !important; }
.eps-inner #inpuAlan td:nth-child(3) label, .eps-inner #inpuAlanKitapsiz td:nth-child(3) label { font-size: 11px !important; color: var(--kmp) !important; }
.eps-inner #inpuAlan td:nth-child(4) label, .eps-inner #inpuAlanKitapsiz td:nth-child(4) label { font-size: 13px !important; font-weight: 800 !important; color: var(--grn-d) !important; }

/* ileri / geri butonlar */
/* NOT: "display" burada !important OLMAMALI — #KitapliSonraki/#KitapsizSonraki bu sınıfı taşıyor ve
   jQuery .fadeIn()/.fadeOut() ile satır-içi style="display:none" yazarak gizleniyor; display üzerinde
   !important olsaydı bu inline gizlemeyi ezip butonu seçim yapılmadan da görünür bırakırdı. */
.eps-inner .btn-next.btn-success { background: linear-gradient(180deg, var(--grn), var(--grn-d)) !important; border: 0 !important;
    border-radius: 11px !important; font-weight: 800 !important; font-size: 12.5px !important; padding: 12px 20px !important;
    box-shadow: 0 14px 28px -14px var(--grn) !important; color: #fff !important;
    display: inline-flex; align-items: center; white-space: nowrap !important; flex: none; }
.eps-inner .btn-next.bg-gray-200 { background: transparent !important; border: 1px solid var(--ue-line2) !important;
    border-radius: 11px !important; color: var(--ue-muted) !important; font-weight: 700 !important; font-size: 12px !important;
    padding: 11px 16px !important; display: inline-flex; align-items: center; white-space: nowrap !important;
    flex: none !important; width: auto !important; max-width: none !important; }
/* geri/ileri butonları çerçeveyle/birbirleriyle birleşmesin */
.eps-inner .steps .text-right { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px;
    text-align: right; margin: 20px 0 0 !important; }
.eps-inner .steps .text-right .btn-next { margin: 0 !important; }

/* 2. + 3. adım — kitap seçim satırları -> seçilebilir kart (ortak) */
.eps-inner :is(#inpuAlan1, #inpuAlan2) h6 { font-size: 12.5px !important; font-weight: 500 !important; color: var(--ue-ink) !important;
    margin: 6px 0 !important; line-height: 1.6 !important; padding-left: 18px; position: relative; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) h6::before { content: ""; position: absolute; left: 3px; top: .55em;
    width: 5px; height: 5px; border-radius: 50%; background: var(--uzk); }
.eps-inner :is(#inpuAlan1, #inpuAlan2) h6 b { color: var(--ue-ink); font-weight: 800; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) h6 + table { margin-top: 20px !important; }
.eps-inner #inpuAlan2 h5 { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 12px !important; font-size: 13px !important; }
/* 1. tablo ile "zaten var olan..." notu arasına kesik çizgi + boşluk (yalnızca 2. adım) */
.eps-inner #inpuAlan1 table + h6 { margin-top: 24px !important; padding-top: 20px; border-top: 1px dashed var(--ue-line2); }
.eps-inner #inpuAlan1 table + h6::before { top: calc(20px + .5em); }

.eps-inner .eps-hk-counter { display: flex; align-items: center; gap: 10px; margin: 20px 0 8px; max-width: 660px; }
.eps-inner .eps-hk-counter .cc { display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 800;
    border-radius: 999px; padding: 6px 13px; background: var(--uzk-s); color: var(--uzk-d); border: 1px solid rgba(230,126,21,.32); white-space: nowrap; }
.eps-inner .eps-hk-counter .cc.full { background: var(--grn-s); color: var(--grn-d); border-color: rgba(31,146,84,.3); }
.eps-inner .eps-hk-counter .cc svg { width: 13px; height: 13px; }
.eps-inner .eps-hk-bar { flex: 1; height: 5px; border-radius: 999px; background: var(--ue-line); overflow: hidden; }
.eps-inner .eps-hk-bar > span { display: block; height: 100%; background: var(--uzk); transition: width .2s ease; }
.eps-inner .eps-hk-bar > span.full { background: var(--grn); }

.eps-inner :is(#inpuAlan1, #inpuAlan2) table { display: block !important; border: 0 !important; width: 100%; max-width: 660px; margin: 8px 0 !important; padding: 0 !important; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table tbody { display: flex !important; flex-direction: column; gap: 8px; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table tr { display: flex !important; align-items: center; gap: 13px;
    border: 1.5px solid var(--ue-line) !important; border-radius: 12px; background: #fff !important; padding: 11px 14px; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table tr:has(.checked) { border-color: var(--grn) !important; background: var(--grn-s) !important; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table td { display: block !important; border: 0 !important; padding: 0 !important; width: auto !important; background: transparent !important; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(1) { flex: 1; order: 2; display: flex !important; flex-direction: column; align-items: flex-start; gap: 3px; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(2) { flex: none; order: 3; text-align: right; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(3) { flex: none; order: 1; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) .hediyekitapadi { font-size: 10.5px !important; font-weight: 700 !important; margin: 0 !important; color: var(--ue-ink) !important; line-height: 1.4 !important; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) .hediyekitapadi a { color: var(--ue-ink) !important; text-decoration: none !important; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(2) label { font-size: 10.5px !important; margin: 0 !important; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) .eps-hk-detay { display: inline-flex; align-items: center; gap: 5px; font-size: 9.5px;
    font-weight: 500; color: var(--ue-ink); text-decoration: none; background: #f0f0f0;
    border: 1px solid #dcdcdc; border-radius: 999px; padding: 4px 10px; transition: background .14s, border-color .14s, color .14s; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) .eps-hk-detay svg { width: 10px; height: 10px; opacity: .75; }
.eps-inner :is(#inpuAlan1, #inpuAlan2) .eps-hk-detay:hover { background: #e4e4e4; border-color: #cfcfcf; color: var(--ue-ink); }
/* mobilde kitap satırı: uzun ad tek sütuna sıkışıp kelime kelime alt alta dökülüyordu -> satır 3 kademeye sarılsın */
@media (max-width: 560px) {
    .eps-inner :is(#inpuAlan1, #inpuAlan2) table tr { flex-wrap: wrap; gap: 6px 12px; padding: 10px 12px; }
    .eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(1) { order: 2; flex: 1 1 100%; }
    .eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(2) { order: 3; flex: 1 1 100%; text-align: left; }
    .eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(3) { order: 1; }
    .eps-inner :is(#inpuAlan1, #inpuAlan2) .hediyekitapadi { font-size: 10px !important; line-height: 1.35 !important; }
    .eps-inner :is(#inpuAlan1, #inpuAlan2) table td:nth-child(2) label { font-size: 10px !important; }
    .eps-inner :is(#inpuAlan1, #inpuAlan2) .eps-hk-detay { font-size: 9px; padding: 3px 7px; }
}

/* === 4. adım — Alışveriş Sepeti -> gruplu kart (JS ile AJAX tablosundan üretilir) === */
.eps-inner :is(#step3, #step4) .card-body h6.text-purple { font-size: 12.5px !important; font-weight: 500 !important; color: var(--ue-ink) !important;
    margin: 6px 0 !important; line-height: 1.6 !important; padding-left: 18px; position: relative; }
.eps-inner :is(#step3, #step4) .card-body h6.text-purple::before { content: ""; position: absolute; left: 3px; top: .55em;
    width: 5px; height: 5px; border-radius: 50%; background: var(--uzk); }
.eps-inner :is(#step3, #step4) .card-body h6.text-purple b { color: var(--ue-ink); }
.eps-inner .eps-sepet { margin: 12px 0; }
.eps-inner .eps-sepet-grp { border: 1px solid var(--ue-line); border-radius: 12px; background: #fff; margin-bottom: 10px; overflow: hidden; }
.eps-inner .eps-sepet-grp-h { display: flex; align-items: center; gap: 8px; background: rgba(230,126,21,.32);
    border-bottom: 1px solid rgba(230,126,21,.5); padding: 9px 14px; font-size: 10px; font-weight: 800; letter-spacing: .06em;
    text-transform: uppercase; color: var(--uzk-d); }
.eps-inner .eps-sepet-grp-h .cnt { margin-left: auto; background: var(--uzk); color: #fff; border-radius: 999px;
    padding: 2px 9px; font-size: 9.5px; letter-spacing: .02em; }
.eps-inner .eps-sepet-li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 14px;
    border-top: 1px solid var(--ue-line); font-size: 11.5px; color: var(--ue-ink); }
.eps-inner .eps-sepet-li:first-of-type { border-top: 0; }
.eps-inner .eps-sepet-li .p { font-weight: 700; white-space: nowrap; }
.eps-inner .eps-sepet-li .p.free { color: var(--grn-d); }
.eps-inner .eps-sepet-grand { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px;
    border-radius: 12px; background: var(--grn-s); border: 1px solid var(--grn); }
.eps-inner .eps-sepet-grand .t { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--grn-d); }
.eps-inner .eps-sepet-grand .v { font-size: 19px; font-weight: 800; color: var(--grn-d); white-space: nowrap; }

/* HEMEN SATIN AL — yeşil parıltı */
.eps-inner .buy-btn.btn-success { box-shadow: 0 16px 32px -16px var(--grn) !important; }
.eps-inner .buy-btn.btn-success:hover { box-shadow: 0 22px 40px -16px var(--grn) !important; }

/* === HEDİYE KİTAPLAR tablosu -> kitap kartı ızgarası === */
.eps-inner .eps-gifttable { display: block !important; border: 0 !important; width: 100%; margin: 14px 0; }
/* generic .table.table-bordered kuralının dış çerçevesini iptal et (kartların kendi border'ı yeterli) */
.eps-inner table.table.table-bordered.eps-gifttable { border: 0 !important; border-radius: 0 !important; overflow: visible !important; }
.eps-inner .eps-gifttable > tbody { display: block !important; border: 0 !important; }
/* bootstrap ".table tbody + tbody { border-top: 2px }" -> iki tbody arası çizgiyi kaldır */
.eps-inner .eps-gifttable > tbody + tbody { border-top: 0 !important; }
/* kart başına "HEDİYE" rozeti geldiği için turuncu HEDİYE KİTAPLAR başlık şeridi gizlendi */
.eps-inner .eps-gifttable > tbody:first-child { display: none !important; }
.eps-inner .eps-gifttable > tbody:nth-child(2) { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 640px) { .eps-inner .eps-gifttable > tbody:nth-child(2) { grid-template-columns: repeat(2, 1fr); } }
/* kart (.bk) */
.eps-inner .eps-gifttable > tbody:nth-child(2) tr { display: flex !important; flex-direction: column; text-align: center;
    border: 1px solid var(--ue-line); border-radius: 14px; overflow: hidden; background: #fff;
    transition: transform .14s ease, box-shadow .18s ease; }
.eps-inner .eps-gifttable > tbody:nth-child(2) tr:hover { transform: translateY(-3px); box-shadow: 0 20px 38px -22px rgba(40,20,8,.55); }
.eps-inner .eps-gifttable > tbody:nth-child(2) td { display: block !important; border: 0 !important; padding: 0 !important; width: auto !important; }
.eps-inner .eps-gifttable > tbody:nth-child(2) td:first-child { display: none !important; }
/* kapak zemini + "Hediye" köşe rozeti */
.eps-inner .eps-gifttable > tbody:nth-child(2) td:nth-child(2) { position: relative; background: var(--ue-surface);
    border-bottom: 1px solid var(--ue-line); padding: 16px 12px 14px !important; display: grid; place-items: center; }
.eps-inner .eps-gifttable > tbody:nth-child(2) td:nth-child(2)::before { content: "Hediye"; position: absolute; top: 9px; left: 0;
    background: var(--kmp); color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
    padding: 3px 9px 3px 8px; border-radius: 0 999px 999px 0; }
.eps-inner .eps-gifttable img.w-50 { width: 108px !important; margin: 0 auto; border-radius: 4px; }
/* metin + buton bölgesi */
.eps-inner .eps-gifttable > tbody:nth-child(2) td:last-child { display: flex !important; flex-direction: column; flex: 1; width: 100% !important; }
.eps-inner .eps-gifttable h6 { font-size: 9.5px !important; font-weight: 700 !important; color: var(--ue-muted) !important;
    margin: 0; padding: 10px 12px 0; line-height: 1.55; flex: 1;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* hediye kitap giriş uyarısı -> kırmızı başlık şeridi + beyaz gövde (B) */
.eps-inner .alert.eps-gift-note { padding: 14px 16px !important; background: var(--ue-surface) !important;
    border: 1px solid var(--ue-line) !important; border-left: 3px solid var(--uzk) !important;
    border-radius: 12px !important; overflow: hidden; color: var(--ue-ink) !important; }
.eps-inner .eps-gift-note .eps-gift-note-h { display: flex; align-items: center; gap: 7px; background: none;
    color: var(--uzk-d); padding: 0 0 6px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.eps-inner .eps-gift-note .eps-gift-note-h svg { width: 13px; height: 13px; flex: none; }
.eps-inner .eps-gift-note .eps-gift-note-b { display: block; padding: 0; font-size: 12px; line-height: 1.65; color: var(--ue-muted); }
.eps-inner .eps-gift-note .eps-gift-note-b b { font-weight: 800; color: var(--ue-ink); }

/* "12 Taksit Kolaylığı" uyarısı -> bordo, ikonlu başlık + "12" rozeti (C) */
.eps-inner .alert.eps-tk-note { padding: 13px 15px !important; background: #f7e7ee !important;
    border: 1px solid rgba(148,25,73,.28) !important; border-radius: 12px !important; color: #6d1237 !important; }
.eps-inner .eps-tk-note .eps-tk-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin: 0 !important; font-size: 12.5px !important; font-weight: 800 !important; color: #6d1237 !important; }
.eps-inner .eps-tk-note .eps-tk-h svg { width: 17px; height: 17px; flex: none; }
.eps-inner .eps-tk-note .eps-tk-x { background: #941949; color: #fff; border-radius: 7px; padding: 2px 10px;
    font-size: 16px; font-weight: 800; line-height: 1.15; }
.eps-inner .eps-tk-note .eps-tk-b { margin: 0; font-size: 11px; line-height: 1.6; color: var(--ue-muted); }
.eps-inner .eps-tk-note .eps-tk-b b { font-weight: 700; color: #6d1237; }
.eps-inner .eps-tk-note .eps-tk-banks { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.eps-inner .eps-tk-note .eps-tk-banks span { font-size: 9.5px; font-weight: 700; color: #6d1237; background: #fff;
    border: 1px solid rgba(148,25,73,.3); border-radius: 6px; padding: 3px 8px; }
/* Kullanıcı isteği: bu kutu karanlık mod dahil HER ZAMAN yukarıdaki açık renk şemasıyla sabit
   kalsın — cihaz/tarayıcı karanlık modda olsa da görünümü değişmesin. Bu yüzden burada
   kasıtlı olarak prefers-color-scheme:dark override'ı YOK. */

/* 3. adım — "Önerdiğimiz Kitaplar" üstündeki %20 indirim avantajı bildirimi (taksit notuyla aynı desen, yeşil) */
.eps-inner .alert.eps-disc-note { padding: 13px 15px !important; background: var(--grn-s) !important;
    border: 1px solid rgba(31,146,84,.28) !important; border-radius: 12px !important; color: var(--grn-d) !important; margin-bottom: 14px !important; }
.eps-inner .eps-disc-note .eps-disc-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin: 0 !important; font-size: 13.5px !important; font-weight: 800 !important; color: var(--grn-d) !important; }
.eps-inner .eps-disc-note .eps-disc-h svg { width: 18px; height: 18px; flex: none; }
.eps-inner .eps-disc-note .eps-disc-x { background: var(--grn); color: #fff; border-radius: 7px; padding: 2px 10px;
    font-size: 16px; font-weight: 800; line-height: 1.15; }
.eps-inner .eps-disc-note .eps-disc-b { margin: 8px 0 0; font-size: 11.5px; line-height: 1.6; color: var(--ue-muted); }
.eps-inner .eps-disc-note .eps-disc-b b { font-weight: 800; color: var(--grn-d); }
/* Kullanıcı isteği: bu kutu karanlık mod dahil HER ZAMAN yukarıdaki açık renk şemasıyla sabit
   kalsın — cihaz/tarayıcı karanlık modda olsa da görünümü değişmesin. Bu yüzden burada
   kasıtlı olarak prefers-color-scheme:dark override'ı YOK. */

/* Ödeme yöntemi seçim tabloları (6 Ay / 12 Ay Kullanım Hakkı vb.) — eski kırmızı başlıklı
   table-bordered/table-striped yerine; adım kartı/başlığı/uyarı kutuları kasıtlı olarak
   ESKİ haliyle bırakıldı, sadece bu seçim tabloları değişti. */
.eps-inner .pay-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 12px 0 18px; }
.eps-inner .pay-group { border: 1px solid var(--ue-line); border-radius: 14px; overflow: hidden; }
.eps-inner .pay-group-h { background: var(--uzk-s); color: var(--uzk-d); font-weight: 800; font-size: 11.5px;
    letter-spacing: .03em; text-transform: uppercase; padding: 10px 14px; text-align: center; }
.eps-inner .pay-opt { display: flex; align-items: center; gap: 11px; padding: 13px 14px; border-top: 1px solid var(--ue-line); }
.eps-inner .pay-opt:first-of-type { border-top: 0; }
.eps-inner .pay-opt label { flex: 1; font-weight: 700; font-size: 12.8px; color: var(--ue-ink); cursor: pointer; margin: 0; }
.eps-inner .pay-opt .price { font-weight: 800; font-size: 13px; color: var(--grn-d); font-variant-numeric: tabular-nums; }

/* 1. adım — ödeme tablosunun altında "iptal / iade koşulları" açılır bilgi kutusu */
.eps-inner .eps-cancel-note { margin: 14px 0 4px; border: 1px solid var(--ue-line2); border-radius: 12px;
    background: var(--ue-surface); overflow: hidden; }
.eps-inner .eps-cancel-note > .eps-cancel-sum { display: flex; align-items: center; gap: 9px; cursor: pointer;
    list-style: none; padding: 12px 14px; font-size: 12.5px; font-weight: 700; color: var(--ue-ink); }
.eps-inner .eps-cancel-note > .eps-cancel-sum::-webkit-details-marker { display: none; }
.eps-inner .eps-cancel-note .eps-cancel-sum svg { width: 16px; height: 16px; flex: none; color: var(--ue-muted); }
.eps-inner .eps-cancel-note .eps-cancel-chev { margin-left: auto; color: var(--ue-muted); font-size: 15px;
    transition: transform .18s ease; }
.eps-inner .eps-cancel-note[open] .eps-cancel-chev { transform: rotate(180deg); }
.eps-inner .eps-cancel-note .eps-cancel-body { padding: 0 14px 13px; border-top: 1px solid var(--ue-line2); }
.eps-inner .eps-cancel-note .eps-cancel-h { margin: 11px 0 6px; font-size: 12px; font-weight: 800; color: var(--ue-ink); }
.eps-inner .eps-cancel-note .eps-cancel-body p { margin: 0; font-size: 11px; line-height: 1.7; color: var(--ue-muted); }
/* Ödeme yöntemi seçilince (bkz. #epsCancelNote script'i) kutu kendiliğinden açılır; kısa bir
   parlamayla dikkat çeker, sonra turuncu tonlu "hâlâ geçerli" haliyle sabit kalır. */
.eps-inner .eps-cancel-note { transition: border-color .35s ease, background-color .35s ease; }
.eps-inner .eps-cancel-note.is-highlight { border-color: var(--uzk); background: var(--uzk-s); }
.eps-inner .eps-cancel-note.is-highlight .eps-cancel-sum svg,
.eps-inner .eps-cancel-note.is-highlight .eps-cancel-chev { color: var(--uzk-d); }
.eps-inner .eps-cancel-note.is-glow { animation: epsCancelRing 1.1s ease 2; }
@keyframes epsCancelRing {
    0% { box-shadow: 0 0 0 0 rgba(230,126,21,.4); }
    60% { box-shadow: 0 0 0 9px rgba(230,126,21,0); }
    100% { box-shadow: 0 0 0 0 rgba(230,126,21,0); }
}
@media (prefers-reduced-motion: reduce) {
    .eps-inner .eps-cancel-note.is-glow { animation: none; }
}

/* === "Nedir?" (tab1) DB içeriği -> modül kartları + ✓ liste (A) === */
.eps-inner .eps-t1 img.fll.w-25 { float: left; max-width: 175px; width: 46%; margin: 2px 20px 12px 0; }
/* kutu görseli + tanıtım metni: float yerine dikey ortalanmış tek satır (görsel solda, metin
   sağda görselin ortasına hizalı). Hem DB içeriğinde (eps-t1, JS ile .eps-t1-intro'ya sarılır)
   hem de statik paket sayfalarında (Parça Çalışmaları vb.) aynı desen kullanılır. */
.eps-inner .eps-t1-intro { display: flex; align-items: center; gap: 22px; margin: 0 0 16px; }
.eps-inner .eps-t1-intro img.fll.w-25 { float: none !important; margin: 0 !important; flex: none; width: 25%; max-width: 175px; }
.eps-inner .eps-t1-intro-txt { flex: 1 1 auto; min-width: 0; }
.eps-inner .eps-t1-intro-txt p:last-child { margin-bottom: 0; }
@media (max-width: 560px) {
    .eps-inner .eps-t1-intro { flex-direction: column; align-items: flex-start; gap: 12px; }
    .eps-inner .eps-t1-intro img.fll.w-25 { width: 55%; max-width: 220px; }
}
.eps-inner .eps-t1 p.font-size-17 { font-size: 13px !important; line-height: 1.85 !important; color: var(--ue-ink); }
.eps-inner .eps-t1 p { font-size: 12.5px; line-height: 1.75; color: var(--ue-muted); }
.eps-inner .eps-t1 p strong { font-weight: 800; color: var(--ue-ink); }
.eps-inner .eps-t1 em { font-style: normal; font-weight: 700; color: var(--uzk-d); }
.eps-inner .eps-t1 .underlinestyle1 { text-decoration: none; border-bottom: 1px solid currentColor; }
.eps-inner .eps-t1 img.img-fluid { display: block; width: 100%; height: auto; border-radius: 12px; margin: 10px 0 12px; }

/* PAKET BİLGİLERİ -> 3'lü spec şeridi (JS ile üretilir; ham tablo gizlenir) */
.eps-inner .eps-t1-spec { clear: both; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 16px 0; }
.eps-inner .eps-t1-spec > div { border: 1px solid var(--ue-line); border-radius: 12px; background: var(--ue-surface); padding: 11px 13px; }
.eps-inner .eps-t1-spec .k { font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ue-faint); }
.eps-inner .eps-t1-spec .v { font-size: 12.5px; font-weight: 800; color: var(--ue-ink); margin-top: 3px; line-height: 1.35; }
@media (max-width: 560px) { .eps-inner .eps-t1-spec { grid-template-columns: 1fr; } }

/* modül kartı */
/* çerçevesiz editoryal düzen — sekme zaten kutulu, kart-içinde-kart olmasın.
   Modüller arasına ince ayraç, başlıkta yumuşak numaralı rozet. */
.eps-inner .eps-t1-mod { margin: 22px 0 0; }
.eps-inner .eps-t1-mod + .eps-t1-mod { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--ue-line); }
.eps-inner .eps-t1-mod-h { display: flex; align-items: center; gap: 10px; margin: 0 0 12px;
    font-size: 13.5px; font-weight: 800; color: var(--ue-ink); letter-spacing: -.01em; }
.eps-inner .eps-t1-mod-h .n { flex: none; width: 24px; height: 24px; border-radius: 8px; background: var(--uzk-s);
    color: var(--uzk-d); border: 1px solid rgba(230,126,21,.35); display: grid; place-items: center; font-size: 11px; font-weight: 800; }
.eps-inner .eps-t1-mod-b { padding: 0; }
.eps-inner .eps-t1-mod-b > *:first-child { margin-top: 0; }
.eps-inner .eps-t1-mod-b img { display: block; max-width: 320px; width: 100%; height: auto; border-radius: 10px; margin: 0 0 12px; }
/* örnek sayfa görselleri -> ince şerit galeri (D). JS ile .eps-t1-shots içine toplanır + fancybox. */
.eps-inner .eps-t1-shots { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 2px 0 14px; padding-bottom: 2px; }
.eps-inner .eps-t1-shots::-webkit-scrollbar { display: none; }
.eps-inner .eps-t1-shots .eps-t1-shot { flex: none; display: block; width: 158px; border-radius: 8px; overflow: hidden;
    border: 1px solid var(--ue-line); cursor: zoom-in; position: relative; }
.eps-inner .eps-t1-shots .eps-t1-shot img { display: block !important; width: 100% !important; max-width: none !important;
    height: auto !important; aspect-ratio: 1000 / 529; object-fit: cover; border: 0 !important; border-radius: 0 !important; margin: 0 !important; }
.eps-inner .eps-t1-shots .eps-t1-shot::after { content: ""; position: absolute; right: 6px; bottom: 6px; width: 18px; height: 18px;
    border-radius: 5px; background: rgba(0,0,0,.55);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27white%27%20stroke-width=%272.5%27%20stroke-linecap=%27round%27%3E%3Ccircle%20cx=%2711%27%20cy=%2711%27%20r=%277%27/%3E%3Cpath%20d=%27M21%2021l-4-4M11%208v6M8%2011h6%27/%3E%3C/svg%3E");
    background-size: 11px; background-repeat: no-repeat; background-position: center; }
.eps-inner .eps-t1-shots .eps-t1-shot:hover { border-color: var(--uzk); }
/* NOT: li'yi flex YAPMA -> iç metin/strong'lar flex öğesine dönüşüp kelime araları açılıyor
   ve iç içe <ul> yana kayıyordu. Onay işareti absolute konumlanır, metin normal akar. */
.eps-inner .eps-t1-mod-b ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.eps-inner .eps-t1-mod-b ul li { position: relative; padding: 0 0 0 24px !important; margin: 0 0 8px !important;
    font-size: 12px !important; line-height: 1.55; color: var(--ue-ink); }
.eps-inner .eps-t1-mod-b ul li:last-child { margin-bottom: 0 !important; }
.eps-inner .eps-t1-mod-b ul li::before { content: ""; position: absolute; left: 0; top: 2px; width: 16px; height: 16px;
    border-radius: 5px; background-color: var(--grn-s);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%231f9254%27%20stroke-width=%273.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M20%206%209%2017l-5-5%27/%3E%3C/svg%3E");
    background-size: 11px; background-repeat: no-repeat; background-position: center; }
/* gerçek vurgular ayırt edilsin: sadece <strong>/<b> kalın, gövde metni normal */
.eps-inner .eps-t1-mod-b ul li { font-weight: 400 !important; }
.eps-inner .eps-t1-mod-b ul li strong, .eps-inner .eps-t1-mod-b ul li b { font-weight: 800 !important; color: var(--ue-ink); }
/* iç içe listeler */
.eps-inner .eps-t1-mod-b ul ul { margin: 8px 0 0 !important; }
.eps-inner .eps-t1-mod-b ul ul li { font-size: 11.5px !important; margin-bottom: 6px !important; color: var(--ue-ink) !important; }
/* alt liste içeren üst madde -> kategori başlığı (kalınlık İÇE MİRAS ETMEZ: sadece kendi <b>'si) */
.eps-inner .eps-t1-mod-b ul > li:has(> ul) { color: var(--uzk-d); margin-bottom: 8px !important; }
.eps-inner .eps-t1-mod-b ul > li:has(> ul) > b,
.eps-inner .eps-t1-mod-b ul > li:has(> ul) > strong { color: var(--uzk-d); }
.eps-inner .eps-t1-mod-b ul ul li strong, .eps-inner .eps-t1-mod-b ul ul li b { color: var(--ue-ink); }
.eps-inner .eps-t1-mod-b ul > li:has(> ul)::before { background-color: var(--uzk-s);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%239a5406%27%20stroke-width=%273.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M9%206l6%206-6%206%27/%3E%3C/svg%3E"); }
.eps-inner .eps-t1-mod-b p { font-size: 12px; line-height: 1.7; color: var(--ue-muted); margin: 0 0 10px; }
/* JS çalışmazsa (DB kapalı vs.) yeşil h5 için sade fallback */
.eps-inner .eps-t1 h5.text-green { font-size: 14px !important; font-weight: 800; color: var(--ue-ink) !important;
    padding-left: 12px; border-left: 3px solid var(--uzk); margin: 22px 0 10px; }

/* içerik butonları */
.eps-inner .eps-t1 .col-md-12.py-4 { padding: 0 !important; margin: 20px 0 !important; }
/* DB içeriği ortasındaki fazladan "SATIN AL / BAŞARI İÇİN TIKLA" CTA'ları -> gizle
   (yeşil olanlarda en sondaki kalır; turuncu btn-primary olanların hepsi gider) */
.eps-inner .eps-t1 > .col-md-12.py-4:has(> .buy-btn.btn-success):not(:last-child),
.eps-inner .eps-t1 > .col-md-12.py-4:has(> .buy-btn.btn-primary),
.eps-inner .eps-t1 .col-md-12.py-4:has(> .buy-btn.btn-primary) { display: none !important; }
/* DB içeriğindeki boş .pt-4 ara-boşluk div'leri -> sıfırla (kendi margin'lerimiz dengeliyor) */
.eps-inner .eps-t1 > .pt-4, .eps-inner .eps-t1 .col-md-12 > .pt-4 { padding-top: 0 !important; height: 0 !important; margin: 0 !important; }
.eps-inner .eps-t1 .btn.btn-info { background: transparent !important; border: 1px solid var(--uzk) !important;
    color: var(--uzk-d) !important; border-radius: 13px !important; font-weight: 800 !important; box-shadow: none !important; }
/* (görünürse) soft ghost -> dolgusuz, ince çerçeve, gölgesiz */
.eps-inner .eps-t1 .buy-btn.btn-primary { background: transparent !important; border: 1px solid var(--ue-line) !important;
    color: var(--uzk-d) !important; border-radius: 13px !important; font-weight: 700 !important; box-shadow: none !important;
    text-transform: none !important; }
.eps-inner .eps-t1 .buy-btn.btn-primary .satinalbuttonicon { display: none !important; }
.eps-inner .eps-gifttable a.btn.btn-danger { display: block; margin: 9px 12px 12px !important; padding: 7px !important;
    font-size: 9px !important; font-weight: 800 !important; letter-spacing: .04em; text-transform: uppercase;
    color: var(--kmp) !important; background: var(--kmp-s) !important; border: 0 !important; border-radius: 8px !important; }
.eps-inner .eps-gifttable > tbody:nth-child(2) tr:hover a.btn.btn-danger { color: #fff !important; background: var(--kmp) !important; }

/* === ÇALIŞMA PROGRAMI sekmesi -> merkezî PDF indirme bloğu === */
.eps-inner .eps-cpr { border: 1px dashed var(--ue-line2); border-radius: 16px; background: var(--ue-surface);
    padding: 30px 24px; text-align: center; margin: 6px 0; }
.eps-inner .eps-cpr-ic { display: block; width: 54px; margin: 0 auto 14px; color: var(--kmp); }
.eps-inner .eps-cpr-ic svg { width: 100%; height: auto; display: block; }
.eps-inner .eps-cpr p { max-width: 62ch; margin: 0 auto; font-size: 12.5px; line-height: 1.85; color: var(--ue-muted); }
.eps-inner .eps-cpr p strong { color: var(--ue-ink); }
.eps-inner .eps-cpr .underlinestyle1 { display: block; margin-top: 18px; }
.eps-inner .eps-cpr .underlinestyle1, .eps-inner .eps-cpr .underlinestyle1 strong { text-decoration: none !important; }
.eps-inner .eps-cpr a.text-danger { display: inline-flex; align-items: center; gap: 8px; background: var(--kmp);
    color: #fff !important; text-decoration: none !important; font-weight: 800 !important; font-size: 11.5px; letter-spacing: .04em;
    text-transform: uppercase; padding: 11px 20px; border-radius: 999px; box-shadow: 0 12px 24px -12px var(--kmp); }
.eps-inner .eps-cpr a.text-danger:hover { background: var(--kmp-d); color: #fff !important; }

/* === ÖRNEK DERS VİDEOLARI -> gruplu liste (div yapısına dönüştürüldü) === */
.eps-inner .eps-vgroup { border: 1px solid var(--ue-line); border-radius: 14px; overflow: hidden; margin: 14px 0; background: #fff; }
.eps-inner .eps-vgroup-h { display: flex; align-items: center; gap: 8px; background: var(--ue-surface);
    border-bottom: 1px solid var(--ue-line); padding: 10px 14px; font-size: 12px; font-weight: 800; color: var(--ue-ink); }
.eps-inner .eps-vg-tag { flex: none; font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
    color: #fff; background: var(--uzk); border-radius: 999px; padding: 3px 9px; }
.eps-inner .eps-vg-sub { font-weight: 800; }
.eps-inner .eps-vrow { display: flex !important; align-items: center; gap: 11px; padding: 11px 14px;
    border-top: 1px solid var(--ue-line); font-size: 12.5px; font-weight: 600; text-decoration: none !important;
    color: var(--ue-ink) !important; background: #fff; transition: background .12s ease; }
.eps-inner .eps-vrow:first-of-type { border-top: 0; }
.eps-inner .eps-vrow:hover { background: var(--ue-surface); }
.eps-inner .eps-vrow .eps-vplay { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--kmp);
    color: #fff; display: grid; place-items: center; }
.eps-inner .eps-vrow .eps-vplay .icon-youtube { font-size: 11px; line-height: 1; }
.eps-inner .eps-vrow .eps-vt { flex: 1; }
.eps-inner .eps-vrow .eps-vgo { flex: none; font-size: 10.5px; font-weight: 800; text-transform: uppercase;
    letter-spacing: .04em; color: var(--kmp); }

/* === SSS (Soru-Cevap) sekmesi -> akordeon ===
   İçerik veritabanından düz <h5>+<p> bloğu olarak gelir; sayfa altındaki JS her
   soruyu <details>/<summary> içine sarar. Aşağıdaki kurallar o yapıyı biçimlendirir. */
.eps-inner .eps-sss-acc > h3 { font-size: 13px !important; font-weight: 800; color: var(--ue-ink) !important;
    letter-spacing: -.01em; margin: 0 0 4px; line-height: 1.4; }
.eps-inner .eps-sss-acc > h3 span { font-size: inherit !important; color: var(--uzk-d) !important; }
.eps-inner .eps-sss-acc details { border: 1px solid var(--ue-line); border-radius: 12px; margin: 0 0 8px;
    background: #fff; overflow: hidden; }
.eps-inner .eps-sss-acc details[open] { border-color: var(--uzk); box-shadow: 0 10px 26px -18px rgba(230,126,21,.5); }
.eps-inner .eps-sss-acc summary { list-style: none; cursor: pointer; display: flex; align-items: flex-start; gap: 11px;
    padding: 13px 15px; font-size: 12.5px; font-weight: 700; color: var(--ue-ink); }
.eps-inner .eps-sss-acc summary::-webkit-details-marker { display: none; }
.eps-inner .eps-sss-acc summary .qm { flex: none; width: 22px; height: 22px; border-radius: 7px;
    background: rgba(230,126,21,.10); color: var(--uzk-d); font-size: 11px; font-weight: 800;
    display: grid; place-items: center; margin-top: 1px; }
.eps-inner .eps-sss-acc summary .qt { flex: 1; }
.eps-inner .eps-sss-acc summary .qx { flex: none; margin-left: 6px; color: var(--ue-faint); font-size: 16px;
    line-height: 1; transition: transform .18s ease; }
.eps-inner .eps-sss-acc details[open] summary .qx { transform: rotate(45deg); }
.eps-inner .eps-sss-acc .ans { padding: 0 15px 14px 48px; }
.eps-inner .eps-sss-acc .ans > *:first-child { margin-top: 0; }
.eps-inner .eps-sss-acc .ans p { font-size: 12.5px; line-height: 1.8; color: var(--ue-muted); margin: 0 0 10px; }
.eps-inner .eps-sss-acc .ans p:last-child { margin-bottom: 0; }
.eps-inner .eps-sss-acc .ans a { color: var(--kmp); font-weight: 700; }
@media (max-width: 575px) { .eps-inner .eps-sss-acc .ans { padding-left: 15px; } }

/* === ÖDEME SEÇENEKLERİ tabloları -> temiz fiyat kartı === */
.eps-inner .eps-paytable { display: block !important; border: 1px solid var(--ue-line) !important; border-radius: 14px;
    overflow: hidden; width: 100%; margin: 14px 0; }
.eps-inner .eps-paytable > tbody { display: block !important; }
.eps-inner .eps-paytable > tbody:first-child tr { display: block !important; }
.eps-inner .eps-paytable .tablebaslik { display: block !important; }
.eps-inner .eps-paytable > tbody:nth-child(2) tr { display: flex !important; align-items: center; gap: 10px; padding: 12px 14px;
    border-top: 1px solid var(--ue-line); }
.eps-inner .eps-paytable > tbody:nth-child(2) td { display: block !important; border: 0 !important; padding: 0 !important;
    width: auto !important; font-size: 13px; text-align: left !important; }
.eps-inner .eps-paytable > tbody:nth-child(2) td:first-child { flex: none; min-width: 96px; font-weight: 800; color: var(--ue-muted); }
.eps-inner .eps-paytable > tbody:nth-child(2) td:last-child { flex: 1; }

/* alt menü (tam genişlik altına taşındı) */
.eps-rail { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--ue-line); }
.eps-rail .sidebar { max-width: 360px; padding: 0 !important; margin: 0 !important; }
.eps-rail .lihead { display: none !important; }
.eps-rail .sidebar > .list-group { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.eps-rail .sidebar > .list-group > .list-group-item { border: 1px solid var(--ue-line) !important; border-radius: 10px;
    overflow: hidden; padding: 0 !important; background: #fff !important; }
.eps-rail .sidebar > .list-group > .list-group-item > a { display: flex; align-items: center; gap: 7px; padding: 10px 12px;
    font-size: 12px; font-weight: 700; color: var(--ue-ink) !important; text-decoration: none; }
.eps-rail .sidebar > .list-group > .list-group-item > a .fa { color: var(--uzk); font-size: 13px; margin: 0 !important; flex: none; }
.eps-rail .collapse .list-group, .eps-rail .collapse.show .list-group { background: var(--ue-surface) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.eps-rail .list-group-item2 { border: 0 !important; padding: 0 !important; background: none !important; }
.eps-rail .list-group-item2 > a { display: block; padding: 7px 12px 7px 22px; font-size: 11px; font-weight: 600;
    color: var(--ue-muted) !important; border-top: 1px solid var(--ue-line) !important; text-decoration: none; }
.eps-rail .list-group-item2 .fa { display: none; }

.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; }
/* içerikteki h4'lerin bir kısmı gerçek alt başlık, bir kısmı slogan/vurgu cümlesi (ör. "ÖN HAZIRLIK
   OLMADAN ASLA!") olarak kullanılıyor; ikisi aynı etikette olduğu için panelden slogan olan h4'e
   class="pd-slogan" eklenmesi gerekiyor — bu class eklenmeden hiçbir h4 etkilenmez. */
.pd-body h4.pd-slogan { font-size: 13.5px; font-weight: 600; font-style: italic; }
.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 {
    position: relative;
    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; }
/* "Listele" filtresine basınca UpdateProgress spinner'ı normal akışta belirip kayboluyor,
   tabloyu aşağı itip geri çekiyordu (CLS 0,26 - GSC'de flaglendi). Overlay yaparak akıştan
   çıkarıyoruz, görünüp kaybolması artık layout'u etkilemiyor (2026-09) */
.ag-loading-overlay {
    position: absolute; inset: 0; z-index: 5;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255, 255, 255, .75);
}
.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; }
    /* filtre sonuç tablosu ekrana sığsın: font + boşluk küçülür */
    .ag-table thead th { font-size: 9px !important; padding: 7px 6px !important; white-space: normal !important; letter-spacing: 0; }
    .ag-table tbody td { font-size: 10px !important; padding: 7px 6px !important;
        word-break: break-word; overflow-wrap: anywhere; }
    .ag-table td:last-child { white-space: nowrap; }
    .ag-table td .btn { font-size: 9px !important; padding: 5px 9px !important; white-space: nowrap !important; }
    .ag-results-h { font-size: 13px !important; }
    .ag-main .filter-results.ag-results { overflow-x: auto; }
}
@media (max-width: 400px) {
    .ag-table thead th { font-size: 8.5px !important; padding: 6px 4px !important; }
    .ag-table tbody td { font-size: 9.5px !important; padding: 6px 4px !important; }
    .ag-table td .btn { font-size: 8.5px !important; padding: 5px 7px !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%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2712%27%20height=%2712%27%3E%3Cpath%20fill=%27%235f6f6d%27%20d=%27M6%208%202%204h8z%27/%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;overflow:hidden;
  background:var(--yc-surface-2);padding:16px 16px 8px;aspect-ratio:1/1}
/* kapak: flex+max-height, sonra grid+place-items, ikisi de gerçek iOS Safari'de görseli sağa/aşağı
   kaydırıyordu -> mutlak konum + left:50%/transform:translateX(-50%) tüm tarayıcılarda güvenilir
   yatay ortalama sağlıyor. Hover/scale transform'u translateX(-50%) ile birlikte uygulanmalı,
   yoksa hover'da görsel sola fırlar (2026-09) */
.yc-cover img{position:absolute;left:50%;bottom:8px;margin:0;
  width:auto;height:auto;max-width:76%;max-height:calc(100% - 24px);object-fit:contain;
  transform:translateX(-50%);transition:transform .2s ease}
.yc-card:hover .yc-cover img{transform:translateX(-50%) 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:translateX(-50%)}
}

/* --- 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-cover img{bottom:6px;max-height:calc(100% - 18px)}
  .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-cover-zoom{position:relative;border:0;background:none;padding:0;margin:0;cursor:zoom-in;display:inline-flex}
.yd-cover-zoom-ic{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);
  border:1px solid var(--yd-line);color:var(--yd-teal-deep);display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(20,45,43,.18);transition:transform .15s ease}
.yd-cover-zoom-ic svg{width:18px;height:18px}
.yd-cover-zoom:hover .yd-cover-zoom-ic{transform:scale(1.08)}
.yd-cover-lightbox{display:none;position:fixed;inset:0;z-index:9999999999999;background:rgba(10,20,20,.86);
  align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.yd-cover-lightbox.open{display:flex}
.yd-cover-lightbox img{max-width:92vw;max-height:88vh;border-radius:8px;cursor:default}
.yd-cover-lightbox-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border-radius:50%;border:0;
  background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.yd-cover-lightbox-close:hover{background:rgba(255,255,255,.22)}

.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{position:relative;overflow:hidden;background:var(--yd-surface-2);aspect-ratio:1/1;padding:12px}
.yd-rel-cov img{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);max-width:80%;max-height:calc(100% - 24px);width:auto}
.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)}

/* HERO — metin + sağda çıkmış sorular kapak yelpazesi
   TAM SİMETRİK: ortak pivot (transform-origin) etrafında dönüş — X/Y kayması yok.
   Kapağa gelince ÜSTTE sabit, hiç dönmeyen bilgi balonu açılır (default kapalı). */
.ya-hero{display:grid;grid-template-columns:minmax(300px,1fr) 560px;gap:24px;align-items:center}
.ya-hero .ya-lead{max-width:44ch}
.ya-hero-fan{position:relative;width:560px;height:420px;justify-self:end}
.ya-hero-fan .ya-hbk{position:absolute;top:50%;left:50%;width:210px;text-decoration:none;color:inherit;cursor:pointer;
  transform-origin:50% 150%;
  transform:translate(-50%,-50%) rotate(calc((var(--i) - 2.5)*9deg));
  transition:transform .32s cubic-bezier(.22,1,.36,1)}
.ya-hero-fan .ya-hbk img{width:100%;border-radius:5px}
/* 6 kapak · DOM sırası = istif (sonuncu en üstte = yayın kataloğu, --i:5). Yelpaze 2.5 etrafında simetrik */
.ya-hero-fan .ya-hbk:hover,.ya-hero-fan .ya-hbk:focus-visible{z-index:20;
  transform:translate(-50%,-50%) rotate(calc((var(--i) - 2.5)*9deg)) translateY(-22px) scale(1.04)}

.ya-hero-fan .ya-hbub{position:absolute;left:calc(50% + var(--dx));bottom:calc(100% - 72px);width:266px;
  transform:translate(-50%,8px);
  background:var(--ya-surface);border:1px solid var(--ya-line);border-radius:16px;padding:15px 16px;
  box-shadow:0 12px 22px rgba(20,45,43,.12),0 34px 60px -26px rgba(20,45,43,.42);
  display:flex;flex-direction:column;gap:10px;text-align:left;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .24s ease;z-index:40}
.ya-hero-fan .ya-hbub::after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;
  background:var(--ya-surface);border:1px solid var(--ya-line);border-left:0;border-top:0;
  transform:translateX(-50%) rotate(45deg)}
.ya-hero-fan .ya-hbk:nth-of-type(1):hover ~ .ya-hbub:nth-of-type(1),
.ya-hero-fan .ya-hbk:nth-of-type(2):hover ~ .ya-hbub:nth-of-type(2),
.ya-hero-fan .ya-hbk:nth-of-type(3):hover ~ .ya-hbub:nth-of-type(3),
.ya-hero-fan .ya-hbk:nth-of-type(4):hover ~ .ya-hbub:nth-of-type(4),
.ya-hero-fan .ya-hbk:nth-of-type(5):hover ~ .ya-hbub:nth-of-type(5),
.ya-hero-fan .ya-hbk:nth-of-type(6):hover ~ .ya-hbub:nth-of-type(6),
.ya-hero-fan .ya-hbk:nth-of-type(1):focus-visible ~ .ya-hbub:nth-of-type(1),
.ya-hero-fan .ya-hbk:nth-of-type(2):focus-visible ~ .ya-hbub:nth-of-type(2),
.ya-hero-fan .ya-hbk:nth-of-type(3):focus-visible ~ .ya-hbub:nth-of-type(3),
.ya-hero-fan .ya-hbk:nth-of-type(4):focus-visible ~ .ya-hbub:nth-of-type(4),
.ya-hero-fan .ya-hbk:nth-of-type(5):focus-visible ~ .ya-hbub:nth-of-type(5),
.ya-hero-fan .ya-hbk:nth-of-type(6):focus-visible ~ .ya-hbub:nth-of-type(6){
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.ya-hbub-kick{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ya-faint)}
.ya-hbub-ad{font-size:13px;font-weight:700;line-height:1.32;color:var(--ya-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ya-hbub-meta{display:flex;align-items:center;gap:10px}
.ya-hbub-fi{font-size:14px;font-weight:800;color:var(--ya-teal-deep)}
.ya-hbub-vid{font-size:10px;color:var(--ya-faint)}
.ya-hbub-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:var(--ya-teal);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.02em;
  padding:10px 12px;border-radius:999px}
.ya-hbub-cta svg{width:14px;height:14px}
.ya-hero-fan .ya-hbub:hover .ya-hbub-cta{background:var(--ya-teal-deep)}
@media(max-width:1150px){
  .ya-hero{grid-template-columns:minmax(280px,1fr) 480px}
  .ya-hero-fan{width:480px;height:380px}
  .ya-hero-fan .ya-hbk{width:180px}
  .ya-hero-fan .ya-hbub{left:50%;width:min(280px,92%)}
}
@media(max-width:900px){
  .ya-hero{grid-template-columns:1fr;gap:24px}
  .ya-hero .ya-lead{max-width:62ch}
  .ya-hero-fan{justify-self:center;width:470px;height:370px}
  .ya-hero-fan .ya-hbk{width:176px}
}
@media(max-width:560px){
  .ya-hero-fan{width:340px;height:310px}
  .ya-hero-fan .ya-hbk{width:140px}
  .ya-hero-fan .ya-hbub{bottom:calc(100% - 56px)}
}
@media(max-width:400px){
  .ya-hero-fan{width:290px;height:280px}
  .ya-hero-fan .ya-hbk{width:118px}
}
@media (prefers-reduced-motion:reduce){ .ya-hero-fan .ya-hbk,.ya-hero-fan .ya-hbub{transition:none} }

/* 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{position:relative;overflow:hidden;background:var(--ya-surface-2);aspect-ratio:1/1;padding:12px}
.ya-bc img{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);max-width:76%;max-height:calc(100% - 24px);width:auto}
.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:rgba(255,255,255,.10) !important;background-image:none !important;
  color:#fff !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(255,255,255,.15)}

/* alt menüler beyaz kutu (asıl kurallar aşağıda "ALT MENÜLER" bloğunda) */
#myHeader.sec-hd .sm-blue ul{background:#fff;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:
    repeating-linear-gradient(45deg,rgba(255,255,255,.055) 0 1px,transparent 1px 14px),
    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;
}
/* hover / açık alt menü / seçili sayfa: hepsi aynı görünüm -> hafif tint + solda beyaz çizgi (masaüstü + mobil aynı)
   — beyaz Öğrenci Girişi ile karışmasın. Seçili sayfa ek olarak kalın; hover'da kalınlık yok (yan öğeler kaymasın). */
#myHeader.sec-hd .sm-blue > li > a:hover,
#myHeader.sec-hd .sm-blue > li > a.highlighted,
#myHeader.sec-hd .sm-blue > li > a.current{background:rgba(255,255,255,.10) !important;color:#fff !important;
  border-left:3px solid #fff !important;border-radius:0 999px 999px 0;padding-left:10px !important}
#myHeader.sec-hd .sm-blue > li > a.current{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:rgba(255,255,255,.9)}

/* 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:none !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}

/* ALT MENÜ AÇIKKEN ARKA PLANI KARART (yalnızca masaüstü) — açılan menünün
   arkasındaki sayfa yazılarının menüyle karışmasını önler */
@media(min-width:992px){
  #myHeader.sec-hd .sm-blue ul{z-index:5 !important}
  body::after{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(9,20,20,.55);
    backdrop-filter:blur(1.5px);
    -webkit-backdrop-filter:blur(1.5px);
    z-index:3;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  body.sm-nav-open::after{opacity:1;pointer-events:auto}
  /* üst menünün kendi renkli şeridi (header, henüz sticky olmadan) karartmanın altında kalmasın.
     :not(.sticky) şart: header zaten sabitlenmişken (sayfa kayık) bu kural position:relative
     dayatıp fixed'i eziyordu -> dropdown açılınca header sayfa içindeki eski konumuna fırlıyor,
     fare menüden ayrılıyor, smapi hide/show art arda tetiklenip menü gidip geliyordu (2026-09) */
  body.sm-nav-open #myHeader:not(.sticky){position:relative;z-index:10}
}
#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}

/* MASAÜSTÜ (≥998px, SmartMenus açılır menü eşiği) — mobildeki "her öğe kendi çerçevesinde" düzeninin aynısı (2026-09):
   bölüm renginde koyu kutu, içinde satır satır hafif transparan beyaz öğeler; sağ köşeler 22px oval,
   solda tam başta 4px beyaz şerit, başta chevron. Hover: tam beyaz. */
@media (min-width:998px){
  /* kutu zemini yok: transparan; satırlar kendi gölgesiyle sayfanın üstünde durur */
  #myHeader.sec-hd .sm-blue ul{background:transparent !important;border-radius:0 !important;
    padding:6px 8px 6px 0 !important;box-shadow:none !important;
    min-width:15em !important;max-width:36em !important}
  #myHeader.sec-hd .sm-blue ul li{margin:0 0 3px}
  #myHeader.sec-hd .sm-blue ul li:last-child{margin-bottom:0}
  #myHeader.sec-hd .sm-blue ul a,
  #myHeader.sec-hd .sm-blue ul a:link,
  #myHeader.sec-hd .sm-blue ul a:visited{display:block;position:relative;
    background:rgba(255,255,255) !important;color:#333 !important;
    border:0 !important;border-radius:0 22px 22px 0 !important;
    box-shadow:none !important;
    padding:10px 20px 10px 34px !important;margin:0 0 0 4px !important;white-space:nowrap !important}
  #myHeader.sec-hd .sm-blue ul a::before{content:"";position:absolute;left:15px;top:50%;width:7px;height:7px;margin-top:-4px;
    border-right:2px solid var(--hd-deep);border-bottom:2px solid var(--hd-deep);transform:rotate(-45deg);opacity:.75}
  #myHeader.sec-hd .sm-blue ul a::after{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:#fff;border-radius:2px 0 0 2px}
  #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,
  #myHeader.sec-hd .sm-blue ul a.current{background:#fff !important;color:var(--hd-deep) !important;border-radius:0 22px 22px 0 !important;
}
  #myHeader.sec-hd .sm-blue ul a:hover::before,
  #myHeader.sec-hd .sm-blue ul a.current::before{opacity:1}
  /* Şubeler 2 sütun: sütunlar arasında boşluk */
  #myHeader.sec-hd .sm-blue ul.columns-2 > li{padding-right:6px}
}

/* Ş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}

/* Öğrenci Girişi — mobil (2026-09)
   Masaüstünde üst beyaz satırdaki pill kullanılır; aşağıdaki iki öğe orada gizli.
   .hd-mlogin     : menü bandında hamburger'in yanındaki her zaman görünür beyaz pill (<768px; 768-997 arasında üst satır zaten görünür)
   .hd-mlogin-li  : açık mobil menünün sonundaki tam genişlik CTA (<998px, SmartMenus mobil eşiği) */
#myHeader.sec-hd .hd-mlogin{display:none}
#myHeader.sec-hd .sm-blue > li.hd-mlogin-li{display:none}
@media(max-width:767px){
  /* sadece yuvarlak ikon: yazı gizli, 36px beyaz daire içinde kullanıcı ikonu */
  #myHeader.sec-hd .hd-mlogin{display:inline-flex;align-items:center;justify-content:center;float:right;margin:7px 4px 0 0;padding:0;width:36px;height:36px;
    border-radius:50%;background:#fff;color:var(--hd-deep) !important;line-height:1;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}
  #myHeader.sec-hd .hd-mlogin span{display:none}
  #myHeader.sec-hd .hd-mlogin i{float:none;margin:0;font-size:17px;color:var(--hd-deep)}
  #myHeader.sec-hd .hd-mlogin:hover,
  #myHeader.sec-hd .hd-mlogin:focus{background:var(--hd-deep);color:#fff !important;text-decoration:none;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 2px 8px rgba(0,0,0,.25)}
  #myHeader.sec-hd .hd-mlogin:hover i,
  #myHeader.sec-hd .hd-mlogin:focus i{color:#fff}
}
@media(max-width:997px){
  #myHeader.sec-hd .sm-blue > li.hd-mlogin-li{display:block;padding:14px 16px 18px}
  #myHeader.sec-hd .sm-blue > li.hd-mlogin-li > a{display:flex !important;justify-content:center;align-items:center;gap:8px;
    background:#fff !important;color:var(--hd-deep) !important;border-radius:999px !important;border:0 !important;
    font-weight:800;padding:12px 16px !important;box-shadow:0 4px 14px rgba(0,0,0,.18)}
  #myHeader.sec-hd .sm-blue > li.hd-mlogin-li > a i{float:none;margin:0;font-size:15px}
  #myHeader.sec-hd .sm-blue > li.hd-mlogin-li > a:hover,
  #myHeader.sec-hd .sm-blue > li.hd-mlogin-li > a:focus{background:var(--hd-deep) !important;color:#fff !important;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 4px 14px rgba(0,0,0,.25)}
  #myHeader.sec-hd .sm-blue > li.hd-mlogin-li > a:hover i,
  #myHeader.sec-hd .sm-blue > li.hd-mlogin-li > a:focus i{color:#fff}
}

/* 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 22px 22px 0;padding:12px 16px !important;border-bottom:1px solid rgba(255,255,255,.12)}
  /* açılan alt menü: tek beyaz kutu yerine ana menü gibi SATIR SATIR — her öğe kendi beyaz çerçevesinde,
     sağ köşeler ana menü öğesiyle aynı ovallikte (22px), aralarında 3px boşluk (2026-09) */
  #myHeader.sec-hd .sm-blue ul{max-width:none !important;box-shadow:none !important;border-radius:0 !important;
    background:transparent !important;padding:4px 0 6px !important;margin:0 !important}
  #myHeader.sec-hd .sm-blue ul li{margin:0 0 3px}
  #myHeader.sec-hd .sm-blue ul li:last-child{margin-bottom:0}
  #myHeader.sec-hd .sm-blue ul a,
  #myHeader.sec-hd .sm-blue ul a:link,
  #myHeader.sec-hd .sm-blue ul a:visited{display:block;position:relative;font-size:14px !important;white-space:normal !important;
    background:rgba(255,255,255,.72) !important;border-radius:0 22px 22px 0 !important;
    padding:12px 16px 12px 38px !important;margin:0 0 0 4px;border:0 !important} /* sağ uç ana menüyle aynı hizada; solda tam başta 4px beyaz şerit (::after), hemen ardından satır */
  /* her alt öğenin başında standart ok (chevron) */
  #myHeader.sec-hd .sm-blue ul a::before{content:"";position:absolute;left:17px;top:50%;width:7px;height:7px;margin-top:-4px;
    border-right:2px solid var(--hd-deep);border-bottom:2px solid var(--hd-deep);transform:rotate(-45deg);opacity:.75}
  #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,
  #myHeader.sec-hd .sm-blue ul a.current{background:#fff !important;border-radius:0 22px 22px 0 !important}
  #myHeader.sec-hd .sm-blue ul a:hover::before,
  #myHeader.sec-hd .sm-blue ul a.current::before{opacity:1}
  /* her alt öğenin başında (tam solda, x=0) satır boyu 4px beyaz şerit; şeritle satır arasında boşluk yok */
  #myHeader.sec-hd .sm-blue ul a::after{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:#fff;border-radius:2px 0 0 2px}
  /* mobilde menü bandının SOLUNDA logo (masaüstü utility satırı gizli) */
  #myHeader.sec-hd .nav-brand{display:block !important;float:left;margin:0 !important}
  #myHeader.sec-hd .nav-brand a{display:block;padding:6px 0 6px 12px}
  #myHeader.sec-hd .nav-brand img{height:32px !important;width:auto;display:block}
}

/* --- 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}

/* ==================================================================
   /paket-satin-al (ÖDEME & Üyelik) -> egitimseti tasarım dili (A düzeni)
   Sadece CSS + küçük markup (breadcrumb/adım). Server kontrolleri korunur.
   ================================================================== */
/* çerçeve ölçüleri Uzaktan Eğitim (.eps-*) sayfalarıyla birebir aynı olmalı */
.psa-page .sub-page-header.bg-orange.psa-strip { height: 240px; background-color: #e67e15 !important; }
.psa-page .psa-strip .page-cover-img, .psa-page .psa-strip .page-cover-img img { display: none !important; }
@media (max-width: 991px) { .psa-page .sub-page-header.bg-orange.psa-strip { height: 170px; } }

.psa-wrap { max-width: 1200px; margin: -200px auto 0 !important; position: relative; z-index: 1; background: #fff;
    border-radius: 20px 20px 0 0; box-shadow: 0 2px 4px rgba(40,20,8,.05), 0 24px 60px -30px rgba(40,20,8,.3);
    padding: 30px 34px 46px !important; color: var(--ue-ink); }
@media (max-width: 991px) { .psa-wrap { margin-top: -140px !important; padding: 22px 18px 40px !important; } }
@media (max-width: 600px) { .psa-wrap { border-radius: 16px 16px 0 0; padding: 18px 14px 34px !important; } }

.psa-wrap .psa-bc { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.psa-wrap .psa-bc-back { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800;
    color: var(--uzk-d); background: var(--uzk-s); border: 1px solid rgba(230,126,21,.32); border-radius: 999px;
    padding: 6px 13px 6px 10px; text-decoration: none; }
.psa-wrap .psa-bc-back:hover { background: var(--uzk); color: #fff; border-color: var(--uzk); text-decoration: none; }
.psa-wrap .psa-bc-back svg { width: 12px; height: 12px; flex: none; }
.psa-wrap .psa-bc-path { font-size: 10.5px; color: var(--ue-faint); }
.psa-wrap .psa-bc-path a { color: var(--ue-muted); text-decoration: none; }
.psa-wrap .psa-bc-path a:hover { color: var(--uzk-d); }
.psa-wrap .psa-bc-sep { color: var(--ue-line2); margin: 0 3px; }
@media (max-width: 560px) { .psa-wrap .psa-bc-path { display: none; } }

.psa-wrap .psa-h1 { font-size: 20px; font-weight: 800; letter-spacing: -.01em; margin: 0 0 4px; color: var(--ue-ink); }
.psa-wrap .psa-sub { font-size: 11.5px; color: var(--ue-faint); margin: 0 0 20px; }

.psa-wrap .psa-steps { display: flex; align-items: flex-start; margin: 0 0 24px; font-size: 9.5px; font-weight: 700; color: var(--ue-faint); }
.psa-wrap .psa-steps .s { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative; text-align: center; }
.psa-wrap .psa-steps .s::before { content: ""; position: absolute; top: 12px; right: 50%; width: 100%; height: 2px; background: var(--ue-line); }
.psa-wrap .psa-steps .s:first-child::before { display: none; }
.psa-wrap .psa-steps .s .n { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #fff;
    border: 2px solid var(--ue-line2); color: var(--ue-faint); font-size: 11px; font-weight: 800; position: relative; z-index: 1; }
.psa-wrap .psa-steps .s.done { color: var(--ue-ink); }
.psa-wrap .psa-steps .s.done .n { background: var(--grn); border-color: var(--grn); color: #fff; }
.psa-wrap .psa-steps .s.done::before { background: var(--grn); }
.psa-wrap .psa-steps .s.now { color: var(--uzk-d); }
.psa-wrap .psa-steps .s.now .n { border-color: var(--uzk); background: var(--uzk-s); color: var(--uzk-d); }
.psa-wrap .psa-steps .s.now::before { background: var(--uzk); }

/* 2 sütun: üyelik geniş SOL, sipariş dar SAĞ (sticky). Kaynak sırası ters -> grid ile yerleştir.
   NOT: id'ler runat="server" ile öneklendiği için sınıf seçici kullanılır (.psa-col-*) */
.psa-wrap .row.padding { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px;
    align-items: start; padding: 0 !important; margin: 0 !important; }
.psa-wrap .psa-col-auth { grid-column: 1; grid-row: 1; }
.psa-wrap .psa-col-order { grid-column: 2; grid-row: 1; position: sticky; top: 20px; }
.psa-wrap .psa-col-auth, .psa-wrap .psa-col-order { max-width: 100% !important; padding: 0 !important; margin: 0 !important; flex: none !important; }
@media (max-width: 900px) {
    .psa-wrap .row.padding { grid-template-columns: 1fr; }
    .psa-wrap .psa-col-auth { grid-column: 1; grid-row: 2; }
    .psa-wrap .psa-col-order { grid-column: 1; grid-row: 1; position: static; }
}
/* geçerli durumdaki (görünmez) ASP.NET validator'ları boşluk kaplamasın; hata olunca style değişir, kural düşer */
.psa-wrap .card-body span[style*="visibility:hidden"] { display: none; }

/* Üye Girişi / Yeni Üye Kayıt -> sekmeler (JS ile) */
.psa-wrap .psa-auth .psa-tabs { display: flex; gap: 4px; background: var(--ue-surface); border: 1px solid var(--ue-line);
    border-radius: 12px; padding: 4px; margin: 0 0 16px; }
.psa-wrap .psa-auth .psa-tabs button { flex: 1; background: transparent; border: 0; padding: 9px 10px;
    font-family: 'Montserrat', sans-serif; font-size: 11.5px; font-weight: 800; color: var(--ue-muted); border-radius: 9px; cursor: pointer;
    transition: background .14s, color .14s; }
.psa-wrap .psa-auth .psa-tabs button.on { background: #fff; color: var(--uzk-d); box-shadow: 0 3px 10px -4px rgba(40,20,8,.25); }
.psa-wrap .psa-auth .psa-tab-pane { padding-top: 0 !important; padding-bottom: 0 !important; }
.psa-wrap .psa-auth .psa-tab-pane > h4:first-child { display: none; }

.psa-wrap .card { border: 1px solid var(--ue-line) !important; border-radius: 14px !important; box-shadow: none !important; background: #fff; overflow: hidden; }
.psa-wrap .card-header { background: var(--ue-surface) !important; border-bottom: 1px solid var(--ue-line) !important;
    padding: 13px 16px !important; display: block !important; }
.psa-wrap .card-header .font-weight-700 { font-size: 10.5px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase;
    color: var(--ue-ink); white-space: normal; line-height: 1.3; display: block; }
.psa-wrap .card-body { padding: 16px !important; }
.psa-wrap #siparistablocard, .psa-wrap #kargofaturatablocard { min-height: 0 !important; }
.psa-wrap .card-body h4 { font-size: 12px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--uzk-d); margin: 2px 0 8px; }
.psa-wrap .card-body hr { border: 0; border-top: 1px dashed var(--ue-line2); margin: 18px 0; }
.psa-wrap .card-body p.font-size-13, .psa-wrap .card-body p.font-size-14, .psa-wrap .card-body p.font-size-15 {
    font-size: 11.5px !important; line-height: 1.6; color: var(--ue-muted); }
.psa-wrap .card-body p .fa { color: var(--uzk-d); }

.psa-wrap .form-control, .psa-wrap .input-lg.form-control { border: 1px solid #b3b3ba !important; border-radius: 10px !important;
    background: #fdfdfd !important; font-family: 'Montserrat', sans-serif; font-size: 12.5px !important;
    color: var(--ue-ink) !important; padding: 11px 13px !important; height: auto !important; box-shadow: none !important;
    transition: background .14s, border-color .14s, box-shadow .14s !important; }
.psa-wrap .form-control::placeholder, .psa-wrap .input-lg.form-control::placeholder { color: #a7a7ac; font-weight: 500; }
.psa-wrap .form-control:hover, .psa-wrap .input-lg.form-control:hover { background: #f6f6f7 !important; }
.psa-wrap .form-control:focus, .psa-wrap .input-lg.form-control:focus { background: #fff !important;
    border-color: var(--uzk) !important; box-shadow: 0 0 0 3px var(--uzk-s) !important; }
.psa-wrap .form-group { margin-bottom: 12px !important; }
.psa-wrap textarea.form-control { min-height: 78px; }
.psa-wrap .form-group input[type="checkbox"] { accent-color: var(--uzk); margin: 2px 7px 0 0 !important; vertical-align: top; width: 15px; height: 15px; }
/* onay satırı metinleri (sözleşme / kampanya e-mail / SMS) küçük */
.psa-wrap .card-body .form-group.mt-2 { font-size: 10.5px !important; line-height: 1.5; color: var(--ue-muted); }
.psa-wrap .card-body .form-group.mt-2 a { font-size: 10.5px !important; }
.psa-wrap .card-body .text-red { color: var(--uzk-d) !important; }

.psa-wrap .btn-success.btn-lg { background: linear-gradient(180deg, #24a862, var(--grn-d)) !important; border: 0 !important;
    border-radius: 12px !important; color: #fff !important; font-weight: 800 !important; letter-spacing: .08em;
    text-transform: uppercase; padding: 15px 16px !important; font-size: 12px !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.18); box-shadow: 0 16px 30px -14px rgba(23,110,64,.65), inset 0 1px 0 rgba(255,255,255,.18) !important;
    transition: transform .12s ease, box-shadow .18s ease, filter .14s ease !important; }
.psa-wrap .btn-success.btn-lg:hover { color: #fff !important; transform: translateY(-1px); filter: brightness(1.04);
    box-shadow: 0 24px 42px -14px rgba(23,110,64,.65), inset 0 1px 0 rgba(255,255,255,.18) !important; }
.psa-wrap .btn-success.btn-lg:active { transform: translateY(0); box-shadow: 0 10px 20px -12px rgba(23,110,64,.6) !important; }
.psa-wrap .btn.btn-dark { background: var(--ue-ink) !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; font-weight: 800; letter-spacing: .03em; }
.psa-wrap .btn.btn-danger { background: var(--kmp) !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; font-weight: 800; }

/* --- Sipariş özeti -> fiş listesi (A). #C_sp içindeki <%=TabloHazirla%> tablosu --- */
.psa-wrap #C_sp > table { display: block !important; width: 100% !important; border: 0 !important; border-collapse: collapse; }
.psa-wrap #C_sp > table > thead { display: none !important; }
.psa-wrap #C_sp > table > tbody { display: block !important; }
.psa-wrap #C_sp > table > tbody > tr,
.psa-wrap #C_sp > table > tr { display: flex !important; justify-content: space-between; gap: 10px; align-items: flex-start;
    padding: 6px 0 !important; border: 0 !important; border-top: 1px solid var(--ue-line) !important; }
.psa-wrap #C_sp > table > tbody > tr:first-child { border-top: 0 !important; }
.psa-wrap #C_sp > table > tbody > tr > td { display: block !important; border: 0 !important; padding: 0 !important; background: transparent !important; }
.psa-wrap #C_sp > table > tbody > tr > td:first-child { flex: 1; font-size: 9.5px !important; color: var(--ue-ink); line-height: 1.35; text-align: left !important; }
.psa-wrap #C_sp > table > tbody > tr > td:last-child { flex: none; text-align: right !important; }
.psa-wrap #C_sp label { margin: 0 !important; font-weight: inherit; display: inline; }
.psa-wrap #C_sp > table > tbody > tr > td:last-child span { font-size: 9.5px !important; font-weight: 800 !important;
    color: var(--ue-ink) !important; white-space: nowrap; }
/* AJAX modülünün (KampanyaUrunDizin.ascx) sınıfları -> hepsi küçük tek ölçek (~yarısı) */
.psa-wrap #C_sp .font-size-11, .psa-wrap #C_sp .font-size-12, .psa-wrap #C_sp .font-size-13,
.psa-wrap #C_sp .font-size-14, .psa-wrap #C_sp .font-size-15, .psa-wrap #C_sp .font-size-16,
.psa-wrap #C_sp .font-size-17, .psa-wrap #C_sp .font-size-18, .psa-wrap #C_sp .font-size-19 {
    font-size: 9.5px !important; color: var(--ue-ink) !important; font-weight: 500 !important; }
.psa-wrap #C_sp .text-pink { color: var(--ue-ink) !important; font-weight: 800 !important; }
.psa-wrap #C_sp span.psa-free { color: var(--grn-d) !important; }
/* ürün açıklaması (iç içe tablo) */
.psa-wrap #C_sp td table { display: block; margin: 3px 0 0; }
.psa-wrap #C_sp td table tr, .psa-wrap #C_sp td table td { display: block !important; padding: 0 !important; border: 0 !important; }
.psa-wrap #C_sp td table span { font-size: 8.5px !important; color: var(--ue-faint) !important; font-weight: 400 !important; line-height: 1.45; }
/* GENEL TOPLAM satırı -> yeşil bant */
.psa-wrap #C_sp > table > tbody > tr:last-child { margin-top: 10px; padding: 10px 12px !important; align-items: center;
    background: var(--grn-s); border: 1px solid var(--grn) !important; border-radius: 12px; }
.psa-wrap #C_sp > table > tbody > tr:last-child td.font-size-17,
.psa-wrap #C_sp > table > tbody > tr:last-child td .font-size-17,
.psa-wrap #C_sp .h4font { font-size: 9px !important; font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: .04em; color: var(--grn-d) !important; line-height: 1.2 !important; white-space: nowrap; }
.psa-wrap #C_sp > table > tbody > tr:last-child span.font-size-17,
.psa-wrap #C_sp > table > tbody > tr:last-child .text-purple,
.psa-wrap #C_sp .h4font span,
.psa-wrap #C_sp > table > tbody > tr:last-child td:last-child span {
    font-size: 11px !important; color: var(--grn-d) !important; font-weight: 800 !important; }

/* "üye girişi gerekli" bilgi kutusu -> kaldırıldı */
.psa-wrap #UyariBolum1 { display: none !important; }
.psa-wrap #siparistablocard > hr { display: none !important; }

/* promosyon kodu -> birleşik input + buton */
.psa-wrap #Promosyon .table.table-borderless { margin: 14px 0 0 !important; }
.psa-wrap #Promosyon .table.table-borderless td { padding: 0 !important; text-align: left !important; }
.psa-wrap #Promosyon > .table.table-borderless > tbody > tr:first-child > td { display: flex !important; flex-wrap: wrap; align-items: stretch; }
.psa-wrap #Promosyon .kolon { display: block; }
.psa-wrap #Promosyon > .table.table-borderless > tbody > tr:first-child .kolon:nth-child(1) { flex: 1; min-width: 130px; }
.psa-wrap #Promosyon > .table.table-borderless > tbody > tr:first-child .kolon:nth-child(2) { flex: none; }
.psa-wrap #Promosyon > .table.table-borderless > tbody > tr:first-child .kolon:nth-child(3) { flex-basis: 100%; margin-top: 6px; }
.psa-wrap #Promosyon #Kods { width: 100%; border: 1px solid #b3b3ba !important; border-right: 0 !important;
    border-radius: 10px 0 0 10px !important; background: #fdfdfd !important; padding: 10px 12px !important; font-size: 11px !important; }
.psa-wrap #Promosyon .btn.btn-dark.rounded-0 { border-radius: 0 10px 10px 0 !important; padding: 11px 14px !important;
    font-size: 10px !important; font-weight: 800; white-space: nowrap; margin: 0 !important; }
.psa-wrap #C_spt_Snc, .psa-wrap #Promosyon .font-size-13 { font-size: 9.5px !important; color: var(--ue-faint) !important; }

/* ==================================================================
   /paket-odeme-PayTR -> aynı psa dili. .row.padding içinde iç .row var
   ================================================================== */
.psa-wrap .row.padding:has(> .row) { display: block !important; padding: 0 !important; margin: 0 !important; }
.psa-wrap .row.padding > .row { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px;
    align-items: start; margin: 0 !important; padding: 0 !important; }
.psa-wrap .row.padding > .row { grid-auto-flow: dense; }
.psa-wrap .psa-col-pay { grid-column: 1; grid-row: 1; }
.psa-wrap .psa-col-info { grid-column: 2; grid-row: 1; position: sticky; top: 20px; }
.psa-wrap .psa-col-pay, .psa-wrap .psa-col-info { max-width: 100% !important; flex: none !important; padding: 0 !important; margin: 0 !important; }
@media (max-width: 900px) {
    .psa-wrap .row.padding > .row { grid-template-columns: 1fr; }
    .psa-wrap .psa-col-pay { grid-column: 1; grid-row: 1; }
    .psa-wrap .psa-col-info { grid-column: 1; grid-row: 2; position: static; }
}

/* kart gövdeleri: inline height:650px iptal */
.psa-wrap .psa-col-pay > .card > .card-body, .psa-wrap .psa-col-info > .card > .card-body { min-height: 0 !important; height: auto !important; }
.psa-wrap #kartbilgileri > .card > .card-body, .psa-wrap #havaleeft > .card > .card-body { padding: 12px !important; }
.psa-wrap #paytriframe { min-height: 520px; width: 100% !important; border: 0 !important; }

/* FATURA/KARGO tablosu -> anahtar-değer liste */
.psa-wrap .psa-col-info .card-body > table.table.table-bordered { display: block; border: 0 !important; margin: 0; }
.psa-wrap .psa-col-info .card-body > table.table.table-bordered tr { display: block; border: 0 !important; border-top: 1px solid var(--ue-line) !important; }
.psa-wrap .psa-col-info .card-body > table.table.table-bordered tr:first-child { border-top: 0 !important; }
.psa-wrap .psa-col-info .card-body > table.table.table-bordered td { display: block; border: 0 !important; padding: 9px 0 !important; font-size: 12px; color: var(--ue-ink); line-height: 1.45; }
.psa-wrap .koyumavi { display: block; font-size: 9px !important; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--ue-faint) !important; margin-bottom: 2px; }

/* BİLGİLERİ GÜNCELLE -> ink ikincil buton (inline color:#fff !important olduğu için koyu zemin) */
.psa-wrap .btn.btn-purple { background: var(--ue-ink) !important; border: 0 !important; border-radius: 10px !important;
    font-weight: 800 !important; font-size: 11px !important; letter-spacing: .03em; padding: 11px !important; box-shadow: none !important; }
.psa-wrap .btn.btn-purple:hover { filter: brightness(1.15); }

/* uyarı kutuları */
.psa-wrap .alert { border-radius: 12px !important; font-size: 11px !important; line-height: 1.6; padding: 12px 14px !important;
    border: 1px solid transparent !important; margin: 12px 0 !important; }
.psa-wrap .alert h4 { font-size: 11px !important; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; margin: 0 0 4px; }
.psa-wrap .alert .fa { margin-right: 5px; }
.psa-wrap .alert-info { background: var(--uzk-s) !important; color: var(--uzk-d) !important; border-color: rgba(230,126,21,.32) !important; }
.psa-wrap .alert-danger { background: var(--kmp-s) !important; color: var(--kmp-d) !important; border-color: rgba(217,45,32,.3) !important; }
.psa-wrap .alert-warning { background: var(--uzk-s) !important; color: var(--uzk-d) !important; border-color: rgba(230,126,21,.32) !important; }

/* kart başlığı: ikon rozeti + başlık, tek satır flex -> Bootstrap kolon markup'ı kullanılmaz */
.psa-wrap .card-header.psa-ch { display: flex !important; align-items: center; gap: 10px; }
.psa-wrap .card-header.psa-ch .font-weight-700 { display: block; margin: 0; }
.psa-wrap .psa-ch-ic { flex: none; width: 32px; height: 32px; border-radius: 10px;
    background-color: var(--uzk-s); border: 1px solid rgba(230,126,21,.32);
    background-repeat: no-repeat; background-position: center; background-size: 16px; }
.psa-wrap .psa-ch-ic--fatura {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%239a5406%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8Z%27/%3E%3Cpath%20d=%27M14%202v6h6M9%2013h6M9%2017h4%27/%3E%3C/svg%3E"); }
.psa-wrap .psa-ch-ic--kart {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%239a5406%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Crect%20x=%272%27%20y=%275%27%20width=%2720%27%20height=%2714%27%20rx=%272%27/%3E%3Cpath%20d=%27M2%2010h20%27/%3E%3C/svg%3E"); }
.psa-wrap .psa-ch-ic--havale {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%239a5406%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M3%2021h18M4%2010h16M5%2021V10m4%2011V10m6%2011V10m4%2011V10M12%203%203%208v2h18V8l-9-5Z%27/%3E%3C/svg%3E"); }
.psa-wrap .psa-ch-ic--islem {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%239a5406%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%279%27/%3E%3Cpath%20d=%27M12%208h.01M11%2012h1v4h1%27/%3E%3C/svg%3E"); }

/* HAVALE/EFT + FATURA gövde metni -> okunaklı */
.psa-wrap .psa-col-pay .card-body p, .psa-wrap .psa-col-info .card-body p {
    font-size: 11.5px !important; line-height: 1.7; color: var(--ue-muted); margin: 0 0 10px; }
.psa-wrap .psa-col-pay .card-body p b { color: var(--ue-ink); font-weight: 800; }
.psa-wrap .psa-col-pay .card-body .fa, .psa-wrap .psa-col-info .card-body .fa {
    font-size: 12px !important; color: var(--uzk-d) !important; margin-right: 6px; }
.psa-wrap .psa-col-pay .card-body .fa.h4font { font-size: 12px !important; }
/* "SİPARİŞ NUMARASI" içeren notlar -> soft turuncu kutu */
.psa-wrap .psa-col-pay .card-body p:has(.fa-exclamation-circle) { background: var(--uzk-s);
    border: 1px solid rgba(230,126,21,.28); border-radius: 10px; padding: 10px 13px; color: var(--uzk-d) !important; font-size: 11px !important; }
.psa-wrap .psa-col-pay .card-body p:has(.fa-exclamation-circle) b { color: var(--uzk-d) !important; }


/* =====================================================================
   YASAL BELGE SAYFALARI — Mesafeli Satış Sözleşmesi, KVKK/Gizlilik, Uygulama Gizlilik
   Kullanım: <div class="content mt-2 sub-page yasal-sayfa"> <div class="yasal"> ... </div></div>
   ===================================================================== */
.yasal-sayfa .sub-page-header.ys-strip{height:10px;background:linear-gradient(90deg,#971a4b 0,#c0386f 55%,#359d99 100%)}
.yasal{--ys-ink:#241a1e;--ys-muted:#6b5a60;--ys-faint:#9a8a90;--ys-accent:#971a4b;--ys-accent-tint:#fbeff4;
  --ys-teal:#359d99;--ys-teal-tint:#e9f5f4;--ys-line:#e9e1e3;--ys-surface:#fff;--ys-surface-2:#f8f4f5;
  --ys-shadow:0 1px 2px rgba(60,20,35,.05),0 12px 28px -18px rgba(60,20,35,.22);
  max-width:900px;margin:0 auto;padding:34px 16px 72px;font-family:'Montserrat',sans-serif;color:var(--ys-ink);line-height:1.75;font-size:15px}
.yasal *{box-sizing:border-box}
.yasal a{color:var(--ys-accent);text-decoration:none;border-bottom:1px solid rgba(151,26,75,.25)}
.yasal a:hover{border-bottom-color:var(--ys-accent)}

/* Başlık alanı */
.ys-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ys-accent);background:var(--ys-accent-tint);padding:6px 12px;border-radius:999px}
.yasal h1{font-size:clamp(24px,3.6vw,34px);font-weight:800;line-height:1.2;letter-spacing:-.01em;margin:16px 0 10px;color:var(--ys-ink)}
.ys-lead{font-size:16px;color:var(--ys-muted);max-width:64ch;margin:0 0 18px}
.ys-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12.5px;color:var(--ys-muted);padding:14px 0;border-top:1px solid var(--ys-line);border-bottom:1px solid var(--ys-line);margin-bottom:26px}
.ys-meta b{color:var(--ys-ink);font-weight:700}

/* "Bir bakışta" özet kutuları */
.ys-ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 30px}
.ys-ozet-k{background:var(--ys-surface);border:1px solid var(--ys-line);border-left:4px solid var(--ys-accent);border-radius:10px;padding:14px 16px;box-shadow:var(--ys-shadow)}
.ys-ozet-k.teal{border-left-color:var(--ys-teal)}
.ys-ozet-v{display:block;font-size:22px;font-weight:800;line-height:1.1;color:var(--ys-ink);letter-spacing:-.01em}
.ys-ozet-l{display:block;font-size:12px;color:var(--ys-muted);margin-top:6px;line-height:1.4}
@media (max-width:820px){.ys-ozet{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.ys-ozet{grid-template-columns:1fr}}

/* İçindekiler */
.ys-icindekiler{background:var(--ys-surface-2);border-radius:12px;padding:18px 22px;margin:0 0 34px}
.ys-icindekiler h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ys-muted);margin:0 0 10px}
.ys-icindekiler ol{margin:0;padding:0;list-style:none;columns:2;column-gap:28px}
.ys-icindekiler li{break-inside:avoid;padding:5px 0;font-size:14px}
.ys-icindekiler a{border:0;color:var(--ys-ink);font-weight:500}
.ys-icindekiler a:hover{color:var(--ys-accent)}
.ys-icindekiler .n{display:inline-block;min-width:26px;color:var(--ys-accent);font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:600px){.ys-icindekiler ol{columns:1}}

/* Maddeler */
.ys-madde{padding:26px 0;border-top:1px solid var(--ys-line);scroll-margin-top:120px}
.ys-madde:first-of-type{border-top:0}
.ys-madde h2{display:flex;align-items:baseline;gap:12px;font-size:18px;font-weight:800;line-height:1.3;margin:0 0 12px;color:var(--ys-ink)}
.ys-madde h2 .ys-no{flex:none;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--ys-accent);background:var(--ys-accent-tint);padding:4px 9px;border-radius:6px;text-transform:uppercase;transform:translateY(-2px)}
.ys-madde h3{font-size:14.5px;font-weight:700;margin:18px 0 6px;color:var(--ys-ink)}
.ys-madde p{margin:0 0 12px;max-width:72ch}
.ys-madde p:last-child{margin-bottom:0}
.ys-madde ul{margin:0 0 12px;padding-left:22px;max-width:72ch}
.ys-madde ul li{margin-bottom:6px}
/* 4.1, 4.2 … biçiminde numaralı alt fıkralar */
.ys-alt{list-style:none;margin:0;padding:0;counter-reset:fikra;max-width:74ch}
.ys-alt>li{counter-increment:fikra;position:relative;padding:10px 0 10px 54px;border-bottom:1px dashed var(--ys-line)}
.ys-alt>li:last-child{border-bottom:0}
.ys-alt>li::before{content:attr(data-m) "." counter(fikra);position:absolute;left:0;top:11px;font-size:12px;font-weight:800;color:var(--ys-accent);font-variant-numeric:tabular-nums;background:var(--ys-surface-2);padding:2px 7px;border-radius:5px}

/* Vurgu / not kutusu */
.ys-not{display:flex;gap:12px;background:var(--ys-teal-tint);border:1px solid rgba(53,157,153,.28);border-radius:10px;padding:14px 16px;margin:14px 0;font-size:14px;color:#1f4d4a}
.ys-not.pembe{background:var(--ys-accent-tint);border-color:rgba(151,26,75,.22);color:#5a1230}
.ys-not b{font-weight:700}
.ys-not .i{flex:none;width:22px;height:22px;border-radius:50%;background:currentColor;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;line-height:1}
.ys-not.pembe .i{background:var(--ys-accent)}
.ys-not:not(.pembe) .i{background:var(--ys-teal)}

/* Satıcı / veri sorumlusu kartı */
.ys-kart{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;background:var(--ys-surface);border:1px solid var(--ys-line);border-radius:10px;padding:16px 18px;margin:10px 0 4px;font-size:14px;max-width:640px}
.ys-kart dt{font-weight:700;color:var(--ys-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}
.ys-kart dd{margin:0}
@media (max-width:520px){.ys-kart{grid-template-columns:1fr;gap:2px}.ys-kart dd{margin-bottom:8px}}

/* Uygulama mağaza rozetleri */
.ys-rozetler{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 4px}
.ys-rozetler a{border:0;display:inline-flex}
.ys-rozetler img{height:44px;width:auto;display:block}

/* İmza / kapanış */
.ys-imza{margin-top:30px;padding:20px 22px;background:var(--ys-surface-2);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ys-imza .ad{font-weight:800;font-size:16px}
.ys-imza .alt{font-size:12.5px;color:var(--ys-muted)}
.ys-yazdir{font-family:inherit;font-size:13px;font-weight:700;color:var(--ys-accent);background:#fff;border:1px solid rgba(151,26,75,.35);border-radius:8px;padding:9px 14px;cursor:pointer}
.ys-yazdir:hover{background:var(--ys-accent);color:#fff}

@media print{
  header,footer,.yasal-sayfa .sub-page-header,.ys-yazdir,.ys-icindekiler,#loader-overlay{display:none !important}
  .yasal{max-width:none;padding:0;font-size:12px;color:#000}
  .ys-ozet-k,.ys-kart,.ys-not{box-shadow:none;border-color:#bbb}
  .ys-madde{break-inside:avoid;padding:14px 0}
  .yasal a{color:#000;border:0}
}

/* =====================================================================
   İLETİŞİM FAB — sağ altta sabit, kaydırınca takip eden speed-dial
   (Moduller/SiziArayalim.ascx). Eski .quick-btns yan sekmelerinin yerine.
   ===================================================================== */
.md-fab{
  --fab:#941949; --fab-deep:#6b0f36;
  --fab-wa:#25D366; --fab-contact:#12716c; --fab-call:#ff912d;
  position:fixed; right:18px; bottom:18px; z-index:1030;
  display:flex; flex-direction:column; align-items:flex-end; gap:10px;
  font-family:'Montserrat',sans-serif;
  padding-bottom:env(safe-area-inset-bottom,0);
  pointer-events:none;
}
/* .md-fab kapalıyken .md-fab-menu'nün (dolayısıyla üç öğesinin) kapladığı boş alan
   pointer-events:none olsa da, dış kapsayıcı .md-fab'ın kendisi auto kalınca tıklamayı
   orada yutuyordu -> altındaki "HEMEN SATIN AL" gibi öğelere hiç ulaşmıyordu. Kapsayıcıyı
   none yapıp sadece görünür/etkileşimli parçaları auto'ya geri açıyoruz (2026-09) */
/* ---- ana buton (pill → kaydırınca daire) ---- */
.md-fab-main{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  height:56px; padding:0 22px 0 24px; border:0; border-radius:999px;
  background:linear-gradient(135deg,var(--fab-deep),var(--fab));
  color:#fff; cursor:pointer; overflow:visible;
  box-shadow:0 10px 24px rgba(148,25,73,.35),0 2px 6px rgba(0,0,0,.15);
  transition:padding .3s ease,box-shadow .25s ease,transform .25s ease;
  -webkit-tap-highlight-color:transparent;
  pointer-events:auto;
}
.md-fab-main:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(148,25,73,.4),0 3px 8px rgba(0,0,0,.18)}
.md-fab-main:focus-visible{outline:3px solid rgba(148,25,73,.35);outline-offset:3px}
/* Bölüm renkleri: "Bize Ulaşın" butonu bulunduğu bölümün header rengine uyar (2026-09).
   body class'ı master page'lerde: sec-uzk-page (Uzaktan Eğitim, turuncu), sec-yay-page (Yayınlar, koyu yeşil),
   sec-drs-page (Yüz Yüze, bordo-koyu). Anasayfa/varsayılan bordo kalır. */
body.sec-uzk-page .md-fab{--fab:#e67e15;--fab-deep:#9a5406;--fab-rgb:230,126,21}
body.sec-yay-page .md-fab{--fab:#12716c;--fab-deep:#0b5651;--fab-rgb:18,113,108}
body.sec-drs-page .md-fab{--fab:#7a1c40;--fab-deep:#3c0a22;--fab-rgb:94,19,48}
body.sec-page .md-fab-main{box-shadow:0 10px 24px rgba(var(--fab-rgb),.35),0 2px 6px rgba(0,0,0,.15)}
body.sec-page .md-fab-main:hover{box-shadow:0 14px 30px rgba(var(--fab-rgb),.4),0 3px 8px rgba(0,0,0,.18)}
body.sec-page .md-fab-main:focus-visible{outline-color:rgba(var(--fab-rgb),.35)}
body.sec-page .md-fab-ring{box-shadow:0 0 0 0 rgba(var(--fab-rgb),.45);animation-name:mdFabPulseSec}
@keyframes mdFabPulseSec{0%{box-shadow:0 0 0 0 rgba(var(--fab-rgb),.45)}70%{box-shadow:0 0 0 16px rgba(var(--fab-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--fab-rgb),0)}}
.md-fab-main-label{
  font-size:14px; font-weight:700; letter-spacing:.2px; white-space:nowrap;
  max-width:160px; overflow:hidden; opacity:1;
  transition:max-width .3s ease,opacity .2s ease,margin .3s ease;
}
.md-fab-main-ico{width:24px;height:24px;flex:0 0 24px;display:inline-flex;transition:transform .3s ease,opacity .2s ease}
.md-fab-main-ico svg{width:100%;height:100%}
.md-fab-ico-close{position:absolute;left:0;right:0;margin:auto;opacity:0;transform:rotate(-90deg)}
/* nabız halkası: dikkat çeker, açıkken durur */
.md-fab-ring{position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 0 rgba(148,25,73,.45);animation:mdFabPulse 2.4s ease-out infinite}
@keyframes mdFabPulse{0%{box-shadow:0 0 0 0 rgba(148,25,73,.45)}70%{box-shadow:0 0 0 16px rgba(148,25,73,0)}100%{box-shadow:0 0 0 0 rgba(148,25,73,0)}}
/* kompakt (kaydırınca) hali: daire, hover'da tekrar açılır */
.md-fab.is-compact .md-fab-main{padding:0 16px}
.md-fab.is-compact .md-fab-main-label{max-width:0;opacity:0;margin-right:-10px}
.md-fab.is-compact .md-fab-main:hover{padding:0 22px 0 24px}
.md-fab.is-compact .md-fab-main:hover .md-fab-main-label{max-width:160px;opacity:1;margin-right:0}
/* açık hali: X ikonu, halka durur */
.md-fab.is-open .md-fab-main{padding:0 16px;background:#2a2a2a;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.md-fab.is-open .md-fab-main-label{max-width:0;opacity:0;margin-right:-10px}
.md-fab.is-open .md-fab-ico-open{opacity:0;transform:rotate(90deg)}
.md-fab.is-open .md-fab-ico-close{opacity:1;transform:rotate(0)}
.md-fab.is-open .md-fab-ring{animation:none}
/* ---- açılan menü ---- */
.md-fab-menu{display:flex;flex-direction:column;align-items:flex-end;gap:10px;
  pointer-events:none}
.md-fab-item{
  display:inline-flex; align-items:center; gap:10px; height:44px; padding:0 4px 0 16px;
  border:0; border-radius:999px; background:#fff; color:#211018; cursor:pointer;
  font-family:inherit; font-size:13px; font-weight:600; text-decoration:none; white-space:nowrap;
  box-shadow:0 6px 18px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.1);
  opacity:0; transform:translateY(14px) scale(.9); transform-origin:right center;
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.9,.3,1.3),background .2s ease,color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.md-fab-item:hover,.md-fab-item:focus-visible{text-decoration:none;color:#fff;outline:none}
.md-fab-wa:hover,.md-fab-wa:focus-visible{background:var(--fab-wa)}
.md-fab-contact:hover,.md-fab-contact:focus-visible{background:var(--fab-contact)}
.md-fab-call:hover,.md-fab-call:focus-visible{background:var(--fab-call)}
.md-fab-ico{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease}
.md-fab-ico svg{width:20px;height:20px}
.md-fab-wa .md-fab-ico{background:var(--fab-wa)}
.md-fab-contact .md-fab-ico{background:var(--fab-contact)}
.md-fab-call .md-fab-ico{background:var(--fab-call)}
.md-fab-item:hover .md-fab-ico,.md-fab-item:focus-visible .md-fab-ico{background:rgba(255,255,255,.22)}
.md-fab.is-open .md-fab-menu{pointer-events:auto}
.md-fab.is-open .md-fab-item{opacity:1;transform:translateY(0) scale(1)}
.md-fab.is-open .md-fab-item:nth-child(3){transition-delay:0s}
.md-fab.is-open .md-fab-item:nth-child(2){transition-delay:.05s}
.md-fab.is-open .md-fab-item:nth-child(1){transition-delay:.1s}
/* ---- mobil ---- */
@media (max-width:767px){
  .md-fab{right:14px;bottom:14px}
  .md-fab-main{height:54px}
  .md-fab-main-label{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .md-fab-ring{animation:none}
  .md-fab-main,.md-fab-main-label,.md-fab-item{transition:none}
}

/* Anasayfa mobil + tablet (≤998px, mobile.css'in seperator eşiği): yayın slider'ı ile "Gurur duyuyoruz"
   bölümü arasındaki boşluğu daralt (dots 20 + py-4 24 + seperator 35/35 + md-basari-wrap 56 üst üste biniyordu);
   bölüm ince ayraç çizgisinin hemen altından başlar */
@media(max-width:998px){
  .students-container.py-4{padding-bottom:0 !important}
  .students-container .mobile-seperator{margin:8px 0 0 !important}
  body .md-basari-wrap{padding-top:20px}
  body .md-basari-wrap .md-head-row{margin-bottom:24px}
}

/* ---- Mobil menü başlık ikonları (sadece ≤997px; masaüstü üst menüde yok) ----
   Markup'a dokunmadan href'e göre ::before + mask-image; ana menü ve yayınlar menüsü aynı kuralı paylaşır.
   Yalnızca aşağıda listelenen href'ler ikon alır. İkon değiştirmek için ilgili satırdaki SVG'yi değiştir. */
@media(max-width:997px){
  #myHeader.sec-hd .sm-blue > li > a[href="/"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/modadilin-hikayesi"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/yuz-yuze-egitimlerimiz"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/uzaktan-egitim"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/yayinlarimiz"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/subelerimiz"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="#"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/blog"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/franchising"]:not(.visible-phone)::before,
  #myHeader.sec-hd .sm-blue > li > a[href="/iletisim"]:not(.visible-phone)::before{
    content:"";display:inline-block;vertical-align:-4px;flex:none;width:18px;height:18px;margin-right:11px;background:rgba(255,255,255,.75);
    -webkit-mask:var(--mi) center/contain no-repeat;mask:var(--mi) center/contain no-repeat}
  #myHeader.sec-hd .sm-blue > li > a:hover::before,
  #myHeader.sec-hd .sm-blue > li > a.highlighted::before,
  #myHeader.sec-hd .sm-blue > li > a.current::before{background:#fff}
  #myHeader.sec-hd .sm-blue > li > a[href="/"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209.5%2012%203l9%206.5V20a1%201%200%200%201-1%201h-5v-6H9v6H4a1%201%200%200%201-1-1z%22/%3E%3C/svg%3E")} /* Ana Sayfa */
  #myHeader.sec-hd .sm-blue > li > a[href="/modadilin-hikayesi"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M12%2016v-4M12%208h.01%22/%3E%3C/svg%3E")} /* Hakkımızda */
  #myHeader.sec-hd .sm-blue > li > a[href="/yuz-yuze-egitimlerimiz"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%229%22%20cy=%227%22%20r=%224%22/%3E%3Cpath%20d=%22M23%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E")} /* Yüz Yüze Eğitim */
  #myHeader.sec-hd .sm-blue > li > a[href="/uzaktan-egitim"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%223%22%20width=%2220%22%20height=%2214%22%20rx=%222%22/%3E%3Cpath%20d=%22M8%2021h8M12%2017v4%22/%3E%3C/svg%3E")} /* Uzaktan Eğitim */
  #myHeader.sec-hd .sm-blue > li > a[href="/yayinlarimiz"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2zM22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z%22/%3E%3C/svg%3E")} /* Yayınlar */
  #myHeader.sec-hd .sm-blue > li > a[href="/subelerimiz"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22/%3E%3C/svg%3E")} /* Şubeler */
  #myHeader.sec-hd .sm-blue > li > a[href="#"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%205H7a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-2%22/%3E%3Crect%20x=%229%22%20y=%223%22%20width=%226%22%20height=%224%22%20rx=%221%22/%3E%3Cpath%20d=%22m9%2014%202%202%204-4%22/%3E%3C/svg%3E")} /* STS */
  #myHeader.sec-hd .sm-blue > li > a[href="/blog"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2020h9M16.5%203.5a2.1%202.1%200%200%201%203%203L7%2019l-4%201%201-4z%22/%3E%3C/svg%3E")} /* Blog */
  #myHeader.sec-hd .sm-blue > li > a[href="/franchising"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%227%22%20width=%2220%22%20height=%2214%22%20rx=%222%22/%3E%3Cpath%20d=%22M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%22/%3E%3C/svg%3E")} /* Franchising */
  #myHeader.sec-hd .sm-blue > li > a[href="/iletisim"]:not(.visible-phone){--mi:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%224%22%20width=%2220%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22m22%206-10%207L2%206%22/%3E%3C/svg%3E")} /* İletişim */
}

/* Anasayfa üçlü kutu (Yüz Yüze / Uzaktan / Yayınlar) — TABLET (501-998px).
   mobile.css sabit 200px yükseklik veriyordu; 450x500'lük arka plan cover ile üstten-alttan kırpılıyor,
   logo + yazı + plaka 200px'e sığmayıp alttan kesik görünüyordu. Yükseklik artık genişlikle orantılı
   (arka plan görselinin 9:10 oranı); arkadaki pembe desen (.bg-pattern) de kutu yüksekliğine eşitlendi.
   mobile.css sonra yüklendiği için .pattern-block / .content ile özgüllük artırıldı. */
@media (min-width:501px) and (max-width:998px){
  .pattern-block .w-block{height:auto;aspect-ratio:450/500}
  .pattern-block .w-block-bg{height:100%;top:0;left:0}
  .pattern-block .w-block img{width:40%;margin-top:8% !important}
  .pattern-block .w-block-texts{margin-top:26%;font-size:11px}
  .pattern-block .w-block-moda{max-width:96px;line-height:33px;margin-top:10px !important} /* 258x88 plaka, 96px genişlikte 33px */
}
/* desen yüksekliği = kutu yüksekliği (container genişliği / 3 * 10/9) */
@media (min-width:501px) and (max-width:575px){ .content > .bg-pattern{height:calc((100vw - 30px) / 3 * 10 / 9)} }
@media (min-width:576px) and (max-width:767px){ .content > .bg-pattern{height:200px} }
@media (min-width:768px) and (max-width:991px){ .content > .bg-pattern{height:267px} }
@media (min-width:992px) and (max-width:998px){ .content > .bg-pattern{height:356px} }