/* Foundation navigation and programme-card refinements */
.header-main{gap:16px}.menu-button--left{display:flex;align-items:center;gap:8px;margin-right:3px}.menu-button--left b{font-size:12px;font-weight:800;color:var(--ink)}.menu-button--left span{display:block}.side-drawer{display:block;visibility:hidden;position:fixed;z-index:40;inset:0;background:#10294c77;opacity:0;transition:.24s}.side-drawer.is-open{visibility:visible;opacity:1}.side-drawer .mobile-drawer__panel{width:min(93vw,390px);height:100%;padding:25px 28px;background:#fff;box-shadow:20px 0 46px #10294c38;overflow-y:auto;transform:translateX(-100%);transition:transform .28s ease}.side-drawer.is-open .mobile-drawer__panel{transform:none}.mobile-drawer__top{display:flex;align-items:center;justify-content:space-between}.drawer-close{border:0;background:none;color:var(--ink);font-size:34px;line-height:1;cursor:pointer}.side-menu__intro{margin:23px 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.side-menu__programs{border-top:1px solid var(--line)}.side-menu__programs>p{margin:17px 0 7px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.2px}.side-menu__programs a{position:relative;display:block;padding:11px 31px 11px 0;border-bottom:1px solid #e9eef4}.side-menu__programs b{display:block;font:800 15px var(--font-display)}.side-menu__programs b small{display:inline-block;width:25px;color:var(--orange);font:800 10px var(--font-body)}.side-menu__programs span{display:block;margin:3px 0 0 25px;color:var(--muted);font-size:11px}.side-menu__programs i{position:absolute;right:4px;top:20px;color:var(--orange);font-style:normal;font-weight:800}.side-menu__links{display:grid;gap:0;margin:21px 0}.side-menu__links a{padding:10px 0;color:var(--ink);font-size:13px;font-weight:700}.side-menu__phone{margin:21px 0 0;color:var(--muted);font-size:12px}.side-menu__phone a{display:block;margin-top:3px;color:var(--ink);font:800 16px var(--font-display)}.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.program-card:nth-child(5) .program-card__art{background:linear-gradient(125deg,#f1d7bd,#d89562)}.program-card__art .program-card__number{left:22px;bottom:19px;font-size:58px;letter-spacing:-4px;line-height:.8}.program-card__category{position:absolute;z-index:3;top:20px;left:21px;color:#fff;font-size:9px;font-weight:800;letter-spacing:1.05px}.program-card__spark{position:absolute;z-index:3;right:24px;bottom:19px;color:#fff;font-size:21px}.program-card:nth-child(2) .program-card__spark{right:auto;left:49%;top:50px}.program-card:nth-child(3) .program-card__spark{right:40px;top:35px}.program-card__art i:nth-of-type(1){right:-33px;top:-56px}.program-card__art i:nth-of-type(2){right:19px;top:75px}.program-card__art i:nth-of-type(3){left:58%;top:27px}.program-card__content{padding:20px}.program-card p{min-height:57px}.program-card:nth-child(4){grid-column:1/2}.program-card:nth-child(5){grid-column:2/3}@media(max-width:900px){.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-card:nth-child(4),.program-card:nth-child(5){grid-column:auto}.header-actions>.button,.student-link{display:none}}@media(max-width:640px){.side-drawer .mobile-drawer__panel{width:min(92vw,370px);padding:23px}.program-grid{grid-template-columns:1fr}.program-card{display:grid;grid-template-columns:125px 1fr}.program-card__art .program-card__number{font-size:46px;left:16px}.program-card__category{left:16px;top:17px;font-size:8px}.program-card__spark{right:12px;bottom:16px}.program-card p{min-height:0}.menu-button--left b{display:none}}

/* =========================================================
   HEADER — WIDE / EDGE ALIGNED
   ========================================================= */

.site-header .header-main {
    width: 100%;
    max-width: none;
    padding-left: 28px;
    padding-right: 28px;
}

.site-header .announcement__inner {
    width: 100%;
    max-width: none;
    padding-left: 28px;
    padding-right: 28px;
}

/* Hamburger + logo solda birbirine yakın */
.site-header .header-main {
    display: flex;
    align-items: center;
}

.site-header .menu-button--left {
    flex: 0 0 auto;
    margin-right: 20px;
}

.site-header .brand {
    margin-right: auto;
}

/* Sağ taraf ekranın sağ kenarına yaklaşsın */
.site-header .header-actions {
    margin-left: auto;
}

/* Announcement üst bar dağılımı */
.site-header .announcement__inner {
    display: flex;
    align-items: center;
}

.site-header .announcement__phone {
    margin-left: auto;
}

/* Drawer da gerçek sol kenardan açılsın */
.site-header .side-drawer {
    justify-content: flex-start;
}

.site-header .mobile-drawer__panel {
    margin-left: 0;
}

/* Büyük monitörde biraz nefes */
@media (min-width: 1440px) {
    .site-header .header-main,
    .site-header .announcement__inner {
        padding-left: 42px;
        padding-right: 42px;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .site-header .header-main,
    .site-header .announcement__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Mobil */
@media (max-width: 600px) {
    .site-header .header-main {
        padding-left: 14px;
        padding-right: 14px;
    }

    .site-header .announcement__inner {
        padding-left: 14px;
        padding-right: 14px;
    }

    .site-header .menu-button--left {
        margin-right: 12px;
    }
}

/* =========================================================
   SIDE MENU PROGRAM ACCORDION
   ========================================================= */

.side-accordion__item {
    border-bottom: 1px solid rgba(13,45,85,.10);
}

.side-accordion__trigger {
    width: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 4px;
    border: 0;
    background: transparent;
    color: #0d2d55;
    text-align: left;
    cursor: pointer;
}

.side-accordion__trigger > span {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.side-accordion__trigger b {
    display: flex;
    align-items: center;
    gap: 11px;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-style: normal;
}

.side-accordion__trigger b small {
    color: #e3212b;
    font-size: 9px;
    letter-spacing: .08em;
}

.side-accordion__trigger em {
    padding-left: 29px;
    color: #8993a0;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
}

.side-accordion__trigger > i {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f3f5f8;
    color: #0d2d55;
    font-size: 17px;
    font-style: normal;
    transition:
        transform .25s ease,
        background .2s ease,
        color .2s ease;
}

.side-accordion__trigger:hover > i,
.side-accordion__trigger[aria-expanded="true"] > i {
    background: #e3212b;
    color: #fff;
}

.side-accordion__trigger[aria-expanded="true"] > i {
    transform: rotate(45deg);
}

.side-accordion__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .28s ease;
}

.side-accordion__content::before {
    content: "";
    min-height: 0;
}

.side-accordion__item.is-open .side-accordion__content {
    display: block;
    padding: 0 4px 13px 33px;
}

.side-accordion__content a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 9px 10px !important;
    border: 0 !important;
    border-radius: 7px;
    color: #536273 !important;
    font-size: 11px !important;
    font-weight: 600;
    text-decoration: none;
}

.side-accordion__content a:hover {
    background: #f5f7fa;
    color: #e3212b !important;
}

.side-accordion__content a span {
    opacity: .45;
}

/* KPSS B alt grup */

.side-submenu {
    margin: 7px 0 9px;
    padding: 11px 10px 9px 14px;
    border-left: 2px solid #e3212b;
    border-radius: 0 8px 8px 0;
    background: #f6f8fa;
}

.side-submenu__title {
    margin-bottom: 5px;
    color: #0d2d55;
    font-size: 11px;
    font-weight: 800;
}

.side-submenu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 8px !important;
    color: #657384 !important;
    font-size: 10px !important;
    text-decoration: none;
}

.side-submenu a:hover {
    color: #e3212b !important;
    background: #fff;
}

.side-submenu a b {
    font-size: 11px;
    font-weight: 600;
}

/* =========================================================
   SIDE DRAWER — PREMIUM POLISH
   ========================================================= */

/* Drawer genel */
.site-header .mobile-drawer__panel {
    width: min(430px, 92vw);
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 24px 0 70px rgba(8, 29, 54, .18);
}

/* Programlar küçük üst başlığı */
.side-accordion > p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 22px 4px 9px;
    color: #8b97a5;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
}

.side-accordion > p::before {
    content: "";
    width: 20px;
    height: 2px;
    border-radius: 10px;
    background: #e3212b;
}


/* Her ana kategori */
.side-accordion__item {
    position: relative;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 11px;
    overflow: hidden;
    transition:
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.side-accordion__item:hover {
    background: #f8fafc;
}

.side-accordion__item.is-open {
    background: #f6f8fb;
    border-color: #e7ebf0;
    box-shadow: 0 7px 22px rgba(13, 45, 85, .055);
}


/* Ana satır */
.side-accordion__trigger {
    min-height: 70px;
    padding: 13px 14px;
}


/* Başlık */
.side-accordion__trigger b {
    gap: 12px;
    color: #0d2d55;
    font-size: 15px;
    letter-spacing: -.015em;
}


/* 01 / 02 / 03 numarası */
.side-accordion__trigger b small {
    width: 27px;
    height: 27px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 27px;
    border-radius: 7px;
    background: #edf2f7;
    color: #0d2d55;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0;
    transition:
        background .2s ease,
        color .2s ease;
}

.side-accordion__item.is-open
.side-accordion__trigger b small {
    background: #e3212b;
    color: #fff;
}


/* Alt açıklama */
.side-accordion__trigger em {
    padding-left: 39px;
    color: #98a3af;
    font-size: 9px;
    letter-spacing: .015em;
}


/* Sağdaki + */
.side-accordion__trigger > i {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border: 1px solid #e2e7ec;
    background: #fff;
    box-shadow: 0 2px 7px rgba(13,45,85,.04);
}


/* Açılan alt alan */
.side-accordion__item.is-open
.side-accordion__content {
    position: relative;
    margin: 0 14px 12px 52px;
    padding: 2px 0 2px 15px;
    border-left: 1px solid #d8dee6;
}


/* Kırmızı başlangıç noktası */
.side-accordion__item.is-open
.side-accordion__content::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: -3px;
    top: 13px;
    border-radius: 50%;
    background: #e3212b;
}


/* Alt linkler */
.side-accordion__content a {
    min-height: 35px;
    padding: 8px 10px !important;
    border-radius: 7px;
    color: #596878 !important;
    font-size: 11px !important;
    font-weight: 650;
    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.side-accordion__content a:hover {
    background: #fff;
    color: #0d2d55 !important;
    transform: translateX(3px);
}


/* Ok */
.side-accordion__content a > span:last-child {
    color: #e3212b;
    opacity: 0;
    transform: translateX(-4px);
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.side-accordion__content a:hover > span:last-child {
    opacity: 1;
    transform: translateX(0);
}


/* Drawer kapatma */
.drawer-close {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    transition:
        background .2s ease,
        transform .2s ease;
}

.drawer-close:hover {
    background: #f0f3f6;
    transform: rotate(90deg);
}


/* Mobil */
@media (max-width: 600px) {

    .site-header .mobile-drawer__panel {
        width: 92vw;
    }

    .side-accordion__trigger {
        min-height: 65px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .side-accordion__item.is-open
    .side-accordion__content {
        margin-left: 45px;
        margin-right: 8px;
    }
}

/* =========================================================
   REAL YEDİİKLİM LOGO
   ========================================================= */

.brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.brand__logo {
    display: block;
    width: auto;
    height: 48px;
    max-width: 190px;
    object-fit: contain;
}

/* Header */
.header-main > .brand .brand__logo {
    height: 50px;
    max-width: 200px;
}

/* Hamburger drawer */
.mobile-drawer__top .brand__logo {
    height: 46px;
    max-width: 180px;
}

/* Footer */
.site-footer .brand__logo {
    height: 54px;
    max-width: 210px;
}

/* Mobil */
@media (max-width: 600px) {

    .header-main > .brand .brand__logo {
        height: 42px;
        max-width: 165px;
    }

    .mobile-drawer__top .brand__logo {
        height: 40px;
        max-width: 160px;
    }

}

/* =========================================================
   GLOBAL DESKTOP WIDTH
   %100 browser zoom'da daha dengeli görünüm
   ========================================================= */

@media (min-width: 1100px) {

    .shell {
        width: calc(100% - 64px);
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Header daha önce edge aligned yaptığımız için onu daraltma */
    .site-header .header-main,
    .site-header .announcement__inner {
        width: 100%;
        max-width: none;
    }

}

/* =========================================================
   DESKTOP CONTENT SCALE — FINAL OVERRIDE
   ========================================================= */

@media (min-width: 1100px) {

    body .shell {
        width: calc(100% - 48px) !important;
        max-width: 1040px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Header kenarlarda kalacak */
    body .site-header .header-main,
    body .site-header .announcement__inner {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* =========================================================
   HEADER QUICK NAV
   ========================================================= */

.header-nav {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-left: auto;
    margin-right: 25px;
}

.header-nav__item {
    position: relative;
}

.header-nav__trigger {
    height: 42px;

    display: flex;
    align-items: center;
    gap: 7px;

    padding: 0 13px;

    border-radius: 8px;

    color: #0d2d55;

    font-size: 12px;
    font-weight: 700;
    text-decoration: none;

    transition:
        background .18s ease,
        color .18s ease;
}

.header-nav__trigger > span {
    position: relative;
    top: -1px;

    color: #9aa5b1;
    font-size: 13px;

    transition: transform .2s ease;
}

.header-nav__item:hover .header-nav__trigger {
    background: #f4f6f8;
}

.header-nav__item:hover .header-nav__trigger > span {
    transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.header-dropdown {
    position: absolute;
    z-index: 100;

    top: calc(100% + 7px);
    left: 50%;

    opacity: 0;
    visibility: hidden;

    transform:
        translate(-50%, 7px);

    padding: 17px;

    border: 1px solid #e6eaf0;
    border-radius: 13px;

    background: #fff;

    box-shadow:
        0 18px 50px rgba(13,45,85,.13);

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}


/* hover köprüsü */
.header-dropdown::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: -12px;

    height: 12px;
}

.header-nav__item:hover .header-dropdown,
.header-dropdown:hover {
    opacity: 1;
    visibility: visible;

    transform:
        translate(-50%, 0);
}


/* küçük kırmızı çizgi */

.header-dropdown::after {
    content: "";

    position: absolute;

    top: 0;
    left: 22px;

    width: 34px;
    height: 3px;

    border-radius: 0 0 5px 5px;

    background: #e3212b;
}


.header-dropdown__label {
    display: block;

    margin: 4px 4px 13px;

    color: #9aa4af;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .14em;
}


/* =========================================================
   PROGRAM DROPDOWN
   ========================================================= */

.header-dropdown--programs {
    width: 450px;
}

.header-dropdown__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.header-dropdown__grid > a {
    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 0;

    padding: 11px;

    border-radius: 9px;

    color: #0d2d55;
    text-decoration: none;

    transition:
        background .18s ease,
        transform .18s ease;
}

.header-dropdown__grid > a:hover {
    background: #f5f7f9;
    transform: translateX(2px);
}

.header-dropdown__grid > a > small {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;

    display: grid;
    place-items: center;

    border-radius: 7px;

    background: #edf2f6;

    color: #0d2d55;

    font-size: 8px;
    font-weight: 800;
}

.header-dropdown__grid > a:hover > small {
    background: #e3212b;
    color: #fff;
}

.header-dropdown strong,
.header-dropdown em {
    display: block;
}

.header-dropdown strong {
    color: #0d2d55;

    font-size: 11px;
    font-weight: 800;
}

.header-dropdown em {
    margin-top: 2px;

    color: #939eaa;

    font-size: 8px;
    font-style: normal;
    font-weight: 500;
}


/* =========================================================
   TOOLS DROPDOWN
   ========================================================= */

.header-dropdown--tools {
    width: 280px;
}

.header-dropdown--tools > a {
    display: flex;
    align-items: center;
    gap: 11px;

    padding: 10px;

    border-radius: 9px;

    color: #0d2d55;
    text-decoration: none;

    transition: background .18s ease;
}

.header-dropdown--tools > a:hover {
    background: #f5f7f9;
}

.header-tool-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;

    display: grid;
    place-items: center;

    border-radius: 8px;

    background: #edf2f6;

    color: #0d2d55;

    font-size: 11px;
    font-weight: 800;
}

.header-dropdown--tools > a:hover .header-tool-icon {
    background: #e3212b;
    color: #fff;
}


/* =========================================================
   STUDENT LOGIN
   ========================================================= */

.header-student {
    height: 40px;

    display: flex;
    align-items: center;
    gap: 8px;

    margin-left: 4px;
    padding: 0 14px;

    border: 1px solid #dfe5eb;
    border-radius: 8px;

    color: #0d2d55;

    font-size: 11px;
    font-weight: 800;
    text-decoration: none;

    transition:
        background .18s ease,
        border-color .18s ease;
}

.header-student:hover {
    background: #0d2d55;
    border-color: #0d2d55;

    color: #fff;
}

.header-student__icon {
    font-size: 11px;
}


/* =========================================================
   RESPONSIVE
   Hamburger zaten mobil navigasyonu sağlıyor
   ========================================================= */

@media (max-width: 1050px) {

    .header-nav {
        display: none;
    }

}

/* =========================================================
   DESKTOP HEADER NAV — LOGO SONRASI
   ========================================================= */

.site-header .header-main {
    display: flex;
    align-items: center;
}

/* Önceden verdiğimiz auto margin'i kaldır */
.site-header .header-main > .brand {
    flex: 0 0 auto;
    margin-right: 38px !important;
}

.site-header .desktop-nav {
    display: flex;
    align-items: center;
    gap: 4px;

    margin-right: auto;
}

.desktop-nav__item {
    position: relative;
}

.desktop-nav__link {
    height: 44px;

    display: flex;
    align-items: center;
    gap: 7px;

    padding: 0 14px;

    border-radius: 8px;

    color: #173858;
    text-decoration: none;

    font-size: 12px;
    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease;
}

.desktop-nav__link > span {
    color: #9aa5b1;
    font-size: 12px;
    transition: transform .18s ease;
}

.desktop-nav__item:hover > .desktop-nav__link {
    background: #f3f6f8;
    color: #0d2d55;
}

.desktop-nav__item:hover > .desktop-nav__link > span {
    transform: rotate(180deg);
}


/* -------------------------
   DROPDOWN
   ------------------------- */

.desktop-nav__dropdown {
    position: absolute;
    z-index: 300;

    top: calc(100% + 6px);
    left: 0;

    padding: 15px;

    border: 1px solid #e5e9ee;
    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 18px 50px rgba(13,45,85,.14);

    opacity: 0;
    visibility: hidden;

    transform: translateY(7px);

    transition:
        opacity .16s ease,
        visibility .16s ease,
        transform .16s ease;
}

/* Mouse dropdown'a inerken kapanmasın */
.desktop-nav__dropdown::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: -10px;

    height: 10px;
}

.desktop-nav__item:hover > .desktop-nav__dropdown {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

.desktop-nav__dropdown > p {
    margin: 2px 5px 11px;

    color: #9aa4af;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .14em;
}


/* -------------------------
   PROGRAMLAR
   ------------------------- */

.desktop-nav__dropdown--programs {
    width: 420px;
}

.desktop-nav__program-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.desktop-nav__program-grid > a {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 10px;

    border-radius: 8px;

    text-decoration: none;

    transition:
        background .16s ease,
        transform .16s ease;
}

.desktop-nav__program-grid > a:hover {
    background: #f5f7f9;
    transform: translateX(2px);
}

.desktop-nav__program-grid small {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    display: grid;
    place-items: center;

    border-radius: 7px;

    background: #eef2f6;
    color: #0d2d55;

    font-size: 8px;
    font-weight: 800;

    transition:
        background .16s ease,
        color .16s ease;
}

.desktop-nav__program-grid a:hover small {
    background: #e3212b;
    color: #fff;
}

.desktop-nav__program-grid strong,
.desktop-nav__program-grid em {
    display: block;
}

.desktop-nav__program-grid strong {
    color: #0d2d55;
    font-size: 10px;
    font-weight: 800;
}

.desktop-nav__program-grid em {
    margin-top: 2px;

    color: #929daa;

    font-size: 8px;
    font-style: normal;
    font-weight: 500;
}


/* -------------------------
   ARAÇLAR
   ------------------------- */

.desktop-nav__dropdown--tools {
    width: 255px;
}

.desktop-nav__dropdown--tools > a {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 9px;

    border-radius: 8px;

    text-decoration: none;

    transition: background .16s ease;
}

.desktop-nav__dropdown--tools > a:hover {
    background: #f5f7f9;
}

.desktop-nav__dropdown--tools b {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    display: grid;
    place-items: center;

    border-radius: 7px;

    background: #eef2f6;
    color: #0d2d55;

    font-size: 10px;
}

.desktop-nav__dropdown--tools strong,
.desktop-nav__dropdown--tools em {
    display: block;
}

.desktop-nav__dropdown--tools strong {
    color: #0d2d55;

    font-size: 10px;
    font-weight: 800;
}

.desktop-nav__dropdown--tools em {
    margin-top: 2px;

    color: #929daa;

    font-size: 8px;
    font-style: normal;
}


/* -------------------------
   ÖĞRENCİ GİRİŞİ
   ------------------------- */

.desktop-nav__student {
    height: 40px;

    display: flex;
    align-items: center;
    gap: 7px;

    padding: 0 13px;

    border-left: 1px solid #e3e8ed;

    color: #173858;
    text-decoration: none;

    font-size: 11px;
    font-weight: 700;

    transition: color .16s ease;
}

.desktop-nav__student:hover {
    color: #e3212b;
}

.desktop-nav__student span {
    color: #e3212b;
}


/* Telefon sağda kalmaya devam etsin */

.site-header .header-actions {
    flex: 0 0 auto;
    margin-left: 20px !important;
}


/* Tablet / mobilde hamburger yeterli */

@media (max-width: 1050px) {

    .site-header .desktop-nav {
        display: none;
    }

    .site-header .header-main > .brand {
        margin-right: auto !important;
    }

}

/* =========================================================
   SIDE DRAWER — STUDENT LOGIN
   ========================================================= */

.side-student-login {
    position: relative;

    display: flex;
    align-items: center;
    gap: 12px;

    margin: 18px 0 17px;
    padding: 12px 13px;

    overflow: hidden;

    border: 1px solid #e2e7ec;
    border-radius: 11px;

    background: #f7f9fb;

    color: #0d2d55;
    text-decoration: none;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.side-student-login::before {
    content: "";

    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;

    width: 3px;

    border-radius: 0 3px 3px 0;

    background: #e3212b;
}


/* ICON */

.side-student-login__icon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;

    display: grid;
    place-items: center;

    margin-left: 3px;

    border-radius: 9px;

    background: #0d2d55;
    color: #fff;

    font-size: 12px;
    font-weight: 800;
}


/* TEXT */

.side-student-login__text {
    min-width: 0;
    flex: 1;

    display: flex;
    flex-direction: column;
}

.side-student-login__text small {
    margin-bottom: 2px;

    color: #e3212b;

    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .12em;
}

.side-student-login__text strong {
    color: #0d2d55;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 800;
}

.side-student-login__text em {
    margin-top: 2px;

    color: #8c98a5;

    font-size: 8px;
    line-height: 1.3;
    font-style: normal;
}


/* ARROW */

.side-student-login__arrow {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: #fff;
    color: #e3212b;

    font-size: 11px;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


/* HOVER */

.side-student-login:hover {
    background: #fff;

    border-color: #ccd5de;

    transform: translateY(-1px);

    box-shadow:
        0 8px 20px rgba(13,45,85,.07);
}

.side-student-login:hover .side-student-login__arrow {
    background: #e3212b;
    color: #fff;

    transform: translateX(2px);
}

/* =========================================================
   SIDE DRAWER — TOOLS
   ========================================================= */

.side-tools {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e7ebef;
}

.side-tools__title {
    margin: 0 0 9px;

    color: #8e9aa7;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .14em;
}

.side-tools__item {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 9px 8px;

    border-radius: 9px;

    color: #0d2d55;
    text-decoration: none;

    transition:
        background .18s ease,
        transform .18s ease;
}

.side-tools__item:hover {
    background: #f5f7f9;
    transform: translateX(2px);
}

.side-tools__icon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;

    display: grid;
    place-items: center;

    border-radius: 7px;

    background: #eef2f6;
    color: #0d2d55;

    font-size: 7px;
    font-weight: 800;
}

.side-tools__item:hover .side-tools__icon {
    background: #e3212b;
    color: #fff;
}

.side-tools__text {
    min-width: 0;
    flex: 1;
}

.side-tools__text strong,
.side-tools__text small {
    display: block;
}

.side-tools__text strong {
    font-size: 10px;
    line-height: 1.25;
    font-weight: 800;
}

.side-tools__text small {
    margin-top: 2px;

    color: #929daa;

    font-size: 8px;
    line-height: 1.3;
}

.side-tools__arrow {
    color: #e3212b;

    font-size: 11px;

    transition: transform .18s ease;
}

.side-tools__item:hover .side-tools__arrow {
    transform: translateX(2px);
}


/* Diğer bağlantıları da ayrı grup gibi göster */

.side-menu__links {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e7ebef;
}

/* =========================================================
   SIDE ACCORDION — HARD RESET / FIX
   Bu blok eski accordion kurallarının tamamını ezer.
   ========================================================= */

.side-accordion {
    width: 100%;
}


/* ITEM */

.side-accordion .side-accordion__item {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-bottom: 1px solid #edf0f3 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   ANA SATIR
   ========================================================= */

.side-accordion .side-accordion__trigger {
    width: 100% !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 11px 2px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    text-align: left !important;

    cursor: pointer !important;
}


/* Sol yazı alanı */

.side-accordion .side-accordion__trigger > span {
    min-width: 0 !important;
    flex: 1 1 auto !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Program adı */

.side-accordion .side-accordion__trigger b {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #153654 !important;

    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}


/* 01 / 02 / 03 */

.side-accordion .side-accordion__trigger b small {
    width: 30px !important;
    min-width: 30px !important;
    height: auto !important;

    display: inline-block !important;

    margin: 0 7px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: #a3adb7 !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}


/* Alt açıklama */

.side-accordion .side-accordion__trigger em {
    display: block !important;

    margin: 4px 0 0 37px !important;
    padding: 0 !important;

    color: #909ca8 !important;

    font-size: 8px !important;
    line-height: 1.35 !important;
    font-style: normal !important;
    font-weight: 500 !important;

    white-space: normal !important;
}


/* =========================================================
   + BUTONU
   ========================================================= */

.side-accordion .side-accordion__trigger > i {
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;

    flex: 0 0 29px !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #e1e6eb !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    color: #778492 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 400 !important;
}


/* =========================================================
   EN ÖNEMLİ KISIM:
   KAPALIYKEN İÇERİK KESİNLİKLE YOK
   ========================================================= */

.side-accordion
.side-accordion__item
.side-accordion__content {

    display: none !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;
}


/* SADECE is-open OLAN GÖRÜNÜR */

.side-accordion
.side-accordion__item.is-open
.side-accordion__content {

    display: block !important;

    margin: 0 10px 10px 37px !important;
    padding: 5px 0 5px 12px !important;

    border-left: 1px solid #dfe5ea !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* =========================================================
   AÇIK ITEM
   ========================================================= */

.side-accordion .side-accordion__item.is-open {
    margin: 4px 0 !important;

    border-bottom-color: transparent !important;
    border-radius: 10px !important;

    background: #f7f9fb !important;
}


.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger {

    padding:
        12px
        11px
        8px !important;
}


.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger b {

    color: #0d2d55 !important;
}


.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger b small {

    color: #e3212b !important;
}


.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger > i {

    border-color: #e3212b !important;

    background: #e3212b !important;

    color: #ffffff !important;
}


/* =========================================================
   ALT SEÇENEKLER
   ========================================================= */

.side-accordion .side-accordion__content a {
    position: relative !important;

    width: 100% !important;
    min-height: 31px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 !important;
    padding: 6px 7px 6px 13px !important;

    border: 0 !important;
    border-radius: 6px !important;

    background: transparent !important;

    color: #56687a !important;

    font-size: 9px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


/* küçük nokta */

.side-accordion .side-accordion__content a::before {
    content: "" !important;

    position: absolute !important;

    left: 1px !important;
    top: 50% !important;

    width: 4px !important;
    height: 4px !important;

    transform: translateY(-50%) !important;

    border-radius: 50% !important;

    background: #cfd6dd !important;
}


.side-accordion .side-accordion__content a:hover {
    background: #ffffff !important;

    color: #0d2d55 !important;
}


.side-accordion .side-accordion__content a:hover::before {
    background: #e3212b !important;
}


.side-accordion .side-accordion__content a > span {
    color: #e3212b !important;

    font-size: 10px !important;
}


/* Mobilde de ezilmesin */

@media (max-width: 600px) {

    .side-accordion .side-accordion__trigger {
        min-height: 55px !important;
    }

}

/* =========================================================
   SIDE DRAWER — FINAL VISUAL POLISH
   Readability / hierarchy / usability
   ========================================================= */

/* PANEL */
.site-header .mobile-drawer__panel {
    width: min(405px, 94vw) !important;
    padding: 24px 25px 26px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 72%,
            #fbfcfd 100%
        ) !important;
}


/* =========================================================
   HEADER / LOGO
   ========================================================= */

.mobile-drawer__top {
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-bottom: 15px !important;
    border-bottom: 1px solid #edf0f3 !important;
}

.mobile-drawer__top .brand {
    display: flex;
    align-items: center;
}

.mobile-drawer__top .brand__logo {
    width: auto !important;
    height: 42px !important;
    max-width: 170px !important;
    object-fit: contain;
    object-position: left center;
}

.drawer-close {
    width: 36px !important;
    height: 36px !important;

    display: grid !important;
    place-items: center !important;

    padding: 0 !important;

    border: 1px solid #e4e9ed !important;
    border-radius: 10px !important;

    background: #f8fafb !important;
    color: #526477 !important;

    font-size: 20px !important;
    line-height: 1 !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

.drawer-close:hover {
    background: #0d2d55 !important;
    border-color: #0d2d55 !important;
    color: #fff !important;
    transform: rotate(90deg);
}


/* =========================================================
   INTRO
   ========================================================= */

.side-menu__intro {
    max-width: 290px;

    margin: 15px 0 12px !important;

    color: #7f8c99 !important;

    font-size: 10px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   STUDENT LOGIN
   ========================================================= */

.side-student-login {
    min-height: 57px;

    margin: 0 0 24px !important;
    padding: 10px 11px !important;

    gap: 11px !important;

    border: 1px solid #e3e8ed !important;
    border-radius: 11px !important;

    background: #f7f9fb !important;

    box-shadow: none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

.side-student-login:hover {
    background: #fff !important;
    border-color: #ccd5dd !important;
    transform: translateY(-1px) !important;
}

.side-student-login__icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;

    border-radius: 9px !important;

    background: #0d2d55 !important;
    color: #fff !important;

    font-size: 11px !important;
}

.side-student-login__text small {
    margin-bottom: 3px !important;

    color: #e3212b !important;

    font-size: 7px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
}

.side-student-login__text strong {
    color: #102f50 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.side-student-login__text em {
    display: none !important;
}

.side-student-login__arrow {
    width: 27px !important;
    height: 27px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 50% !important;

    background: #fff !important;
    color: #e3212b !important;

    font-size: 11px !important;
}


/* =========================================================
   SECTION LABELS
   ========================================================= */

.side-menu__programs > p,
.side-tools__title {
    position: relative;

    margin: 0 0 7px !important;
    padding-left: 17px !important;

    color: #7e8b98 !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
}

.side-menu__programs > p::before,
.side-tools__title::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 9px;
    height: 2px;

    transform: translateY(-50%);

    border-radius: 99px;

    background: #e3212b;
}


/* =========================================================
   PROGRAM ROW
   ========================================================= */

.side-accordion .side-accordion__item {
    transition:
        background .18s ease,
        border-color .18s ease !important;
}

.side-accordion .side-accordion__trigger {
    min-height: 61px !important;

    padding: 11px 4px !important;

    gap: 12px !important;

    border-radius: 9px !important;

    transition: background .18s ease !important;
}

.side-accordion
.side-accordion__item:not(.is-open)
.side-accordion__trigger:hover {
    background: #f8fafb !important;
}


/* NUMARA */
.side-accordion .side-accordion__trigger b small {
    width: 28px !important;
    min-width: 28px !important;

    margin-right: 7px !important;

    color: #a3adb7 !important;

    font-size: 7px !important;
    letter-spacing: .04em !important;
}


/* PROGRAM ADI */
.side-accordion .side-accordion__trigger b {
    color: #102f50 !important;

    font-size: 12px !important;
    line-height: 1.25 !important;

    letter-spacing: -.01em !important;
}


/* AÇIKLAMA */
.side-accordion .side-accordion__trigger em {
    margin:
        4px
        0
        0
        35px !important;

    color: #8d99a5 !important;

    font-size: 8px !important;
    line-height: 1.35 !important;
}


/* =========================================================
   PLUS BUTTON
   ========================================================= */

.side-accordion .side-accordion__trigger > i {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;

    flex-basis: 30px !important;

    border-color: #e1e6ea !important;

    background: #f9fafb !important;

    color: #697785 !important;

    font-size: 15px !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

.side-accordion
.side-accordion__item:not(.is-open)
.side-accordion__trigger:hover > i {
    background: #fff !important;
    border-color: #cbd3db !important;
    color: #0d2d55 !important;
}


/* =========================================================
   OPEN PROGRAM
   ========================================================= */

.side-accordion .side-accordion__item.is-open {
    margin: 5px 0 !important;

    overflow: hidden !important;

    border: 1px solid #e5e9ed !important;
    border-radius: 11px !important;

    background: #f7f9fb !important;

    box-shadow:
        0 5px 16px rgba(13,45,85,.035) !important;
}

.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger {
    min-height: 60px !important;

    padding: 11px 11px 8px !important;

    background: transparent !important;
}

.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger b {
    color: #0d2d55 !important;
}

.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger b small {
    color: #e3212b !important;
}

.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger > i {
    border-color: #e3212b !important;

    background: #e3212b !important;
    color: #fff !important;

    box-shadow:
        0 4px 10px rgba(227,33,43,.14) !important;
}


/* =========================================================
   SUBMENU
   ========================================================= */

.side-accordion
.side-accordion__item.is-open
.side-accordion__content {
    position: relative;

    margin: 0 10px 10px 45px !important;
    padding: 3px 0 3px 13px !important;

    border-left: 1px solid #d9e0e6 !important;
}


/* küçük kırmızı başlangıç noktası */
.side-accordion
.side-accordion__item.is-open
.side-accordion__content::before {
    content: "";

    position: absolute;

    left: -3px;
    top: 11px;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #e3212b;
}


/* ALT LİNK */
.side-accordion .side-accordion__content a {
    min-height: 34px !important;

    padding: 7px 7px 7px 12px !important;

    border-radius: 7px !important;

    color: #526476 !important;

    font-size: 9px !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;

    transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease !important;
}


/* Eski nokta gereksiz */
.side-accordion .side-accordion__content a::before {
    display: none !important;
}

.side-accordion .side-accordion__content a:hover {
    background: #fff !important;
    color: #0d2d55 !important;

    transform: translateX(2px);
}

.side-accordion .side-accordion__content a > span {
    color: #b0bac3 !important;

    font-size: 10px !important;

    transition:
        color .16s ease,
        transform .16s ease !important;
}

.side-accordion .side-accordion__content a:hover > span {
    color: #e3212b !important;
    transform: translateX(2px);
}


/* =========================================================
   TOOLS
   ========================================================= */

.side-tools {
    margin-top: 24px !important;
    padding-top: 19px !important;

    border-top: 1px solid #edf0f3 !important;
}

.side-tools__title {
    margin-bottom: 9px !important;
}

.side-tools__item {
    min-height: 47px;

    padding: 7px 6px !important;

    gap: 10px !important;

    border-radius: 9px !important;
}

.side-tools__item:hover {
    background: #f7f9fb !important;
    transform: none !important;
}

.side-tools__icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;

    border-radius: 8px !important;

    background: #eef2f5 !important;
    color: #647484 !important;

    font-size: 7px !important;
}

.side-tools__item:hover .side-tools__icon {
    background: #0d2d55 !important;
    color: #fff !important;
}

.side-tools__text strong {
    color: #173858 !important;

    font-size: 10px !important;
}

.side-tools__text small {
    color: #929da8 !important;

    font-size: 8px !important;
}

.side-tools__arrow {
    margin-left: auto;

    color: #bdc5cd !important;

    font-size: 10px !important;
}

.side-tools__item:hover .side-tools__arrow {
    color: #e3212b !important;
}


/* =========================================================
   OTHER LINKS / DISCOVER
   ========================================================= */

.side-menu__links {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3px 7px !important;

    margin-top: 19px !important;
    padding-top: 18px !important;

    border-top: 1px solid #edf0f3 !important;
}

.side-menu__links::before {
    content: "KEŞFET";

    grid-column: 1 / -1;

    margin: 0 0 7px;

    color: #7e8b98;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
}

.side-menu__links a {
    display: flex !important;
    align-items: center !important;

    min-height: 32px;

    padding: 6px 7px !important;

    border-radius: 7px !important;

    color: #56687a !important;

    font-size: 9px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        background .16s ease,
        color .16s ease !important;
}

.side-menu__links a:hover {
    background: #f5f7f9 !important;
    color: #0d2d55 !important;
}


/* =========================================================
   BOTTOM CTA
   ========================================================= */

.mobile-drawer__panel > .button {
    width: 100%;

    min-height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 20px;

    border-radius: 9px !important;

    box-shadow:
        0 7px 18px rgba(227,33,43,.12);
}

.side-menu__phone {
    margin: 13px 0 0 !important;

    text-align: center;

    color: #9aa4ae !important;

    font-size: 8px !important;
}

.side-menu__phone a {
    margin-left: 4px;

    color: #0d2d55 !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    text-decoration: none;
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .site-header .mobile-drawer__panel {
        width: min(390px, 94vw) !important;

        padding:
            20px
            19px
            23px !important;
    }

    .side-menu__links {
        grid-template-columns: 1fr 1fr !important;
    }

}

/* =========================================================
   DRAWER TYPOGRAPHY — READABILITY FIX
   ========================================================= */

/* Açıklama */
.side-menu__intro {
    font-size: 12px !important;
    line-height: 1.55 !important;
}


/* BÖLÜM BAŞLIKLARI */
.side-menu__programs > p,
.side-tools__title,
.side-menu__links::before {
    font-size: 9px !important;
    letter-spacing: .13em !important;
}


/* PROGRAM ADLARI */
.side-accordion .side-accordion__trigger b {
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}


/* 01 / 02 / 03 */
.side-accordion .side-accordion__trigger b small {
    width: 31px !important;
    min-width: 31px !important;

    font-size: 9px !important;
}


/* Program açıklaması */
.side-accordion .side-accordion__trigger em {
    margin-left: 38px !important;

    font-size: 10.5px !important;
    line-height: 1.4 !important;
}


/* Satır biraz nefes alsın */
.side-accordion .side-accordion__trigger {
    min-height: 67px !important;
    padding: 12px 5px !important;
}


/* + / - */
.side-accordion .side-accordion__trigger > i {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;

    font-size: 17px !important;
}


/* AÇIK PROGRAM */
.side-accordion
.side-accordion__item.is-open
.side-accordion__trigger {
    min-height: 66px !important;
    padding: 12px 12px 9px !important;
}


/* Lisans / Ön Lisans / TYT / AYT vs. */
.side-accordion .side-accordion__content a {
    min-height: 38px !important;

    padding: 8px 8px 8px 12px !important;

    font-size: 11px !important;
    line-height: 1.35 !important;
}


/* Alt menü oku */
.side-accordion .side-accordion__content a > span {
    font-size: 13px !important;
}


/* ÖĞRENCİ GİRİŞİ */
.side-student-login__text small {
    font-size: 8px !important;
}

.side-student-login__text strong {
    font-size: 13px !important;
}


/* ARAÇLAR */
.side-tools__text strong {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
}

.side-tools__text small {
    margin-top: 3px !important;

    font-size: 9.5px !important;
    line-height: 1.35 !important;
}

.side-tools__item {
    min-height: 52px !important;
}


/* KEŞFET */
.side-menu__links a {
    min-height: 36px !important;

    font-size: 10.5px !important;
    line-height: 1.3 !important;
}


/* TELEFON */
.side-menu__phone {
    font-size: 9.5px !important;
}

.side-menu__phone a {
    font-size: 11px !important;
}


/* Küçük telefonlarda da okunabilirlik korunacak */
@media (max-width: 480px) {

    .side-accordion .side-accordion__trigger b {
        font-size: 13.5px !important;
    }

    .side-accordion .side-accordion__trigger em {
        font-size: 10px !important;
    }

    .side-accordion .side-accordion__content a {
        font-size: 10.5px !important;
    }

}

/* =========================================================
   DESKTOP LAYOUT — 125% BROWSER ZOOM HİSSİNİ 100%'DE VER
   ========================================================= */

@media (min-width: 1100px) {

    /*
     * 125% zoom'daki algıya yakın içerik genişliği.
     * Tüm ana bölümler aynı dikey hizada kalır.
     */
    body .shell {
        width: calc(100% - 64px) !important;
        max-width: 1040px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /*
     * Header'ın içeriği de aynı 1040px grid'e otursun.
     */
    body .site-header .header-main {
        width: calc(100% - 64px) !important;
        max-width: 1040px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /*
     * Üst bilgi bandının içeriği.
     */
    body .site-header .announcement__inner {
        width: calc(100% - 64px) !important;
        max-width: 1040px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* Orta boy laptoplarda kenarlar fazla sıkışmasın */
@media (min-width: 1100px) and (max-width: 1250px) {

    body .shell,
    body .site-header .header-main,
    body .site-header .announcement__inner {
        width: calc(100% - 40px) !important;
    }

}

/* =========================================================
   DESKTOP WIDTH FIX V2
   Header geniş kalır — sayfa içeriği kompakt kalır
   ========================================================= */

@media (min-width: 1100px) {

    /* ANA SAYFA İÇERİĞİ */
    body .shell {
        width: calc(100% - 48px) !important;
        max-width: 1040px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* HEADER'I TEKRAR TAM GENİŞLİĞE ÇIKAR */
    body .site-header .header-main {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 24px !important;
        padding-right: 24px !important;
    }


    /* ÜST BANT DA GENİŞ KALSIN */
    body .site-header .announcement__inner {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 24px !important;
        padding-right: 24px !important;
    }


    /* HAMBURGER SOLDA */
    body .site-header .menu-button--left {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }


    /* LOGO HAMBURGER'DAN SONRA */
    body .site-header .header-main > .brand {
        flex: 0 0 auto !important;
        margin-left: 18px !important;
        margin-right: 38px !important;
    }


    /* ORTA NAV */
    body .site-header .desktop-nav {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }


    /* TELEFON + BİLGİ AL SAĞDA */
    body .site-header .header-actions {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

}

/* =========================================================
   FINAL DESKTOP SCALE
   Browser %120 görünümünü browser %100'de yaklaştırır
   ========================================================= */

@media (min-width: 1100px) {

    /*
     * Önce daha önce yaptığımız 1040px daraltmalarını iptal et.
     */
    body .shell {
        width: calc(100% - 48px) !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /*
     * Header kendi doğal geniş düzeninde kalacak.
     */
    body .site-header .header-main,
    body .site-header .announcement__inner {
        width: calc(100% - 48px) !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /*
     * Desktop tasarım ölçeği.
     *
     * zoom burada özellikle tercih edildi:
     * font, buton, logo, kart, gap ve padding
     * birlikte büyür.
     */
    html {
        zoom: 1.20;
    }

}


/*
 * Tablet ve mobil kesinlikle scale edilmeyecek.
 */
@media (max-width: 1099px) {

    html {
        zoom: 1;
    }

}

/* =========================================================
   HEADER POSITION FIX
   Ölçek aynı — sadece header tekrar kenarlara açılıyor
   ========================================================= */

@media (min-width: 1100px) {

    /* HEADER FULL WIDTH */
    body .site-header .header-main {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    /* ÜST BANT DA FULL WIDTH */
    body .site-header .announcement__inner {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    /* HAMBURGER SOLDA */
    body .site-header .menu-button--left {
        flex: 0 0 auto !important;

        margin-left: 0 !important;
        margin-right: 18px !important;
    }

    /* LOGO */
    body .site-header .header-main > .brand {
        flex: 0 0 auto !important;

        margin-left: 0 !important;
        margin-right: 34px !important;
    }

    /* PROGRAMLAR / ARAÇLAR / ÖĞRENCİ */
    body .site-header .desktop-nav {
        flex: 0 0 auto !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* TELEFON + BİLGİ AL SAĞA */
    body .site-header .header-actions {
        flex: 0 0 auto !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }

}