/* KHAS offline örnek tasarımından WordPress uyarlaması */
:root{--khx:#005092;--khx-h:#003d73;--khx-d:#002a4d;--khx-ink:#171717;--khx-muted:#737373;--khx-line:#e5e5e5;--khx-gray:#fafafa;--khx-footer:#3a3d3f}
.khas-offline-header,.khas-offline-home,.khas-offline-footer{font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--khx-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}
.khas-offline-header *,.khas-offline-header *::before,.khas-offline-header *::after,.khas-offline-home *,.khas-offline-home *::before,.khas-offline-home *::after,.khas-offline-footer *,.khas-offline-footer *::before,.khas-offline-footer *::after{box-sizing:border-box}
.khas-offline-header a,.khas-offline-home a,.khas-offline-footer a{color:inherit;text-decoration:none!important}
.khas-offline-header button,.khas-offline-home button,.khas-offline-footer button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.khas-offline-header ul,.khas-offline-home ul,.khas-offline-footer ul{list-style:none;margin:0;padding:0}
.khas-offline-header img,.khas-offline-home img,.khas-offline-footer img{display:block;max-width:100%;height:auto}
.khas-offline-header h1,.khas-offline-header h2,.khas-offline-header h3,.khas-offline-home h1,.khas-offline-home h2,.khas-offline-home h3,.khas-offline-footer h1,.khas-offline-footer h2,.khas-offline-footer h3{margin:0;font-weight:600;letter-spacing:-.01em;line-height:1.1}
.khas-offline-header p,.khas-offline-home p,.khas-offline-footer p{margin:0}
.khas-offline-container{max-width:1280px;margin:0 auto;padding:0 16px;width:100%}
@media (min-width:640px){.khas-offline-container{padding:0 24px}}
@media (min-width:1024px){.khas-offline-container{padding:0 32px}}
.khas-offline-header .ic,.khas-offline-home .ic,.khas-offline-footer .ic{display:inline-block;vertical-align:middle;flex-shrink:0}

/* HEADER */
#khas-mobile-toggle{position:absolute;left:-9999px;opacity:0}
.khas-offline-header{position:sticky;top:0;z-index:1051;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.admin-bar .khas-offline-header{top:32px}@media (max-width:782px){.admin-bar .khas-offline-header{top:46px}}
.khas-offline-header-spacer{display:none;height:var(--khas-header-height,0)}
body.modal-open .khas-offline-header{position:fixed;left:0;right:0;top:0;width:100%;z-index:1051}
body.modal-open .khas-offline-header-spacer{display:block}
body.admin-bar.modal-open .khas-offline-header{top:32px}@media (max-width:782px){body.admin-bar.modal-open .khas-offline-header{top:46px}}

.big-heading-title{
  font-size: 30px;
  font-weight: 500!important;
  letter-spacing: -.01em!important;
  line-height: 1.1!important;
  color: #171717!important;  
}

@media (min-width:640px){.khas-offline-header .khas-offline-container{padding:0 24px}}
@media (min-width:1200px){.khas-offline-header .khas-offline-container{padding:0 32px}}
.khas-offline-header .h-wrap{display:flex;align-items:stretch;gap:20px}
.khas-offline-header .h-logo{display:flex;align-items:center;flex-shrink:0;padding:8px 0}
.khas-offline-header .h-logo img{height:52px;width:auto;object-fit:contain}
@media (min-width:640px){.khas-offline-header .h-logo img{height:58px}}
@media (min-width:1024px){.khas-offline-header .h-logo img{height:74px}}
.khas-offline-header .h-right{flex:1;display:flex;flex-direction:column;min-width:0;overflow:visible}
.khas-offline-header .h-row1{display:none;align-items:center;justify-content:flex-end;padding:6px 0;font-size:13px;line-height:1.3}
@media (min-width:768px){.khas-offline-header .h-row1{display:flex}}
.khas-offline-header .h-row1 ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:2px}
.khas-offline-header .persona-trigger{position:relative;display:flex;align-items:center}
.khas-offline-header .persona-trigger>button,
.khas-offline-header .persona-trigger>a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;color:#404040;white-space:nowrap;transition:color .15s ease}
.khas-offline-header .persona-trigger>button:hover,
.khas-offline-header .persona-trigger>a:hover,
.khas-offline-header .persona-trigger>button:focus-visible,
.khas-offline-header .persona-trigger>a:focus-visible{color:var(--khx)}
.khas-offline-header .persona-panel{position:absolute;right:0;top:100%;width:280px;background:#fff;border:1px solid var(--khx-line);box-shadow:0 12px 32px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1065}
.khas-offline-header .persona-trigger:hover .persona-panel,.khas-offline-header .persona-trigger:focus-within .persona-panel{opacity:1;visibility:visible;transform:translateY(0)}
.khas-offline-header .persona-panel ul{padding:12px 0;display:block}
.khas-offline-header .persona-panel a{display:block;padding:8px 20px;font-size:13px;color:#262626;transition:all .15s ease}
.khas-offline-header .persona-panel a:hover{color:var(--khx);background:#fafafa}
.khas-offline-header .h-lang-sep{width:1px;height:12px;background:#d4d4d4;margin:0 8px;display:inline-flex}
.khas-offline-header .h-lang{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;color:#404040;white-space:nowrap;font-size:13px;transition:color .15s ease}
.khas-offline-header .h-lang:hover{color:var(--khx)}
.khas-offline-header .h-lang-text{display:inline-flex;align-items:center;gap:4px}
.khas-offline-header .h-lang-option{font-weight:400}
.khas-offline-header .h-lang-option.is-active{font-weight:700;color:var(--khx)}
.khas-offline-header .h-lang-divider{color:#8a8a8a;font-weight:400}
.khas-offline-header .h-divider{height:1px;margin-right:calc(-1 * max(1rem,(100vw - 1280px) / 2 + 1rem));background:linear-gradient(to right,transparent 0%,transparent 18%,rgba(0,0,0,.10) 50%,rgba(0,0,0,.10) 100%);pointer-events:none}
@media (min-width:640px){.khas-offline-header .h-divider{margin-right:calc(-1 * max(1.5rem,(100vw - 1280px) / 2 + 1.5rem))}}
@media (min-width:1024px){.khas-offline-header .h-divider{margin-right:calc(-1 * max(2rem,(100vw - 1280px) / 2 + 2rem))}}
.khas-offline-header .h-nav{display:none;align-items:stretch;justify-content:space-between;min-width:0;gap:0;position:relative}
@media (min-width:768px){.khas-offline-header .h-nav{display:flex}}
.khas-offline-header .h-nav>ul{display:flex;align-items:stretch;justify-content:flex-end;min-width:0;flex:1;position:static}
.khas-offline-header .mega-trigger{position:static}
.khas-offline-header .mega-trigger>a,.khas-offline-header .mega-trigger>button{display:flex;align-items:center;gap:6px;padding:14px 10px;font-size:13px;font-weight:600;color:var(--khx);white-space:nowrap;transition:color .18s ease,background-color .18s ease;height:100%;letter-spacing:.01em;text-transform:none}
@media (min-width:1320px){.khas-offline-header .mega-trigger>a,.khas-offline-header .mega-trigger>button{padding:14px 14px;font-size:15px}}
@media (min-width:1480px){.khas-offline-header .mega-trigger>a,.khas-offline-header .mega-trigger>button{padding:14px 18px}}
.khas-offline-header .mega-trigger>a:hover,.khas-offline-header .mega-trigger>button:hover,.khas-offline-header .mega-trigger>a:focus-visible,.khas-offline-header .mega-trigger>button:focus-visible{background:var(--khx);color:#fff}
.khas-offline-header .mega-trigger>button .ic{transition:transform .2s ease}
.khas-offline-header .mega-trigger:hover>button .ic,.khas-offline-header .mega-trigger:focus-within>button .ic,.khas-offline-header .mega-trigger.open>button .ic{transform:rotate(180deg)}
.khas-offline-header .mega-panel{position:absolute;left:0;right:0;top:100%;width:auto;max-width:none;background:#fff;border:1px solid #d7e1ea;border-top:0;box-shadow:0 28px 56px rgba(15,23,42,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1060;color:#171717;padding:0}
.khas-offline-header .mega-trigger:hover .mega-panel,.khas-offline-header .mega-trigger:focus-within .mega-panel,.khas-offline-header .mega-trigger.open .mega-panel,.khas-offline-header .cta-wrap:hover .mega-panel,.khas-offline-header .cta-wrap:focus-within .mega-panel,.khas-offline-header .cta-wrap.open .mega-panel{opacity:1;visibility:visible;transform:translateY(0)}
.khas-offline-header .mega-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--khx-line);background:#fbfdff}
.khas-offline-header .mega-overview-label{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.1;color:#102338;text-transform:none}
.khas-offline-header .mega-overview-action{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--khx);white-space:nowrap}
.khas-offline-header .mega-overview:hover .mega-overview-label,.khas-offline-header .mega-overview:focus-visible .mega-overview-label{color:var(--khx)}
.khas-offline-header .mega-overview:hover .mega-overview-action,.khas-offline-header .mega-overview:focus-visible .mega-overview-action{color:var(--khx-h)}
.khas-offline-header .mega-panel .cols{display:grid;grid-template-columns:repeat(var(--mega-col-count,1),minmax(0,1fr));align-items:start}
.khas-offline-header .mega-panel .col{padding:24px 28px 28px;border-right:1px solid var(--khx-line);min-width:0}
.khas-offline-header .mega-panel .col:last-child{border-right:0}
.khas-offline-header .mega-panel .grp{font-size:11px;font-weight:700;color:var(--khx-muted);text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px}
.khas-offline-header .mega-panel li{margin:0}
.khas-offline-header .mega-panel a{font-size:15px;color:#1f2937;position:relative;display:inline-block;max-width:100%;padding:10px 0;line-height:1.35}
.khas-offline-header .mega-panel a:hover,.khas-offline-header .mega-panel a:focus-visible{color:var(--khx)}
.khas-offline-header .mega-panel a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform-origin:right center;transform:scaleX(0);transition:transform .26s ease}
.khas-offline-header .mega-panel a:hover::after,.khas-offline-header .mega-panel a:focus-visible::after{transform-origin:left center;transform:scaleX(1)}
.khas-offline-header .mega-panel a.is-featured{color:#F27229;font-weight:700}
.khas-offline-header .mega-panel a.is-featured:hover,.khas-offline-header .mega-panel a.is-featured:focus-visible{color:#F27229}
.khas-offline-header .mega-panel.mega-panel-cols-1 .cols{grid-template-columns:minmax(0,1fr)}
.khas-offline-header .mega-panel.mega-panel-cols-2 .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.khas-offline-header .mega-panel.mega-panel-cols-3 .cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.khas-offline-header .mega-panel.mega-panel-cols-4 .cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.khas-offline-header .cta-wrap{position:relative;display:flex;align-items:stretch}
.khas-offline-header .cta-adaylar{background:var(--khx);color:#fff!important;display:inline-flex;align-items:center;gap:6px;padding:14px 16px;font-size:14px;font-weight:600;white-space:nowrap;transition:background-color .15s ease;height:100%}
.khas-offline-header .cta-adaylar:hover{background:var(--khx-h)}
.khas-offline-header .cta-wrap .mega-panel{right:0;left:auto;width:420px}
.khas-offline-header .cta-wrap .mega-panel .cols{grid-template-columns:1fr}
.khas-offline-header .cta-wrap .mega-panel .col{border-right:0}
.khas-offline-header .h-search{display:inline-flex;align-items:center;gap:8px;padding:14px 12px;font-size:14px;font-weight:600;color:var(--khx);white-space:nowrap;transition:background-color .15s ease;flex-shrink:0}
.khas-offline-header .h-search:hover{background:#f5f5f5}
.khas-offline-header .mega-trigger{min-width:0}
.khas-offline-header .cta-wrap,.khas-offline-header .h-search{flex-shrink:0}
.khas-offline-header .h-search .ic{flex-shrink:0}

.khas-offline-header .h-mobile{display:inline-flex;align-items:center;justify-content:center;padding:8px;margin-left:auto;color:var(--khx)}
@media (min-width:768px){.khas-offline-header .h-mobile{display:none}}
.khas-offline-header .h-mobile .ico-x{display:none}
#khas-mobile-toggle:checked~.khas-offline-header .h-mobile .ico-x{display:block}
#khas-mobile-toggle:checked~.khas-offline-header .h-mobile .ico-m{display:none}
.khas-offline-header .mobile-menu{display:none;background:linear-gradient(180deg,#f6f9fc 0%,#eef3f8 100%);border-bottom:1px solid rgba(0,80,146,.10)}
#khas-mobile-toggle:checked~.khas-offline-header .mobile-menu{display:block}
.khas-offline-header .mobile-menu{max-height:calc(100vh - 84px);overflow-y:auto}
.khas-offline-header .mobile-menu > .khas-offline-container{display:flex;flex-direction:column;gap:10px}
.khas-offline-header .mobile-menu > .khas-offline-container > li{border-top:0}
.khas-offline-header .mobile-menu .mobile-group-title{padding:10px 4px 2px;border-top:0;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6b7280;background:transparent}
.khas-offline-header .mobile-menu a,.khas-offline-header .mobile-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;font-size:15px;color:#17324d;text-align:left}
.khas-offline-header .mobile-menu .mobile-tool-link{justify-content:flex-start;gap:10px}
.khas-offline-header .mobile-menu .mobile-tool-link .ic{flex:0 0 auto}
.khas-offline-header .mobile-menu > .khas-offline-container > li > a,
.khas-offline-header .mobile-menu > .khas-offline-container > li > button{background:#fff;border:1px solid rgba(0,80,146,.10);border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.khas-offline-header .mobile-menu li.cta>a{background:linear-gradient(135deg,var(--khx) 0%,#0b6bb1 100%);color:#fff!important;font-weight:700;padding-left:18px;padding-right:18px;border-color:transparent;box-shadow:0 16px 30px rgba(0,80,146,.22)}
.khas-offline-header .mobile-menu li.cta>.mobile-sub-toggle{background:linear-gradient(135deg,var(--khx) 0%,#0b6bb1 100%);color:#fff!important;font-weight:700;padding-left:18px;padding-right:18px;border-color:transparent;box-shadow:0 16px 30px rgba(0,80,146,.22)}
.khas-offline-header .mobile-menu li.cta>.mobile-sub-toggle .ic{color:currentColor}
.khas-offline-header .mobile-has-sub.open > .mobile-sub-toggle,
.khas-offline-header .mobile-has-sub.open > a{border-color:rgba(0,80,146,.28);box-shadow:0 16px 32px rgba(15,23,42,.09)}
.khas-offline-header .mobile-sub{display:none;margin-top:8px;padding:14px 18px;border:1px solid rgba(0,80,146,.10);border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);box-shadow:0 12px 28px rgba(15,23,42,.05)}
.khas-offline-header .mobile-sub-heading{padding:4px 0 8px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6b7280}
.khas-offline-header .mobile-sub a{padding:12px 0;color:#2b3948;font-size:14px;border-top:1px solid rgba(0,80,146,.08)}
.khas-offline-header .mobile-sub a:first-of-type{border-top:0}
.khas-offline-header .mobile-sub a.is-featured{color:#F27229!important;font-weight:700}
.khas-offline-header .mobile-has-sub.open .mobile-sub{display:block}
@media (max-width:1439px) and (min-width:1280px){.khas-offline-header .mega-trigger>a,.khas-offline-header .mega-trigger>button{font-size:14px;padding-left:10px;padding-right:10px}.khas-offline-header .cta-adaylar,.khas-offline-header .h-search{font-size:13px;padding-left:12px;padding-right:12px}.khas-offline-header .h-search .label{display:none}}
@media (max-width:1279px){.khas-offline-header .h-row1,.khas-offline-header .h-nav{display:none}.khas-offline-header .h-mobile{display:inline-flex}}
@media (min-width:1280px){.khas-offline-header .h-mobile{display:none}}


/* Header dropdown hotfix: menus must not be clipped and must open on click as well as hover. */
.khas-offline-header,
.khas-offline-header .khas-offline-container,
.khas-offline-header .h-wrap,
.khas-offline-header .h-right,
.khas-offline-header .h-nav,
.khas-offline-header .h-nav>ul{overflow:visible!important}
.khas-offline-header .mega-trigger.open>a,
.khas-offline-header .mega-trigger.open>button,
.khas-offline-header .cta-wrap.open .cta-adaylar{background:var(--khx);color:#fff!important}
.khas-offline-header .mega-trigger.open>a,
.khas-offline-header .mega-trigger.open>button{background:var(--khx);color:#fff!important}


@media (max-width:1279px){
  .khas-offline-header .h-wrap{gap:12px;min-height:78px;align-items:center}
  .khas-offline-header .h-logo{padding:10px 0;max-width:calc(100% - 56px)}
  .khas-offline-header .h-logo img{height:52px}
  .khas-offline-header .mobile-menu{border-top:1px solid rgba(0,80,146,.10)}
  .khas-offline-header .mobile-menu .khas-offline-container{padding-top:14px;padding-bottom:18px}
  .khas-offline-header .mobile-menu a,.khas-offline-header .mobile-menu button{font-size:15px}
  .khas-offline-header .mobile-menu .mobile-sub a{font-size:14px;color:#404040}
  .khas-offline-header .mobile-sub-toggle .ic{transition:transform .2s ease}
  .khas-offline-header .mobile-has-sub.open>.mobile-sub-toggle .ic{transform:rotate(180deg)}
}
@media (max-width:639px){
  .khas-offline-header .khas-offline-container{padding:0 14px}
  .khas-offline-header .h-logo img{height:44px}
  .khas-offline-header .h-wrap{min-height:70px}
  .khas-offline-header .h-mobile{padding:6px}
  .khas-offline-header .mobile-menu > .khas-offline-container{gap:8px}
  .khas-offline-header .mobile-menu a,.khas-offline-header .mobile-menu button{padding:15px 16px}
  .khas-offline-header .mobile-sub{padding:12px 16px}
}

/* HOME */
.khas-offline-home{background:#fff;overflow:hidden}
.khas-offline-home .hero{position:relative;background:var(--khx)}
.khas-offline-home .hero-grid{display:grid;grid-template-columns:1fr;min-height:560px}
@media (min-width:1024px){.khas-offline-home .hero-grid{grid-template-columns:6fr 6fr;height:580px;min-height:0}}
.khas-offline-home .hero-left{background:var(--khx);color:#fff;display:flex;flex-direction:column;order:2;position:relative}
@media (min-width:1024px){.khas-offline-home .hero-left{order:1}}
.khas-offline-home .hero-stage{position:relative;flex:1;min-height:420px;overflow:hidden}
@media (min-width:1024px){.khas-offline-home .hero-stage{min-height:0}}
.khas-offline-home .slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.khas-offline-home .slide.active{opacity:1;pointer-events:auto}
.khas-offline-home .slide-inner{padding:32px 16px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
@media (min-width:640px){.khas-offline-home .slide-inner{padding:32px 24px}}
@media (min-width:1024px){.khas-offline-home .slide-inner{padding:32px 24px 40px;padding-left:max(2rem,calc((100vw - 1280px) / 2 + 2rem))}}
.khas-offline-home .eyebrow{font-size:14px;color:rgba(255,255,255,.85);margin-bottom:16px}
.khas-offline-home .hero h1{font-size:24px;line-height:1.2;color:#fff!important;font-weight:700}
@media (min-width:640px){.khas-offline-home .hero h1{font-size:26px}}
@media (min-width:1024px){.khas-offline-home .hero h1{font-size:28px}}
@media (min-width:1280px){.khas-offline-home .hero h1{font-size:32px}}
.khas-offline-home .hero .lead{margin-top:20px;font-size:14px;color:rgba(255,255,255,.9);line-height:1.65}
@media (min-width:640px){.khas-offline-home .hero .lead{font-size:16px}}
.khas-offline-home .hero .cta{margin-top:28px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;color:var(--khx)!important;padding:14px 24px;font-size:14px;font-weight:600;max-width:28rem;transition:background-color .15s}
.khas-offline-home .hero .cta:hover{background:#f5f5f5}
.khas-offline-home .hero .cta .ic{width:16px;height:16px}
.khas-offline-home .hero-ctrl{background:var(--khx-h);display:flex;align-items:center;gap:8px;padding:18px 16px}
@media (min-width:640px){.khas-offline-home .hero-ctrl{padding:18px 24px}}
@media (min-width:1024px){.khas-offline-home .hero-ctrl{padding:18px 24px;padding-left:max(2rem,calc((100vw - 1280px) / 2 + 2rem))}}
.khas-offline-home .ctrl-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;color:#fff;transition:background-color .15s ease}
.khas-offline-home .ctrl-btn:hover{background:rgba(255,255,255,.15)}
.khas-offline-home .hero-dots{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}
.khas-offline-home .dot{height:8px;width:8px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.7);transition:all .3s ease;cursor:pointer}
.khas-offline-home .dot:hover{background:rgba(255,255,255,.3)}
.khas-offline-home .dot.active{height:10px;width:10px;background:#fff;border-color:#fff}
.khas-offline-home .hero-right{position:relative;background:#171717;order:1;min-height:280px;overflow:hidden}
@media (min-width:640px){.khas-offline-home .hero-right{min-height:420px}}
@media (min-width:1024px){.khas-offline-home .hero-right{order:2;min-height:0}}
.khas-offline-home .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.khas-offline-home .hero-img.active{opacity:1}
.khas-offline-home .latest{background:#fff;padding:48px 0 56px;border-top:1px solid var(--khx-line)}
@media (min-width:640px){.khas-offline-home .latest{padding:64px 0 72px}}
.khas-offline-home .latest-grid{display:grid;grid-template-columns:1fr;gap:48px}
@media (min-width:1024px){.khas-offline-home .latest-grid{grid-template-columns:repeat(3,1fr);gap:0;align-items:start}.khas-offline-home .col-pad-m{padding:0 40px;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4}.khas-offline-home .col-pad-r{padding-left:40px}}
.khas-offline-home .col-head{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;width:100%;border-bottom:1px solid #d4d4d4;text-decoration:none}
.khas-offline-home .col-head h2{font-size:22px;color:#171717;font-weight:600;position:relative}
@media (min-width:640px){.khas-offline-home .col-head h2{font-size:26px}}
.khas-offline-home .col-head .arrow,.khas-offline-home .big-heading .arrow,.khas-offline-footer .f-connect .arrow{height:24px;width:24px;color:var(--khx);transition:transform .3s ease;flex-shrink:0}
.khas-offline-home .col-head:hover .arrow,.khas-offline-home .big-heading:hover .arrow,.khas-offline-footer .f-connect:hover .arrow{transform:translateX(8px)}
.khas-offline-home .ul-anim,.khas-offline-footer .ul-anim{position:absolute;left:0;right:0;bottom:-4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.khas-offline-home a:hover .ul-anim,.khas-offline-footer a:hover .ul-anim{transform:scaleX(1)}
.khas-offline-home .study-list{display:flex;flex-direction:column;border-top:1px solid #d4d4d4}
.khas-offline-home .study-list li{border-bottom:1px solid #d4d4d4}
.khas-offline-home .study-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;color:#171717;font-weight:500;transition:color .15s ease}
.khas-offline-home .study-list a:hover{color:var(--khx)}
.khas-offline-home .study-list .ic{width:18px;height:18px;color:var(--khx)}
.khas-offline-home .news-item{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #e5e5e5;color:#171717}
.khas-offline-home .news-item:last-child{margin-bottom:0;border-bottom:0}
.khas-offline-home .news-thumb{aspect-ratio:4/3;background:#f5f5f5;overflow:hidden}
.khas-offline-home .news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.khas-offline-home .news-item:hover .news-thumb img{transform:scale(1.06)}
.khas-offline-home .news-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--khx-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}
.khas-offline-home .news-meta .cat{color:var(--khx);font-weight:600}
.khas-offline-home .news-title{font-size:16px;line-height:1.35;color:#171717;font-weight:600}
.khas-offline-home .news-item:hover .news-title{color:var(--khx)}
.khas-offline-home .ev-item{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #e5e5e5;color:#171717}
.khas-offline-home .ev-date{border:2px solid var(--khx);height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--khx);line-height:1}
.khas-offline-home .ev-day{font-size:24px;font-weight:700}.khas-offline-home .ev-mo{font-size:12px;font-weight:600;margin-top:6px;letter-spacing:.12em}
.khas-offline-home .ev-type{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--khx);font-weight:600;margin-bottom:6px}
.khas-offline-home .ev-title{font-size:16px;line-height:1.35;color:#171717;font-weight:600}.khas-offline-home .ev-item:hover .ev-title{color:var(--khx)}
.khas-offline-home .ev-info{margin-top:10px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--khx-muted);line-height:1.35}.khas-offline-home .ev-info .ic{width:12px;height:12px;margin-right:4px}
.khas-offline-home .section{padding:56px 0;background:#fff}.khas-offline-home .section.gray{background:var(--khx-gray)}@media (min-width:640px){.khas-offline-home .section{padding:72px 0}}
.khas-offline-home .sec-head-row{display:flex;flex-direction:column;gap:20px;margin-bottom:36px}@media (min-width:900px){.khas-offline-home .sec-head-row{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.khas-offline-home .big-heading{display:inline-flex;align-items:center;gap:16px;color:#171717}
.khas-offline-home .big-heading h2{font-size:30px;font-weight:500;position:relative; color:#171717!important}@media (min-width:640px){.khas-offline-home .big-heading h2{font-size:36px}}@media (min-width:1024px){.khas-offline-home .big-heading h2{font-size:40px}}@media (min-width:1280px){.khas-offline-home .big-heading h2{font-size:44px}}
.khas-offline-home .sec-desc{font-size:16px;color:var(--khx-muted);line-height:1.65;max-width:520px}
.khas-offline-home .scroller{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding:4px 0 16px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--khx) #e5e5e5}
.khas-offline-home .scroller::-webkit-scrollbar{height:8px}.khas-offline-home .scroller::-webkit-scrollbar-track{background:#e5e5e5}.khas-offline-home .scroller::-webkit-scrollbar-thumb{background:var(--khx)}
.khas-offline-home .scard{flex:0 0 auto;width:min(82vw,360px);scroll-snap-align:start;background:transparent;color:#171717}
.khas-offline-home .scard-thumb{position:relative;aspect-ratio:4/3;background:#f5f5f5;overflow:hidden}
.khas-offline-home .scard-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.khas-offline-home .scard:hover .scard-thumb img{transform:scale(1.06)}
.khas-offline-home .rbadge{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.khas-offline-home .rbadge.article,.khas-offline-home .rbadge.video{background:var(--khx);color:#fff}.khas-offline-home .rbadge.podcast{background:#fff;color:var(--khx)}.khas-offline-home .rbadge .ic{height:13px;width:13px}
.khas-offline-home .scard-body{padding-top:20px}.khas-offline-home .scard-cat{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--khx);margin-bottom:12px}.khas-offline-home .scard-title{font-size:18px;line-height:1.3;color:#171717;font-weight:600}@media (min-width:640px){.khas-offline-home .scard-title{font-size:20px}}.khas-offline-home .scard:hover .scard-title{color:var(--khx)}.khas-offline-home .scard-body p{margin-top:12px;font-size:14px;color:var(--khx-muted);line-height:1.6}.khas-offline-home .scard-meta{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--khx-muted)}.khas-offline-home .scard-meta .ic{height:12px;width:12px}
.khas-offline-home .scroller-controls{margin-top:24px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.khas-offline-home .nav-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;width:48px;border:2px solid;transition:all .15s ease;cursor:pointer}.khas-offline-home .nav-btn.outline{border-color:var(--khx);color:var(--khx);background:transparent}.khas-offline-home .nav-btn.outline:hover:not(:disabled){background:var(--khx);color:#fff}.khas-offline-home .nav-btn.fill{border-color:var(--khx);background:var(--khx);color:#fff}.khas-offline-home .nav-btn.fill:hover:not(:disabled){background:var(--khx-h);border-color:var(--khx-h)}.khas-offline-home .nav-btn:disabled{border-color:#d4d4d4;color:#d4d4d4;background:transparent;cursor:not-allowed}.khas-offline-home .nav-btn.fill:disabled{background:#d4d4d4;border-color:#d4d4d4;color:#fff}.khas-offline-home .nav-btn .ic{width:20px;height:20px}
.khas-offline-home .scard-video{width:min(82vw,360px)}
.khas-offline-home .video-wrapper{display:block}
.khas-offline-home .video-container{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#111827;cursor:pointer;padding:0;border:0}
.khas-offline-home .video-container img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.khas-offline-home .video-container img{transition:transform .7s ease}
.khas-offline-home .video-container::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.22),rgba(0,0,0,.02))}
.khas-offline-home .video-container:hover img,
.khas-offline-home .scard-video:hover .video-container img{transform:scale(1.03)}
.khas-offline-home .play-badge{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:rgba(255,255,255,.92);color:var(--khx);border-radius:999px;box-shadow:0 14px 28px rgba(0,0,0,.14)}
.khas-offline-home .play-badge .ic{width:20px;height:20px;margin-left:2px}
body.video-modal-open{overflow:hidden}
.video-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px}
.video-modal[hidden]{display:none!important}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(10,15,25,.72);backdrop-filter:blur(6px)}
.video-modal-dialog{position:relative;z-index:1;width:min(100%,960px);background:#000;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.video-modal-frame{position:relative;aspect-ratio:16/9;background:#000}
.video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%}
.video-modal.is-shorts .video-modal-dialog{width:min(100%,420px)}
.video-modal.is-shorts .video-modal-frame{aspect-ratio:9/16}
.video-modal-close{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:rgba(23,23,23,.82);color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.video-modal-close .ic{width:18px;height:18px;display:block}
.video-modal-close:hover{background:rgba(0,80,146,.96);transform:scale(1.04)}
@media (max-width:640px){.video-modal{padding:16px}.video-modal.is-shorts .video-modal-dialog{width:min(100%,360px)}.video-modal-close{top:10px;right:10px;width:40px;height:40px;font-size:26px}}
.khas-offline-home .newsletter{background:#fff;padding:40px 0 48px}@media (min-width:640px){.khas-offline-home .newsletter{padding:48px 0 56px}}
.khas-offline-home .newsletter-grid{display:grid;grid-template-columns:1fr;min-height:auto}@media (min-width:1024px){.khas-offline-home .newsletter-grid{grid-template-columns:1fr 1fr;min-height:420px}}
.khas-offline-home .newsletter-left{background:var(--khx);color:#fff;display:flex;flex-direction:column;justify-content:center;order:2;padding:48px 32px}@media (min-width:1024px){.khas-offline-home .newsletter-left{order:1;padding:48px 56px}}
.khas-offline-home .newsletter-left h2{font-size:30px;font-weight:500;line-height:1.1;color:#fff!important}@media (min-width:640px){.khas-offline-home .newsletter-left h2{font-size:36px}}@media (min-width:1024px){.khas-offline-home .newsletter-left h2{font-size:40px}}
.khas-offline-home .newsletter-left p{margin-top:24px;font-size:16px;color:rgba(255,255,255,.9);line-height:1.65;max-width:32rem}@media (min-width:640px){.khas-offline-home .newsletter-left p{font-size:18px}}
.khas-offline-home .newsletter-cta{margin-top:32px;display:inline-flex;align-items:center;gap:12px;border:2px solid #fff;color:#fff!important;padding:14px 28px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;width:max-content;transition:background-color .15s,color .15s}.khas-offline-home .newsletter-cta:hover{background:#fff;color:var(--khx)!important}.khas-offline-home .newsletter-cta .ic{width:16px;height:16px;transition:transform .3s ease}.khas-offline-home .newsletter-cta:hover .ic{transform:translateX(4px)}
.khas-offline-home .newsletter-right{position:relative;background:#171717;order:1;min-height:260px;overflow:hidden}@media (min-width:1024px){.khas-offline-home .newsletter-right{order:2;min-height:0}}.khas-offline-home .newsletter-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.khas-offline-home .discover{padding:48px 0 64px;background:#fff}@media (min-width:640px){.khas-offline-home .discover{padding:64px 0 80px}}
.khas-offline-home .discover h2{font-size:30px;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:#171717;margin-bottom:40px}

@media (min-width:640px){.big-heading-title, .khas-offline-home .discover h2{font-size:36px}}
@media (min-width:1024px){.big-heading-title,.khas-offline-home .discover h2{font-size:40px; margin-bottom:48px}}
@media (min-width:1280px){.big-heading-title,.khas-offline-home .discover h2{font-size:44px}}

.khas-offline-home .tiles{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.khas-offline-home .tiles{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.khas-offline-home .tiles{grid-template-columns:repeat(3,1fr)}}
.khas-offline-home .tile{display:block;background:#f3f4f6;padding:32px;min-height:260px;transition:background-color .2s ease;color:#171717}@media (min-width:640px){.khas-offline-home .tile{padding:40px}}.khas-offline-home .tile:hover{background:#e5e7eb}.khas-offline-home .tile h3{font-size:18px;font-weight:600;line-height:1.3;color:#171717;margin-bottom:20px}@media (min-width:640px){.khas-offline-home .tile h3{font-size:20px}}.khas-offline-home .tile p{font-size:14px;color:#525252;line-height:1.65;font-weight:400}@media (min-width:640px){.khas-offline-home .tile p{font-size:15px}}
.khas-offline-home .duyurular{padding:48px 0 64px;background:#fff}@media (min-width:640px){.khas-offline-home .duyurular{padding:64px 0 80px}}
.khas-offline-home .duy-head{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}@media (min-width:768px){.khas-offline-home .duy-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.khas-offline-home .duy-head h2{font-size:30px;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:#171717}@media (min-width:640px){.khas-offline-home .duy-head h2{font-size:36px}}@media (min-width:1024px){.khas-offline-home .duy-head h2{font-size:40px}}@media (min-width:1280px){.khas-offline-home .duy-head h2{font-size:44px}}
.khas-offline-home .duy-all{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--khx);position:relative}.khas-offline-home .duy-all:hover{color:var(--khx-h)}.khas-offline-home .duy-all::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform-origin:right;transform:scaleX(0);transition:transform .3s ease}.khas-offline-home .duy-all:hover::after{transform-origin:left;transform:scaleX(1)}
.khas-offline-home .duy-list{border-top:1px solid #d4d4d4}.khas-offline-home .duy-list>li{border-bottom:1px solid #d4d4d4}.khas-offline-home .duy-list>li>a{display:grid;grid-template-columns:1fr;gap:8px;padding:24px 8px;margin:0 -8px;align-items:baseline;transition:background-color .15s ease;color:#171717}@media (min-width:768px){.khas-offline-home .duy-list>li>a{grid-template-columns:repeat(12,1fr);gap:32px;padding:28px 8px}}.khas-offline-home .duy-list>li>a:hover{background:#fafafa}.khas-offline-home .duy-list .date{font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--khx-muted)}@media (min-width:768px){.khas-offline-home .duy-list .date{grid-column:span 2}}.khas-offline-home .duy-list .cat{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--khx)}@media (min-width:768px){.khas-offline-home .duy-list .cat{grid-column:span 2}}.khas-offline-home .duy-list .title{font-size:18px;line-height:1.3;color:#171717;font-weight:600}@media (min-width:640px){.khas-offline-home .duy-list .title{font-size:20px}}@media (min-width:768px){.khas-offline-home .duy-list .title{grid-column:span 7}}.khas-offline-home .duy-list>li>a:hover .title{color:var(--khx)}.khas-offline-home .duy-list .ix{display:none;justify-content:flex-end;color:#a3a3a3}@media (min-width:768px){.khas-offline-home .duy-list .ix{display:flex;grid-column:span 1}}.khas-offline-home .duy-list .ix .ic{width:20px;height:20px}.khas-offline-home .duy-list>li>a:hover .ix{color:var(--khx)}

/* FOOTER */
.khas-offline-footer{background:var(--khx-footer);color:#fff;overflow:hidden}
.khas-offline-footer .f-top{padding:56px 0 40px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:32px;justify-content:space-between;align-items:flex-start}@media (min-width:768px){.khas-offline-footer .f-top{flex-direction:row;align-items:center}}
.khas-offline-footer .f-connect{display:inline-flex;align-items:center;gap:16px;color:#fff!important}.khas-offline-footer .f-connect h2{font-size:30px;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:#fff!important;position:relative}@media (min-width:640px){.khas-offline-footer .f-connect h2{font-size:36px}}@media (min-width:1024px){.khas-offline-footer .f-connect h2{font-size:40px}}@media (min-width:1280px){.khas-offline-footer .f-connect h2{font-size:44px}}.khas-offline-footer .f-connect .arrow{color:#fff}
.khas-offline-footer .f-socials{display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.9)}.khas-offline-footer .f-socials a{color:inherit;transition:color .15s ease}.khas-offline-footer .f-socials a:hover{color:#fff}.khas-offline-footer .f-socials .ic{height:20px;width:20px}
.khas-offline-footer .f-grid{display:grid;grid-template-columns:1fr;gap:40px;padding:56px 0}@media (min-width:640px){.khas-offline-footer .f-grid{padding:64px 0}}@media (min-width:768px){.khas-offline-footer .f-grid{grid-template-columns:repeat(12,1fr)}}
.khas-offline-footer .f-brand{grid-column:span 12}@media (min-width:768px){.khas-offline-footer .f-brand{grid-column:span 4}}
.khas-offline-footer .f-brand img{height:48px;width:auto;margin-bottom:24px;opacity:.95}.khas-offline-footer .f-brand p{font-size:14px;color:rgba(255,255,255,.75);line-height:1.65;max-width:360px}
.khas-offline-footer .f-contact{margin-top:32px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:rgba(255,255,255,.85)}.khas-offline-footer .f-contact li{display:flex;align-items:flex-start;gap:12px}.khas-offline-footer .f-contact .ic{height:16px;width:16px;color:rgba(255,255,255,.8);margin-top:2px;flex:0 0 16px}
.khas-offline-footer .f-cols{grid-column:span 12;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (min-width:640px){.khas-offline-footer .f-cols{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.khas-offline-footer .f-cols{grid-column:6 / span 7}}
.khas-offline-footer .f-cols .grp{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.6);margin-bottom:20px}.khas-offline-footer .f-cols li{margin-bottom:12px}.khas-offline-footer .f-cols li a{font-size:14px;color:rgba(255,255,255,.85);position:relative}.khas-offline-footer .f-cols li a:hover{color:#fff}
.khas-offline-footer .f-utility{border-top:1px solid rgba(255,255,255,.15);padding:24px 0;display:flex;flex-wrap:wrap;gap:12px 24px}.khas-offline-footer .f-utility a{font-size:13px;color:rgba(255,255,255,.78)}.khas-offline-footer .f-utility a:hover{color:#fff}
.khas-offline-footer .f-bottom{border-top:1px solid rgba(255,255,255,.15);padding:24px 0}.khas-offline-footer .f-bottom p{font-size:12px;color:rgba(255,255,255,.6);margin:0}
@media (max-width:640px){.khas-offline-footer .f-cols{grid-template-columns:1fr}.khas-offline-footer .f-top{padding-top:40px}.khas-offline-footer .f-connect h2{font-size:28px}.khas-offline-home .news-item{grid-template-columns:78px 1fr}}

.khas-offline-footer .f-socials i{font-size:20px;line-height:1}

/* QA fixes: footer contact links, event cards, study/accordion hover */
.khas-offline-footer .f-contact,
.khas-offline-footer .f-contact li,
.khas-offline-footer .f-contact a{
  color:rgba(255,255,255,.85)!important;
}
.khas-offline-footer .f-contact a{
  display:inline;
  text-decoration:none!important;
  word-break:normal;
  overflow-wrap:anywhere;
  line-height:1.6;
}
.khas-offline-footer .f-contact a:hover{color:#fff!important}
.khas-offline-footer .f-contact .ic{color:rgba(255,255,255,.8)!important;min-width:16px}
.khas-offline-footer .f-cols li a,
.khas-offline-footer .f-utility a,
.khas-offline-footer .f-socials a{color:rgba(255,255,255,.85)!important;text-decoration:none!important}
.khas-offline-footer .f-cols li a:hover,
.khas-offline-footer .f-utility a:hover,
.khas-offline-footer .f-socials a:hover{color:#fff!important}

.khas-offline-home .study-list{border-top:0;gap:12px}
.khas-offline-home .study-list li{border-bottom:0;margin:0}
.khas-offline-home .study-list a{
  background:#f3f4f6;
  padding:16px 20px;
  color:#171717!important;
  transition:background-color .15s ease,color .15s ease,transform .15s ease;
}
.khas-offline-home .study-list a span{transition:color .15s ease}
.khas-offline-home .study-list a:hover,
.khas-offline-home .study-list a:focus-visible{
  background:var(--khx);
  color:#fff!important;
  transform:translateX(2px);
}
.khas-offline-home .study-list a:hover span,
.khas-offline-home .study-list a:focus-visible span{color:#fff!important}
.khas-offline-home .study-list .ic{transition:color .15s ease,transform .15s ease;color:var(--khx)}
.khas-offline-home .study-list a:hover .ic,
.khas-offline-home .study-list a:focus-visible .ic{color:#fff!important;transform:translateX(4px)}

.khas-offline-home .ev-item{
  grid-template-columns:84px 1fr;
  gap:20px;
  padding:20px 0;
  margin-bottom:0;
  border-bottom:0;
  align-items:start;
  transition:background-color .15s ease;
}
.khas-offline-home .ev-item:first-child{padding-top:0}
.khas-offline-home .ev-item + .ev-item{border-top:1px solid var(--khx-line)}
.khas-offline-home .ev-item:hover{background:#fafafa}
.khas-offline-home .ev-date{
  border:0;
  min-height:74px;
  height:auto;
  background:var(--khx);
  color:#fff!important;
  padding:12px 8px;
  text-align:center;
  transition:background-color .15s ease,transform .15s ease;
}
.khas-offline-home .ev-item:hover .ev-date{background:var(--khx-h);transform:translateY(-1px)}
.khas-offline-home .ev-day{font-size:30px;line-height:1;font-weight:700;color:#fff!important}
.khas-offline-home .ev-mo{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#fff!important;opacity:.92}
.khas-offline-home .ev-type{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--khx);font-weight:600;margin-bottom:8px}
.khas-offline-home .ev-title{font-size:16px;line-height:1.3;color:#171717;font-weight:600;transition:color .15s ease}
@media (min-width:640px){.khas-offline-home .ev-title{font-size:18px}.khas-offline-home .ev-day{font-size:32px}}
.khas-offline-home .ev-item:hover .ev-title{color:var(--khx)}
.khas-offline-home .ev-info{margin-top:12px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#525252;line-height:1.35}
.khas-offline-home .ev-info span{display:inline-flex;align-items:center;gap:6px}
.khas-offline-home .ev-info .ic{height:12px;width:12px;margin-right:0;color:var(--khx)}

.khas-offline-home .accordion-button:hover,
.khas-offline-home .accordion-button:focus-visible,
.khas-offline-home .accordion-item:hover .accordion-button.collapsed{
  background:var(--khx)!important;
  color:#fff!important;
}
.khas-offline-home .accordion-button:hover::after,
.khas-offline-home .accordion-button:focus-visible::after{filter:brightness(0) invert(1)}

/* FIX8 - Global horizontal overflow cleanup
   Desktop ve mobilde sagda beyaz bosluk/yatay scroll olusmasini engeller. */
html,
body,
#page,
.site{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
.khas-offline-header .h-divider{
  margin-right:0 !important;
  width:100% !important;
  max-width:100% !important;
  background:rgba(0,0,0,.10) !important;
}
.khas-offline-header,
.khas-offline-home,
.khas-home-redesign,
.khas-unit-home-redesign,
.khas-offline-footer{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.khas-offline-footer{
  display:block !important;
  clear:both !important;
}
.khas-offline-header .khas-offline-container,
.khas-offline-footer .khas-offline-container,
.khas-home-redesign .kh-container,
.khas-unit-home-redesign .kh-container{
  max-width:1280px;
  margin-left:auto !important;
  margin-right:auto !important;
}

.khas-home-redesign .kh-hero,
.khas-home-redesign .kh-hero-grid,
.khas-unit-home-redesign .kh-hero,
.khas-unit-home-redesign .kh-hero-grid{
  max-width:100% !important;
  overflow-x:hidden !important;
}
@supports (overflow:clip){
  html,
  body,
  #page,
  .site{
    overflow-x:clip !important;
  }
}

/* Unit-context menu fix: use the faculty/department custom menu and show the active item. */
.khas-offline-header .mega-trigger.is-current>a,
.khas-offline-header .mega-trigger.is-current>button,
.khas-offline-header .mega-trigger>a.is-current{
  background:var(--khx);
  color:#fff!important;
}
.khas-offline-header .mega-overview.is-current .mega-overview-label,
.khas-offline-header .mega-overview.is-current .mega-overview-action{
  color:var(--khx)!important;
}
.khas-offline-header .mega-panel a.is-current,
.khas-offline-header .mega-panel li.is-current>a{
  color:var(--khx)!important;
  font-weight:700;
}
.khas-offline-header .mega-sub{
  margin:2px 0 10px;
  padding:4px 0 0 14px!important;
  border-left:1px solid var(--khx-line);
  display:block!important;
}
.khas-offline-header .mega-sub li{margin:0!important}
.khas-offline-header .mega-sub a{font-size:13px!important;color:#525252!important;padding:7px 0!important}
.khas-offline-header .mobile-menu .is-current>a,
.khas-offline-header .mobile-menu a.is-current,
.khas-offline-header .mobile-menu .mobile-has-sub.is-current>.mobile-sub-toggle{
  color:var(--khx-h)!important;
  font-weight:700;
  background:rgba(0,80,146,.06);
}
.khas-offline-header .mobile-sub.nested{
  display:block!important;
  padding:0 0 4px 16px!important;
  border-top:0!important;
}
.khas-offline-header .mobile-sub.nested a{font-size:13px!important;padding:8px 0!important;color:#525252!important}
.khas-offline-home .study-list a.is-current{
  background:var(--khx);
  color:#fff!important;
}
.khas-offline-home .study-list a.is-current .ic,
.khas-offline-home .study-list a.is-current span{color:#fff!important}

/* Unit/faculty/department logo fix */
.khas-offline-header .h-logo img{
  max-width:260px;
  object-fit:contain;
}
.khas-offline-header .h-logo-unit img{
  max-width:310px;
}
.khas-offline-home .unit-hero-logo{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:max-content;
  max-width:min(100%,360px);
  margin-bottom:26px;
}
.khas-offline-home .unit-hero-logo img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:94px;
  object-fit:contain;
}
.khas-offline-home .unit-hero-logo.badge{
  background:#fff;
  padding:14px 18px;
}
.khas-offline-home .unit-hero-logo.light img{
  filter:none;
}
@media (max-width:1279px){
  .khas-offline-header .h-logo img,
  .khas-offline-header .h-logo-unit img{max-width:230px}
}
@media (max-width:639px){
  .khas-offline-header .h-logo img,
  .khas-offline-header .h-logo-unit img{max-width:200px}
  .khas-offline-home .unit-hero-logo{max-width:280px;margin-bottom:20px}
  .khas-offline-home .unit-hero-logo img{max-height:72px}
}


.khas-offline-home .unit-hero-logo.text{
  background:#fff;
  color:var(--khx);
  padding:14px 18px;
  border-left:5px solid var(--khx);
  box-shadow:0 16px 40px rgba(0,0,0,.12);
  max-width:min(460px,100%);
}
.khas-offline-home .unit-hero-logo.text span{
  display:block;
  font-size:20px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
@media (max-width:639px){.khas-offline-home .unit-hero-logo.text span{font-size:16px}}


/* FIX12 - Unit pages must keep home-page heading colors and split logos. */
.khas-unit-home-redesign .big-heading,
.khas-unit-home-redesign .big-heading:visited,
.khas-unit-home-redesign .big-heading h2,
.khas-unit-home-redesign .big-heading h2 span,
.khas-unit-home-redesign .section .big-heading,
.khas-unit-home-redesign .section .big-heading h2,
.khas-unit-home-redesign .section .big-heading h2 span{
  color:#171717!important;
}
.khas-unit-home-redesign .big-heading:hover,
.khas-unit-home-redesign .big-heading:hover h2,
.khas-unit-home-redesign .big-heading:hover h2 span{
  color:#171717!important;
}
.khas-unit-home-redesign .big-heading .arrow,
.khas-unit-home-redesign .big-heading svg.arrow{
  color:var(--khx)!important;
}
.khas-offline-header .h-logo-split,
.khas-offline-home .unit-hero-logo.split{
  position:relative;
}
.khas-offline-header .h-logo-split img,
.khas-offline-home .unit-hero-logo.split img{
  pointer-events:none;
}
.khas-offline-header .h-logo-hit,
.khas-offline-home .unit-logo-hit{
  position:absolute;
  top:0;
  bottom:0;
  z-index:5;
  display:block;
  background:transparent;
}
.khas-offline-header .h-logo-hit-home,
.khas-offline-home .unit-logo-hit-home{
  left:0;
  width:45%;
}
.khas-offline-header .h-logo-hit-unit,
.khas-offline-home .unit-logo-hit-unit{
  left:45%;
  right:0;
}
.khas-offline-header .h-logo-hit:focus-visible,
.khas-offline-home .unit-logo-hit:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
}
.khas-offline-home .unit-hero-logo.split .unit-logo-hit:focus-visible{
  outline-color:#fff;
}
@media (max-width:1279px){
  .khas-offline-header .mega-overview{padding:16px 22px}
  .khas-offline-header .mega-overview-label{font-size:20px}
  .khas-offline-header .mega-panel .col{padding:22px}
}
@media (max-width:1023px){
  .khas-offline-header .mega-panel .cols,
  .khas-offline-header .mega-panel.mega-panel-cols-2 .cols,
  .khas-offline-header .mega-panel.mega-panel-cols-3 .cols,
  .khas-offline-header .mega-panel.mega-panel-cols-4 .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Modern breadcrumb bar styling */
.kedu-classic-breadcrumb-bar {
  background: var(--khx-gray, #fafafa);
  border-bottom: 1px solid var(--khx-line, #e5e5e5);
  padding: 10px 0;
}
.kh-classic-breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  scrollbar-width: none;
}
.kh-classic-breadcrumb::-webkit-scrollbar {
  display: none;
}
.kh-classic-breadcrumb a,
.kh-classic-breadcrumb span {
  white-space: nowrap;
  flex-shrink: 0;
}
.kh-classic-breadcrumb a {
  color: var(--khx-muted, #737373) !important;
  text-decoration: none !important;
  transition: color 0.15s ease, background-color 0.15s ease;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 500;
}
.kh-classic-breadcrumb a:hover,
.kh-classic-breadcrumb a:focus {
  color: var(--khx, #005092) !important;
  background: rgba(0, 80, 146, 0.05);
}
.kh-classic-breadcrumb .kh-sep {
  display: inline-flex;
  align-items: center;
  color: #a3a3a3;
  margin: 0 2px;
}
.kh-classic-breadcrumb .kh-sep svg {
  display: block;
}
.kh-classic-breadcrumb span:last-child {
  color: var(--khx-ink, #171717);
  font-weight: 500;
  padding: 4px 8px;
}


#research-scroller .scard-cat{ font-size: 12px!important }

.bg-khas {
  background: var(--khx)!important;
  color:#fff!important;
}

/* Modern Announcement Cards styling */
.kedu-announcements-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.kedu-announcement-card.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  background: #ffffff;
  border: 1px solid var(--khx-line, #e5e5e5);
  border-radius: 12px;
  text-decoration: none !important;
  color: var(--khx-ink, #171717) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* Subtle accent bar on the left */
.kedu-announcement-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--khx, #005092);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.kedu-announcement-card:hover {
  border-color: rgba(0, 80, 146, 0.2) !important;
}

.kedu-announcement-card:hover::before {
  opacity: 1;
}

/* Date Box style */
.kedu-announcement-date-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: rgba(0, 80, 146, 0.05);
  border-radius: 8px;
  color: var(--khx, #005092);
  transition: all 0.25s ease;
}

.kedu-announcement-card:hover .kedu-announcement-date-box {
  background: var(--khx, #005092);
  color: #ffffff;
}

.kedu-announcement-date-box .day {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  font-family: 'IBM Plex Sans', sans-serif;
}

.kedu-announcement-date-box .month {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 2px;
  line-height: 1;
}

/* Content block styling */
.kedu-announcement-content {
  flex: 1;
  min-width: 0;
}

.kedu-announcement-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 6px 0;
  color: var(--khx-ink, #171717);
  transition: color 0.2s ease;
  word-break: break-word;
}

.kedu-announcement-card:hover .kedu-announcement-title {
  color: var(--khx, #005092);
}

.kedu-announcement-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 13px;
  color: var(--khx-muted, #737373);
}

.kedu-announcement-meta i {
  font-size: 14px;
}

/* General inline badge styling */
.kedu-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
  color: var(--khx, #005092);
  background: rgba(0, 80, 146, 0.06);
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: all 0.25s ease;
}

.kedu-announcement-card:hover .kedu-badge {
  background: var(--khx, #005092);
  color: #ffffff;
}

/* Arrow indicator styling */
.kedu-announcement-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 50%;
  color: var(--khx-muted, #737373);
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.kedu-announcement-arrow i {
  font-size: 16px;
  transition: transform 0.25s ease;
}

.kedu-announcement-card:hover .kedu-announcement-arrow {
  background: rgba(0, 80, 146, 0.1);
  color: var(--khx, #005092);
}

.kedu-announcement-card:hover .kedu-announcement-arrow i {
  transform: translateX(4px);
}

/* Responsive adjustment */
@media (max-width: 576px) {
  .kedu-announcement-card.row {
    gap: 14px;
    padding: 14px 16px;
  }
  .kedu-announcement-date-box {
    width: 52px;
    height: 52px;
  }
  .kedu-announcement-date-box .day {
    font-size: 18px;
  }
  .kedu-announcement-date-box .month {
    font-size: 10px;
  }
  .kedu-announcement-title {
    font-size: 15px;
  }
  .kedu-announcement-arrow {
    display: none; /* Hide arrow on mobile to save space */
  }
}

/* Modern Event Cards styling */
.kedu-event-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1px solid var(--khx-line, #e5e5e5);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.kedu-event-card:hover {
  border-color: rgba(0, 80, 146, 0.2) !important;
}

.kedu-event-card-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--khx-gray, #fafafa);
}

.kedu-event-card-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.kedu-event-card:hover .kedu-event-card-image-wrap img {
  transform: scale(1.05);
}

/* Fallback placeholder style */
.kedu-event-card-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--khx, #005092) 0%, var(--khx-h, #003d73) 100%);
  color: rgba(255, 255, 255, 0.25);
  aspect-ratio: 16 / 10;
}

.kedu-event-card-placeholder i {
  font-size: 48px;
  transition: transform 0.5s ease;
}

.kedu-event-card:hover .kedu-event-card-placeholder i {
  transform: scale(1.1) rotate(5deg);
}

/* Overlaid Date Badge */
.kedu-event-card-date-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 52px;
  padding: 6px 4px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.04);
  color: var(--khx, #005092);
  line-height: 1.1;
  text-align: center;
}

.kedu-event-card-date-badge .day {
  font-size: 20px;
  font-weight: 700;
  display: block;
}

.kedu-event-card-date-badge .month {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 1px;
}

.kedu-event-card-date-badge .year {
  font-size: 9px;
  font-weight: 500;
  opacity: 0.8;
  display: block;
  margin-top: 1px;
}

/* Card Body */
.kedu-event-card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}

.kedu-event-card-title-link {
  text-decoration: none !important;
  color: inherit !important;
}

.kedu-event-card-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 14px 0;
  color: var(--khx-ink, #171717);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.8em; /* Exactly 2 lines */
  transition: color 0.2s ease;
}

.kedu-event-card:hover .kedu-event-card-title {
  color: var(--khx, #005092);
}

/* Card Meta details */
.kedu-event-card-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto; /* Push metadata to bottom of card body */
  font-size: 13px;
  color: var(--khx-muted, #737373);
}

.kedu-event-card-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.kedu-event-card-meta .meta-item i {
  color: var(--khx, #005092);
  font-size: 14px;
  flex-shrink: 0;
}

.kedu-event-card-meta .meta-item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Modern News Cards styling */
.kedu-news-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1px solid var(--khx-line, #e5e5e5);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kedu-news-card:hover {
  border-color: rgba(0, 80, 146, 0.2) !important;
}

.kedu-news-card-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--khx-gray, #fafafa);
}

.kedu-news-card-image-wrap a {
  display: block;
  width: 100%;
  height: 100%;
}

.kedu-news-card-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.5s ease;
}

.kedu-news-card:hover .kedu-news-card-image-wrap img {
  transform: scale(1.05);
}

.kedu-news-card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}

.kedu-news-card-date {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--khx-muted, #737373);
  margin-bottom: 12px;
}

.kedu-news-card-date i {
  color: var(--khx, #005092);
}

.kedu-news-card-tag {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
  color: var(--khx, #005092) !important;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 80, 146, 0.15);
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kedu-news-card:hover .kedu-news-card-tag {
  background: var(--khx, #005092);
  color: #ffffff !important;
  border-color: var(--khx, #005092);
  box-shadow: 0 6px 16px rgba(0, 80, 146, 0.2);
}

.kedu-news-card-title-link {
  text-decoration: none !important;
  color: inherit !important;
}

.kedu-news-card-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 16px 0;
  color: var(--khx-ink, #171717);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.8em; /* Exactly 2 lines */
  transition: color 0.2s ease;
}

.kedu-news-card:hover .kedu-news-card-title {
  color: var(--khx, #005092);
}

.kedu-news-card-more {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  font-size: 13px;
  font-weight: 600;
  color: var(--khx, #005092);
  transition: color 0.2s ease;
  text-decoration: none !important;
}

.kedu-news-card-more i {
  font-size: 14px;
  transition: transform 0.25s ease;
}

.kedu-news-card:hover .kedu-news-card-more i {
  transform: translateX(4px);
}

/* Homepage announcements list tag truncation */
.khas-offline-home .duy-list .cat {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  display: block;
}