/* ================================================================
   HEP ONLINE · PUBLIC ARAYÜZ MERKEZİ V1
   İlk kapsam: /local/heprequests/teachers.php
   ================================================================ */

html[data-hep-theme="dark"] body,
html[data-hep-theme="dark"] .hep-public-shell,
html[data-hep-theme="dark"] .hep-public-main{
    background:#0b1423!important;color:#e4ecf6!important}

html[data-hep-theme="dark"] .hep-public-header{
    background:#0e1929!important;border-color:#273c55!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important}

html[data-hep-theme="dark"] .hep-public-nav a{color:#c8d5e5!important}
html[data-hep-theme="dark"] .hep-public-nav a:hover,
html[data-hep-theme="dark"] .hep-public-nav a.active{color:#fff!important}

html[data-hep-theme="dark"] .hep-public-login,
html[data-hep-theme="dark"] .hep-public-secondary{
    background:#17283f!important;border-color:#3b5878!important;color:#e8eff8!important}
html[data-hep-theme="dark"] .hep-public-primary{
    background:#ff6f2c!important;border-color:#ff7f43!important;color:#fff!important}

html[data-hep-theme="dark"] .hep-public-hero{
    background:radial-gradient(circle at 100% 0%,rgba(255,111,44,.08) 0 120px,transparent 121px),
               linear-gradient(135deg,#101d30 0%,#101d30 74%,#1a2130 100%)!important;
    border-color:#273f5a!important;color:#e4ecf6!important}
html[data-hep-theme="dark"] .hep-public-hero h1{color:#fff!important}
html[data-hep-theme="dark"] .hep-public-hero p{color:#afbed1!important}
html[data-hep-theme="dark"] .hep-public-kicker{color:#78b3ff!important}

html[data-hep-theme="dark"] .hep-public-section{
    background:#0b1423!important;color:#e4ecf6!important}
html[data-hep-theme="dark"] .hep-public-filter{background:transparent!important}
html[data-hep-theme="dark"] .hep-public-filter a{
    background:#17283f!important;border-color:#3b5878!important;color:#dce8f7!important}
html[data-hep-theme="dark"] .hep-public-filter a:hover,
html[data-hep-theme="dark"] .hep-public-filter a.active{
    background:#1d4f8f!important;border-color:#356fae!important;color:#fff!important}

html[data-hep-theme="dark"] .hep-public-teacher-card{
    background:#122036!important;border-color:#314b68!important;color:#e5edf7!important;
    box-shadow:0 10px 24px rgba(0,0,0,.12)!important}
html[data-hep-theme="dark"] .hep-public-teacher-card:hover{
    background:#16273e!important;border-color:#426181!important;
    box-shadow:0 14px 30px rgba(0,0,0,.18)!important}
html[data-hep-theme="dark"] .hep-public-teacher-card h2,
html[data-hep-theme="dark"] .hep-public-teacher-card h3,
html[data-hep-theme="dark"] .hep-public-teacher-card strong{color:#fff!important}
html[data-hep-theme="dark"] .hep-public-teacher-card p,
html[data-hep-theme="dark"] .hep-public-teacher-card small{color:#aebed2!important}

html[data-hep-theme="dark"] .hep-public-branch{
    background:#1b3554!important;border-color:#395b80!important;color:#c2dcff!important}
html[data-hep-theme="dark"] .hep-public-avatar{background:#235fca!important;color:#fff!important}

html[data-hep-theme="dark"] .hep-public-card-actions a{
    background:#17283f!important;border-color:#3b5878!important;color:#e8eff8!important}
html[data-hep-theme="dark"] .hep-public-card-actions a.primary{
    background:#ff6f2c!important;border-color:#ff7f43!important;color:#fff!important}

html[data-hep-theme="dark"] .hep-public-wide-cta,
html[data-hep-theme="dark"] .hep-public-empty{
    background:#122036!important;border-color:#405c7b!important;color:#b2c2d5!important}

html[data-hep-theme="dark"] .hep-public-footer{
    background:#0e1929!important;border-color:#273c55!important;color:#95a9c2!important}

/* HEP PUBLIC UI CENTER V1 END */

/* HEP PUBLIC HOME DARK V1 START */

/* ==========================================================================
   HEP ONLINE · PUBLIC ANA SAYFA · KOYU MOD
   Tek merkez: theme/hepmatematik/style/hep_public_ui.css
   ========================================================================== */

html[data-hep-theme="dark"] body.hm-frontpage{
    --hm-navy:#ffffff;
    --hm-muted:#aebed2;
    background:#0b1423 !important;
    background-color:#0b1423 !important;
    color:#e5edf7 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-page,
html[data-hep-theme="dark"] body.hm-frontpage .hm-shell,
html[data-hep-theme="dark"] body.hm-frontpage #page,
html[data-hep-theme="dark"] body.hm-frontpage #page-wrapper,
html[data-hep-theme="dark"] body.hm-frontpage #page-content,
html[data-hep-theme="dark"] body.hm-frontpage #region-main,
html[data-hep-theme="dark"] body.hm-frontpage .main-inner{
    background:#0b1423 !important;
    background-color:#0b1423 !important;
    background-image:none !important;
    color:#e5edf7 !important;
}

/* HEADER */
html[data-hep-theme="dark"] body.hm-frontpage .hm-header,
html[data-hep-theme="dark"] body.hm-frontpage .hep-public-shared-header{
    background:#0e1929 !important;
    background-color:#0e1929 !important;
    border-color:#273c55 !important;
    box-shadow:0 8px 24px rgba(0,0,0,.18) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-nav a{
    color:#cbd7e6 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-nav a:hover,
html[data-hep-theme="dark"] body.hm-frontpage .hm-nav a.active{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-login,
html[data-hep-theme="dark"] body.hm-frontpage .hep-public-login{
    background:#174f96 !important;
    border-color:#2d69ae !important;
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-request{
    background:#ff6f2c !important;
    border-color:#ff7f43 !important;
    color:#ffffff !important;
}

/* HERO */
html[data-hep-theme="dark"] body.hm-frontpage .hm-hero{
    background:
        radial-gradient(circle at 78% 34%,rgba(40,104,196,.14),transparent 27%),
        linear-gradient(135deg,#101c2e 0%,#101d31 70%,#171d2a 100%) !important;
    background-color:#101c2e !important;
    border-color:#314b68 !important;
    color:#e7eef8 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-hero h1{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-hero p{
    color:#b8c7d9 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-kicker{
    color:#ff8a4a !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-trust-row{
    color:#cbd8e7 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-btn-secondary{
    background:#17283f !important;
    border-color:#3b5878 !important;
    color:#e8eff8 !important;
}

/* ÜCRETSİZ TANITIM DERSLERİ */
html[data-hep-theme="dark"] body.hm-frontpage .hm-free-intro{
    background:#0d1727 !important;
    background-color:#0d1727 !important;
    background-image:none !important;
    border-color:#263b54 !important;
    color:#e5edf7 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-free-intro h2,
html[data-hep-theme="dark"] body.hm-frontpage .hm-free-intro h3{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-free-intro p{
    color:#b2c1d4 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hepft-card,
html[data-hep-theme="dark"] body.hm-frontpage .hm-free-intro-feed > *{
    background:#122036 !important;
    border-color:#314b68 !important;
    color:#e5edf7 !important;
}

/* BÖLÜMLER */
html[data-hep-theme="dark"] body.hm-frontpage .hm-section,
html[data-hep-theme="dark"] body.hm-frontpage section.hm-section,
html[data-hep-theme="dark"] body.hm-frontpage .hm-subjects,
html[data-hep-theme="dark"] body.hm-frontpage .hm-grades,
html[data-hep-theme="dark"] body.hm-frontpage .hm-teachers,
html[data-hep-theme="dark"] body.hm-frontpage .hm-features{
    background:#0d1727 !important;
    background-color:#0d1727 !important;
    background-image:none !important;
    border-color:#263b54 !important;
    color:#e7eef8 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-section-head,
html[data-hep-theme="dark"] body.hm-frontpage .hm-section-head h2,
html[data-hep-theme="dark"] body.hm-frontpage .hm-section-head h3{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-section-head > span{
    color:#76adff !important;
}

/* BRANŞLAR */
html[data-hep-theme="dark"] body.hm-frontpage .hm-subject-card{
    background:#122036 !important;
    background-color:#122036 !important;
    background-image:none !important;
    border-color:#314b68 !important;
    color:#e7eef8 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-subject-card:hover{
    background:#172a43 !important;
    border-color:#45698f !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-subject-card strong{
    color:#ffffff !important;
}

/* SINIF SEÇİMİ */
html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row{
    background:#0d1727 !important;
    border-color:#263b54 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row a,
html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row button{
    background:#122036 !important;
    border-color:#314b68 !important;
    color:#dce8f5 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row a:hover,
html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row button:hover{
    background:#1a304b !important;
    border-color:#4a6c92 !important;
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row .active,
html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row .selected,
html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row [aria-current="true"],
html[data-hep-theme="dark"] body.hm-frontpage .hm-grade-row [aria-pressed="true"]{
    background:#174f96 !important;
    border-color:#4d83c1 !important;
    color:#ffffff !important;
}

/* ÖĞRETMENLER */
html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-card{
    background:#122036 !important;
    background-color:#122036 !important;
    background-image:none !important;
    border-color:#314b68 !important;
    color:#e5edf7 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-card:hover{
    background:#16273e !important;
    border-color:#426181 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-card h2,
html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-card h3,
html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-card strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-card p,
html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-card small{
    color:#aebed2 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-teacher-link{
    color:#8fc0ff !important;
}

/* SADECE CANLI DERS DEĞİL */
html[data-hep-theme="dark"] body.hm-frontpage .hm-feature-grid article{
    background:#122036 !important;
    background-color:#122036 !important;
    background-image:none !important;
    border-color:#314b68 !important;
    color:#e5edf7 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-feature-grid article h3,
html[data-hep-theme="dark"] body.hm-frontpage .hm-feature-title-link{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-feature-grid article p{
    color:#aebed2 !important;
}

/* CANLI DERS / ONLINE TEST TANITIM KARTLARI */
html[data-hep-theme="dark"] body.hm-frontpage .hm-home-live-card,
html[data-hep-theme="dark"] body.hm-frontpage .hm-home-exam-card{
    background:#122036 !important;
    border-color:#314b68 !important;
    color:#e5edf7 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-home-live-card strong,
html[data-hep-theme="dark"] body.hm-frontpage .hm-home-exam-card strong{
    color:#ffffff !important;
}

/* İSTATİSTİK */
html[data-hep-theme="dark"] body.hm-frontpage .hm-stats{
    background:#0b1423 !important;
    border-color:#263b54 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-stats-grid > div{
    background:#143464 !important;
    border-color:#325a8b !important;
    color:#dceaff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-stats-grid strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-stats-grid span{
    color:#bfd0e6 !important;
}

/* ALT / FOOTER */
html[data-hep-theme="dark"] body.hm-frontpage .hm-footer{
    background:#081221 !important;
    border-color:#263b54 !important;
    color:#aebed2 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-footer h3,
html[data-hep-theme="dark"] body.hm-frontpage .footer-brand{
    color:#ffffff !important;
}

/* Public Moodle native içerik alanı varsa beyaz kalmasın */
html[data-hep-theme="dark"] body.hm-frontpage .hm-native-frontpage-content,
html[data-hep-theme="dark"] body.hm-frontpage .course-content,
html[data-hep-theme="dark"] body.hm-frontpage .block{
    background:#122036 !important;
    border-color:#314b68 !important;
    color:#e5edf7 !important;
}

/* HEP PUBLIC HOME DARK V1 END */

/* HEP PUBLIC TEACHER TABLE LAYOUT V1 START */

/* ==========================================================================
   HEP ONLINE · PUBLIC ÜCRETSİZ TANITIM ALANI
   1) Öğretmen görseli dengesi
   2) Kompakt tanıtım kartı
   3) Şematik 10 koltuklu masa
   ========================================================================== */

/* ---------- ÖĞRETMEN GÖRSELİ / ÜST TANITIM ---------- */

#hm-free-tables .hm-section-head.inline{
    grid-template-columns:minmax(0,1fr) minmax(260px,360px) !important;
    gap:30px !important;
}

#hm-free-tables .hm-section-head.inline > div:first-child{
    min-width:0 !important;
}

#hm-free-tables .hm-free-intro-visual-t3{
    width:min(100%,330px) !important;
    max-width:330px !important;
    justify-self:end !important;
    margin-left:auto !important;
    margin-right:0 !important;
    transform:translateX(18px) !important;
}

#hm-free-tables .hm-free-intro-visual-t3 img{
    width:100% !important;
    max-width:320px !important;
    height:auto !important;
    object-fit:contain !important;
}

/* ---------- TEK MASA KARTINI KOMPAKTLAŞTIR ---------- */

#hm-free-tables .hm-free-intro-feed.is-single{
    grid-template-columns:minmax(0,480px) !important;
    justify-content:center !important;
}

#hm-free-tables .hep-free-home-card-v21,
#hm-free-tables .hepft-card.hep-free-home-card-v21{
    width:100% !important;
    max-width:480px !important;
    min-height:0 !important;
    padding:16px !important;
    border-radius:18px !important;
}

/* JS başarıyla masa görünümünü oluşturduğunda eski doluluk bloğunu gizle.
   JS çalışmazsa eski kapasite bilgisi görünmeye devam eder. */
#hm-free-tables .hep-free-home-card-v21.hep-table-layout-ready .hepft-capacity{
    display:none !important;
}

/* ---------- ŞEMATİK MASA ---------- */

#hm-free-tables .hep-public-table-v1{
    width:min(100%,410px);
    margin:14px auto 12px;
    display:grid;
    grid-template-rows:auto auto auto;
    gap:8px;
}

#hm-free-tables .hep-public-table-seatrow{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    padding:0 13px;
}

#hm-free-tables .hep-public-table-seat{
    min-width:0;
    min-height:34px;
    display:grid;
    place-items:center;
    border:1px solid #ccd9e8;
    border-radius:9px;
    background:#f7faff;
    color:#8293a9;
    font-size:11px;
    font-weight:800;
    line-height:1;
    box-shadow:0 3px 8px rgba(13,58,115,.04);
}

#hm-free-tables .hep-public-table-seat::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c8d4e2;
    box-shadow:0 0 0 3px #edf3f8;
}

#hm-free-tables .hep-public-table-seat.is-filled{
    border-color:#79a9e7;
    background:#eaf3ff;
    color:#0d3a73;
}

#hm-free-tables .hep-public-table-seat.is-filled::before{
    background:#2f74d0;
    box-shadow:0 0 0 3px #dbeaff;
}

#hm-free-tables .hep-public-table-desk{
    min-height:76px;
    margin:0;
    padding:12px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border:1px solid #c7d6e7;
    border-radius:22px;
    background:
        linear-gradient(180deg,#eef5fc 0%,#e1ebf6 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 10px 22px rgba(13,58,115,.08);
    color:#173b66;
}

#hm-free-tables .hep-public-table-deskcopy{
    min-width:0;
    display:grid;
    gap:3px;
}

#hm-free-tables .hep-public-table-deskcopy strong{
    color:#082b61;
    font-size:14px;
    line-height:1.2;
}

#hm-free-tables .hep-public-table-deskcopy span{
    color:#607792;
    font-size:11px;
    font-weight:650;
}

#hm-free-tables .hep-public-table-count{
    flex:0 0 auto;
    display:inline-grid;
    place-items:center;
    min-width:58px;
    height:36px;
    padding:0 10px;
    border-radius:999px;
    background:#0d3a73;
    color:#fff;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

#hm-free-tables .hep-public-table-legend{
    margin-top:2px;
    display:flex;
    justify-content:center;
    gap:14px;
    color:#71849b;
    font-size:10px;
    font-weight:700;
}

#hm-free-tables .hep-public-table-legend span{
    display:inline-flex;
    align-items:center;
    gap:5px;
}

#hm-free-tables .hep-public-table-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#c8d4e2;
}

#hm-free-tables .hep-public-table-dot.is-filled{
    background:#2f74d0;
}

/* Kart butonları yeni kompakt kartta düzgün kalsın. */
#hm-free-tables .hep-free-home-card-v21 .hepft-actions,
#hm-free-tables .hep-free-home-card-v21 [class*="action"]{
    gap:8px !important;
}

/* ---------- KOYU MOD ---------- */

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hepft-card.hep-free-home-card-v21{
    background:#122036 !important;
    border-color:#314b68 !important;
    color:#e5edf7 !important;
    box-shadow:0 10px 26px rgba(0,0,0,.16) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 h1,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 h2,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 h3,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 p,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 small,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 span{
    color:#b8c7d9;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat{
    border-color:#354c67;
    background:#0e1929;
    color:#8fa3bd;
    box-shadow:none;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat::before{
    background:#53677f;
    box-shadow:0 0 0 3px #17263a;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat.is-filled{
    border-color:#477dbf;
    background:#17345a;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat.is-filled::before{
    background:#69a7f4;
    box-shadow:0 0 0 3px #203f67;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-desk{
    border-color:#3c5878;
    background:linear-gradient(180deg,#1b3555 0%,#152b48 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 10px 22px rgba(0,0,0,.14);
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-deskcopy strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-deskcopy span,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-legend{
    color:#9fb2c9 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-count{
    background:#ff742f;
    color:#ffffff !important;
}

/* ---------- TABLET ---------- */

@media (max-width:900px){
    #hm-free-tables .hm-section-head.inline{
        grid-template-columns:minmax(0,1fr) minmax(235px,300px) !important;
        gap:22px !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3{
        width:min(100%,285px) !important;
        max-width:285px !important;
        transform:translateX(10px) !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3 img{
        max-width:275px !important;
    }
}

/* ---------- MOBİL ---------- */

@media (max-width:700px){
    #hm-free-tables .hm-section-head.inline{
        grid-template-columns:1fr !important;
        align-items:start !important;
        gap:14px !important;
        margin-bottom:18px !important;
    }

    #hm-free-tables .hm-section-head.inline > div:first-child{
        width:100% !important;
        max-width:none !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3{
        width:min(78vw,270px) !important;
        max-width:270px !important;
        justify-self:end !important;
        align-self:start !important;
        margin:0 0 0 auto !important;
        transform:translateX(4px) !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3 img{
        width:100% !important;
        max-width:260px !important;
        margin-left:auto !important;
        margin-right:0 !important;
    }

    #hm-free-tables .hm-free-intro-feed.is-single{
        grid-template-columns:minmax(0,1fr) !important;
    }

    #hm-free-tables .hep-free-home-card-v21,
    #hm-free-tables .hepft-card.hep-free-home-card-v21{
        max-width:100% !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    #hm-free-tables .hep-public-table-v1{
        width:100%;
        margin:12px auto 10px;
        gap:7px;
    }

    #hm-free-tables .hep-public-table-seatrow{
        gap:5px;
        padding:0 5px;
    }

    #hm-free-tables .hep-public-table-seat{
        min-height:30px;
        border-radius:8px;
    }

    #hm-free-tables .hep-public-table-desk{
        min-height:68px;
        padding:10px 12px;
        border-radius:18px;
    }

    #hm-free-tables .hep-public-table-deskcopy strong{
        font-size:13px;
    }

    #hm-free-tables .hep-public-table-count{
        min-width:54px;
        height:34px;
    }
}

@media (max-width:390px){
    #hm-free-tables .hm-free-intro-visual-t3{
        width:min(74vw,245px) !important;
        max-width:245px !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3 img{
        max-width:238px !important;
    }

    #hm-free-tables .hep-public-table-seatrow{
        padding:0 2px;
        gap:4px;
    }

    #hm-free-tables .hep-public-table-seat{
        min-height:28px;
    }
}

/* HEP PUBLIC TEACHER TABLE LAYOUT V1 END */

/* HEP PUBLIC TEACHER TABLE VISUAL DARK TUNE V11 START */

/* ================================================================
   HEP ONLINE · PUBLIC TEACHER/TABLE VISUAL TUNING V1.1
   - Koyu mod okunabilirlik artırımı
   - Öğretmen görseli hizalama / ölçek ince ayarı
   ================================================================ */

/* ---------- Öğretmen görseli: biraz daha oturmuş dursun ---------- */

#hm-free-tables .hm-section-head.inline{
    gap:34px !important;
}

#hm-free-tables .hm-free-intro-visual-t3{
    width:min(100%,302px) !important;
    max-width:302px !important;
    justify-self:end !important;
    align-self:center !important;
    margin:0 0 0 auto !important;
    transform:translateX(24px) translateY(-4px) !important;
}

#hm-free-tables .hm-free-intro-visual-t3 img{
    width:100% !important;
    max-width:294px !important;
    height:auto !important;
    object-fit:contain !important;
    filter:drop-shadow(0 12px 24px rgba(13,58,115,.10));
}

/* Altındaki link biraz daha belirgin olsun */
#hm-free-tables .hm-free-intro-visual-t3 a{
    font-weight:800 !important;
}

/* ---------- Açık mod kart içi küçük parçalar biraz netleşsin ---------- */

#hm-free-tables .hep-public-table-deskcopy span{
    color:#5f7692 !important;
    font-size:11px !important;
    font-weight:700 !important;
}

#hm-free-tables .hep-public-table-legend{
    gap:16px !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#5e7390 !important;
}

#hm-free-tables .hep-public-table-legend span{
    color:#5e7390 !important;
}

#hm-free-tables .hep-public-table-seat{
    min-height:36px !important;
    border-color:#bfd0e3 !important;
    background:#f8fbff !important;
}

#hm-free-tables .hep-public-table-seat::before{
    background:#bccbda !important;
    box-shadow:0 0 0 3px #eef4fa !important;
}

#hm-free-tables .hep-public-table-seat.is-filled{
    border-color:#5c95dd !important;
    background:#ecf4ff !important;
}

#hm-free-tables .hep-public-table-seat.is-filled::before{
    background:#2f74d0 !important;
    box-shadow:0 0 0 3px #dbe8fb !important;
}

/* Olası küçük rozet/chip sınıfları için güvenli genel iyileştirme */
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-meta > span,
#hm-free-tables .hep-free-home-card-v21 .hepft-meta > span,
#hm-free-tables .hep-free-home-card-v21 .tag,
#hm-free-tables .hep-free-home-card-v21 .pill{
    background:#f3f6fa !important;
    border:1px solid #d8e1ec !important;
    color:#334d69 !important;
}

/* ---------- KOYU MOD okunabilirlik ---------- */

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hm-free-intro-visual-t3{
    transform:translateX(24px) translateY(-6px) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hm-free-intro-visual-t3 img{
    filter:drop-shadow(0 16px 28px rgba(0,0,0,.34)) saturate(1.02) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hm-free-intro-visual-t3 a{
    color:#9ec0ff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hepft-card.hep-free-home-card-v21{
    background:#172842 !important;
    border-color:#506b89 !important;
    box-shadow:
        0 12px 30px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.02) !important;
}

/* Başlık ve ana metin kontrastı */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 h1,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 h2,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 h3,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 p,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 small{
    color:#d4deeb !important;
}

/* Karttaki küçük span'lerin çoğu daha okunur olsun */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 span{
    color:#d9e4f1;
}

/* Üst açık bej başlık şeridi daha net */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge{
    background:#ecdccf !important;
    color:#6b3c19 !important;
    border-color:#eddccf !important;
}

/* Olası chip / badge alanları */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-meta > span,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-meta > span,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .tag,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .pill{
    background:#243a57 !important;
    border:1px solid #506a88 !important;
    color:#eef4fb !important;
}

/* Masa içi açıklama / legend / küçük detaylar */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-desk{
    border-color:#5b7aa2 !important;
    background:linear-gradient(180deg,#254368 0%,#1d3657 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 22px rgba(0,0,0,.16) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-deskcopy strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-deskcopy span{
    color:#dce7f4 !important;
    font-size:11px !important;
    font-weight:700 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-count{
    background:#ff7b37 !important;
    color:#ffffff !important;
    box-shadow:0 4px 12px rgba(255,123,55,.26) !important;
}

/* Boş/dolu koltuk kontrastı */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat{
    border-color:#516c8a !important;
    background:#122236 !important;
    color:#9bb0ca !important;
    box-shadow:none !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat::before{
    background:#7d95b1 !important;
    box-shadow:0 0 0 3px #20334c !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat.is-filled{
    border-color:#79abe7 !important;
    background:#28527e !important;
    color:#eef5ff !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-seat.is-filled::before{
    background:#a2d0ff !important;
    box-shadow:0 0 0 3px #33597d !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-legend,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-legend span{
    color:#dce7f4 !important;
    font-size:11px !important;
    font-weight:800 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-dot{
    background:#91a7c3 !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-public-table-dot.is-filled{
    background:#9ed1ff !important;
}

/* Kart butonları koyu modda daha net */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .btn,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 a.btn,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 button{
    border-color:#6485ad !important;
}

/* ---------- Tablet/Mobil küçük ince ayar ---------- */

@media (max-width:900px){
    #hm-free-tables .hm-free-intro-visual-t3{
        width:min(100%,286px) !important;
        max-width:286px !important;
        transform:translateX(12px) translateY(-2px) !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3 img{
        max-width:278px !important;
    }
}

@media (max-width:700px){
    #hm-free-tables .hm-free-intro-visual-t3{
        width:min(76vw,248px) !important;
        max-width:248px !important;
        transform:translateX(2px) translateY(0) !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3 img{
        max-width:242px !important;
    }

    #hm-free-tables .hep-public-table-legend{
        justify-content:center !important;
    }
}

@media (max-width:390px){
    #hm-free-tables .hm-free-intro-visual-t3{
        width:min(72vw,230px) !important;
        max-width:230px !important;
    }

    #hm-free-tables .hm-free-intro-visual-t3 img{
        max-width:225px !important;
    }
}

/* HEP PUBLIC TEACHER TABLE VISUAL DARK TUNE V11 END */

/* HEP PUBLIC TABLE BADGE CONTRAST FIX V1 START */

/* Masanın üstündeki başlık şeridi daha okunaklı olsun */
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge,
#hm-free-tables .hep-free-home-card-v21 .hepft-badge{
    color:#d96818 !important;
    font-weight:900 !important;
    letter-spacing:.4px !important;
}

/* Koyu modda özellikle daha net görünsün */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge{
    background:#f1e2d6 !important;
    color:#c85a11 !important;
    border-color:#f1e2d6 !important;
    text-shadow:none !important;
    opacity:1 !important;
}

/* Bazı yapılarda badge kapsayıcının içindeki span yazıyı da zorla netleştir */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge *,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge *{
    color:#c85a11 !important;
    opacity:1 !important;
}

/* HEP PUBLIC TABLE BADGE CONTRAST FIX V1 END */

/* HEP PUBLIC DARK LOGO CARDHEADER FIX V1 START */

/* ================================================================
   HEP ONLINE · KOYU MOD LOGO + KART ÜST ŞERİT DÜZELTMESİ
   ================================================================ */

/* ---------- KOYU MOD LOGO GÖRÜNÜRLÜĞÜ ---------- */
/* Amaç: HEP logosu koyu zeminde kaybolmasın.
   Güvenli yaklaşım: logo kapsayıcısına açık arka plan ver. */

html[data-hep-theme="dark"] body.hm-frontpage .hm-header .hm-brand,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header .hm-logo,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header .navbar-brand,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header a.hm-brand,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header a.hm-logo{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 12px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.97) !important;
    border:1px solid rgba(211,223,238,.95) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage .hm-header .hm-brand img,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header .hm-logo img,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header .navbar-brand img,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header a.hm-brand img,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header a.hm-logo img{
    display:block !important;
    max-height:48px !important;
    width:auto !important;
    filter:none !important;
}

/* Logo görseli doğrudan header içinde ise yine görünürlüğü koru */
html[data-hep-theme="dark"] body.hm-frontpage .hm-header img.hm-logo,
html[data-hep-theme="dark"] body.hm-frontpage .hm-header .site-logo{
    background:rgba(255,255,255,.97) !important;
    border:1px solid rgba(211,223,238,.95) !important;
    border-radius:14px !important;
    padding:8px 12px !important;
    box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
}

/* ---------- MASA KARTI ÜST ŞERİDİ KOYU MODA UYUMLU OLSUN ---------- */
/* Önceki açık/bej görünümü koyu moda uygun koyu lacivert-çelik tona çeviriyoruz. */

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge{
    background:linear-gradient(180deg,#2a4261 0%,#223754 100%) !important;
    border:1px solid #5a789d !important;
    color:#dce9f8 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* Badge içindeki yazı açık ve belirgin olsun */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge *,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge *{
    color:#dce9f8 !important;
    opacity:1 !important;
    text-shadow:none !important;
}

/* Eğer badge yazısı doğrudan element içinde ise onu da güçlendir */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge{
    font-weight:900 !important;
    letter-spacing:.45px !important;
}

/* HEP PUBLIC DARK LOGO CARDHEADER FIX V1 END */

/* HEP PUBLIC TABLE BADGE DARKBG FIX V1 START */

/* ================================================================
   HEP ONLINE · ÜCRETSİZ TANITIM MASASI ÜST ŞERİT KOYU MOD DÜZELTMESİ
   Amaç: Açık kalan başlık şeridini koyu tona çevirip yazıyı görünür yapmak
   ================================================================ */

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge{
    background:#294463 !important;
    background-image:none !important;
    border:1px solid #6482a8 !important;
    color:#edf4fd !important;
    opacity:1 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 2px 6px rgba(0,0,0,.10) !important;
}

/* İçeride span / strong / small vb. varsa hepsini zorla açık renge getir */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge *,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge *{
    color:#edf4fd !important;
    -webkit-text-fill-color:#edf4fd !important;
    opacity:1 !important;
    text-shadow:none !important;
}

/* Yazı doğrudan badge üzerinde ise onu da güçlendir */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-badge,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-badge{
    font-weight:900 !important;
    letter-spacing:.45px !important;
}

/* Bazı yapılarda şerit kapsayıcısı farklı isimle gelebilir */
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-topbar,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hm-free-intro-topbar,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 .hepft-ribbon{
    background:#294463 !important;
    background-image:none !important;
    border-color:#6482a8 !important;
    color:#edf4fd !important;
}

/* HEP PUBLIC TABLE BADGE DARKBG FIX V1 END */

/* HEP PUBLIC TABLE KICKER DARK FIX V11 START */

/* Exact Scan V2 ile doğrulanan gerçek üst şerit:
   article.hepft-card > span.hepft-kicker */

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables article.hepft-card > span.hepft-kicker,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 > span.hepft-kicker{
    background:#243a57 !important;
    background-image:none !important;
    border:1px solid #55779e !important;
    color:#ff9a5f !important;
    -webkit-text-fill-color:#ff9a5f !important;
    opacity:1 !important;
    font-weight:900 !important;
    letter-spacing:.45px !important;
    text-shadow:none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 2px 7px rgba(0,0,0,.12) !important;
}

html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables article.hepft-card > span.hepft-kicker *,
html[data-hep-theme="dark"] body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 > span.hepft-kicker *{
    color:#ff9a5f !important;
    -webkit-text-fill-color:#ff9a5f !important;
    opacity:1 !important;
}

/* Açık tema kesinlikle mevcut görünümünü korusun. */
html:not([data-hep-theme="dark"]) body.hm-frontpage
#hm-free-tables article.hepft-card > span.hepft-kicker,
html:not([data-hep-theme="dark"]) body.hm-frontpage
#hm-free-tables .hep-free-home-card-v21 > span.hepft-kicker{
    background:#fff1e6 !important;
    background-image:none !important;
    color:#d96818 !important;
    -webkit-text-fill-color:#d96818 !important;
}

/* HEP PUBLIC TABLE KICKER DARK FIX V11 END */

/* HEP PUBLIC TABLE KICKER CENTER FIX V1 START */

/* Gerçek üst şerit: span.hepft-kicker
   İstek: turuncu yazıyı ortala */

#hm-free-tables article.hepft-card > span.hepft-kicker,
#hm-free-tables .hep-free-home-card-v21 > span.hepft-kicker{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

#hm-free-tables article.hepft-card > span.hepft-kicker *,
#hm-free-tables .hep-free-home-card-v21 > span.hepft-kicker *{
    text-align:center !important;
}

/* HEP PUBLIC TABLE KICKER CENTER FIX V1 END */

/* HEP PLATFORM DEMO DARK MODE V1 START */

/* ==========================================================================
   HEP ONLINE · PLATFORMU İNCELE / DEMO
   Scan ile doğrulanan body:
   body.hep-public-demo-page
   ========================================================================== */

/* ---------- GENEL SAYFA ZEMİNİ ---------- */

html[data-hep-theme="dark"] body.hep-public-demo-page{
    background:#0b1728 !important;
    color:#dce7f4 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-shell,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-main{
    background:#0b1728 !important;
    color:#dce7f4 !important;
}

/* ---------- HEADER / NAV ---------- */

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-header{
    background:#0d1b2d !important;
    border-color:#2d4664 !important;
    box-shadow:0 1px 0 rgba(255,255,255,.02) !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-nav a{
    color:#c8d5e5 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-nav a:hover,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-nav a.active{
    color:#ffffff !important;
}

/* Logo koyu header üzerinde kaybolmasın. */
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-header .hep-public-brand,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-header .hep-public-logo,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-header .navbar-brand{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:7px 11px !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.97) !important;
    border:1px solid #d4dfec !important;
    box-shadow:0 7px 20px rgba(0,0,0,.14) !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-header img{
    filter:none !important;
}

/* ---------- HERO ---------- */

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-hero-grid{
    color:#dce7f4 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-hero-grid h1{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-hero-grid p{
    color:#b5c5d9 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-kicker{
    color:#72aef7 !important;
}

/* Hero bölümünün sağındaki demo pencere/kapsayıcı.
   Scan'de hero grid iki kolonlu; son çocuk öğrenci panelini taşır. */
html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-demo-hero-grid > :last-child{
    background:#122238 !important;
    border-color:#334f70 !important;
    box-shadow:0 18px 40px rgba(0,0,0,.20) !important;
}

/* ---------- ÖĞRENCİ DEMO PANELİ ---------- */

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel{
    background:#13253d !important;
    color:#dce7f4 !important;
    border-color:#334f70 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel strong,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel h2,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel h3{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel p,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel span,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel small{
    color:#b7c7da !important;
}

/* Panel içindeki açık dashboard kutularını koyulaştır.
   Mevcut markup'ta bu elemanlar sınıfsız/nested div olarak gelebiliyor. */
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel > div{
    border-color:#314c6b !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-demo-panel > div > div{
    background:#1a2d47 !important;
    border-color:#355273 !important;
    color:#dce7f4 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-demo-panel > div > div strong{
    color:#8db8ff !important;
}

/* Açık gri progress/skeleton çizgileri koyu modda yumuşak mavi-gri olsun. */
html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-demo-panel [class*="bar"],
html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-demo-panel [class*="line"],
html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-demo-panel [class*="progress"]{
    background:#2a405d !important;
    border-color:#3a5576 !important;
}

/* ---------- SİSTEM ÖZETİ ---------- */

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-section{
    background:#0d1b2d !important;
    color:#dce7f4 !important;
    border-color:#2d4664 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-section-head{
    color:#dce7f4 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-section-head h2{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-section-head > span,
html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-section-head > small{
    color:#72aef7 !important;
}

/* Scan ile doğrulanan 4 istatistik kartı:
   .hep-public-stat-grid > div */
html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-public-stat-grid > div{
    background:#15263c !important;
    border:1px solid #334f70 !important;
    color:#dce7f4 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02),
        0 8px 20px rgba(0,0,0,.10) !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-public-stat-grid > div strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-public-stat-grid > div span,
html[data-hep-theme="dark"] body.hep-public-demo-page
.hep-public-stat-grid > div small{
    color:#aebfd3 !important;
}

/* ---------- ORTAK CTA / BUTONLAR ---------- */

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-secondary{
    background:#122238 !important;
    border-color:#4c688b !important;
    color:#e5eef9 !important;
}

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-primary{
    color:#ffffff !important;
}

/* ---------- FOOTER ---------- */

html[data-hep-theme="dark"] body.hep-public-demo-page .hep-public-footer{
    background:#091421 !important;
    border-color:#2b4059 !important;
    color:#aebfd3 !important;
}

/* ---------- MOBİL ---------- */

@media (max-width:700px){
    html[data-hep-theme="dark"] body.hep-public-demo-page
    .hep-demo-hero-grid > :last-child{
        box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
    }

    html[data-hep-theme="dark"] body.hep-public-demo-page
    .hep-public-stat-grid > div{
        box-shadow:none !important;
    }
}

/* HEP PLATFORM DEMO DARK MODE V1 END */

/* HEP ABOUT CONTACT PAGES V1 START */

/* ==========================================================================
   HEP ONLINE · HAKKIMIZDA + İLETİŞİM
   Merkezi public UI
   ========================================================================== */

body.hep-public-about-page,
body.hep-public-contact-page{
    background:#ffffff;
    color:#15233d;
}

body.hep-public-about-page .hep-ac-main,
body.hep-public-contact-page .hep-ac-main{
    background:#ffffff;
}

.hep-ac-main{
    min-height:70vh;
}

.hep-ac-hero{
    padding:86px 0 72px;
    background:
        radial-gradient(circle at 78% 24%, rgba(43,101,190,.09), transparent 28%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
    border-bottom:1px solid #e7edf5;
}

.hep-ac-hero-inner{
    max-width:950px;
}

.hep-ac-kicker{
    display:inline-block;
    color:#2d67cf;
    font-size:12px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:1.4px;
}

.hep-ac-hero h1{
    max-width:900px;
    margin:14px 0 18px;
    color:#0b2a5b;
    font-size:clamp(38px,5vw,64px);
    line-height:1.04;
    letter-spacing:-1.8px;
}

.hep-ac-hero p{
    max-width:790px;
    margin:0 0 10px;
    color:#5d708a;
    font-size:16px;
    line-height:1.75;
}

.hep-ac-hero .hep-ac-lead{
    color:#324d70;
    font-size:18px;
    font-weight:650;
}

.hep-ac-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:26px;
}

.hep-ac-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border-radius:10px;
    border:1px solid transparent;
    text-decoration:none !important;
    font-size:13px;
    font-weight:850;
    transition:.18s ease;
}

.hep-ac-btn-primary{
    background:#ff6f2c;
    color:#fff !important;
    box-shadow:0 8px 20px rgba(255,111,44,.18);
}

.hep-ac-btn-primary:hover{
    transform:translateY(-1px);
    background:#f6621e;
}

.hep-ac-btn-secondary{
    background:#fff;
    border-color:#cbd8e8;
    color:#0d3a73 !important;
}

.hep-ac-btn-secondary:hover{
    border-color:#9fb5cf;
    background:#f8fbff;
}

.hep-ac-section{
    padding:72px 0;
}

.hep-ac-section-soft{
    background:#f7faff;
    border-top:1px solid #e7edf5;
    border-bottom:1px solid #e7edf5;
}

.hep-ac-section-head{
    max-width:760px;
    margin-bottom:28px;
}

.hep-ac-section-head h2,
.hep-ac-cta h2,
.hep-contact-info h2{
    margin:8px 0 10px;
    color:#0b2a5b;
    font-size:clamp(28px,3.2vw,42px);
    line-height:1.12;
    letter-spacing:-.7px;
}

.hep-ac-section-head p,
.hep-ac-cta p,
.hep-contact-info p{
    color:#657993;
    line-height:1.7;
}

.hep-ac-feature-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}

.hep-ac-value-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:24px;
}

.hep-contact-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.hep-ac-card{
    padding:24px;
    border:1px solid #dfe7f1;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 8px 24px rgba(12,48,91,.05);
}

.hep-ac-card h3{
    margin:12px 0 8px;
    color:#0b2a5b;
    font-size:18px;
}

.hep-ac-card p{
    margin:0;
    color:#687b93;
    font-size:13px;
    line-height:1.65;
}

.hep-ac-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#edf4ff;
    color:#2e68cf;
    font-size:20px;
    font-weight:900;
}

.hep-ac-feature-grid .hep-ac-card:nth-child(2) .hep-ac-icon{
    background:#e9f8f2;
    color:#16805f;
}

.hep-ac-feature-grid .hep-ac-card:nth-child(3) .hep-ac-icon{
    background:#fff1e7;
    color:#ef6c2c;
}

.hep-ac-feature-grid .hep-ac-card:nth-child(4) .hep-ac-icon{
    background:#f0edff;
    color:#6d54d7;
}

.hep-ac-feature-grid .hep-ac-card:nth-child(5) .hep-ac-icon{
    background:#e9f8f7;
    color:#188d91;
}

.hep-ac-quote{
    padding:26px 30px;
    border-left:4px solid #ff6f2c;
    border-radius:0 16px 16px 0;
    background:#fff;
    color:#34506f;
    font-size:17px;
    line-height:1.75;
    box-shadow:0 8px 24px rgba(12,48,91,.04);
}

.hep-ac-stat-band{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
    border-radius:18px;
    background:#123e78;
    box-shadow:0 14px 34px rgba(13,58,115,.12);
}

.hep-ac-stat-band > div{
    min-height:112px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:5px;
    border-right:1px solid rgba(255,255,255,.16);
    color:#fff;
    text-align:center;
}

.hep-ac-stat-band > div:last-child{
    border-right:0;
}

.hep-ac-stat-band strong{
    color:#fff;
    font-size:28px;
    line-height:1;
}

.hep-ac-stat-band span{
    color:#cbdcf1;
    font-size:12px;
}

.hep-ac-cta-section{
    padding-top:24px;
}

.hep-ac-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:34px;
    border:1px solid #dce7f3;
    border-radius:22px;
    background:#f4f8fd;
}

.hep-ac-cta > div:first-child{
    max-width:720px;
}

.hep-ac-cta .hep-ac-actions{
    flex:0 0 auto;
    margin-top:0;
}

/* Contact */

.hep-contact-card{
    display:flex;
    min-height:280px;
    flex-direction:column;
}

.hep-contact-card .hep-ac-text-link{
    margin-top:auto;
}

.hep-ac-text-link{
    display:inline-block;
    color:#0d4b95 !important;
    font-size:13px;
    font-weight:850;
    text-decoration:none !important;
}

.hep-ac-text-link:hover{
    color:#ff6f2c !important;
}

.hep-contact-mini-links{
    display:grid;
    gap:8px;
    margin-top:auto;
}

.hep-contact-info{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:26px;
    align-items:center;
}

.hep-contact-note{
    padding:26px;
    border:1px solid #dce7f3;
    border-radius:18px;
    background:#fff;
}

.hep-contact-note strong{
    color:#0b2a5b;
    font-size:17px;
}

.hep-contact-note p{
    margin-bottom:0;
}

/* Aktif nav: route bazlı */
body.hep-public-about-page .hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"],
body.hep-public-contact-page .hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]{
    color:#0d3a73 !important;
    font-weight:850 !important;
}

body.hep-public-about-page .hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"]::after,
body.hep-public-contact-page .hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]::after{
    opacity:1 !important;
    transform:scaleX(1) !important;
}

/* ---------- KOYU MOD ---------- */

html[data-hep-theme="dark"] body.hep-public-about-page,
html[data-hep-theme="dark"] body.hep-public-contact-page,
html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-main,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-main{
    background:#0b1728 !important;
    color:#dce7f4 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-hero,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-hero{
    background:
        radial-gradient(circle at 78% 24%, rgba(59,122,214,.13), transparent 30%),
        linear-gradient(180deg,#102039 0%,#0d1a2c 100%) !important;
    border-color:#29435f !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-kicker,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-kicker{
    color:#77b0f7 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-hero h1,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-hero h1,
html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-section-head h2,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-section-head h2,
html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-cta h2,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-cta h2,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-contact-info h2{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-hero p,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-hero p,
html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-section-head p,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-section-head p,
html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-cta p,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-cta p,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-contact-info p{
    color:#b6c6d9 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-hero .hep-ac-lead,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-hero .hep-ac-lead{
    color:#d9e5f3 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-section-soft,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-section-soft{
    background:#0e1d30 !important;
    border-color:#29435f !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-card,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-card,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-contact-note{
    background:#152842 !important;
    border-color:#3b5878 !important;
    box-shadow:0 10px 26px rgba(0,0,0,.13) !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-card h3,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-card h3,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-contact-note strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-card p,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-card p,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-contact-note p{
    color:#b4c5d8 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-quote{
    background:#14263e !important;
    color:#d4e1ef !important;
    border-left-color:#ff7b37 !important;
    box-shadow:none !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-cta,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-cta{
    background:#13243a !important;
    border-color:#3a5777 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-btn-secondary,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-btn-secondary{
    background:#172b45 !important;
    border-color:#506d90 !important;
    color:#edf4fc !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-text-link,
html[data-hep-theme="dark"] body.hep-public-contact-page .hep-ac-text-link{
    color:#8dbdff !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page .hep-ac-stat-band{
    background:#173f73 !important;
    border:1px solid #385d88 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"],
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]{
    color:#ffffff !important;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width:1050px){
    .hep-ac-feature-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .hep-ac-value-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:800px){
    .hep-ac-hero{
        padding:64px 0 56px;
    }

    .hep-ac-section{
        padding:54px 0;
    }

    .hep-contact-grid{
        grid-template-columns:1fr;
    }

    .hep-contact-card{
        min-height:0;
    }

    .hep-contact-info{
        grid-template-columns:1fr;
    }

    .hep-ac-cta{
        align-items:flex-start;
        flex-direction:column;
    }

    .hep-ac-cta .hep-ac-actions{
        width:100%;
    }
}

@media (max-width:640px){
    .hep-ac-feature-grid,
    .hep-ac-value-grid{
        grid-template-columns:1fr;
    }

    .hep-ac-stat-band{
        grid-template-columns:repeat(2,1fr);
    }

    .hep-ac-stat-band > div{
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .hep-ac-stat-band > div:nth-child(2){
        border-right:0;
    }

    .hep-ac-stat-band > div:nth-child(3),
    .hep-ac-stat-band > div:nth-child(4){
        border-bottom:0;
    }

    .hep-ac-hero h1{
        font-size:36px;
        letter-spacing:-1px;
    }

    .hep-ac-card,
    .hep-ac-cta,
    .hep-contact-note{
        padding:20px;
    }

    .hep-ac-actions{
        width:100%;
    }

    .hep-ac-btn{
        width:100%;
    }
}

/* HEP ABOUT CONTACT PAGES V1 END */

/* HEP ABOUT CONTACT DARK HEADER FIX V1 START */

/* ==========================================================================
   HEP ONLINE · HAKKIMIZDA + İLETİŞİM KOYU MOD HEADER
   ========================================================================== */

html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header{
    background:#0d1b2d !important;
    border-bottom:1px solid #2d4664 !important;
    box-shadow:0 1px 0 rgba(255,255,255,.02) !important;
}

/* Header iç kapsayıcı da açık arka plan taşımamalı. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-container,
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav-wrap,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-container,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav-wrap{
    background:transparent !important;
}

/* Menü yazıları. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a{
    color:#cbd8e7 !important;
    -webkit-text-fill-color:#cbd8e7 !important;
}

/* Hover. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a:hover,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a:hover{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Aktif Hakkımızda / İletişim linki. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a.active,
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a[aria-current="page"],
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"],
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a.active,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a[aria-current="page"],
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:850 !important;
}

/* Aktif link alt çizgisi. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a.active::after,
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a[aria-current="page"]::after,
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"]::after,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a.active::after,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a[aria-current="page"]::after,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]::after{
    background:#ffffff !important;
    opacity:1 !important;
    transform:scaleX(1) !important;
}

/* Ders Talebi butonu mevcut turuncu vurgu olarak kalsın. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-request,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-request{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Giriş / Panelim butonu koyu header üzerinde ayrışsın. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-login,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-login{
    background:#17559c !important;
    border-color:#2c6db5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Logo koyu zeminde net kalsın. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-brand,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-brand{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header .hm-brand img,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header .hm-brand img{
    filter:none !important;
}

/* Mobil açılır menü varsa koyu temaya uysun. */
html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header details,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header details{
    color:#dce7f4 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header details > div,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header details > div{
    background:#122238 !important;
    border-color:#334f70 !important;
}

html[data-hep-theme="dark"] body.hep-public-about-page
.hep-public-shared-header details a,
html[data-hep-theme="dark"] body.hep-public-contact-page
.hep-public-shared-header details a{
    color:#d8e5f3 !important;
}

/* HEP ABOUT CONTACT DARK HEADER FIX V1 END */

/* HEP PUBLIC HEADER STABLE GRID V3 START */

/* ==========================================================================
   HEP ONLINE · PUBLIC HEADER STABLE GRID V3
   Gerçek DOM:
   brand | nav | nav-actions
   Yalnız masaüstü >= 1001px
   ========================================================================== */

@media (min-width:1001px){

    /*
     * Header kabuğu.
     * Mevcut public page fixed/sticky davranışına dokunmuyoruz;
     * yalnız iç yerleşimi tek sistemde sabitliyoruz.
     */
    .hep-public-shared-header{
        background:#0d1b2d !important;
        border-bottom:1px solid #294464 !important;
        box-shadow:0 8px 24px rgba(0,0,0,.14) !important;
    }

    /*
     * GERÇEK direct children:
     * 1) .hm-brand
     * 2) .hm-nav
     * 3) .hm-nav-actions
     *
     * Flex order yerine GRID kullanıyoruz.
     */
    .hep-public-shared-header .hm-container.hm-nav-wrap{
        width:min(calc(100% - 40px),1240px) !important;
        max-width:1240px !important;
        min-height:76px !important;
        height:auto !important;

        margin-left:auto !important;
        margin-right:auto !important;
        padding:9px 0 !important;

        display:grid !important;
        grid-template-columns:184px minmax(0,1fr) max-content !important;
        grid-template-areas:"brand nav actions" !important;
        align-items:center !important;

        column-gap:22px !important;
        row-gap:0 !important;

        overflow:visible !important;
    }

    /* Tüm eski order müdahalelerini sıfırla. */
    .hep-public-shared-header .hm-container.hm-nav-wrap > .hm-brand,
    .hep-public-shared-header .hm-container.hm-nav-wrap > .hm-nav,
    .hep-public-shared-header .hm-container.hm-nav-wrap > .hm-nav-actions{
        order:0 !important;
        position:static !important;
        transform:none !important;
        margin:0 !important;
    }

    /* ---------- LOGO ---------- */

    .hep-public-shared-header .hm-container.hm-nav-wrap > .hm-brand{
        grid-area:brand !important;

        width:184px !important;
        min-width:184px !important;
        max-width:184px !important;
        height:56px !important;
        min-height:56px !important;

        padding:7px 13px !important;

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

        background:#ffffff !important;
        border:1px solid #d8e2ee !important;
        border-radius:14px !important;

        box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
    }

    .hep-public-shared-header .hm-brand img{
        display:block !important;
        width:auto !important;
        max-width:158px !important;
        max-height:40px !important;
        height:auto !important;
        margin:0 auto !important;
        filter:none !important;
    }

    /* ---------- NAV ---------- */

    .hep-public-shared-header .hm-container.hm-nav-wrap > .hm-nav{
        grid-area:nav !important;

        width:100% !important;
        min-width:0 !important;
        height:56px !important;
        min-height:56px !important;

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

        gap:8px !important;

        overflow:visible !important;
    }

    /*
     * Sekmelerin ölçüsü aktif/pasif durumda değişmez.
     * Arka plan yok; yalnız aktif alt çizgi.
     */
    .hep-public-shared-header .hm-nav a{
        position:relative !important;

        flex:0 1 auto !important;

        min-width:0 !important;
        height:40px !important;
        min-height:40px !important;

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

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

        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;

        color:#cbd8e7 !important;
        -webkit-text-fill-color:#cbd8e7 !important;

        font-family:inherit !important;
        font-size:12px !important;
        font-weight:700 !important;
        line-height:1 !important;
        letter-spacing:0 !important;

        white-space:nowrap !important;
        text-decoration:none !important;

        transform:none !important;

        transition:color .16s ease !important;
    }

    .hep-public-shared-header .hm-nav a:hover{
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        transform:none !important;
    }

    .hep-public-shared-header .hm-nav a::before{
        content:none !important;
        display:none !important;
    }

    .hep-public-shared-header .hm-nav a::after{
        content:"" !important;
        display:block !important;

        position:absolute !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;

        width:100% !important;
        height:2px !important;

        background:#ff7a32 !important;
        border-radius:999px !important;

        opacity:0 !important;
        transform:scaleX(.35) !important;
        transform-origin:center !important;

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

    .hep-public-shared-header .hm-nav a.active,
    .hep-public-shared-header .hm-nav a[aria-current="page"]{
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        font-weight:700 !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .hep-public-shared-header .hm-nav a.active::after,
    .hep-public-shared-header .hm-nav a[aria-current="page"]::after,
    body.hep-public-about-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"]::after,
    body.hep-public-contact-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]::after{
        opacity:1 !important;
        transform:scaleX(1) !important;
    }

    body.hep-public-about-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"],
    body.hep-public-contact-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]{
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;

        font-weight:700 !important;
    }

    /* ---------- GERÇEK CTA WRAPPER ---------- */

    .hep-public-shared-header
    .hm-container.hm-nav-wrap > .hm-nav-actions{
        grid-area:actions !important;

        width:max-content !important;
        min-width:max-content !important;
        max-width:none !important;
        height:56px !important;

        padding:0 0 0 18px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:nowrap !important;

        gap:9px !important;

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

        white-space:nowrap !important;
    }

    /* Eski mobil margin-left:auto desktopta sıfırlanır. */
    .hep-public-shared-header .hm-nav-actions{
        margin-left:0 !important;
    }

    .hep-public-shared-header .hm-nav-actions .hm-request,
    .hep-public-shared-header .hm-nav-actions .hm-login{
        flex:0 0 auto !important;

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

        width:auto !important;
        min-width:96px !important;
        max-width:none !important;

        height:40px !important;
        min-height:40px !important;

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

        border-radius:10px !important;

        font-family:inherit !important;
        font-size:11.5px !important;
        font-weight:800 !important;
        line-height:1 !important;

        white-space:nowrap !important;
        text-decoration:none !important;

        transform:none !important;
    }

    .hep-public-shared-header .hm-nav-actions .hm-request{
        background:#ff6f2c !important;
        border:1px solid #ff6f2c !important;
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        box-shadow:0 7px 18px rgba(255,111,44,.18) !important;
    }

    .hep-public-shared-header .hm-nav-actions .hm-login{
        background:#17559c !important;
        border:1px solid #2c6db5 !important;
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        box-shadow:0 7px 18px rgba(10,45,90,.16) !important;
    }

    .hep-public-shared-header .hm-nav-actions .hm-request:hover,
    .hep-public-shared-header .hm-nav-actions .hm-login:hover{
        transform:none !important;
        filter:brightness(1.05) !important;
    }

    /* Yanlış eski pseudo ayraçları kapat. */
    .hep-public-shared-header .hm-request::before,
    .hep-public-shared-header .hm-login::before{
        content:none !important;
        display:none !important;
    }
}

/* ==========================================================================
   COMPACT DESKTOP 1001–1180
   ========================================================================== */

@media (min-width:1001px) and (max-width:1180px){

    .hep-public-shared-header .hm-container.hm-nav-wrap{
        width:min(calc(100% - 24px),1140px) !important;

        grid-template-columns:150px minmax(0,1fr) max-content !important;

        column-gap:12px !important;
    }

    .hep-public-shared-header .hm-container.hm-nav-wrap > .hm-brand{
        width:150px !important;
        min-width:150px !important;
        max-width:150px !important;

        height:52px !important;
        min-height:52px !important;

        padding:6px 9px !important;
    }

    .hep-public-shared-header .hm-brand img{
        max-width:130px !important;
        max-height:36px !important;
    }

    .hep-public-shared-header .hm-container.hm-nav-wrap > .hm-nav{
        height:52px !important;
        min-height:52px !important;

        gap:5px !important;
    }

    .hep-public-shared-header .hm-nav a{
        height:38px !important;
        min-height:38px !important;

        font-size:10.5px !important;
        padding:0 1px !important;
    }

    .hep-public-shared-header
    .hm-container.hm-nav-wrap > .hm-nav-actions{
        height:52px !important;
        padding-left:10px !important;
        gap:6px !important;
    }

    .hep-public-shared-header .hm-nav-actions .hm-request,
    .hep-public-shared-header .hm-nav-actions .hm-login{
        min-width:84px !important;

        height:38px !important;
        min-height:38px !important;

        padding:0 9px !important;

        font-size:10px !important;
    }
}

/*
 * <=1000 px:
 * HİÇBİR YENİ LAYOUT KURALI YOK.
 * Mevcut çalışan mobil hamburger sistemi korunur.
 */

/* HEP PUBLIC HEADER STABLE GRID V3 END */

/* HEP DEMO THEME HEADER SYNC V1 START */

/* ==========================================================================
   1) AKTİF PUBLIC MENÜ ÇİZGİLERİ — TURUNCU VE SABİT
   ========================================================================== */

@media (min-width:1001px){

    body.hep-public-about-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"],

    body.hep-public-contact-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"],

    body.hep-platform-demo-page
    .hep-public-shared-header .hm-nav a[data-hep-pub-key="platform"],

    body.hep-platform-demo-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/demo.php"]{
        position:relative !important;

        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;

        font-weight:700 !important;
    }

    body.hep-public-about-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/about.php"]::after,

    body.hep-public-contact-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/contact.php"]::after,

    body.hep-platform-demo-page
    .hep-public-shared-header .hm-nav a[data-hep-pub-key="platform"]::after,

    body.hep-platform-demo-page
    .hep-public-shared-header .hm-nav a[href$="/local/heprequests/demo.php"]::after{
        content:"" !important;
        display:block !important;

        position:absolute !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;

        width:100% !important;
        height:2px !important;

        background:#ff7a32 !important;
        border-radius:999px !important;

        opacity:1 !important;
        transform:scaleX(1) !important;
    }
}


/* ==========================================================================
   2) DEMO SAYFASI — MERKEZİ PUBLIC HEADER İLE AYNI AKIŞ
   ========================================================================== */

/*
 * Stable Grid V3 merkezi public CSS'te zaten mevcut.
 * Demo sayfası hep_public_ui.css'i sonradan doğrudan yüklediği için
 * aynı .hm-container.hm-nav-wrap grid düzeni burada da devreye girer.
 *
 * Bu bölüm yalnız eski demo/local CSS'ten kalabilecek header override'larını
 * etkisizleştirir.
 */

@media (min-width:1001px){

    body.hep-platform-demo-page
    .hep-public-shared-header .hm-container.hm-nav-wrap{
        position:relative !important;

        display:grid !important;
        grid-template-columns:184px minmax(0,1fr) max-content !important;
        grid-template-areas:"brand nav actions" !important;

        align-items:center !important;

        width:min(calc(100% - 40px),1240px) !important;
        max-width:1240px !important;
        min-height:76px !important;

        margin-left:auto !important;
        margin-right:auto !important;
        padding:9px 0 !important;

        column-gap:22px !important;
        row-gap:0 !important;

        overflow:visible !important;
    }

    body.hep-platform-demo-page
    .hep-public-shared-header
    .hm-container.hm-nav-wrap > .hm-brand{
        grid-area:brand !important;
        order:0 !important;
    }

    body.hep-platform-demo-page
    .hep-public-shared-header
    .hm-container.hm-nav-wrap > .hm-nav{
        grid-area:nav !important;
        order:0 !important;

        width:100% !important;
        min-width:0 !important;

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

        gap:8px !important;
    }

    body.hep-platform-demo-page
    .hep-public-shared-header
    .hm-container.hm-nav-wrap > .hm-nav-actions{
        grid-area:actions !important;
        order:0 !important;

        width:max-content !important;
        min-width:max-content !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:nowrap !important;

        gap:9px !important;

        margin:0 !important;
        padding-left:18px !important;

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


/* ==========================================================================
   3) DEMO SAYFASI — KOYU MOD
   ========================================================================== */

html[data-hep-theme="dark"] body.hep-platform-demo-page{
    background:#091525 !important;
    color:#e9f1fb !important;
}

html[data-hep-theme="dark"] body.hep-platform-demo-page main,
html[data-hep-theme="dark"] body.hep-platform-demo-page .hep-demo-main,
html[data-hep-theme="dark"] body.hep-platform-demo-page .demo-main{
    background:#091525 !important;
    color:#e9f1fb !important;
}

/*
 * Sayfanın büyük bölüm/section arka planlarını koyulaştır.
 * Header kapsam dışında tutulur.
 */
html[data-hep-theme="dark"] body.hep-platform-demo-page
main section,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main > div,
html[data-hep-theme="dark"] body.hep-platform-demo-page
.hep-demo-section,
html[data-hep-theme="dark"] body.hep-platform-demo-page
.demo-section{
    border-color:#294464 !important;
}

/* Hero / açık büyük zeminler */
html[data-hep-theme="dark"] body.hep-platform-demo-page
.hep-demo-hero,
html[data-hep-theme="dark"] body.hep-platform-demo-page
.demo-hero,
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="demo-hero"],
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="hero-wrap"]{
    background:#11243d !important;
    color:#f5f8fc !important;
}

/* Beyaz/çok açık bilgi kartları */
html[data-hep-theme="dark"] body.hep-platform-demo-page
.hep-demo-card,
html[data-hep-theme="dark"] body.hep-platform-demo-page
.demo-card,
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="demo-card"],
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="stat-card"],
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="feature-card"],
html[data-hep-theme="dark"] body.hep-platform-demo-page
article{
    background:#172a45 !important;
    border-color:#355474 !important;
    color:#e8f0fa !important;
}

/* Başlıklar */
html[data-hep-theme="dark"] body.hep-platform-demo-page
main h1,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main h2,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main h3,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main h4,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main strong{
    color:#ffffff !important;
}

/* Normal metinler */
html[data-hep-theme="dark"] body.hep-platform-demo-page
main p,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main li,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main small{
    color:#c9d8e9 !important;
}

/* Sayı / vurgu alanları */
html[data-hep-theme="dark"] body.hep-platform-demo-page
main [class*="stat"] strong,
html[data-hep-theme="dark"] body.hep-platform-demo-page
main [class*="metric"] strong{
    color:#ffffff !important;
}

/*
 * Öğrenci paneli mockup'ının iç beyaz kart düzeni özellikle korunabilir;
 * bu tip görsel anlatım kartlarında beyaz panel okunaklı kalır.
 */
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="student-panel"],
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="panel-preview"],
html[data-hep-theme="dark"] body.hep-platform-demo-page
[class*="browser-card"]{
    color:#17304f !important;
}


/* ==========================================================================
   4) DEMO ALT BÖLÜMLERİ — GENEL KOYU ZEMİN FALLBACK
   ========================================================================== */

/*
 * local/heprequests demo CSS sınıf adları farklı olsa bile
 * body sınıfı sayesinde ana sayfa yüzeyi koyu kalır.
 */
html[data-hep-theme="dark"] body.hep-platform-demo-page
#page,
html[data-hep-theme="dark"] body.hep-platform-demo-page
#page-wrapper,
html[data-hep-theme="dark"] body.hep-platform-demo-page
#page-content{
    background:#091525 !important;
}


/* HEP DEMO THEME HEADER SYNC V1 END */

/* HEP PUBLIC VISUAL FINISH V2 START */

/* ==========================================================================
   A) HAKKIMIZDA + İLETİŞİM + PLATFORM AKTİF ÇİZGİ
   Exact Scan:
   eski dark selector ::after background'u white !important yapıyordu.
   Burada daha yüksek specificity + daha sonra gelen final kural kullanılır.
   Header layout ölçülerine DOKUNULMAZ.
   ========================================================================== */

html[data-hep-theme="dark"]
body.hep-public-about-page
.hep-public-shared-header
.hm-nav
a[href$="/local/heprequests/about.php"],

html[data-hep-theme="dark"]
body.hep-public-contact-page
.hep-public-shared-header
.hm-nav
a[href$="/local/heprequests/contact.php"],

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-shared-header
.hm-nav
a[data-hep-pub-key="platform"],

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-shared-header
.hm-nav
a[href$="/local/heprequests/demo.php"]{
    position:relative !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    /*
     * Pseudo-element başka bir inline kural tarafından kapatılsa bile
     * turuncu aktif çizgi görünür kalsın.
     */
    box-shadow:inset 0 -2px 0 #ff7a32 !important;
}


html[data-hep-theme="dark"]
body.hep-public-about-page
.hep-public-shared-header
.hm-nav
a[href$="/local/heprequests/about.php"]::after,

html[data-hep-theme="dark"]
body.hep-public-contact-page
.hep-public-shared-header
.hm-nav
a[href$="/local/heprequests/contact.php"]::after,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-shared-header
.hm-nav
a[data-hep-pub-key="platform"]::after,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-shared-header
.hm-nav
a[href$="/local/heprequests/demo.php"]::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;
    height:2px !important;

    background:#ff7a32 !important;
    background-color:#ff7a32 !important;

    border-radius:999px !important;

    opacity:1 !important;
    transform:scaleX(1) !important;
}


/* ==========================================================================
   B) DEMO HERO — GERÇEK BODY CLASS: hep-public-demo-page
   ========================================================================== */

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child{
    background:
        radial-gradient(
            circle at 78% 25%,
            rgba(55,116,205,.14),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #11243d 0%,
            #0d1b2d 100%
        ) !important;

    color:#eaf2fb !important;

    border-color:#294464 !important;
}


/*
 * Demo şablonunda hero sınıfı mevcutsa aynı görünüm.
 * İlk section fallback'i sayesinde sınıf değişse bile beyaz hero kalmaz.
 */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-demo-hero{
    background:
        radial-gradient(
            circle at 78% 25%,
            rgba(55,116,205,.14),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #11243d 0%,
            #0d1b2d 100%
        ) !important;

    color:#eaf2fb !important;

    border-color:#294464 !important;
}


html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child h1,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-demo-hero h1{
    color:#ffffff !important;
}


html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child p,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-demo-hero p{
    color:#b9c9dc !important;
}


html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child
.hep-public-kicker,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-demo-hero
.hep-public-kicker{
    color:#72aef7 !important;
}


/* ==========================================================================
   C) EXACT SCAN'DA BULUNAN 6 BEYAZ FEATURE KART
   Gerçek selector:
   .hep-public-feature-grid > article
   ========================================================================== */

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article{
    background:#172a45 !important;

    border:1px solid #355474 !important;

    color:#e8f0fa !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 10px 24px rgba(0,0,0,.10) !important;
}


html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article h1,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article h2,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article h3,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article h4,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article strong{
    color:#ffffff !important;
}


html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article p,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article small,

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article span:not([class]){
    color:#b8c8da !important;
}


/*
 * Küçük ikon kutularını tamamen kaybetmeden açık beyazlığı azalt.
 * Icon'un kendisine değil yalnız kart içindeki ilk dekoratif kutuya etki eder.
 */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-feature-grid > article > :first-child:not(h1):not(h2):not(h3):not(p){
    border-color:#426486 !important;
}


/* ==========================================================================
   D) DEMO ANA YÜZEY — GERÇEK BODY CLASS ÜZERİNDEN SON GARANTİ
   ========================================================================== */

html[data-hep-theme="dark"]
body.hep-public-demo-page,
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main{
    background:#0d1b2d !important;
    color:#dce7f4 !important;
}


/*
 * Öğrenci paneli mockup'ının kendi iç kontrastına müdahale etmiyoruz.
 * Yalnız çevresindeki sayfa/hero/kart yüzeyleri koyulaştırılıyor.
 */


/* HEP PUBLIC VISUAL FINISH V2 END */

/* HEP DEMO MOCKUP DARK TUNE V1 START */

/* ==========================================================================
   PLATFORMU İNCELE — HERO MOCKUP İÇ BEYAZLIKLARI KOYULT
   Not:
   Header / nav yapısına dokunulmaz.
   Sadece demo hero içindeki sağ mockup yüzeyleri hedeflenir.
   ========================================================================== */

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child > *{
    background:#142840 !important;
    border:1px solid #355474 !important;
    box-shadow:
        0 16px 38px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.02) !important;
    color:#e8f0fa !important;
}

/* üst tarayıcı şeridi hafif koyu gri */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child > * > *:first-child{
    background:#2a3f5c !important;
    border-bottom:1px solid #43607e !important;
    color:#d9e5f3 !important;
}

/* mockup gövdesi */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child > * > *:last-child{
    background:#142840 !important;
    color:#eaf2fb !important;
}

/* içteki istatistik kutuları / küçük kartlar */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child
[class*="card"],

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child
[class*="metric"],

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child
[class*="stat"],

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child
[class*="tile"]{
    background:#1b3350 !important;
    border:1px solid #3c5d7c !important;
    color:#eaf2fb !important;
}

/* sınıf adı farklı olsa bile sağ hero alanındaki ilk birkaç iç kutuyu koyulaştır */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child > * > *:last-child > div{
    background:#1b3350 !important;
    color:#eaf2fb !important;
}

/* sayılar / başlıklar */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child h1,
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child h2,
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child h3,
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child h4,
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child strong{
    color:#ffffff !important;
}

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child p,
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child span,
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child small{
    color:#bfd0e2 !important;
}

/* progress / skeleton alanları */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child
[class*="progress"],
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child
[class*="skeleton"],
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child
[class*="bar"]{
    background:#304866 !important;
    color:transparent !important;
}

/* doğrudan çizgi / kapsayıcı div fallback */
html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child > * > *:last-child > div > div{
    background:#1b3350 !important;
    color:#eaf2fb !important;
    border-color:#3c5d7c !important;
}

html[data-hep-theme="dark"]
body.hep-public-demo-page
.hep-public-main > section:first-child > *:last-child > * > *:last-child > div > div > div{
    color:#eaf2fb !important;
}

/* HEP DEMO MOCKUP DARK TUNE V1 END */

/* HEP PUBLIC HOME STABLE DARK HEADER V1 START */

/*
 * Tanıtım ana sayfasında yalnız HEADER sabit koyu kalır.
 * Sayfa içeriğinin light/dark tema davranışı aynen korunur.
 */

body.hm-frontpage .hep-public-shared-header{
    background:#0d1b2d !important;
    background-color:#0d1b2d !important;
    border-bottom-color:#294464 !important;
    box-shadow:0 5px 18px rgba(4,18,35,.18) !important;
}

body.hm-frontpage .hep-public-shared-header .hm-nav a{
    background:transparent !important;
    color:#cbd8e7 !important;
    -webkit-text-fill-color:#cbd8e7 !important;
}

body.hm-frontpage .hep-public-shared-header .hm-nav a:hover{
    background:transparent !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

body.hm-frontpage .hep-public-shared-header .hm-nav a.active,
body.hm-frontpage .hep-public-shared-header .hm-nav a[aria-current="page"]{
    background:transparent !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:none !important;
}

body.hm-frontpage .hep-public-shared-header .hm-nav a::after{
    background:#ff7a32 !important;
}

body.hm-frontpage .hep-public-shared-header .hm-nav-actions{
    border-left-color:#294464 !important;
}

body.hm-frontpage .hep-public-shared-header .hm-request,
body.hm-frontpage .hep-public-shared-header .hep-public-request-nav{
    background:#ff6f2c !important;
    border-color:#ff6f2c !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 7px 18px rgba(255,111,44,.18) !important;
}

body.hm-frontpage .hep-public-shared-header .hm-login,
body.hm-frontpage .hep-public-shared-header .hep-public-login{
    background:#17559c !important;
    border-color:#2c6db5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 7px 18px rgba(10,45,90,.16) !important;
}

body.hm-frontpage .hep-public-shared-header .hm-request:hover,
body.hm-frontpage .hep-public-shared-header .hm-login:hover,
body.hm-frontpage .hep-public-shared-header .hep-public-request-nav:hover,
body.hm-frontpage .hep-public-shared-header .hep-public-login:hover{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    filter:brightness(1.05) !important;
}

/* Mobil menü düğmesi koyu header içinde okunaklı kalsın. */
body.hm-frontpage .hep-public-shared-header .hep-public-mobile-menu > summary{
    border-color:#35506f !important;
    background:#16283f !important;
    color:#ffffff !important;
}

/* HEP PUBLIC HOME STABLE DARK HEADER V1 END */

/* HEP PUBLIC HEADER SINGLE SOURCE FINAL V1 START */
/*
 * Launch final override.
 * Amaç: Ana Sayfa + Platformu İncele + Hakkımızda + İletişim dahil
 * data-hep-public-header kullanan TÜM ortak public header'ları tek görünüme kilitlemek.
 *
 * Eski body/page özel header düzeltmeleri dosyada kalabilir; bu blok dosyanın
 * en sonunda ve daha yüksek specificity ile son sözü söyler.
 */

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header]{
    background:#0d1b2d !important;
    background-color:#0d1b2d !important;
    border-bottom:1px solid #294464 !important;
    box-shadow:0 5px 18px rgba(4,18,35,.18) !important;
}

/* Tüm public sayfalarda logo kartı kaldırıldı; header rengi doğrudan görünür. */
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:158px !important;
    max-height:40px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    filter:none !important;
}

/* Ortak nav rengi ve aktif çizgi. */
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-nav a{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#cbd8e7 !important;
    -webkit-text-fill-color:#cbd8e7 !important;
    text-decoration:none !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-nav a:hover{
    background:transparent !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-nav a.active,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-nav a[aria-current="page"]{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:700 !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-nav a::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:2px !important;
    border-radius:999px !important;
    background:#ff7a32 !important;
    opacity:0 !important;
    transform:scaleX(.35) !important;
    transform-origin:center !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-nav a.active::after,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-nav a[aria-current="page"]::after{
    opacity:1 !important;
    transform:scaleX(1) !important;
}

/* CTA'lar tüm public sayfalarda aynı. */
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-request,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hep-public-request-nav{
    background:#ff6f2c !important;
    border-color:#ff6f2c !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 7px 18px rgba(255,111,44,.18) !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-login,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hep-public-login{
    background:#17559c !important;
    border-color:#2c6db5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 7px 18px rgba(10,45,90,.16) !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-request:hover,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-login:hover,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hep-public-request-nav:hover,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hep-public-login:hover{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    filter:brightness(1.05) !important;
}

/* Masaüstü geometriyi de tek kaynağa sabitle. */
@media (min-width:1001px){
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-container.hm-nav-wrap{
        width:min(calc(100% - 40px),1240px) !important;
        max-width:1240px !important;
        min-height:76px !important;
        height:auto !important;

        margin-left:auto !important;
        margin-right:auto !important;
        padding:9px 0 !important;

        display:grid !important;
        grid-template-columns:184px minmax(0,1fr) max-content !important;
        grid-template-areas:"brand nav actions" !important;
        align-items:center !important;

        column-gap:22px !important;
        row-gap:0 !important;
        overflow:visible !important;
        background:transparent !important;
    }

    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-container.hm-nav-wrap > .hm-brand{
        grid-area:brand !important;
        order:0 !important;

        width:184px !important;
        min-width:184px !important;
        max-width:184px !important;
        height:56px !important;
        min-height:56px !important;

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

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

        position:static !important;
        transform:none !important;
    }

    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-container.hm-nav-wrap > .hm-nav{
        grid-area:nav !important;
        order:0 !important;

        width:100% !important;
        min-width:0 !important;
        height:56px !important;
        min-height:56px !important;

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

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        flex-wrap:nowrap !important;
        gap:8px !important;

        position:static !important;
        transform:none !important;
        overflow:visible !important;
    }

    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-nav a{
        position:relative !important;
        flex:0 1 auto !important;
        min-width:0 !important;

        height:40px !important;
        min-height:40px !important;

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

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

        border-radius:0 !important;

        font-family:inherit !important;
        font-size:12px !important;
        font-weight:700 !important;
        line-height:1 !important;
        letter-spacing:0 !important;
        white-space:nowrap !important;

        transform:none !important;
    }

    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-container.hm-nav-wrap > .hm-nav-actions{
        grid-area:actions !important;
        order:0 !important;

        width:max-content !important;
        min-width:max-content !important;
        max-width:none !important;
        height:56px !important;

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

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:nowrap !important;
        gap:9px !important;

        position:static !important;
        transform:none !important;

        border-left:1px solid #294464 !important;
        white-space:nowrap !important;
    }

    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-nav-actions .hm-request,
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-nav-actions .hm-login{
        flex:0 0 auto !important;

        width:auto !important;
        min-width:96px !important;
        max-width:none !important;

        height:40px !important;
        min-height:40px !important;

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

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

        border-radius:10px !important;

        font-family:inherit !important;
        font-size:11.5px !important;
        font-weight:800 !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }
}

/* Mobilde de ortak koyu header tonu koru; mevcut hamburger davranışına dokunma. */
@media (max-width:1000px){
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hep-public-mobile-menu > summary{
        border-color:#35506f !important;
        background:#16283f !important;
        color:#ffffff !important;
    }
}

/* HEP PUBLIC HEADER SINGLE SOURCE FINAL V1 END */

/* HEP PUBLIC HEADER LOGO OPTICAL CENTER V2 START */
/*
 * Son launch düzeltmesi:
 * - Beyaz marka kartının geometrisi tüm public sayfalarda zaten aynı.
 * - Sayfa özel eski kurallar img boyutunu farklılaştırdığı için logoyu
 *   yüksek specificity ile TEK ölçüye kilitliyoruz.
 * - PNG'nin görünen içeriği tuval içinde hafif sol/üst ağırlıklı olduğundan
 *   optik merkez için küçük sağ/aşağı düzeltme uygulanır.
 */

@media (min-width:1001px){
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-container.hm-nav-wrap
    > a.hm-brand{
        width:184px !important;
        min-width:184px !important;
        max-width:184px !important;

        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;

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

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

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header]
    .hm-container.hm-nav-wrap
    > a.hm-brand
    > img.hep-brand-logo-t3{
        display:block !important;

        width:148px !important;
        min-width:148px !important;
        max-width:148px !important;

        height:47px !important;
        min-height:47px !important;
        max-height:47px !important;

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

        object-fit:contain !important;
        object-position:center center !important;

        position:relative !important;
        left:0 !important;
        top:0 !important;

        transform:translate(3px,4px) !important;
        transform-origin:center center !important;

        filter:none !important;
    }
}

/* HEP PUBLIC HEADER LOGO OPTICAL CENTER V2 END */

/* HEP PUBLIC FOOTER DARK CONTRAST V1 START */
/* Mobil/masaüstü koyu modda footer marka ve yasal bağlantı okunaklılığı. */
html[data-hep-theme="dark"] .hep-public-footer strong{
    color:#eaf2fb !important;
    -webkit-text-fill-color:#eaf2fb !important;
}

html[data-hep-theme="dark"] .hep-public-footer .hep-public-legal-links a{
    color:#cbd9e9 !important;
    -webkit-text-fill-color:#cbd9e9 !important;
}

html[data-hep-theme="dark"] .hep-public-footer .hep-public-legal-links a:hover,
html[data-hep-theme="dark"] .hep-public-footer .hep-public-legal-links a:focus{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}
/* HEP PUBLIC FOOTER DARK CONTRAST V1 END */


/* HEP CONTACT VISUAL COPY V2 START */

/* ================================================================
   HEP ONLINE · İLETİŞİM SAYFASI V2
   Yalnız contact route. Header / footer ölçülerine dokunmaz.
   ================================================================ */

body.hep-public-contact-page .hep-contact-v2-hero{
    padding:66px 0 60px;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 28%,rgba(255,111,44,.10),transparent 25%),
        radial-gradient(circle at 74% 62%,rgba(41,97,199,.08),transparent 30%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

body.hep-public-contact-page .hep-contact-hero-grid{
    width:min(1160px,calc(100% - 40px));
    max-width:1160px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
    gap:58px;
    align-items:center;
}

body.hep-public-contact-page .hep-contact-hero-copy{
    min-width:0;
}

body.hep-public-contact-page .hep-ac-kicker,
body.hep-public-contact-page .hep-contact-section-head .hep-ac-kicker{
    color:#ff6f2c !important;
}

body.hep-public-contact-page .hep-contact-v2-hero h1{
    max-width:720px;
    margin:13px 0 17px;
    color:#ff6f2c !important;
    font-size:clamp(40px,4.8vw,62px);
    line-height:1.03;
    letter-spacing:-1.6px;
}

body.hep-public-contact-page .hep-contact-v2-hero .hep-ac-lead{
    max-width:700px;
    color:#233e62;
    font-size:18px;
    line-height:1.68;
}

body.hep-public-contact-page .hep-contact-hero-note{
    max-width:650px;
    margin:8px 0 0;
    color:#687b93;
    font-size:14px;
    line-height:1.7;
}

body.hep-public-contact-page .hep-contact-hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:24px;
}

body.hep-public-contact-page .hep-contact-hero-badges > span{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 11px 6px 7px;
    border:1px solid #dbe5f2;
    border-radius:999px;
    background:rgba(255,255,255,.86);
    color:#35506f;
    font-size:11px;
    font-weight:800;
    box-shadow:0 6px 18px rgba(13,50,104,.04);
}

body.hep-public-contact-page .hep-contact-hero-badges b{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff0e7;
    color:#e75d17;
    font-size:9px;
}

/* ---------------- Görsel iletişim paneli ---------------- */

body.hep-public-contact-page .hep-contact-visual{
    position:relative;
    min-height:390px;
    border:1px solid #dce6f2;
    border-radius:30px;
    background:
        radial-gradient(circle at 22% 18%,rgba(255,111,44,.15),transparent 24%),
        radial-gradient(circle at 82% 78%,rgba(35,86,186,.12),transparent 28%),
        linear-gradient(145deg,#ffffff 0%,#f3f7fd 100%);
    box-shadow:0 26px 60px rgba(13,50,104,.11);
    overflow:hidden;
    isolation:isolate;
}

body.hep-public-contact-page .hep-contact-visual::before{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    right:-55px;
    top:-55px;
    border-radius:50%;
    background:rgba(255,111,44,.08);
}

body.hep-public-contact-page .hep-contact-visual::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-100px;
    bottom:-115px;
    border-radius:50%;
    background:rgba(38,87,185,.08);
}

body.hep-public-contact-page .hep-contact-visual-orbit{
    position:absolute;
    left:50%;
    top:50%;
    border:1px dashed rgba(38,85,168,.16);
    border-radius:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

body.hep-public-contact-page .hep-contact-visual-orbit.orbit-one{
    width:250px;
    height:250px;
}

body.hep-public-contact-page .hep-contact-visual-orbit.orbit-two{
    width:330px;
    height:330px;
    border-color:rgba(255,111,44,.12);
}

body.hep-public-contact-page .hep-contact-visual-core{
    position:absolute;
    left:50%;
    top:50%;
    width:196px;
    min-height:96px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px;
    border:1px solid #cbd9e9;
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 40px rgba(13,50,104,.13);
    transform:translate(-50%,-50%);
    z-index:3;
}

body.hep-public-contact-page .hep-contact-core-mark{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    flex:0 0 54px;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(145deg,#0d3268,#1c5bad);
    box-shadow:inset -10px -10px 24px rgba(0,0,0,.08);
    font-size:24px;
    font-weight:950;
}

body.hep-public-contact-page .hep-contact-visual-core div{
    display:grid;
    gap:3px;
}

body.hep-public-contact-page .hep-contact-visual-core small{
    color:#ff6f2c;
    font-size:9px;
    font-weight:950;
    letter-spacing:.11em;
}

body.hep-public-contact-page .hep-contact-visual-core strong{
    color:#0b2a5b;
    font-size:15px;
    line-height:1.2;
}

body.hep-public-contact-page .hep-contact-float{
    position:absolute;
    min-width:144px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid #dde6f1;
    border-radius:15px;
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 30px rgba(13,50,104,.09);
    z-index:4;
}

body.hep-public-contact-page .hep-contact-float > span{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:0 0 34px;
    border-radius:10px;
    font-size:16px;
    font-weight:950;
}

body.hep-public-contact-page .hep-contact-float > div{
    display:grid;
    gap:2px;
}

body.hep-public-contact-page .hep-contact-float small{
    color:#7b8aa0;
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
}

body.hep-public-contact-page .hep-contact-float strong{
    color:#16375f;
    font-size:11px;
    white-space:nowrap;
}

body.hep-public-contact-page .hep-contact-float-request{
    left:24px;
    top:35px;
}

body.hep-public-contact-page .hep-contact-float-request > span{
    color:#d95412;
    background:#fff0e7;
}

body.hep-public-contact-page .hep-contact-float-info{
    right:20px;
    top:94px;
}

body.hep-public-contact-page .hep-contact-float-info > span{
    color:#1d59bd;
    background:#eaf2ff;
}

body.hep-public-contact-page .hep-contact-float-support{
    left:42px;
    bottom:38px;
}

body.hep-public-contact-page .hep-contact-float-support > span{
    color:#16805f;
    background:#e8f7f1;
}

body.hep-public-contact-page .hep-contact-visual-trust{
    position:absolute;
    right:25px;
    bottom:42px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border-radius:999px;
    color:#385268;
    background:#eef6f2;
    font-size:10px;
    z-index:4;
}

body.hep-public-contact-page .hep-contact-visual-trust > span{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:#169167;
    font-weight:900;
}

/* ---------------- Bölüm başlıkları / kartlar ---------------- */

body.hep-public-contact-page .hep-contact-section-head{
    max-width:780px;
}

body.hep-public-contact-page .hep-contact-section-head h2,
body.hep-public-contact-page .hep-contact-info h2{
    color:#ff6f2c !important;
}

body.hep-public-contact-page .hep-contact-section-head p{
    max-width:690px;
    margin:8px 0 0;
    color:#6b7d93;
    font-size:14px;
    line-height:1.68;
}

body.hep-public-contact-page .hep-contact-card{
    position:relative;
    overflow:hidden;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

body.hep-public-contact-page .hep-contact-card::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:linear-gradient(90deg,#ff6f2c,#ff9b62);
}

body.hep-public-contact-page .hep-contact-card:hover{
    transform:translateY(-3px);
    border-color:#cfdaea;
    box-shadow:0 15px 36px rgba(13,50,104,.09);
}

body.hep-public-contact-page .hep-contact-card .hep-ac-icon{
    background:#fff0e7;
    color:#e65d18;
}

/* ---------------- Koyu mod ---------------- */

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-v2-hero{
    background:
        radial-gradient(circle at 82% 28%,rgba(255,122,55,.10),transparent 26%),
        radial-gradient(circle at 74% 62%,rgba(69,130,220,.11),transparent 31%),
        linear-gradient(180deg,#102039 0%,#0c192b 100%) !important;
    border-color:#29435f !important;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-v2-hero h1,
html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-section-head h2,
html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-info h2{
    color:#ff8748 !important;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-v2-hero .hep-ac-lead{
    color:#e1ebf7 !important;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-hero-note,
html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-section-head p{
    color:#aebfd3 !important;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-hero-badges > span{
    border-color:#36516f;
    background:#14263e;
    color:#d7e3f1;
    box-shadow:none;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-hero-badges b{
    background:#36261e;
    color:#ff985e;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-visual{
    border-color:#36516f;
    background:
        radial-gradient(circle at 22% 18%,rgba(255,122,55,.10),transparent 24%),
        radial-gradient(circle at 82% 78%,rgba(74,135,224,.11),transparent 28%),
        linear-gradient(145deg,#13253d 0%,#0f1e32 100%);
    box-shadow:0 26px 60px rgba(0,0,0,.20);
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-visual-orbit{
    border-color:rgba(122,170,230,.16);
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-visual-orbit.orbit-two{
    border-color:rgba(255,135,72,.13);
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-visual-core,
html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-float{
    border-color:#3b5777;
    background:#162942;
    box-shadow:0 14px 34px rgba(0,0,0,.18);
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-visual-core strong,
html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-float strong{
    color:#f5f8fc;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-float small{
    color:#91a8c2;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-visual-trust{
    color:#b9d9ca;
    background:#17352c;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-card::before{
    background:linear-gradient(90deg,#ff7b37,#ff9b62);
}

/* ---------------- Responsive ---------------- */

@media (max-width:920px){
    body.hep-public-contact-page .hep-contact-hero-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    body.hep-public-contact-page .hep-contact-visual{
        min-height:340px;
    }
}

@media (max-width:620px){
    body.hep-public-contact-page .hep-contact-v2-hero{
        padding:44px 0 42px;
    }

    body.hep-public-contact-page .hep-contact-hero-grid{
        width:min(100% - 28px,1160px);
    }

    body.hep-public-contact-page .hep-contact-v2-hero h1{
        font-size:36px;
        letter-spacing:-1px;
    }

    body.hep-public-contact-page .hep-contact-v2-hero .hep-ac-lead{
        font-size:16px;
    }

    body.hep-public-contact-page .hep-contact-visual{
        min-height:320px;
        border-radius:22px;
    }

    body.hep-public-contact-page .hep-contact-visual-core{
        width:176px;
        min-height:88px;
    }

    body.hep-public-contact-page .hep-contact-float{
        min-width:126px;
        padding:8px 9px;
    }

    body.hep-public-contact-page .hep-contact-float strong{
        font-size:10px;
    }

    body.hep-public-contact-page .hep-contact-float-request{
        left:12px;
        top:24px;
    }

    body.hep-public-contact-page .hep-contact-float-info{
        right:10px;
        top:75px;
    }

    body.hep-public-contact-page .hep-contact-float-support{
        left:18px;
        bottom:24px;
    }

    body.hep-public-contact-page .hep-contact-visual-trust{
        right:12px;
        bottom:26px;
    }
}

/* HEP CONTACT VISUAL COPY V2 END */


/* HEP CONTACT HEADING COLOR FIX V2.1 START */

/* ================================================================
   HEP ONLINE · İLETİŞİM
   Açık tema: ana / bölüm başlıkları HEP lacivert.
   Koyu tema: başlıklar yüksek kontrastlı açık ton.
   Turuncu kicker / mikro vurgular korunur.
   ================================================================ */

/* AÇIK MOD — HEP LACİVERT */
body.hep-public-contact-page .hep-contact-v2-hero h1,
body.hep-public-contact-page .hep-contact-section-head h2,
body.hep-public-contact-page .hep-contact-info h2,
body.hep-public-contact-page .hep-ac-cta h2{
    color:#0b2a5b !important;
}

/* Koyu modda turuncu başlık override'ını kesin olarak ez. */
html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-v2-hero h1,

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-section-head h2,

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-info h2,

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-ac-cta h2{
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
}

/* Kicker / bölüm etiketi HEP turuncusu olarak devam etsin. */
body.hep-public-contact-page .hep-ac-kicker,
body.hep-public-contact-page .hep-contact-section-head .hep-ac-kicker{
    color:#ff6f2c !important;
    -webkit-text-fill-color:#ff6f2c !important;
}

html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-ac-kicker,
html[data-hep-theme="dark"]
body.hep-public-contact-page .hep-contact-section-head .hep-ac-kicker{
    color:#ff8748 !important;
    -webkit-text-fill-color:#ff8748 !important;
}

/* HEP CONTACT HEADING COLOR FIX V2.1 END */


/* HEP ABOUT VISUAL ALIGNMENT V2 START */

/* ================================================================
   HEP ONLINE · HAKKIMIZDA V2
   Contact V2 ile aynı görsel dil:
   - Lacivert büyük başlıklar
   - Turuncu kicker / vurgu
   - İki sütun hero + saf HTML/CSS görsel
   - Koyu mod + mobil
   ================================================================ */

body.hep-public-about-page .hep-about-v2-hero{
    padding:66px 0 60px;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 25%,rgba(40,96,190,.10),transparent 26%),
        radial-gradient(circle at 75% 70%,rgba(255,111,44,.08),transparent 28%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

body.hep-public-about-page .hep-about-hero-grid{
    width:min(1160px,calc(100% - 40px));
    max-width:1160px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);
    gap:58px;
    align-items:center;
}

body.hep-public-about-page .hep-about-hero-copy{
    min-width:0;
}

body.hep-public-about-page .hep-ac-kicker,
body.hep-public-about-page .hep-ac-section-head .hep-ac-kicker{
    color:#ff6f2c !important;
    -webkit-text-fill-color:#ff6f2c !important;
}

body.hep-public-about-page .hep-about-v2-hero h1,
body.hep-public-about-page .hep-ac-section-head h2,
body.hep-public-about-page .hep-ac-cta h2{
    color:#0b2a5b !important;
    -webkit-text-fill-color:#0b2a5b !important;
}

body.hep-public-about-page .hep-about-v2-hero h1{
    max-width:720px;
    margin:13px 0 17px;
    font-size:clamp(40px,4.8vw,62px);
    line-height:1.03;
    letter-spacing:-1.6px;
}

body.hep-public-about-page .hep-about-v2-hero .hep-ac-lead{
    max-width:690px;
    color:#233e62;
    font-size:18px;
    line-height:1.68;
}

body.hep-public-about-page .hep-about-hero-note{
    max-width:680px;
    margin:8px 0 0;
    color:#687b93;
    font-size:14px;
    line-height:1.72;
}

body.hep-public-about-page .hep-about-hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:20px;
}

body.hep-public-about-page .hep-about-hero-badges > span{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 11px 6px 7px;
    border:1px solid #dbe5f2;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    color:#35506f;
    font-size:11px;
    font-weight:850;
    box-shadow:0 6px 18px rgba(13,50,104,.04);
}

body.hep-public-about-page .hep-about-hero-badges b{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff0e7;
    color:#e75d17;
    font-size:9px;
}

/* ---------------- Hero görseli ---------------- */

body.hep-public-about-page .hep-about-visual{
    position:relative;
    min-height:400px;
    border:1px solid #dce6f2;
    border-radius:30px;
    background:
        radial-gradient(circle at 21% 18%,rgba(42,103,202,.13),transparent 24%),
        radial-gradient(circle at 85% 78%,rgba(255,111,44,.10),transparent 28%),
        linear-gradient(145deg,#ffffff 0%,#f3f7fd 100%);
    box-shadow:0 26px 60px rgba(13,50,104,.11);
    overflow:hidden;
    isolation:isolate;
}

body.hep-public-about-page .hep-about-visual::before{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    right:-55px;
    top:-55px;
    border-radius:50%;
    background:rgba(255,111,44,.07);
}

body.hep-public-about-page .hep-about-visual::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-105px;
    bottom:-120px;
    border-radius:50%;
    background:rgba(40,96,190,.08);
}

body.hep-public-about-page .hep-about-orbit{
    position:absolute;
    left:50%;
    top:50%;
    border:1px dashed rgba(35,87,185,.18);
    border-radius:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

body.hep-public-about-page .hep-about-orbit.orbit-one{
    width:250px;
    height:250px;
}

body.hep-public-about-page .hep-about-orbit.orbit-two{
    width:330px;
    height:330px;
    border-color:rgba(255,111,44,.14);
}

body.hep-public-about-page .hep-about-core{
    position:absolute;
    left:50%;
    top:50%;
    width:196px;
    min-height:96px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px;
    border:1px solid #cbd9e9;
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 40px rgba(13,50,104,.13);
    transform:translate(-50%,-50%);
    z-index:5;
}

body.hep-public-about-page .hep-about-core-mark{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    flex:0 0 54px;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(145deg,#0d3268,#1c5bad);
    font-size:24px;
    font-weight:950;
}

body.hep-public-about-page .hep-about-core > div{
    display:grid;
    gap:3px;
}

body.hep-public-about-page .hep-about-core small{
    color:#ff6f2c;
    font-size:9px;
    font-weight:950;
    letter-spacing:.11em;
}

body.hep-public-about-page .hep-about-core strong{
    color:#0b2a5b;
    font-size:15px;
    line-height:1.2;
}

body.hep-public-about-page .hep-about-node{
    position:absolute;
    min-width:132px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 11px;
    border:1px solid #dde6f1;
    border-radius:15px;
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 30px rgba(13,50,104,.09);
    z-index:6;
}

body.hep-public-about-page .hep-about-node > span{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:0 0 34px;
    border-radius:10px;
    font-size:15px;
    font-weight:950;
}

body.hep-public-about-page .hep-about-node > div{
    display:grid;
    gap:2px;
}

body.hep-public-about-page .hep-about-node small{
    color:#7b8aa0;
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
}

body.hep-public-about-page .hep-about-node strong{
    color:#16375f;
    font-size:11px;
    white-space:nowrap;
}

body.hep-public-about-page .hep-about-node-live{
    left:22px;
    top:34px;
}

body.hep-public-about-page .hep-about-node-live > span{
    color:#1d59bd;
    background:#eaf2ff;
}

body.hep-public-about-page .hep-about-node-content{
    right:20px;
    top:82px;
}

body.hep-public-about-page .hep-about-node-content > span{
    color:#7544b8;
    background:#f2ebfb;
}

body.hep-public-about-page .hep-about-node-work{
    left:35px;
    bottom:45px;
}

body.hep-public-about-page .hep-about-node-work > span{
    color:#d95412;
    background:#fff0e7;
}

body.hep-public-about-page .hep-about-node-progress{
    right:22px;
    bottom:82px;
}

body.hep-public-about-page .hep-about-node-progress > span{
    color:#16805f;
    background:#e8f7f1;
}

body.hep-public-about-page .hep-about-flow-line{
    position:absolute;
    height:1px;
    transform-origin:left center;
    background:linear-gradient(90deg,rgba(44,94,175,.08),rgba(44,94,175,.30));
    z-index:2;
}

body.hep-public-about-page .hep-about-flow-line.line-one{
    width:90px;
    left:129px;
    top:108px;
    transform:rotate(28deg);
}

body.hep-public-about-page .hep-about-flow-line.line-two{
    width:82px;
    right:118px;
    top:150px;
    transform:rotate(150deg);
}

body.hep-public-about-page .hep-about-flow-line.line-three{
    width:92px;
    left:136px;
    bottom:112px;
    transform:rotate(-26deg);
}

body.hep-public-about-page .hep-about-flow-line.line-four{
    width:90px;
    right:122px;
    bottom:139px;
    transform:rotate(208deg);
}

body.hep-public-about-page .hep-about-visual-note{
    position:absolute;
    left:50%;
    bottom:18px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    border-radius:999px;
    background:#eef6f2;
    color:#385268;
    font-size:9px;
    transform:translateX(-50%);
    white-space:nowrap;
    z-index:7;
}

body.hep-public-about-page .hep-about-visual-note > span{
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:#169167;
    font-weight:900;
}

/* ---------------- Sayfa içi HEP uyumu ---------------- */

body.hep-public-about-page .hep-ac-section-head{
    max-width:820px;
}

body.hep-public-about-page .hep-ac-section-head h2{
    color:#0b2a5b !important;
}

body.hep-public-about-page .hep-ac-section-head p{
    color:#6b7d93;
}

body.hep-public-about-page .hep-ac-card{
    position:relative;
    overflow:hidden;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

body.hep-public-about-page .hep-ac-feature-grid .hep-ac-card::before,
body.hep-public-about-page .hep-ac-value-grid .hep-ac-card::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:linear-gradient(90deg,#ff6f2c,#ff9b62);
}

body.hep-public-about-page .hep-ac-card:hover{
    transform:translateY(-3px);
    border-color:#cfdaea;
    box-shadow:0 15px 36px rgba(13,50,104,.09);
}

body.hep-public-about-page .hep-ac-feature-grid .hep-ac-icon{
    background:#fff0e7;
    color:#e65d18;
}

body.hep-public-about-page .hep-ac-quote{
    border-left-color:#ff6f2c;
}

body.hep-public-about-page .hep-ac-stat-band{
    background:
        linear-gradient(135deg,#0d3a73 0%,#15539a 100%);
    box-shadow:0 18px 38px rgba(13,58,115,.15);
}

body.hep-public-about-page .hep-ac-cta{
    position:relative;
    overflow:hidden;
}

body.hep-public-about-page .hep-ac-cta::before{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    right:-80px;
    top:-100px;
    border-radius:50%;
    background:rgba(255,111,44,.07);
    pointer-events:none;
}

/* ---------------- Koyu mod ---------------- */

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-v2-hero{
    background:
        radial-gradient(circle at 82% 25%,rgba(74,135,224,.12),transparent 27%),
        radial-gradient(circle at 75% 70%,rgba(255,122,55,.08),transparent 29%),
        linear-gradient(180deg,#102039 0%,#0c192b 100%) !important;
    border-color:#29435f !important;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-v2-hero h1,

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-ac-section-head h2,

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-ac-cta h2{
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-ac-kicker,
html[data-hep-theme="dark"]
body.hep-public-about-page .hep-ac-section-head .hep-ac-kicker{
    color:#ff8748 !important;
    -webkit-text-fill-color:#ff8748 !important;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-v2-hero .hep-ac-lead{
    color:#e1ebf7 !important;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-hero-note{
    color:#aebfd3 !important;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-hero-badges > span{
    border-color:#36516f;
    background:#14263e;
    color:#d7e3f1;
    box-shadow:none;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-hero-badges b{
    background:#36261e;
    color:#ff985e;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-visual{
    border-color:#36516f;
    background:
        radial-gradient(circle at 21% 18%,rgba(74,135,224,.10),transparent 24%),
        radial-gradient(circle at 85% 78%,rgba(255,122,55,.09),transparent 28%),
        linear-gradient(145deg,#13253d 0%,#0f1e32 100%);
    box-shadow:0 26px 60px rgba(0,0,0,.20);
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-orbit{
    border-color:rgba(122,170,230,.16);
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-orbit.orbit-two{
    border-color:rgba(255,135,72,.13);
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-core,
html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-node{
    border-color:#3b5777;
    background:#162942;
    box-shadow:0 14px 34px rgba(0,0,0,.18);
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-core strong,
html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-node strong{
    color:#f5f8fc;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-node small{
    color:#91a8c2;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-about-visual-note{
    color:#b9d9ca;
    background:#17352c;
}

html[data-hep-theme="dark"]
body.hep-public-about-page .hep-ac-feature-grid .hep-ac-card::before,
html[data-hep-theme="dark"]
body.hep-public-about-page .hep-ac-value-grid .hep-ac-card::before{
    background:linear-gradient(90deg,#ff7b37,#ff9b62);
}

/* ---------------- Responsive ---------------- */

@media (max-width:920px){
    body.hep-public-about-page .hep-about-hero-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    body.hep-public-about-page .hep-about-visual{
        min-height:350px;
    }
}

@media (max-width:620px){
    body.hep-public-about-page .hep-about-v2-hero{
        padding:44px 0 42px;
    }

    body.hep-public-about-page .hep-about-hero-grid{
        width:min(100% - 28px,1160px);
    }

    body.hep-public-about-page .hep-about-v2-hero h1{
        font-size:36px;
        letter-spacing:-1px;
    }

    body.hep-public-about-page .hep-about-v2-hero .hep-ac-lead{
        font-size:16px;
    }

    body.hep-public-about-page .hep-about-visual{
        min-height:330px;
        border-radius:22px;
    }

    body.hep-public-about-page .hep-about-core{
        width:174px;
        min-height:86px;
    }

    body.hep-public-about-page .hep-about-node{
        min-width:116px;
        padding:8px 9px;
    }

    body.hep-public-about-page .hep-about-node strong{
        font-size:10px;
    }

    body.hep-public-about-page .hep-about-node-live{
        left:10px;
        top:22px;
    }

    body.hep-public-about-page .hep-about-node-content{
        right:9px;
        top:70px;
    }

    body.hep-public-about-page .hep-about-node-work{
        left:14px;
        bottom:48px;
    }

    body.hep-public-about-page .hep-about-node-progress{
        right:10px;
        bottom:88px;
    }

    body.hep-public-about-page .hep-about-flow-line{
        display:none;
    }

    body.hep-public-about-page .hep-about-visual-note{
        bottom:14px;
        font-size:8px;
    }
}

/* HEP ABOUT VISUAL ALIGNMENT V2 END */

/* HEP PUBLIC TEACHERS THEME TOGGLE V1 START */

/* ============================================================
   HEP ONLINE · PUBLIC VISITOR THEME CONTROL
   ============================================================ */

.hep-public-shared-header .hep-public-theme-toggle{
    appearance:none;
    border:1px solid #d7e3f0;
    background:#ffffff;
    color:#0b2a5b;
    min-height:42px;
    padding:0 13px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font:800 12px/1 inherit;
    cursor:pointer;
    box-shadow:0 5px 14px rgba(13,58,115,.06);
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.hep-public-shared-header .hep-public-theme-toggle:hover{
    transform:translateY(-1px);
    border-color:#b8cde4;
    box-shadow:0 8px 18px rgba(13,58,115,.10);
}

.hep-public-shared-header .hep-public-theme-toggle:focus-visible{
    outline:3px solid rgba(255,111,28,.26);
    outline-offset:2px;
}

.hep-public-theme-toggle-icon{
    display:inline-grid;
    place-items:center;
    width:18px;
    height:18px;
    font-size:15px;
}

.hep-public-theme-toggle-label{
    white-space:nowrap;
}

/* ============================================================
   ÖĞRETMENLER SAYFASI · AÇIK MOD
   ============================================================ */

html[data-hep-theme="light"] body.hep-public-teachers-page,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shell,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-main{
    background:#f6f9fd !important;
    color:#0b2a5b !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-hero{
    background:
        radial-gradient(circle at 88% 18%,rgba(255,111,28,.10),transparent 28%),
        linear-gradient(135deg,#f7faff 0%,#ffffff 58%,#fff8f2 100%) !important;
    border-bottom:1px solid #e4ebf4 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-kicker{
    color:#ff6f1c !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-hero h1{
    color:#082b61 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-hero p{
    color:#5f7390 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-section{
    background:#f6f9fd !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-filter a{
    background:#ffffff !important;
    color:#163d70 !important;
    border:1px solid #d6e2ef !important;
    box-shadow:0 3px 9px rgba(13,58,115,.04);
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-filter a:hover,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-filter a.active{
    background:#0d3a73 !important;
    border-color:#0d3a73 !important;
    color:#ffffff !important;
    box-shadow:0 8px 18px rgba(13,58,115,.16);
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card{
    background:#ffffff !important;
    border:1px solid #d8e4f1 !important;
    box-shadow:0 12px 30px rgba(13,58,115,.07) !important;
    color:#0b2a5b !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card:hover{
    transform:translateY(-3px);
    border-color:#b9cee3 !important;
    box-shadow:0 18px 36px rgba(13,58,115,.11) !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card h2{
    color:#082b61 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card p,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card small{
    color:#607591 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-branch{
    background:#edf5ff !important;
    border:1px solid #cfe0f2 !important;
    color:#0d4f9c !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-avatar{
    background:#e7f0fb !important;
    color:#0d3a73 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-card-actions a{
    background:#ffffff !important;
    color:#0d3a73 !important;
    border:1px solid #bfcfe1 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-card-actions a.primary{
    background:#ff6f1c !important;
    border-color:#ff6f1c !important;
    color:#ffffff !important;
    box-shadow:0 8px 18px rgba(255,111,28,.18);
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-wide-cta{
    background:linear-gradient(135deg,#edf5ff,#ffffff 55%,#fff5ed) !important;
    border:1px solid #d5e2ef !important;
    color:#0b2a5b !important;
}

/* ============================================================
   ÖĞRETMENLER SAYFASI · KOYU MOD
   ============================================================ */

html[data-hep-theme="dark"] body.hep-public-teachers-page,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shell,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-main{
    background:#081728 !important;
    color:#eaf1fa !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-hero{
    background:
        radial-gradient(circle at 88% 18%,rgba(255,111,28,.11),transparent 26%),
        linear-gradient(135deg,#0b1d31 0%,#0d2239 60%,#112a45 100%) !important;
    border-bottom:1px solid #29445f !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-kicker{
    color:#ff8b46 !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-hero h1{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-hero p{
    color:#b8c7d9 !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-section{
    background:#081728 !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-filter a{
    background:#132c48 !important;
    color:#dce8f6 !important;
    border:1px solid #315270 !important;
    box-shadow:none !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-filter a:hover,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-filter a.active{
    background:#245a9f !important;
    border-color:#3d73b3 !important;
    color:#ffffff !important;
    box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card{
    background:#102742 !important;
    border:1px solid #2c4b69 !important;
    color:#eef5fc !important;
    box-shadow:0 12px 30px rgba(0,0,0,.13) !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card:hover{
    transform:translateY(-3px);
    background:#132c49 !important;
    border-color:#416889 !important;
    box-shadow:0 18px 38px rgba(0,0,0,.20) !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card h2{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card p,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card small{
    color:#b7c8da !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-branch{
    background:#173655 !important;
    border:1px solid #315474 !important;
    color:#8ec0ff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-avatar{
    background:#265ca3 !important;
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-card-actions a{
    background:#112c49 !important;
    color:#eef5fc !important;
    border:1px solid #3a5d7e !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-card-actions a:hover{
    background:#183a5d !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-card-actions a.primary{
    background:#ff6f1c !important;
    border-color:#ff6f1c !important;
    color:#ffffff !important;
    box-shadow:0 8px 20px rgba(255,111,28,.20);
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-wide-cta{
    background:linear-gradient(135deg,#102742,#142f4e) !important;
    border:1px solid #315270 !important;
    color:#eef5fc !important;
}

/* ============================================================
   ORTAK HEADER · AÇIK/KOYU
   ============================================================ */

html[data-hep-theme="light"] .hep-public-shared-header{
    background:rgba(255,255,255,.98) !important;
    border-bottom-color:#dfe8f2 !important;
    color:#0b2a5b !important;
}

html[data-hep-theme="light"] .hep-public-shared-header .hep-public-theme-toggle{
    background:#f8fbff;
    color:#0b2a5b;
    border-color:#d5e1ee;
}

html[data-hep-theme="dark"] .hep-public-shared-header{
    background:rgba(11,27,45,.98) !important;
    border-bottom-color:#28445f !important;
    color:#e7eef8 !important;
}

html[data-hep-theme="dark"] .hep-public-shared-header .hep-public-theme-toggle{
    background:#173552;
    color:#f4f8fd;
    border-color:#365777;
    box-shadow:none;
}

html[data-hep-theme="dark"] .hep-public-shared-header .hep-public-theme-toggle:hover{
    background:#1d4165;
    border-color:#4b7093;
}

@media(max-width:1120px){
    .hep-public-shared-header .hep-public-theme-toggle-label{
        display:none;
    }
    .hep-public-shared-header .hep-public-theme-toggle{
        width:42px;
        padding:0;
    }
}

@media(max-width:760px){
    .hep-public-shared-header .hep-public-theme-toggle{
        min-height:38px;
        width:38px;
        border-radius:10px;
    }

    body.hep-public-teachers-page .hep-public-hero{
        padding-top:38px !important;
        padding-bottom:38px !important;
    }

    body.hep-public-teachers-page .hep-public-teacher-grid{
        gap:14px !important;
    }
}

/* HEP PUBLIC TEACHERS THEME TOGGLE V1 END */

/* HEP PUBLIC HEADER FIXED DARK + TEACHERS THEME V2.1 START */

/* ============================================================
   1) HEP PUBLIC HEADER
   Açık/koyu içerik temasından BAĞIMSIZ olarak her zaman lacivert.
   Bu, ana sayfadaki gerçek HEP menü görünümüdür.
   ============================================================ */

.hep-public-shared-header,
html[data-hep-theme="light"] .hep-public-shared-header,
html[data-hep-theme="dark"] .hep-public-shared-header{
    background:#0b1b2d !important;
    background-color:#0b1b2d !important;
    color:#f5f8fc !important;
    border-bottom:1px solid #29445f !important;
    box-shadow:0 4px 16px rgba(0,0,0,.14) !important;
    min-height:76px !important;
}

.hep-public-shared-header .hm-container{
    width:min(100% - 36px,1180px) !important;
    max-width:1180px !important;
    margin:0 auto !important;
}

.hep-public-shared-header .hm-nav-wrap{
    min-height:76px !important;
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
}

.hep-public-shared-header .hm-brand{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:154px !important;
    height:54px !important;
    padding:6px 14px !important;
    border-radius:14px !important;
    background:#ffffff !important;
    border:1px solid #d8e2ed !important;
    box-shadow:0 7px 18px rgba(0,0,0,.16) !important;
}

.hep-public-shared-header .hm-brand img,
html[data-hep-theme="light"] .hep-public-shared-header .hm-brand img,
html[data-hep-theme="dark"] .hep-public-shared-header .hm-brand img{
    display:block !important;
    width:auto !important;
    max-width:132px !important;
    max-height:40px !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
}

.hep-public-shared-header .hm-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    flex:1 1 auto !important;
    min-width:0 !important;
}

.hep-public-shared-header .hm-nav a,
html[data-hep-theme="light"] .hep-public-shared-header .hm-nav a,
html[data-hep-theme="dark"] .hep-public-shared-header .hm-nav a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:42px !important;
    padding:0 10px !important;
    border-radius:8px !important;
    color:#dce7f4 !important;
    background:transparent !important;
    font-size:12px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
}

.hep-public-shared-header .hm-nav a:hover,
.hep-public-shared-header .hm-nav a.active,
html[data-hep-theme="light"] .hep-public-shared-header .hm-nav a:hover,
html[data-hep-theme="light"] .hep-public-shared-header .hm-nav a.active,
html[data-hep-theme="dark"] .hep-public-shared-header .hm-nav a:hover,
html[data-hep-theme="dark"] .hep-public-shared-header .hm-nav a.active{
    color:#ffffff !important;
    background:#132c48 !important;
}

.hep-public-shared-header .hm-nav a.active::after{
    content:"" !important;
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:0 !important;
    height:3px !important;
    border-radius:999px !important;
    background:#ff6f1c !important;
}

.hep-public-shared-header .hm-nav-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:9px !important;
    flex:0 0 auto !important;
}

.hep-public-shared-header .hep-public-theme-toggle,
html[data-hep-theme="light"] .hep-public-shared-header .hep-public-theme-toggle,
html[data-hep-theme="dark"] .hep-public-shared-header .hep-public-theme-toggle{
    appearance:none !important;
    min-width:82px !important;
    height:42px !important;
    padding:0 12px !important;
    border:1px solid #d6e0eb !important;
    border-radius:11px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    background:#ffffff !important;
    color:#0b2a5b !important;
    box-shadow:none !important;
    cursor:pointer !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.hep-public-shared-header .hm-request{
    background:#ff6f1c !important;
    border-color:#ff6f1c !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(255,111,28,.18) !important;
}

.hep-public-shared-header .hm-login{
    background:#1761ae !important;
    border-color:#1761ae !important;
    color:#fff !important;
}

/* ============================================================
   2) ÖĞRETMENLER SAYFASI - AÇIK
   ============================================================ */

html[data-hep-theme="light"] body.hep-public-teachers-page,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shell,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-main,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-section{
    background:#f7f9fc !important;
    background-color:#f7f9fc !important;
    color:#0b2a5b !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-hero{
    background:
        radial-gradient(circle at 88% 10%,rgba(255,111,28,.08),transparent 28%),
        linear-gradient(135deg,#f4f8fd 0%,#ffffff 58%,#fff8f3 100%) !important;
    border-color:#e1e9f2 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-hero h1,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card h2{
    color:#082b61 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-hero p,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card p,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card small{
    color:#5d728d !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-kicker,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-filter-group-v1>strong{
    color:#ff6f1c !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-filter a{
    background:#ffffff !important;
    border:1px solid #d3e0ed !important;
    color:#173e70 !important;
    box-shadow:0 3px 10px rgba(12,54,103,.04) !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-filter a.active,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-filter a:hover{
    background:#18559a !important;
    border-color:#18559a !important;
    color:#ffffff !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-teacher-card{
    background:#ffffff !important;
    border:1px solid #d8e3ef !important;
    color:#0b2a5b !important;
    box-shadow:0 12px 28px rgba(9,52,102,.07) !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-avatar{
    background:#eaf2fb !important;
    color:#165296 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-branch{
    background:#edf5ff !important;
    border-color:#cee0f2 !important;
    color:#12549c !important;
}

/* ============================================================
   3) ÖĞRETMENLER SAYFASI - KOYU
   ============================================================ */

html[data-hep-theme="dark"] body.hep-public-teachers-page,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shell,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-main,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-section{
    background:#081728 !important;
    background-color:#081728 !important;
    color:#eef5fc !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-hero{
    background:
        radial-gradient(circle at 88% 10%,rgba(255,111,28,.10),transparent 28%),
        linear-gradient(135deg,#0d2138,#102943 58%,#132e4b) !important;
    border-color:#29445f !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-hero h1,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card h2{
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-hero p,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card p,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card small{
    color:#b8c8da !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-kicker,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-filter-group-v1>strong{
    color:#ff9250 !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-filter a{
    background:#132c48 !important;
    border:1px solid #315270 !important;
    color:#dce8f6 !important;
    box-shadow:none !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-filter a.active,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-filter a:hover{
    background:#245a9f !important;
    border-color:#3d73b3 !important;
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-teacher-card{
    background:#102742 !important;
    border:1px solid #2c4b69 !important;
    color:#eef5fc !important;
    box-shadow:0 12px 30px rgba(0,0,0,.14) !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-avatar{
    background:#265ca3 !important;
    color:#ffffff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-branch{
    background:#173655 !important;
    border-color:#315474 !important;
    color:#9ac8ff !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-card-actions a{
    background:#112c49 !important;
    border-color:#3a5d7e !important;
    color:#eef5fc !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-card-actions a.primary{
    background:#ff6f1c !important;
    border-color:#ff6f1c !important;
    color:#ffffff !important;
}

/* Açık mod kart aksiyonları */
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-card-actions a{
    background:#ffffff !important;
    border-color:#becfe0 !important;
    color:#0b3c76 !important;
}

html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-card-actions a.primary{
    background:#ff6f1c !important;
    border-color:#ff6f1c !important;
    color:#ffffff !important;
}

@media(max-width:1160px){
    .hep-public-shared-header .hm-container{
        width:min(100% - 24px,1180px) !important;
    }

    .hep-public-shared-header .hm-nav a{
        padding-left:8px !important;
        padding-right:8px !important;
        font-size:11px !important;
    }

    .hep-public-shared-header .hep-public-theme-toggle{
        min-width:42px !important;
        width:42px !important;
        padding:0 !important;
    }

    .hep-public-shared-header .hep-public-theme-toggle-label{
        display:none !important;
    }
}

/* HEP PUBLIC HEADER FIXED DARK + TEACHERS THEME V2.1 END */

/* HEP PUBLIC HEADER SINGLE AUTHORITY V2.2 START */
/*
 * FINAL public header authority.
 * style/hepmatematik.css içindeki eski hep-public-shared-header kurallarını
 * yalnız public HEP header alanında etkisiz bırakır.
 */

html[data-hep-theme="light"] body.hep-public-page .hep-public-shared-header,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0b1f3a !important;
}

html[data-hep-theme="dark"] body.hep-public-page .hep-public-shared-header,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header {
    background: #0b1b2d !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    color: #ffffff !important;
}

html[data-hep-theme="light"] body.hep-public-page .hep-public-shared-header a,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header a {
    color: #0b1f3a !important;
}

html[data-hep-theme="dark"] body.hep-public-page .hep-public-shared-header a,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header a {
    color: #f8fafc !important;
}

html[data-hep-theme="light"] body.hep-public-page .hep-public-shared-header .hm-nav a.is-active,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header .hm-nav a.is-active,
html[data-hep-theme="dark"] body.hep-public-page .hep-public-shared-header .hm-nav a.is-active,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header .hm-nav a.is-active {
    border-bottom-color: #ff6b22 !important;
}

html[data-hep-theme="light"] body.hep-public-page .hep-public-theme-toggle,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-theme-toggle {
    background: #f8fafc !important;
    color: #0b2e63 !important;
    border-color: #d7e0eb !important;
}

html[data-hep-theme="dark"] body.hep-public-page .hep-public-theme-toggle,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-theme-toggle {
    background: #162a42 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.18) !important;
}

/* Logo açık/koyu modda ayrı kart kullanmaz; daima header zeminiyle bütünleşir. */
html[data-hep-theme="light"] body.hep-public-page .hep-public-shared-header .hm-brand,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header .hm-brand,
html[data-hep-theme="dark"] body.hep-public-page .hep-public-shared-header .hm-brand,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header .hm-brand{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}

/* Öğretmenler sayfası yüzeyleri */
html[data-hep-theme="light"] body.hep-public-teachers-page,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shell,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-main {
    background: #f6f9fd !important;
    color: #0b2e63 !important;
}

html[data-hep-theme="dark"] body.hep-public-teachers-page,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shell,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-main {
    background: #081728 !important;
    color: #f8fafc !important;
}

/* HEP PUBLIC HEADER SINGLE AUTHORITY V2.2 END */

/* HEP PUBLIC HEADER ALWAYS NAVY V2.3 START */
/*
 * Public üst menü açık/koyu içerik temasından bağımsızdır.
 * Ana sayfa referansı: lacivert header + beyaz logo pill.
 */

/* Header ana yüzey */
html body.hep-public-page .hep-public-shared-header,
html body.hep-public-teachers-page .hep-public-shared-header,
html[data-hep-theme="light"] body.hep-public-page .hep-public-shared-header,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header,
html[data-hep-theme="dark"] body.hep-public-page .hep-public-shared-header,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header {
    background: #0b1b2d !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(4,15,31,.10) !important;
}

/* Header içindeki tüm normal menü linkleri */
html body.hep-public-page .hep-public-shared-header .hm-nav a,
html body.hep-public-teachers-page .hep-public-shared-header .hm-nav a,
html[data-hep-theme="light"] body.hep-public-page .hep-public-shared-header .hm-nav a,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header .hm-nav a,
html[data-hep-theme="dark"] body.hep-public-page .hep-public-shared-header .hm-nav a,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header .hm-nav a {
    color: #f8fafc !important;
}

/* Aktif menü */
html body.hep-public-page .hep-public-shared-header .hm-nav a.is-active,
html body.hep-public-teachers-page .hep-public-shared-header .hm-nav a.is-active {
    color: #ffffff !important;
    border-bottom-color: #ff6b22 !important;
}

/* Logo alanı: header zeminiyle bütünleşir; beyaz pill kaldırıldı. */
html body.hep-public-page .hep-public-shared-header .hm-brand,
html body.hep-public-teachers-page .hep-public-shared-header .hm-brand,
html[data-hep-theme="light"] body.hep-public-page .hep-public-shared-header .hm-brand,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header .hm-brand,
html[data-hep-theme="dark"] body.hep-public-page .hep-public-shared-header .hm-brand,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header .hm-brand {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Tema butonu: navy header üzerinde okunaklı */
html body.hep-public-page .hep-public-theme-toggle,
html body.hep-public-teachers-page .hep-public-theme-toggle,
html[data-hep-theme="light"] body.hep-public-page .hep-public-theme-toggle,
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-theme-toggle,
html[data-hep-theme="dark"] body.hep-public-page .hep-public-theme-toggle,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-theme-toggle {
    background: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.28) !important;
}

/* Ders Talebi turuncu */
html body.hep-public-page .hep-public-shared-header .hm-nav-actions .btn-request,
html body.hep-public-teachers-page .hep-public-shared-header .hm-nav-actions .btn-request,
html body.hep-public-page .hep-public-shared-header .hm-nav-actions .hep-request-btn,
html body.hep-public-teachers-page .hep-public-shared-header .hm-nav-actions .hep-request-btn {
    background: #ff6b22 !important;
    color: #ffffff !important;
    border-color: #ff6b22 !important;
}

/* Giriş Yap lacivertten ayrışsın */
html body.hep-public-page .hep-public-shared-header .hm-nav-actions .btn-login,
html body.hep-public-teachers-page .hep-public-shared-header .hm-nav-actions .btn-login,
html body.hep-public-page .hep-public-shared-header .hm-nav-actions .hep-login-btn,
html body.hep-public-teachers-page .hep-public-shared-header .hm-nav-actions .hep-login-btn {
    background: #123e78 !important;
    color: #ffffff !important;
    border-color: #2b5c97 !important;
}

/* Mobil menü açılır alanı da header ile aynı */
html body.hep-public-page .hep-public-shared-header .hm-mobile-menu,
html body.hep-public-teachers-page .hep-public-shared-header .hm-mobile-menu {
    background: #0b1b2d !important;
    color: #ffffff !important;
}

/* HEP PUBLIC HEADER ALWAYS NAVY V2.3 END */
/* HEP TEACHERS TOGGLE UNDERLINE POLISH V2.7 START */

/* Öğretmenler aktif sekmesi: eski border çizgisini kapat. */
body.hep-public-teachers-page
.hep-public-shared-header .hm-nav a[href*="/local/heprequests/teachers.php"],
body.hep-public-teachers-page
.hep-public-shared-header .hm-nav a.is-active {
    position: relative !important;
    border-bottom: 0 !important;
}

/* Eski pseudo çizgi varsa sıfırla ve tam merkezde yeniden kur. */
body.hep-public-teachers-page
.hep-public-shared-header .hm-nav a[href*="/local/heprequests/teachers.php"]::after,
body.hep-public-teachers-page
.hep-public-shared-header .hm-nav a.is-active::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 5px !important;
    width: 72% !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #ff6b22 !important;
    opacity: 1 !important;
    transform: translateX(-50%) !important;
    transform-origin: center !important;
}

/* Header tema değişse bile lacivert kalır. */
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-shared-header,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-shared-header {
    background: #0b1b2d !important;
    color: #fff !important;
}

/* Toggle butonu navy header üzerinde aynı kalır. */
html[data-hep-theme="light"] body.hep-public-teachers-page .hep-public-theme-toggle,
html[data-hep-theme="dark"] body.hep-public-teachers-page .hep-public-theme-toggle {
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.28) !important;
}

/* HEP TEACHERS TOGGLE UNDERLINE POLISH V2.7 END */
/* HEP PUBLIC NONFRONT LOGO FINAL SYNC V2.8 START */
/*
 * Ana sayfa zaten beğenilen referans.
 * Sadece standalone/public route header logo geometrisini ona yaklaştır.
 */
body:not(.hm-frontpage) .hep-public-shared-header .hm-brand {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

body:not(.hm-frontpage) .hep-public-shared-header .hm-brand img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 174px !important;
    max-height: 48px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Brand alanının nav satırında dikey ortası sabit. */
body:not(.hm-frontpage) .hep-public-shared-header .hm-nav-wrap {
    align-items: center !important;
}

/* HEP PUBLIC NONFRONT LOGO FINAL SYNC V2.8 END */
/* HEP PUBLIC THEME TOGGLE STATE FINAL V2.9 START */

/*
 * HEADER TASARIMI SABİT:
 * Tema yalnız içerik ve tema butonunun durumunu değiştirir.
 */
html[data-hep-theme="light"] .hep-public-shared-header,
html[data-hep-theme="dark"] .hep-public-shared-header {
    background: #0b1b2d !important;
}

/* AÇIK MOD: beyaz buton + lacivert yazı. */
html[data-hep-theme="light"] .hep-public-shared-header .hep-public-theme-toggle {
    background: #ffffff !important;
    color: #0b2e63 !important;
    border: 1px solid #d8e1ec !important;
    box-shadow: 0 6px 16px rgba(4,15,31,.12) !important;
}

/* KOYU MOD: koyu buton + beyaz yazı. */
html[data-hep-theme="dark"] .hep-public-shared-header .hep-public-theme-toggle {
    background: #17283d !important;
    color: #ffffff !important;
    border: 1px solid #41536a !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02),
                0 6px 16px rgba(0,0,0,.18) !important;
}

/* Yazı ve ikon buton rengini miras alsın. */
.hep-public-shared-header .hep-public-theme-toggle
.hep-public-theme-toggle-label,
.hep-public-shared-header .hep-public-theme-toggle
.hep-public-theme-toggle-icon {
    color: inherit !important;
}

/* Buton ölçüsü her route'ta aynı kalsın. */
.hep-public-shared-header .hep-public-theme-toggle {
    min-width: 88px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease !important;
}

/* HEP PUBLIC THEME TOGGLE STATE FINAL V2.9 END */
/* HEP PUBLIC MOBILE HEADER FINAL SYNC V2.10 START */

/*
 * FINAL RESPONSIVE AUTHORITY
 * Bu blok body.hm-frontpage dahil tüm public shared header route'larında
 * aynı mobil davranışı zorlar.
 */

@media (max-width: 1000px) {

    /* Desktop menü mobil/tablet görünümde kesin kapanır. */
    html body .hep-public-shared-header .hm-nav,
    html body.hm-frontpage .hep-public-shared-header .hm-nav,
    html body.hep-public-page .hep-public-shared-header .hm-nav,
    html body.hep-public-teachers-page .hep-public-shared-header .hm-nav {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Hamburger kesin görünür. */
    html body .hep-public-shared-header .hep-public-mobile-menu {
        display: block !important;
        visibility: visible !important;
        flex: 0 0 auto !important;
        position: relative !important;
    }

    /* Header tek satır. */
    html body .hep-public-shared-header .hm-nav-wrap {
        min-height: 70px !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }

    html body .hep-public-shared-header .hm-nav-actions {
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 9px !important;
        min-width: 0 !important;
    }

    /* V2.8 desktop brand sabit genişliğini mobilde bırak. */
    html body:not(.hm-frontpage) .hep-public-shared-header .hm-brand,
    html body.hm-frontpage .hep-public-shared-header .hm-brand {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        flex: 0 1 auto !important;
        padding: 5px 8px !important;
    }

    html body .hep-public-shared-header .hm-brand img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: 48px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center !important;
    }
}

@media (max-width: 620px) {

    html body .hep-public-shared-header .hm-container {
        width: calc(100% - 18px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body .hep-public-shared-header .hm-nav-wrap {
        min-height: 66px !important;
        gap: 7px !important;
    }

    /* Mobilde Ders Talebi gizlenir. */
    html body .hep-public-shared-header .hm-request,
    html body .hep-public-shared-header .hep-public-request-nav,
    html body .hep-public-shared-header .btn-request,
    html body .hep-public-shared-header .hep-request-btn {
        display: none !important;
    }

    /*
     * Tema butonu: Platform/Hakkımızda/İletişim ekranındaki başarılı
     * kompakt görünüm diğer route'lara da uygulanır.
     */
    html body .hep-public-shared-header .hep-public-theme-toggle {
        box-sizing: border-box !important;
        width: auto !important;
        min-width: 68px !important;
        max-width: 82px !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 9px !important;
        border-radius: 8px !important;
        gap: 5px !important;
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        flex: 0 0 auto !important;
    }

    html body .hep-public-shared-header
    .hep-public-theme-toggle .hep-public-theme-toggle-icon {
        font-size: 13px !important;
        line-height: 1 !important;
    }

    html body .hep-public-shared-header
    .hep-public-theme-toggle .hep-public-theme-toggle-label {
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* Giriş Yap kompakt. */
    html body .hep-public-shared-header .hm-login,
    html body .hep-public-shared-header .hep-public-login {
        box-sizing: border-box !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 11px !important;
        border-radius: 9px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        flex: 0 0 auto !important;
    }

    /* Hamburger ölçüsü sabit. */
    html body .hep-public-shared-header
    .hep-public-mobile-menu > summary {
        box-sizing: border-box !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        line-height: 1 !important;
        flex: 0 0 auto !important;
    }

    /* Logo mobilde kompakt. */
    html body:not(.hm-frontpage) .hep-public-shared-header .hm-brand,
    html body.hm-frontpage .hep-public-shared-header .hm-brand {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 4px 7px !important;
        border-radius: 12px !important;
    }

    html body .hep-public-shared-header .hm-brand img {
        max-width: 126px !important;
        max-height: 42px !important;
    }

    /* Açılır panel viewport dışına taşmasın. */
    html body .hep-public-shared-header .hep-public-mobile-panel {
        position: fixed !important;
        top: 72px !important;
        left: 9px !important;
        right: 9px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 86px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        z-index: 5000 !important;
    }
}

@media (max-width: 430px) {

    html body .hep-public-shared-header .hm-container {
        width: calc(100% - 14px) !important;
    }

    html body .hep-public-shared-header .hm-nav-wrap {
        gap: 5px !important;
    }

    html body .hep-public-shared-header .hm-nav-actions {
        gap: 5px !important;
    }

    html body .hep-public-shared-header .hm-brand img {
        max-width: 112px !important;
        max-height: 38px !important;
    }

    html body .hep-public-shared-header .hep-public-theme-toggle {
        min-width: 64px !important;
        max-width: 70px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 7px !important;
        font-size: 11px !important;
    }

    html body .hep-public-shared-header
    .hep-public-theme-toggle .hep-public-theme-toggle-label {
        font-size: 11px !important;
    }

    html body .hep-public-shared-header .hm-login,
    html body .hep-public-shared-header .hep-public-login {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 9px !important;
        font-size: 10px !important;
    }

    html body .hep-public-shared-header
    .hep-public-mobile-menu > summary {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }
}

/* HEP PUBLIC MOBILE HEADER FINAL SYNC V2.10 END */
/* HEP PUBLIC THEME TOGGLE COMPACT ALL PAGES V2.11 START */

/*
 * FINAL PUBLIC THEME BUTTON SIZE AUTHORITY
 * Route/body class fark etmeksizin aynı küçük buton.
 */
html body .hep-public-shared-header .hep-public-theme-toggle,
html body.hm-frontpage .hep-public-shared-header .hep-public-theme-toggle,
html body.hep-public-page .hep-public-shared-header .hep-public-theme-toggle,
html body.hep-public-teachers-page .hep-public-shared-header .hep-public-theme-toggle,
html body.hep-public-demo-page .hep-public-shared-header .hep-public-theme-toggle,
html body.hep-public-about-page .hep-public-shared-header .hep-public-theme-toggle,
html body.hep-public-contact-page .hep-public-shared-header .hep-public-theme-toggle {
    box-sizing: border-box !important;

    width: auto !important;
    min-width: 64px !important;
    max-width: none !important;

    height: 34px !important;
    min-height: 34px !important;

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

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

    gap: 5px !important;

    border-radius: 7px !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    flex: 0 0 auto !important;
}

/* İkon küçük ve dengeli. */
html body .hep-public-shared-header
.hep-public-theme-toggle .hep-public-theme-toggle-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 13px !important;
    min-width: 13px !important;

    font-size: 12px !important;
    line-height: 1 !important;
}

/* Metin küçük ve sabit. */
html body .hep-public-shared-header
.hep-public-theme-toggle .hep-public-theme-toggle-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* AÇIK MOD */
html[data-hep-theme="light"] body
.hep-public-shared-header .hep-public-theme-toggle {
    background: #ffffff !important;
    color: #0b2e63 !important;
    border: 1px solid #d8e1ec !important;
    box-shadow: 0 4px 10px rgba(4,15,31,.10) !important;
}

/* KOYU MOD */
html[data-hep-theme="dark"] body
.hep-public-shared-header .hep-public-theme-toggle {
    background: #253246 !important;
    color: #ffffff !important;
    border: 1px solid #536175 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.16) !important;
}

/*
 * Mobilde biraz daha küçült;
 * ancak tüm route'larda aynı kalır.
 */
@media (max-width: 620px) {
    html body .hep-public-shared-header .hep-public-theme-toggle {
        min-width: 62px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 7px !important;
        border-radius: 7px !important;
        gap: 4px !important;
        font-size: 11px !important;
    }

    html body .hep-public-shared-header
    .hep-public-theme-toggle .hep-public-theme-toggle-icon {
        width: 12px !important;
        min-width: 12px !important;
        font-size: 12px !important;
    }

    html body .hep-public-shared-header
    .hep-public-theme-toggle .hep-public-theme-toggle-label {
        font-size: 11px !important;
    }
}

/* HEP PUBLIC THEME TOGGLE COMPACT ALL PAGES V2.11 END */

/* HEP PUBLIC HOME SECTION SPACING EQUALIZE V1 START */
/*
 * Ana sayfadaki ana içerik bloklarında büyük dikey boşlukları kapatır.
 * Sadece JS tarafından işaretlenen public home section'lara uygulanır.
 */
body.hep-home-spacing-v1 .hep-home-section-v1{
    min-height:0 !important;
    height:auto !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
    scroll-margin-top:92px !important;
}

body.hep-home-spacing-v1 .hep-home-section-v1 + .hep-home-section-v1{
    margin-top:0 !important;
}

/* Bölüm içindeki ana kapsayıcıda eski yüksek min-height kalmışsa temizle. */
body.hep-home-spacing-v1 .hep-home-section-v1 > .container,
body.hep-home-spacing-v1 .hep-home-section-v1 > [class*="container"],
body.hep-home-spacing-v1 .hep-home-section-v1 > [class*="wrap"],
body.hep-home-spacing-v1 .hep-home-section-v1 > [class*="inner"]{
    min-height:0 !important;
}

/* Bölüm başlıkları arasında da sabit ritim kullan. */
body.hep-home-spacing-v1 .hep-home-section-v1 h1,
body.hep-home-spacing-v1 .hep-home-section-v1 h2,
body.hep-home-spacing-v1 .hep-home-section-v1 h3{
    margin-top:0 !important;
}

/* Hero biraz nefes alsın; diğer bölümlerdeki gibi dev boşluk üretmesin. */
body.hep-home-spacing-v1 .hep-home-section-v1.hep-home-hero-v1{
    padding-top:34px !important;
    padding-bottom:34px !important;
}

/* Footer'a geçişte gereksiz üst boşluk olmasın. */
body.hep-home-spacing-v1 .hep-home-section-v1.hep-home-last-section-v1{
    padding-bottom:30px !important;
}

@media (max-width:900px){
    body.hep-home-spacing-v1 .hep-home-section-v1,
    body.hep-home-spacing-v1 .hep-home-section-v1.hep-home-hero-v1{
        padding-top:24px !important;
        padding-bottom:24px !important;
    }

    body.hep-home-spacing-v1 .hep-home-section-v1.hep-home-last-section-v1{
        padding-bottom:24px !important;
    }
}

@media (max-width:600px){
    body.hep-home-spacing-v1 .hep-home-section-v1,
    body.hep-home-spacing-v1 .hep-home-section-v1.hep-home-hero-v1{
        padding-top:18px !important;
        padding-bottom:18px !important;
    }

    body.hep-home-spacing-v1 .hep-home-section-v1.hep-home-last-section-v1{
        padding-bottom:18px !important;
    }
}
/* HEP PUBLIC HOME SECTION SPACING EQUALIZE V1 END */

/* HEP PUBLIC TEACHER COUNT EXACT DOM COLOR V1.5 START */
/*
 * Safety net:
 * JS gerçek badge wrapper'ına .hep-teacher-count-exact-v15 ekler.
 * Sadece COLOR değişir. Ölçü / zemin / border / padding değişmez.
 */
#hm-subjects .hm-subject-card .hep-teacher-count-exact-v15,
#hm-subjects .hm-subject-card .hep-teacher-count-exact-v15 *{
    color:#0b3a78 !important;
}

html[data-hep-theme="light"] #hm-subjects .hm-subject-card .hep-teacher-count-exact-v15,
html[data-hep-theme="light"] #hm-subjects .hm-subject-card .hep-teacher-count-exact-v15 *{
    color:#0b3a78 !important;
}

html[data-hep-theme="dark"] #hm-subjects .hm-subject-card .hep-teacher-count-exact-v15,
html[data-hep-theme="dark"] #hm-subjects .hm-subject-card .hep-teacher-count-exact-v15 *{
    color:#eaf3ff !important;
}

/*
 * Güncel kart DOM'unda sayı rozeti "Dersleri Gör" satırından sonra
 * son eleman olarak bulunuyor. Class henüz JS tarafından eklenmeden önce
 * ilk paint için doğrudan structural safety net.
 */
#hm-subjects .hm-subject-card > :last-child:not(.hm-icon):not(strong):not(small),
#hm-subjects .hm-subject-card > :last-child:not(.hm-icon):not(strong):not(small) *{
    color:#0b3a78 !important;
}

html[data-hep-theme="dark"] #hm-subjects .hm-subject-card > :last-child:not(.hm-icon):not(strong):not(small),
html[data-hep-theme="dark"] #hm-subjects .hm-subject-card > :last-child:not(.hm-icon):not(strong):not(small) *{
    color:#eaf3ff !important;
}
/* HEP PUBLIC TEACHER COUNT EXACT DOM COLOR V1.5 END */

/* HEP PUBLIC CLASS CARDS SVG ICON FIX V1.3 START */
.hep-all-levels-v1 .hep-level-row-v1 > a,.hep-all-levels-v1 .hep-exam-level-row-v1 > a{--hep-level-accent:#2f6feb;--hep-level-soft:#edf4ff;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important;min-height:56px!important;padding:10px 14px!important;border:1px solid #cbdcf0!important;border-radius:14px!important;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.98) 0 18%,rgba(255,255,255,0) 19%),linear-gradient(180deg,#fff 0%,#f6f9fe 100%)!important;color:#0b2f66!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;text-align:center!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(11,58,120,.07),inset 0 1px 0 rgba(255,255,255,.92)!important;overflow:hidden!important;isolation:isolate!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important}
.hep-all-levels-v1 .hep-level-row-v1 > a::before,.hep-all-levels-v1 .hep-exam-level-row-v1 > a::before{content:''!important;position:relative!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--hep-level-accent) 28%,#d9e5f3)!important;border-radius:10px!important;background-color:var(--hep-level-soft)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:19px 19px!important;box-shadow:0 4px 10px rgba(11,58,120,.07)!important;transform:none!important;opacity:1!important}
.hep-all-levels-v1 .hep-level-row-v1 > a::after,.hep-all-levels-v1 .hep-exam-level-row-v1 > a::after{content:''!important;position:absolute!important;left:50%!important;bottom:0!important;width:32px!important;height:3px!important;margin:0!important;border:0!important;border-radius:999px 999px 0 0!important;background:var(--hep-level-accent)!important;transform:translateX(-50%)!important;opacity:.94!important}
.hep-all-levels-v1 .hep-level-row-v1 > a:hover,.hep-all-levels-v1 .hep-exam-level-row-v1 > a:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--hep-level-accent) 42%,#b9cee5)!important;box-shadow:0 11px 24px rgba(11,58,120,.12),inset 0 1px 0 rgba(255,255,255,.95)!important}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(1){--hep-level-accent:#2563eb;--hep-level-soft:#edf4ff}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(2){--hep-level-accent:#0891b2;--hep-level-soft:#e9f9fc}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(3){--hep-level-accent:#16a36a;--hep-level-soft:#ecfaf3}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(4){--hep-level-accent:#f97316;--hep-level-soft:#fff3e9}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(5){--hep-level-accent:#db3d88;--hep-level-soft:#fff0f7}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(6){--hep-level-accent:#7c55df;--hep-level-soft:#f3efff}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(7){--hep-level-accent:#c98a00;--hep-level-soft:#fff7dc}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(8){--hep-level-accent:#e04b4b;--hep-level-soft:#fff0f0}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(9){--hep-level-accent:#5b65dc;--hep-level-soft:#f0f2ff}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(10){--hep-level-accent:#0d91b2;--hep-level-soft:#eaf9fc}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(11){--hep-level-accent:#0e8876;--hep-level-soft:#ecfaf7}.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(12){--hep-level-accent:#e76616;--hep-level-soft:#fff2e9}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(1){--hep-level-accent:#2563eb;--hep-level-soft:#edf4ff}.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(2){--hep-level-accent:#7c3aed;--hep-level-soft:#f4efff}.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(3){--hep-level-accent:#db2777;--hep-level-soft:#fff0f7}.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(4){--hep-level-accent:#0284c7;--hep-level-soft:#edf8ff}.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(5){--hep-level-accent:#e15f16;--hep-level-soft:#fff2e9}.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(6){--hep-level-accent:#6d45c8;--hep-level-soft:#f4f0ff}.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(7){--hep-level-accent:#0f8372;--hep-level-soft:#ecfaf7}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(1)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%232563eb%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2015.5l1-3.7L13.8%203%2017%206.2%208.2%2015z%22%2F%3E%3Cpath%20d%3D%22M12.7%204.1l3.2%203.2%22%2F%3E%3Cpath%20d%3D%22M5%2011.8l3.2%203.2%22%2F%3E%3Cpath%20d%3D%22M4%2015.5l3.6-1%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(2)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%230891b2%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205.2c2.7-.8%204.8-.3%207%201.3v9.3c-2.2-1.6-4.3-2.1-7-1.3z%22%2F%3E%3Cpath%20d%3D%22M17%205.2c-2.7-.8-4.8-.3-7%201.3v9.3c2.2-1.6%204.3-2.1%207-1.3z%22%2F%3E%3Cpath%20d%3D%22M10%206.5v9.3%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(3)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%2316a36a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2212%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%206h6M7%209h6M7%2012h4%22%2F%3E%3Cpath%20d%3D%22M4%206H2.8M4%2010H2.8M4%2014H2.8%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(4)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23f97316%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%207V5.5A4%204%200%200110%202a4%204%200%20014%203.5V7%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%2212%22%20height%3D%2210%22%20rx%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M7%2011h6M7%2014h4%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(5)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23db3d88%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%207h10M5%2011h10M5%2015h10%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2215%22%20r%3D%221.1%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(6)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%237c55df%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2016h12L10%204z%22%2F%3E%3Cpath%20d%3D%22M8%2013h4l-2-4z%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(7)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23c98a00%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%222.8%22%20width%3D%2212%22%20height%3D%2214.4%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6.5%206h7M6.5%209.5h1M10%209.5h1M13.5%209.5h.1M6.5%2013h1M10%2013h1M13.5%2013h.1%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(8)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23e04b4b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7.2%203.2h3.2l1%203.3-2.6%201.1%22%2F%3E%3Cpath%20d%3D%22M8%207.2l-2%203.3c-1.3%202.2.1%204.9%202.7%205.1h4.8%22%2F%3E%3Cpath%20d%3D%22M12%2010.5a3.5%203.5%200%20013.5%203.5v1.5H8.7%22%2F%3E%3Cpath%20d%3D%22M5.5%2017h11%22%2F%3E%3Ccircle%20cx%3D%2211.4%22%20cy%3D%228.2%22%20r%3D%221.2%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(9)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%235b65dc%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h6M8.5%203v5l-4%207.5c-.5.9.2%201.5%201.1%201.5h8.8c.9%200%201.6-.6%201.1-1.5l-4-7.5V3%22%2F%3E%3Cpath%20d%3D%22M6.5%2013h7%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(10)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%230d91b2%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M3.3%2010h13.4M10%203c2.1%202%203.2%204.3%203.2%207S12.1%2015%2010%2017c-2.1-2-3.2-4.3-3.2-7S7.9%205%2010%203z%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(11)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%230e8876%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2016h14M4%2015V9h3v6M9%2015V5h3v10M14%2015V8h3v7%22%2F%3E%3Cpath%20d%3D%22M4%206l4-2%203%201%205-3%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-level-row-v1 > a:nth-child(12)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23e76616%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%207L10%203l7.5%204L10%2011z%22%2F%3E%3Cpath%20d%3D%22M5.5%209.2v3.5c2.5%201.8%206.5%201.8%209%200V9.2%22%2F%3E%3Cpath%20d%3D%22M17.5%207v5%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(1)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%232563eb%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M12.5%206.5L17%202M14%202h3v3%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(2)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%237c3aed%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203V2h4v1M7.5%207h5M7.5%2010h3M7%2013l1.2%201.2L10.5%2012%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(3)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23db2777%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2212%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%229%22%20width%3D%2213%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2214%22%20width%3D%2211%22%20height%3D%223%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(4)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%230284c7%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h9v7H7l-3%203v-3H3z%22%2F%3E%3Cpath%20d%3D%22M10%209h7v6h-2v2l-2-2h-3z%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(5)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23e15f16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h14L10%203zM4%208h12M5%208v6M8%208v6M12%208v6M15%208v6M3%2015h14M2.5%2017h15%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(6)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%236d45c8%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M6.5%208.5l2-2M11.5%206.5l2%202M13.5%2011.5l-2%202M8.5%2013.5l-2-2%22%2F%3E%3C%2Fsvg%3E") !important;}
.hep-all-levels-v1 .hep-exam-level-row-v1 > a:nth-child(7)::before{content:'' !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%230f8372%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2015l4-4%203%202%205-7%22%2F%3E%3Cpath%20d%3D%22M13%206h3v3%22%2F%3E%3Cpath%20d%3D%22M4%2017h12%22%2F%3E%3C%2Fsvg%3E") !important;}
html[data-hep-theme="dark"] .hep-all-levels-v1 .hep-level-row-v1 > a,html[data-hep-theme="dark"] .hep-all-levels-v1 .hep-exam-level-row-v1 > a{border-color:#2d4767!important;background:radial-gradient(circle at 18% 20%,rgba(45,78,119,.20) 0 18%,rgba(0,0,0,0) 19%),linear-gradient(180deg,#13253e 0%,#0f2037 100%)!important;color:#f4f8ff!important;box-shadow:0 9px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important}
html[data-hep-theme="dark"] .hep-all-levels-v1 .hep-level-row-v1 > a::before,html[data-hep-theme="dark"] .hep-all-levels-v1 .hep-exam-level-row-v1 > a::before{background-color:#172c48!important;border-color:color-mix(in srgb,var(--hep-level-accent) 38%,#385573)!important;box-shadow:0 5px 12px rgba(0,0,0,.18)!important}
@media (max-width:767px){.hep-all-levels-v1 .hep-level-row-v1 > a,.hep-all-levels-v1 .hep-exam-level-row-v1 > a{min-height:50px!important;padding:8px 10px!important;gap:8px!important;border-radius:12px!important;font-size:11px!important}.hep-all-levels-v1 .hep-level-row-v1 > a::before,.hep-all-levels-v1 .hep-exam-level-row-v1 > a::before{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important;background-size:17px 17px!important}.hep-all-levels-v1 .hep-level-row-v1 > a::after,.hep-all-levels-v1 .hep-exam-level-row-v1 > a::after{width:24px!important}}
/* HEP PUBLIC CLASS CARDS SVG ICON FIX V1.3 END */

/* HEP PUBLIC HEADER VISIBLE SECTION SCROLLSPY FIX V1.2 START */

/*
 * Ana sayfada olası eski active state çizgilerini bastır.
 * Tek final çizgi .hep-scroll-visible-current-v12 üzerinden gelir.
 */
body.hm-frontpage
.hep-public-shared-header
.hm-nav
a::after,
body.hm-frontpage
.hep-public-shared-header
.hm-nav
a.active::after,
body.hm-frontpage
.hep-public-shared-header
.hm-nav
a.hep-pubnav-active::after,
body.hm-frontpage
.hep-public-shared-header
.hm-nav
a.hep-nav-current::after,
body.hm-frontpage
.hep-public-shared-header
.hm-nav
a.hep-scroll-current-v1::after{
    content:none !important;
    display:none !important;
}

/* Yalnız final aktif scrollspy sekmesi. */
body.hm-frontpage
.hep-public-shared-header
.hm-nav
a.hep-scroll-visible-current-v12::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:10px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#ff6b24 !important;
    opacity:1 !important;
    transform:none !important;
}

body.hm-frontpage
.hep-public-shared-header
.hm-nav
a.hep-scroll-visible-current-v12{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:850 !important;
}

/*
 * Bu üç sekme scrollspy çizgisine hiçbir zaman dahil edilmez.
 */
.hep-public-shared-header
.hm-nav
a[data-hep-pub-key="platform"]::after,
.hep-public-shared-header
.hm-nav
a[data-hep-pub-key="about"]::after,
.hep-public-shared-header
.hm-nav
a[data-hep-pub-key="contact"]::after{
    content:none !important;
    display:none !important;
}

/* HEP PUBLIC HEADER VISIBLE SECTION SCROLLSPY FIX V1.2 END */


/* HEP LOGO.5F FINAL THEME CONSISTENCY START */
/*
 FINAL visual authority:
 - PUBLIC HEADER is always navy -> always dark-background (white/orange) logo.
 - APP HEADER follows theme.
 - APP FOOTER follows theme.
 - PUBLIC FOOTER is navy -> always dark-background (white/orange) logo.
 - No logo card/plate, hover surface, border, radius, padding or shadow.
*/

/* ===================== PUBLIC HEADER ===================== */
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand:hover,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand:focus,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand:active{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    padding:0 !important;
    filter:none !important;
}

/* Public header navy olduğundan light/dark tema fark etmeksizin WHITE/ORANGE logo. */
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand img{
    content:url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091207") !important;
    opacity:1 !important;
    visibility:visible !important;
    display:block !important;
    width:auto !important;
    max-width:184px !important;
    height:auto !important;
    max-height:46px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
}

/* ===================== APP / PANEL HEADER ===================== */
html[data-hep-theme] body.hm-app-shell .hm-app-brand,
html[data-hep-theme] body.hm-app-shell .hm-app-brand:hover,
html[data-hep-theme] body.hm-app-shell .hm-app-brand:focus,
html[data-hep-theme] body.hm-app-shell .hm-app-brand:active{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    padding:0 !important;
    filter:none !important;
}

html[data-hep-theme="light"] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
html[data-hep-theme="light"] body.hm-app-shell .hm-app-brand img{
    content:url("/theme/hepmatematik/pix/hep_logo5_horizontal_light.svg?v=2026091207") !important;
}
html[data-hep-theme="dark"] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
html[data-hep-theme="dark"] body.hm-app-shell .hm-app-brand img{
    content:url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091207") !important;
}

html[data-hep-theme] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
html[data-hep-theme] body.hm-app-shell .hm-app-brand img{
    opacity:1 !important;
    visibility:visible !important;
    display:block !important;
    width:auto !important;
    max-width:184px !important;
    height:auto !important;
    max-height:46px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
}

/* ===================== APP FOOTER ===================== */
html[data-hep-theme] body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-logo-wrap{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-color:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    filter:none !important;
}

html[data-hep-theme="light"] body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-logo,
html[data-hep-theme="light"] body.hm-app-shell .hm-app-footer-v2 .hep-footer-logo-t3,
html[data-hep-theme="light"] body.hm-app-shell .hm-app-footer-v2 .hep-online-site-logo{
    content:url("/theme/hepmatematik/pix/hep_logo5_horizontal_light.svg?v=2026091207") !important;
}

html[data-hep-theme="dark"] body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-logo,
html[data-hep-theme="dark"] body.hm-app-shell .hm-app-footer-v2 .hep-footer-logo-t3,
html[data-hep-theme="dark"] body.hm-app-shell .hm-app-footer-v2 .hep-online-site-logo{
    content:url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091207") !important;
}

html[data-hep-theme] body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-logo,
html[data-hep-theme] body.hm-app-shell .hm-app-footer-v2 .hep-footer-logo-t3,
html[data-hep-theme] body.hm-app-shell .hm-app-footer-v2 .hep-online-site-logo{
    display:block !important;
    width:auto !important;
    max-width:150px !important;
    height:auto !important;
    max-height:40px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
    object-fit:contain !important;
}

/* ===================== PUBLIC FOOTER ===================== */
/* Public footer navy olduğundan WHITE/ORANGE logo kullan. */
body.hm-frontpage .footer-brand .hep-online-site-logo,
body.hm-frontpage .hm-footer .hep-footer-logo-t3,
.hm-public-footer .hep-footer-logo-t3,
.hep-site-footer .hep-footer-logo-t3,
[data-hep-footer-brand="1"] .hep-footer-logo-t3{
    content:url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091207") !important;
    display:block !important;
    width:auto !important;
    max-width:190px !important;
    height:auto !important;
    max-height:48px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
    object-fit:contain !important;
}

/* ===================== MOBILE ===================== */
@media (max-width:640px){
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand img,
    html[data-hep-theme] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
    html[data-hep-theme] body.hm-app-shell .hm-app-brand img{
        max-width:156px !important;
        max-height:42px !important;
    }
}

@media (max-width:359px){
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand img{
        content:url("/theme/hepmatematik/pix/hep_logo5_symbol_dark.svg?v=2026091207") !important;
        max-width:44px !important;
        max-height:42px !important;
    }

    html[data-hep-theme="light"] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
    html[data-hep-theme="light"] body.hm-app-shell .hm-app-brand img{
        content:url("/theme/hepmatematik/pix/hep_logo5_symbol_light.svg?v=2026091207") !important;
        max-width:44px !important;
        max-height:42px !important;
    }

    html[data-hep-theme="dark"] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
    html[data-hep-theme="dark"] body.hm-app-shell .hm-app-brand img{
        content:url("/theme/hepmatematik/pix/hep_logo5_symbol_dark.svg?v=2026091207") !important;
        max-width:44px !important;
        max-height:42px !important;
    }
}
/* HEP LOGO.5F FINAL THEME CONSISTENCY END */

/* HEP LOGO.5G HEADER SCALE FOOTER RESTORE START */

/* ================= HEADER SCALE ================= */

/* PUBLIC: menu başlıklarına oranlı, daha güçlü marka alanı */
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand{
    width:228px !important;
    min-width:228px !important;
    max-width:228px !important;
    height:58px !important;
    flex:0 0 228px !important;
}

html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
html[data-hep-theme] body
.hep-public-shared-header[data-hep-public-header] .hm-brand img{
    content:url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091208") !important;
    width:218px !important;
    max-width:218px !important;
    height:auto !important;
    max-height:52px !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* APP/PANEL: light-dark asset korunur, sadece boyut güçlenir */
html[data-hep-theme] body.hm-app-shell .hm-app-brand{
    width:218px !important;
    min-width:218px !important;
    max-width:218px !important;
    height:58px !important;
    flex:0 0 218px !important;
}

html[data-hep-theme] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
html[data-hep-theme] body.hm-app-shell .hm-app-brand img{
    width:208px !important;
    max-width:208px !important;
    height:auto !important;
    max-height:52px !important;
}

/* ================= APP FOOTER RESTORE ================= */

/* Eski image wrap görünürlük çakışmalarını devreden çıkar */
body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-logo-wrap{
    display:none !important;
}

/* Logo her durumda brand alanında pseudo-element olarak garanti edilir */
body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-brand{
    position:relative !important;
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    align-items:center !important;
    column-gap:14px !important;
    min-width:260px !important;
}

body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-brand::before{
    content:"" !important;
    display:block !important;
    width:150px !important;
    height:42px !important;
    background-repeat:no-repeat !important;
    background-position:left center !important;
    background-size:contain !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}

html[data-hep-theme="light"] body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-brand::before{
    background-image:url("/theme/hepmatematik/pix/hep_logo5_horizontal_light.svg?v=2026091208") !important;
}

html[data-hep-theme="dark"] body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-brand::before{
    background-image:url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091208") !important;
}

/* Brand text kendi kolonunda kalır */
body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-brand-copy{
    min-width:0 !important;
}

/* ================= PUBLIC FOOTER RESTORE ================= */

/* Eski img/footer logo kaynakları saklanır, tek authoritative logo pseudo-element ile çizilir */
body.hm-frontpage .footer-brand .hep-online-site-logo,
body.hm-frontpage .footer-brand .hep-footer-logo-t3{
    display:none !important;
}

body.hm-frontpage .footer-brand{
    position:relative !important;
}

body.hm-frontpage .footer-brand::before{
    content:"" !important;
    display:block !important;
    width:220px !important;
    height:54px !important;
    margin:0 0 16px 0 !important;
    background-image:url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091208") !important;
    background-repeat:no-repeat !important;
    background-position:left center !important;
    background-size:contain !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

/* ================= MOBILE ================= */
@media (max-width:760px){
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand{
        width:180px !important;
        min-width:180px !important;
        max-width:180px !important;
        height:52px !important;
        flex:0 0 180px !important;
    }

    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
    html[data-hep-theme] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand img{
        width:172px !important;
        max-width:172px !important;
        max-height:46px !important;
    }

    html[data-hep-theme] body.hm-app-shell .hm-app-brand{
        width:176px !important;
        min-width:176px !important;
        max-width:176px !important;
        height:52px !important;
        flex:0 0 176px !important;
    }

    html[data-hep-theme] body.hm-app-shell .hm-app-brand .hep-brand-logo-t3,
    html[data-hep-theme] body.hm-app-shell .hm-app-brand img{
        width:168px !important;
        max-width:168px !important;
        max-height:46px !important;
    }

    body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-brand{
        grid-template-columns:1fr !important;
        row-gap:8px !important;
    }

    body.hm-app-shell .hm-app-footer-v2 .hm-app-footer-brand::before{
        width:142px !important;
        height:40px !important;
    }

    body.hm-frontpage .footer-brand::before{
        width:190px !important;
        height:48px !important;
    }
}

/* HEP LOGO.5G HEADER SCALE FOOTER RESTORE END */

/* HEP LOGO.5I MOBILE PUBLIC BRAND FIX START */
/* Public header laciverttir: mobilde logo daima white/orange ve tamamen şeffaf kapsayıcı kullanır. */
@media (max-width: 760px) {
    html body .hep-public-shared-header .hm-brand,
    html[data-hep-theme="light"] body .hep-public-shared-header .hm-brand,
    html[data-hep-theme="dark"] body .hep-public-shared-header .hm-brand {
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
        height: 52px !important;
        min-height: 52px !important;
        flex: 0 0 180px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        filter: none !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    html body .hep-public-shared-header .hm-brand::before,
    html body .hep-public-shared-header .hm-brand::after {
        content: none !important;
        display: none !important;
    }

    html body .hep-public-shared-header .hm-brand .hep-brand-logo-t3,
    html body .hep-public-shared-header .hm-brand img {
        content: url("/theme/hepmatematik/pix/hep_logo5_horizontal_dark.svg?v=2026091209") !important;
        display: block !important;
        width: 172px !important;
        max-width: 172px !important;
        height: auto !important;
        max-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        filter: none !important;
        object-fit: contain !important;
        object-position: left center !important;
    }
}

@media (max-width: 420px) {
    html body .hep-public-shared-header .hm-brand {
        width: 174px !important;
        min-width: 174px !important;
        max-width: 174px !important;
        flex-basis: 174px !important;
    }

    html body .hep-public-shared-header .hm-brand .hep-brand-logo-t3,
    html body .hep-public-shared-header .hm-brand img {
        width: 166px !important;
        max-width: 166px !important;
    }
}
/* HEP LOGO.5I MOBILE PUBLIC BRAND FIX END */

/* HEP-LOGO5S2-FINAL-HMBRAND-TRANSPARENT-20260912 */
/* Final authority: public header logo container must NEVER paint a white plate. */
html body .hep-public-shared-header[data-hep-public-header] .hm-brand,
html[data-hep-theme="light"] body .hep-public-shared-header[data-hep-public-header] .hm-brand,
html[data-hep-theme="dark"] body .hep-public-shared-header[data-hep-public-header] .hm-brand,
html body .hep-public-shared-header[data-hep-public-header] .hm-container.hm-nav-wrap > a.hm-brand,
html[data-hep-theme="light"] body .hep-public-shared-header[data-hep-public-header] .hm-container.hm-nav-wrap > a.hm-brand,
html[data-hep-theme="dark"] body .hep-public-shared-header[data-hep-public-header] .hm-container.hm-nav-wrap > a.hm-brand,
html body .hep-public-shared-header[data-hep-public-header] .hm-brand:hover,
html body .hep-public-shared-header[data-hep-public-header] .hm-brand:focus,
html body .hep-public-shared-header[data-hep-public-header] .hm-brand:focus-visible,
html body .hep-public-shared-header[data-hep-public-header] .hm-brand:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Kill any child layer that may visually recreate the capsule. */
html body .hep-public-shared-header[data-hep-public-header] .hm-brand > *,
html body .hep-public-shared-header[data-hep-public-header] .hm-brand > a,
html body .hep-public-shared-header[data-hep-public-header] .hm-brand > span {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Preserve the public header logo asset and scale. */
html body .hep-public-shared-header[data-hep-public-header] .hm-brand img,
html body .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3 {
    display: block !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    object-fit: contain !important;
}

@media (min-width:1001px) {
    html body .hep-public-shared-header[data-hep-public-header] .hm-container.hm-nav-wrap > a.hm-brand {
        width: 184px !important;
        min-width: 184px !important;
        max-width: 184px !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
}

/* HEP-LOGO5T-LIGHT-DARK-SIZE-SYNC-20260912 */
/*
   Referans: mevcut koyu mod logo boyutu.
   Açık ve koyu mod public header logoları artık aynı kutu ve aynı görsel ölçüsünü kullanır.
*/

/* Desktop / tablet */
html[data-hep-theme="light"] body
.hep-public-shared-header[data-hep-public-header] .hm-brand,
html[data-hep-theme="dark"] body
.hep-public-shared-header[data-hep-public-header] .hm-brand {
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html[data-hep-theme="light"] body
.hep-public-shared-header[data-hep-public-header] .hm-brand img,
html[data-hep-theme="light"] body
.hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
html[data-hep-theme="dark"] body
.hep-public-shared-header[data-hep-public-header] .hm-brand img,
html[data-hep-theme="dark"] body
.hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3 {
    width: 168px !important;
    max-width: 168px !important;
    height: auto !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Mobil */
@media (max-width: 760px) {
    html[data-hep-theme="light"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand,
    html[data-hep-theme="dark"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand {
        width: 176px !important;
        min-width: 176px !important;
        max-width: 176px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    html[data-hep-theme="light"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand img,
    html[data-hep-theme="light"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
    html[data-hep-theme="dark"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand img,
    html[data-hep-theme="dark"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3 {
        width: 168px !important;
        max-width: 168px !important;
        height: auto !important;
        max-height: 44px !important;
    }
}

/* Çok dar mobil */
@media (max-width: 390px) {
    html[data-hep-theme="light"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand,
    html[data-hep-theme="dark"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand {
        width: 164px !important;
        min-width: 164px !important;
        max-width: 164px !important;
    }

    html[data-hep-theme="light"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand img,
    html[data-hep-theme="light"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3,
    html[data-hep-theme="dark"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand img,
    html[data-hep-theme="dark"] body
    .hep-public-shared-header[data-hep-public-header] .hm-brand .hep-brand-logo-t3 {
        width: 156px !important;
        max-width: 156px !important;
    }
}