/* Asyamed: arama, mobil menü ve alt çubuk */
.ux-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;flex:0 0 auto}
.ux-btn:hover{background:rgba(255,255,255,.12)}
.ux-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ux-tools{display:flex;gap:8px;align-items:center;margin-left:10px}
.ux-menu{display:none}
.ux-ov{position:fixed;inset:0;z-index:9999;background:rgba(6,14,30,.62);display:none;align-items:flex-start;justify-content:center;padding:70px 16px 16px}
.ux-ov.on{display:flex}
.ux-panel{width:100%;max-width:680px;max-height:calc(100vh - 100px);overflow:auto;background:var(--card,#fff);color:var(--ink,#10213f);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:18px}
.ux-sh{display:flex;gap:10px;align-items:center}
.ux-sh input{flex:1;min-width:0;height:48px;border:1px solid var(--line,#dfe6f2);border-radius:12px;padding:0 14px;font:inherit;font-size:17px;background:transparent;color:inherit}
.ux-sh input:focus{outline:2px solid var(--blue,#0541a5);outline-offset:1px}
.ux-x{height:44px;width:44px;border-radius:12px;border:1px solid var(--line,#dfe6f2);background:transparent;color:inherit;font-size:22px;cursor:pointer}
.ux-res{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.ux-res a{display:block;padding:12px 14px;border-radius:12px;text-decoration:none;color:inherit;border:1px solid var(--line,#dfe6f2)}
.ux-res a:hover,.ux-res a:focus{border-color:var(--blue,#0541a5);outline:none}
.ux-res b{display:block;font-size:16px;color:var(--blue,#0541a5)}
.ux-res small{display:block;margin-top:3px;font-size:13.5px;color:var(--muted,#53627e);line-height:1.45}
.ux-hint{margin:12px 2px 4px;font-size:13px;color:var(--muted,#53627e)}
.ux-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ux-chips button{border:1px solid var(--line,#dfe6f2);background:transparent;color:inherit;border-radius:999px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}
.ux-drawer .ux-panel{max-width:420px}
.ux-nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.ux-nav a{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;border-radius:12px;text-decoration:none;color:inherit;font-size:16.5px;font-weight:600}
.ux-nav a:hover{background:rgba(5,65,165,.08)}
.ux-nav a span{color:var(--muted,#53627e);font-weight:400}
.ux-nav hr{border:0;border-top:1px solid var(--line,#dfe6f2);margin:6px 0}
.ux-bar{display:none}
@media (max-width:1360px){header .tabs{display:none!important}}
@media (max-width:860px){
 html,body{overflow-x:hidden}
 header .tabs{display:none!important}
 header .logo{width:172px!important;max-width:172px!important}
 .ux-menu{display:inline-flex}
 .ux-tools .ux-lbl{display:none}
 .ux-tools{margin-left:auto}
 .ux-bar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#0541a5;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
 .ux-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border-radius:12px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;background:rgba(255,255,255,.1)}
 .ux-bar a.wa2{background:#1faa59}
 .ux-bar svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 a.wa{display:none!important}
 body{padding-bottom:76px}
}

/* --- Ferah tema: açık zemin, beyaz alanlar, mavi sadece vurgu (2026-10-30) --- */
:root{--bg:#fff;--card:#fff;--line:#e7ecf4;--soft:#f6f8fc;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#10213f;--muted:#53627e;--bg:#fff;--card:#fff;--line:#e7ecf4}}
body{background:#fff}
header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.logo{background-image:url(/img/site/logo-mavi.webp)!important;background-size:contain!important;background-position:left center!important}
header a:not(.btn):not(.ux-btn),header span{color:var(--ink)!important}
header .nav a:not(.btn){opacity:1}
header .nav a:not(.btn):hover{color:var(--blue2)!important}
header .ddm a{color:var(--muted)!important}
header .ddm a.ddh{color:var(--ink)!important}
header .ddm a.ddall{color:var(--blue2)!important}
header .btn-w,header .btn-b{background:var(--blue)!important;color:#fff!important}
header .btn-o{border-color:var(--line)!important;color:var(--blue)!important}
header .ux-btn{color:var(--blue);border-color:var(--line)}
header .ux-btn:hover{background:var(--soft)}
.hero{background:linear-gradient(180deg,#f4f7fc 0%,#fff 100%)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)}
.hero h1{color:var(--ink)}
.hero p{color:var(--muted);opacity:1}
.hero .wrap{padding-top:96px;padding-bottom:112px}
.hero .btn-w,.robot .btn-w{background:var(--blue);color:#fff}
.hero .btn-o,.robot .btn-o{border-color:#cfd9ea;color:var(--blue)}
.hero .btn-o:hover,.robot .btn-o:hover{border-color:var(--blue)}
.robot{background:var(--soft)!important;color:var(--ink)!important}
.robot p{color:var(--muted);opacity:1}
.robot span{border-color:#cfd9ea!important;color:var(--blue)!important}
.facts,.ins,.det.alt,.career{background:var(--soft)!important}
.facts{border-block:1px solid var(--line)}
footer{background:var(--soft)!important;color:var(--ink)!important;border-top:1px solid var(--line);padding:56px 0 40px!important}
footer a{color:var(--muted)!important}
footer a:hover{color:var(--blue)!important}
footer small{color:var(--muted);opacity:1}
footer .btn-w{background:var(--blue)!important;color:#fff!important}
footer .btn-o{border-color:#cfd9ea!important;color:var(--blue)!important}
@media (min-width:861px){
 main > section{padding-top:108px!important;padding-bottom:108px!important}
 main > section.showcase,main > section.home-links{padding-top:72px!important;padding-bottom:72px!important}
 #odeme-banner{padding-top:56px!important;padding-bottom:56px!important}
 .ins{padding:72px 0!important}
}
@media (max-width:860px){
 main > section{padding-top:64px!important;padding-bottom:64px!important}
 .hero .wrap{padding-top:48px;padding-bottom:64px}
}
header button:not(.ux-btn),header b{color:var(--ink)!important}
header button:not(.ux-btn):hover{color:var(--blue2)!important}
footer .kurum span{color:var(--muted)!important}