/* ═══════════════════════════════════════════════════════════════════════════
   takipsepeti.org — ust-alt.css  (bağımsız sayfalar için ÜST MENÜ + ÇEKMECE + YARDIM ŞERİDİ + ALT BİLGİ)
   Kaynak: index.php'nin güncel header / çekmece / footer kuralları (render edilmiş sonuçtan,
   kademe sırası ve !important aynen). Kullanan sayfalar: odeme-tamamla.php, legal.php.
   Bütün seçiciler .ts-ua işaretli köklerin (#mainHeader, #menuCanvas, #modalOverlay, footer.wm9-footer, yardım şeridi .contact-strip-wrap) içine
   hapsedilmiştir (:where → özgüllük index ile aynı); sayfanın kendi içeriğine dokunmaz.
   Renkler tema.php (--brand-*) değişkenlerinden gelir. Bu dosya index.php'den üretilmiştir: index'teki
   üst menü / alt bilgi stilleri değişirse yeniden üretilmesi gerekir.
   ═══════════════════════════════════════════════════════════════════════════ */
/* index'te <body>'den gelen yazı ayarları ve değişkenler — sayfanın kendi body / :root değerleri üst menüyü etkilemesin */
:where(.ts-ua){
  font-family:Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:#3D4351;
  letter-spacing:normal;word-spacing:normal;text-transform:none;text-align:start;white-space:normal;font-style:normal;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;
  --lb-h:initial;   /* canlı şerit (#liveBanner) bu sayfalarda yok → üst menü en üste yapışır */
  --pc:initial;
  --pt:initial;
  --tsn-h:initial;
}
/* sayfaların genel a:hover { text-decoration:underline } kuralı üst menü / alt bilgi bağlantılarına sızmasın (index'te alt çizgi yok) */
:where(.ts-ua) a:hover{text-decoration:none}
/* index'te :root / html / body üzerinde tanımlı değişkenler (aynı sıra ve koşullarla) — tema renkleri (--brand-*) hariç */
:where(.ts-ua){--surface:#FFFFFF;--surface-2:#EFF3FB;--ink-950:#050B1F;--border:#E1E7F3;--border-strong:#C8D2E8;--text:#1e293b;--text-muted:#475569;--text-subtle:#94a3b8;--r-full:9999px;--font-display:'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;--font-body:'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;--header-h:42px;--container:1800px}   /* index: :root */
@media (min-width: 1024px){:where(.ts-ua){--header-h:64px}}   /* index: :root */
:where(.ts-ua){--text:#3D4351 !important;--text-muted:#697080 !important;--text-subtle:#9AA1B2 !important;--ink-950:#2E3342 !important}   /* index: :root */

@media (min-width:1200px) and (max-width:1365px){
  #mainHeader .tsn-links .nav-link{padding:0 9px !important;font-size:13.5px !important}
  #mainHeader .tsn-links .nav-link::after{left:9px !important;right:9px !important}
}
*:where(.ts-ua,.ts-ua *),*:where(.ts-ua,.ts-ua *)::before,*:where(.ts-ua,.ts-ua *)::after{box-sizing: border-box}
img:where(.ts-ua,.ts-ua *),svg:where(.ts-ua,.ts-ua *){display: block;max-width: 100%;height: auto}
svg:not([style]):where(.ts-ua,.ts-ua *){width: 1em;height: 1em}
a:where(.ts-ua,.ts-ua *){color: inherit;text-decoration: none}
button:where(.ts-ua,.ts-ua *){font-family: inherit;cursor: pointer;border: none;background: none;color: inherit}
ul:where(.ts-ua,.ts-ua *){list-style: none;padding: 0;margin: 0}
h4:where(.ts-ua,.ts-ua *){font-family: var(--font-display);font-weight: 700;line-height: 1.18;letter-spacing: -0.02em;color: var(--text);margin: 0}
.container:where(.ts-ua,.ts-ua *){width: 100%;max-width: var(--container);margin: 0 auto;padding: 0 16px}
.header:where(.ts-ua,.ts-ua *){position: sticky;top: 0;z-index: 100;background: rgba(255, 255, 255, 0.72);-webkit-backdrop-filter: blur(28px);backdrop-filter: blur(28px);border-bottom: none;box-shadow: 0 2px 16px rgba(0,0,0,0.04);transition: box-shadow .25s, background .25s}
.header.scrolled:where(.ts-ua,.ts-ua *){box-shadow: 0 4px 24px rgba(0,0,0,0.08)}
.header-inner{display: flex;align-items: center;gap: 12px;padding: 10px 16px;max-width: 1400px;margin: 0 auto;min-height: var(--header-h)}
.logo:where(.ts-ua,.ts-ua *){display: flex;align-items: center;gap: 8px;flex-shrink: 0}
.logo img:where(.ts-ua,.ts-ua *){height: 38px;width: auto}
.icon-btn:where(.ts-ua,.ts-ua *){overflow: hidden;width: 40px;height: 40px;border-radius: var(--r-full);background: var(--surface-2);display: flex;align-items: center;justify-content: center;color: var(--text-muted);position: relative;transition: all .2s;flex-shrink: 0}
.icon-btn:hover:where(.ts-ua,.ts-ua *){background: var(--brand-50);color: var(--brand-600)}
.nav-strip{background: var(--surface);border-bottom: 1px solid var(--border);position: sticky;top: var(--header-h);overflow: visible;z-index: 99}
.nav-inner{display: flex;align-items: center;gap: 4px;padding: 8px 12px;max-width: 1400px;margin: 0 auto;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none}
.nav-inner::-webkit-scrollbar{display: none}
.nav-link{display: inline-flex;align-items: center;gap: 6px;padding: 8px 13px;border-radius: var(--r-full);font-size: 13px;font-weight: 600;color: var(--text-muted);white-space: nowrap;transition: all .2s}
.nav-link:hover{background: var(--surface-2);color: var(--brand-500)}
.nav-link.active{background: var(--brand-50);color: var(--brand-600)}
.nav-link svg{width: 16px;height: 16px}
.wm9-footer{background: #FFFFFF;color: #5B6474;padding: 40px 0 16px;position: relative;overflow: hidden;margin-top: 40px}
.wm9-footer::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: var(--border)}
.footer-col h4{color: #16192B;font-size: 13px;font-weight: 700;margin-bottom: 14px;letter-spacing: .3px;text-transform: uppercase}
.footer-col ul{padding: 0;margin: 0}
.footer-col li{margin-bottom: 8px}
.footer-col a{font-size: 13px;transition: color .2s}
.footer-col a:hover{color: var(--brand-600)}
.modal-overlay:where(.ts-ua,.ts-ua *){position: fixed;inset: 0;background: rgba(8, 18, 60, 0.6);backdrop-filter: blur(8px);z-index: 200;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity .25s, visibility .25s;padding: 16px}
.modal-overlay.show:where(.ts-ua,.ts-ua *){opacity: 1;visibility: visible}
.menu-canvas{position: fixed;top: 0;left: 0;right: 0;width: 100vw;max-width: 100vw;height: auto;max-height: 50vh;background: var(--surface);z-index: 201;padding: 16px 20px 20px;transform: translateY(-100%);opacity: 0;transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .2s;overflow-y: auto;box-shadow: 0 8px 32px rgba(0,0,0,0.1);display: flex;flex-direction: column;border-radius: 0 0 20px 20px}
.menu-canvas.show{transform: translateY(0);opacity: 1}
.menu-canvas::before{display: none}
@media (min-width: 640px){
  .container:where(.ts-ua,.ts-ua *){padding: 0 24px}
  .nav-link{padding: 8px 14px;font-size: 13px}
}
@media (min-width: 1024px){
  .container:where(.ts-ua,.ts-ua *){padding: 0 32px}
  .wm9-footer{padding: 56px 0 20px}
}
@media (max-width: 480px){
  .container:where(.ts-ua,.ts-ua *){padding: 0 12px}
  .header-inner{padding: 4px 12px !important;gap: 8px;min-height: 42px !important}
  .logo img:where(.ts-ua,.ts-ua *){height: 32px !important}
  .icon-btn:where(.ts-ua,.ts-ua *){width: 34px !important;height: 34px !important}
  .nav-strip{top: 42px}
  .nav-inner{padding: 6px 10px;gap: 2px}
  .nav-link{padding: 7px 10px;font-size: 12px}
  .wm9-footer{padding: 28px 0 12px}
  .footer-col h4{font-size: 12px;margin-bottom: 10px}
  .footer-col a{font-size: 12px}
}
.menu-toggle{display: flex;width: 40px;height: 40px;background: var(--surface-2);border-radius: 10px;align-items: center;justify-content: center;color: var(--text-muted);flex-shrink: 0;transition: all .2s}
.menu-toggle:hover{background: var(--brand-50);color: var(--brand-600)}
@media (min-width: 1024px){
  .menu-toggle{display: none !important}
  .header:where(.ts-ua,.ts-ua *){position: sticky;top: 0;z-index: 100;display: flex;align-items: center;flex-wrap: nowrap;padding-left: max(40px, calc((100vw - 1200px) / 2));padding-right: max(40px, calc((100vw - 1200px) / 2));border-bottom: 1px solid var(--border)}
  .header-inner{flex-shrink: 0;padding: 0;min-height: 64px;max-width: none;margin: 0;display: flex;align-items: center;border-bottom: none}
  .logo img:where(.ts-ua,.ts-ua *){height: 56px}
  .nav-strip{position: static;top: auto;border-bottom: none;background: transparent;flex: 1;min-width: 0}
  .nav-inner{max-width: none;margin: 0;padding: 0;justify-content: flex-end;gap: 0;overflow: visible}
  .nav-link{padding: 22px 16px;border-radius: 0;font-size: 13.5px;font-weight: 600;color: var(--text-muted);position: relative;transition: color .2s;background: none !important}
  .nav-link::after{content: '';position: absolute;bottom: 0;left: 16px;right: 16px;height: 2.5px;border-radius: 2px 2px 0 0;background: transparent;transition: background .2s}
  .nav-link:hover{color: var(--brand-500);background: none !important}
  .nav-link:hover::after{background: var(--brand-200)}
  .nav-link.active{color: var(--brand-600);background: none !important}
  .nav-link.active::after{background: var(--brand-500)}
}
.header-inner{display: flex;align-items: center;justify-content: space-between;padding: 10px 16px;max-width: 1400px;margin: 0 auto;min-height: var(--header-h)}
@media (max-width: 1023px){
  .nav-strip{display: none !important}
}
@media (max-width: 480px){
  .logo img:where(.ts-ua,.ts-ua *){height: 64px !important}
}
@media (min-width: 481px) and (max-width: 639px){
  .logo img:where(.ts-ua,.ts-ua *){height: 66px !important}
}
.contact-strip-wrap:where(.ts-ua,.ts-ua *){position: relative;z-index: 10;margin: 0;padding: 0}
.contact-strip-inner:where(.ts-ua,.ts-ua *){background: var(--brand-500);padding: 36px 20px 32px;text-align: center;color: white;position: relative}
.contact-strip-inner:where(.ts-ua,.ts-ua *)::before{content: '';position: absolute;top: -1px;left: 0;right: 0;height: 8px;background: var(--ink-950);border-radius: 0 0 16px 16px}
.wm9-footer{margin-top: 0 !important}
@media (max-width: 480px){
  .contact-strip-inner:where(.ts-ua,.ts-ua *){padding: 28px 16px 24px}
}
.contact-strip-wrap:where(.ts-ua,.ts-ua *){position: relative !important;z-index: 10 !important;margin: 0 !important;padding: 0 !important}
.contact-strip-inner:where(.ts-ua,.ts-ua *){background: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-700) 50%, var(--brand-700) 100%) !important;padding: 40px 20px 36px !important;text-align: center !important;color: white !important;position: relative !important;overflow: hidden !important;border-radius: 0 !important;margin: 0 !important}
.contact-strip-inner:where(.ts-ua,.ts-ua *)::before{content: '' !important;position: absolute !important;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.1) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0%, transparent 50%) !important;pointer-events: none;height: auto !important;border-radius: 0 !important;background-color: transparent !important}
.contact-strip-inner:where(.ts-ua,.ts-ua *)::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background: rgba(255,255,255,0.15)}
.wm9-footer{margin-top: 0 !important;border-top: none !important}
.wm9-footer::before{display: none !important}
@media (max-width: 480px){
  .contact-strip-inner:where(.ts-ua,.ts-ua *){padding: 30px 16px 26px !important}
}
.header:where(.ts-ua,.ts-ua *){background: #fff !important;-webkit-backdrop-filter: none !important;backdrop-filter: none !important}
.contact-strip-inner:where(.ts-ua,.ts-ua *){background-image: url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' opacity='0.12'%3E%3Ccircle cx='150' cy='150' r='40'/%3E%3Ccircle cx='150' cy='150' r='70'/%3E%3Ccircle cx='150' cy='150' r='100'/%3E%3Ccircle cx='150' cy='150' r='130'/%3E%3Ccircle cx='450' cy='100' r='30'/%3E%3Ccircle cx='450' cy='100' r='60'/%3E%3Ccircle cx='450' cy='100' r='90'/%3E%3Ccircle cx='450' cy='100' r='120'/%3E%3Ccircle cx='300' cy='350' r='50'/%3E%3Ccircle cx='300' cy='350' r='80'/%3E%3Ccircle cx='300' cy='350' r='110'/%3E%3Ccircle cx='300' cy='350' r='140'/%3E%3Ccircle cx='80' cy='450' r='35'/%3E%3Ccircle cx='80' cy='450' r='65'/%3E%3Ccircle cx='80' cy='450' r='95'/%3E%3Ccircle cx='80' cy='450' r='125'/%3E%3Ccircle cx='520' cy='400' r='45'/%3E%3Ccircle cx='520' cy='400' r='75'/%3E%3Ccircle cx='520' cy='400' r='105'/%3E%3Ccircle cx='520' cy='400' r='135'/%3E%3Ccircle cx='550' cy='550' r='25'/%3E%3Ccircle cx='550' cy='550' r='55'/%3E%3Ccircle cx='550' cy='550' r='85'/%3E%3Ccircle cx='200' cy='550' r='30'/%3E%3Ccircle cx='200' cy='550' r='60'/%3E%3Ccircle cx='200' cy='550' r='90'/%3E%3C/g%3E%3C/svg%3E") !important;background-size: 600px 600px !important;background-color: var(--brand-500) !important}
.contact-strip-inner:where(.ts-ua,.ts-ua *)::before{background-color: transparent !important;background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.12) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0%, transparent 50%) !important}
.ts-strip-btn:where(.ts-ua,.ts-ua *){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:30px;font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;border:none;transition:all .2s}
.ts-strip-solid:where(.ts-ua,.ts-ua *){background:linear-gradient(90deg,var(--brand-500),var(--brand-600));color:#fff}
.ts-strip-solid:hover:where(.ts-ua,.ts-ua *){filter:brightness(1.1);transform:translateY(-1px)}
.ts-strip-ghost:where(.ts-ua,.ts-ua *){background:#FFFFFF;color:#334155;border:1.5px solid rgba(22,25,43,0.18)}
.ts-strip-ghost:hover:where(.ts-ua,.ts-ua *){border-color:#fff;background:rgba(255,255,255,0.08);transform:translateY(-1px)}
@media(max-width:640px){
  .ts-strip-btn:where(.ts-ua,.ts-ua *){padding:10px 15px;font-size:11.5px;flex:1}
}
.contact-strip-inner:where(.ts-ua,.ts-ua *){padding:0 !important}
.wm13-help:where(.ts-ua,.ts-ua *){position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(135deg,#F5F7FC 0%,#EDF1F9 55%,#E7ECF6 100%);padding:44px 20px 40px}
.wm13-help-wave:where(.ts-ua,.ts-ua *){position:absolute;top:-1px;left:0;width:100%;height:40px;background-size:100% 100%;background-repeat:no-repeat;transform:rotate(180deg);pointer-events:none}
.wm13-help-inner:where(.ts-ua,.ts-ua *){position:relative;z-index:2;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.wm13-help-left:where(.ts-ua,.ts-ua *){display:flex;align-items:center;gap:14px}
.wm13-help-ic:where(.ts-ua,.ts-ua *){width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--brand-500),var(--brand-600));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wm13-help-ic svg:where(.ts-ua,.ts-ua *){width:22px !important;height:22px !important}
.wm13-help-title:where(.ts-ua,.ts-ua *){font-family:'Poppins',sans-serif;font-size:17px;font-weight:800;color:#16192B;line-height:1.2;letter-spacing:-0.01em}
.wm13-help-sub:where(.ts-ua,.ts-ua *){font-size:12px;color:#5B6474;margin-top:4px}
.wm13-help-btns:where(.ts-ua,.ts-ua *){display:flex;gap:10px;flex-wrap:wrap;position:relative}
@media(max-width:640px){
  .wm13-help:where(.ts-ua,.ts-ua *){padding:34px 16px 30px}
  .wm13-help-inner:where(.ts-ua,.ts-ua *){gap:16px}
  .wm13-help-title:where(.ts-ua,.ts-ua *){font-size:15px}
  .wm13-help-ic:where(.ts-ua,.ts-ua *){width:46px;height:46px;border-radius:14px}
  .wm13-help-btns:where(.ts-ua,.ts-ua *){width:100%}
}
.header:where(.ts-ua,.ts-ua *){top:var(--lb-h,0px) !important}
.header .nav-link{background: transparent !important;border-radius: 8px !important;transition: color .2s}
.header .nav-link:hover{background: rgba(var(--brand-rgb),.06) !important;color: var(--brand-500) !important}
.header .nav-link.active{background: transparent !important;color: var(--brand-500) !important;box-shadow: none !important;position: relative}
.header .nav-link.active::after{content: "";position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);width: 32px;height: 3px;background: var(--brand-500);border-radius: 3px 3px 0 0}
.wm9-footer{background: #171A2B !important;border-top: 5px solid var(--brand-500) !important;margin-top: 60px}
.wm9-footer::before,.wm9-footer::after{display: none !important}
.wm9-footer h4{color: #fff !important;font-family: 'Poppins', sans-serif !important;font-size: 13.5px !important;font-weight: 700 !important;text-transform: uppercase;letter-spacing: .6px}
.wm9-footer .footer-col ul li a{display: inline-block;color: #C9CCE0 !important;background: rgba(255,255,255,.05);padding: 7px 15px !important;border-radius: 30px;font-size: 13px !important;margin: 3px 0;transition: background .2s, color .2s}
.wm9-footer .footer-col ul li a:hover{background: var(--brand-500);color: #fff !important;padding-left: 15px !important}
.wm9-footer.wm9-footer{background: #FFFFFF !important;border-top: none !important;margin-top: 44px;padding: 44px 0 0 !important}
.wm9-footer.wm9-footer::before,.wm9-footer.wm9-footer::after{display: none !important}
.wm9-f-grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 34px;padding-bottom: 30px}
@media (max-width: 900px){
  .wm9-f-grid{grid-template-columns: 1fr 1fr;gap: 26px}
}
@media (max-width: 520px){
  .wm9-f-grid{grid-template-columns: 1fr;gap: 22px}
}
.wm9-f-brand img{height: 38px;width: auto;display: block;margin-bottom: 14px}
.wm9-f-brand p{font-size: 12.5px;color: #5B6474;line-height: 1.7;margin: 0 0 16px;max-width: 280px}
.wm9-f-socials{display: flex;gap: 8px}
.wm9-f-social{width: 34px;height: 34px;border-radius: 10px;background: #F3F5FA;color: #334155;display: flex;align-items: center;justify-content: center;font-size: 15px;transition: background .2s, color .2s}
.wm9-f-social:hover{background: var(--brand-500);color: #fff}
.wm9-footer.wm9-footer .wm9-f-col h4{color: #16192B !important;font-size: 13px !important;font-weight: 700 !important;margin: 0 0 14px !important;padding-bottom: 10px;position: relative}
.wm9-footer.wm9-footer .wm9-f-col h4::after{content: "";position: absolute;left: 0;bottom: 0;width: 26px;height: 2.5px;background: var(--brand-500);border-radius: 3px}
.wm9-f-col ul{list-style: none;padding: 0;margin: 0}
.wm9-f-col li{margin-bottom: 9px}
.wm9-footer.wm9-footer .wm9-f-col a{display: inline-flex;align-items: center;gap: 6px;color: #5B6474 !important;font-size: 12.5px !important;background: transparent !important;padding: 0 !important;border-radius: 0 !important;transition: color .2s, gap .2s}
.wm9-footer.wm9-footer .wm9-f-col a::before{content: "›";color: var(--brand-500);font-weight: 700;font-size: 13px}
.wm9-footer.wm9-footer .wm9-f-col a:hover{color: var(--brand-600) !important;gap: 9px}
.wm9-f-bottom{border-top: 1px solid #E9EDF6;padding: 18px 0 24px;display: flex;align-items: center;justify-content: space-between;gap: 14px;flex-wrap: wrap}
.wm9-f-copy{font-size: 12px;color: #8A91A5}
.wm9-f-copy small{display: block;font-size: 10.5px;color: #A9AFC0;margin-top: 3px}
.wm9-f-pays{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}
.wm9-f-pays span{padding: 4px 8px;background: #fff;border-radius: 6px;display: flex;align-items: center}
@media (max-width: 640px){
  .wm9-f-bottom{flex-direction: column;align-items: flex-start}
}
.wm9-footer.wm9-footer{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cg fill='none' stroke='%2316192B' stroke-opacity='0.05' stroke-width='1.4'%3E%3Cpath d='M0 44 Q95 8 190 44 T380 44'/%3E%3Cpath d='M0 106 Q95 70 190 106 T380 106'/%3E%3Cpath d='M0 168 Q95 132 190 168 T380 168'/%3E%3Cpath d='M0 230 Q95 194 190 230 T380 230'/%3E%3Cpath d='M0 292 Q95 256 190 292 T380 292'/%3E%3Cpath d='M0 354 Q95 318 190 354 T380 354'/%3E%3C/g%3E%3C/svg%3E"), #FFFFFF !important}
@media (min-width: 901px){
  .wm9-f-grid{grid-template-columns: 1.35fr 1fr 1.15fr .85fr 1fr;gap: 28px}
}
.icon-btn:hover:where(.ts-ua,.ts-ua *){background: var(--brand-50) !important;color: var(--brand-600) !important}
.nav-link:hover{color: var(--brand-500) !important}
.nav-link.active{background: var(--brand-50) !important;color: var(--brand-600) !important}
.contact-strip-inner:where(.ts-ua,.ts-ua *){background: transparent !important;background-color: transparent !important}
.menu-toggle:hover{background: var(--brand-50) !important;color: var(--brand-600) !important}
.footer-col a:hover{color: var(--brand-400) !important}
#mainHeader.tsn-header{--tsn-h:72px}
#mainHeader.tsn-header.tsn-scrolled{--tsn-h:62px}
.tsn-svc{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;text-decoration:none !important;color:var(--text,#1F2433);transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}
.tsn-svc:hover,.tsn-svc:focus-visible{background:color-mix(in srgb,var(--brand-50) 70%,var(--surface,#fff))}
.tsn-svc-ic{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--pt,var(--brand-50));color:var(--pc,var(--brand-600))}
.tsn-svc-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tsn-svc-tx b{font-size:14px;font-weight:600;line-height:1.25;color:var(--text,#1F2433);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsn-svc-tx small{font-size:12px;line-height:1.3;color:var(--text-subtle,#8A91A5);font-weight:500}
.tsn-pop{flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.02em;line-height:1;padding:5px 8px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);border:1px solid rgba(var(--brand-rgb),.18)}
.tsn-svc-arr{flex-shrink:0;width:16px;height:16px;color:var(--brand-600);opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease}
.tsn-svc:hover .tsn-svc-arr,.tsn-svc:focus-visible .tsn-svc-arr{opacity:1;transform:none}
@media (min-width:1024px){
  #mainHeader.tsn-header{position:sticky !important;top:var(--lb-h,0px) !important;z-index:100 !important;display:flex !important;align-items:center !important;flex-wrap:nowrap !important;height:var(--tsn-h) !important;min-height:0 !important;margin:0 !important;padding:0 max(24px,calc((100vw - 1160px) / 2)) !important;background:color-mix(in srgb,var(--surface,#fff) 84%,transparent) !important;-webkit-backdrop-filter:saturate(170%) blur(16px);backdrop-filter:saturate(170%) blur(16px);border-bottom:1px solid color-mix(in srgb,var(--border,#E5E8F0) 80%,transparent) !important;box-shadow:none !important;transition:height .22s ease,box-shadow .22s ease,background-color .22s ease}
  #mainHeader.tsn-header.tsn-scrolled{background:color-mix(in srgb,var(--surface,#fff) 92%,transparent) !important;box-shadow:0 10px 28px -18px rgba(15,23,42,.30) !important}
  #mainHeader .header-inner{flex-shrink:0;height:100% !important;min-height:0 !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;display:flex !important;align-items:center !important}
  #mainHeader .logo{display:flex;align-items:center}
  #mainHeader .logo img{height:50px !important;width:auto !important;transition:height .22s ease}
  #mainHeader.tsn-scrolled .logo img{height:44px !important}
  #mainHeader .tsn-mbar{display:none !important}
  #mainHeader .nav-strip{display:block !important;position:static !important;top:auto !important;flex:1 1 auto;min-width:0;height:100%;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
  #mainHeader .nav-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;height:100%;max-width:none !important;margin:0 !important;padding:0 0 0 20px !important;gap:0 !important;overflow:visible !important}
  #mainHeader .tsn-links{display:flex;align-items:center;gap:2px;margin:0 auto}
  #mainHeader .tsn-item{position:relative;display:flex;align-items:center}
  #mainHeader .nav-link{position:relative !important;display:inline-flex !important;align-items:center !important;gap:5px !important;height:40px !important;margin:0 !important;padding:0 13px !important;border:0 !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;font-family:var(--font-body,'Poppins',sans-serif) !important;font-size:14px !important;font-weight:500 !important;letter-spacing:-.005em;color:var(--text-muted,#4B5565) !important;white-space:nowrap;text-decoration:none !important;transition:background-color .18s ease,color .18s ease !important}
  #mainHeader .nav-link::before{display:none !important}
  #mainHeader .nav-link:hover,#mainHeader .tsn-item.is-open > .nav-link{background:var(--brand-50) !important;color:var(--brand-700) !important}
  #mainHeader .nav-link.active{color:var(--brand-600) !important;font-weight:600 !important}
  #mainHeader .nav-link::after{content:"" !important;position:absolute !important;left:13px !important;right:13px !important;width:auto !important;top:auto !important;bottom:calc((40px - var(--tsn-h)) / 2) !important;height:2px !important;transform:none !important;border-radius:2px 2px 0 0 !important;background:transparent !important;transition:background-color .18s ease,bottom .22s ease !important}
  #mainHeader .nav-link.active::after{background:var(--brand-600) !important}
  #mainHeader .tsn-chev{width:14px;height:14px;margin-right:-3px;opacity:.55;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}
  #mainHeader .tsn-item.is-open .tsn-chev{transform:rotate(180deg);opacity:1}
  #mainHeader .nav-link:focus-visible,#mainHeader .tsn-actions > :focus-visible,#mainHeader .tsn-panel a:focus-visible{outline:2px solid var(--brand-500) !important;outline-offset:2px}
  #mainHeader .tsn-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:16px}
  #mainHeader .tsn-btn{display:inline-flex !important;align-items:center;gap:7px;height:40px;margin:0 !important;padding:0 16px !important;border-radius:12px !important;font-family:var(--font-body,'Poppins',sans-serif);font-size:13.5px !important;font-weight:600 !important;white-space:nowrap;text-decoration:none !important;transform:none !important;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s !important}
  #mainHeader .tsn-btn svg{width:16px;height:16px;flex-shrink:0}
  #mainHeader .tsn-btn-ghost{background:var(--surface,#fff) !important;color:var(--text,#1F2433) !important;border:1px solid var(--border,#E5E8F0) !important;box-shadow:none !important}
  #mainHeader .tsn-btn-ghost:hover{background:var(--brand-50) !important;color:var(--brand-700) !important;border-color:rgba(var(--brand-rgb),.32) !important}
  #mainHeader .tsn-btn-primary{background:var(--brand-500) !important;color:var(--brand-ink,#fff) !important;border:1px solid transparent !important;box-shadow:0 6px 16px -6px rgba(var(--brand-rgb),.6) !important}
  #mainHeader .tsn-btn-primary:hover{background:var(--brand-600) !important;box-shadow:0 10px 22px -8px rgba(var(--brand-rgb),.7) !important}
  #mainHeader .tsn-panel{position:absolute;top:calc(100% + (var(--tsn-h) - 40px) / 2 + 8px);left:0;z-index:240;background:var(--surface,#fff);border:1px solid color-mix(in srgb,var(--border,#E5E8F0) 85%,transparent);border-radius:18px;box-shadow:0 28px 64px -20px rgba(15,23,42,.30),0 4px 14px -6px rgba(15,23,42,.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1),visibility 0s linear .2s;text-align:left}
  #mainHeader .tsn-panel::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * ((var(--tsn-h) - 40px) / 2 + 10px));height:calc((var(--tsn-h) - 40px) / 2 + 10px)}
  #mainHeader .tsn-item.is-open > .tsn-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1),visibility 0s}
  .tsn-mega{width:664px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:12px}
  .tsn-mega-head{display:flex;align-items:baseline;justify-content:space-between;padding:6px 10px 8px}
  .tsn-mega-head span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle,#8A91A5)}
  .tsn-mega-head em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--text-subtle,#8A91A5)}
  .tsn-mega-list{display:flex;flex-direction:column;gap:2px}
  .tsn-mega-side{display:flex;flex-direction:column;padding:16px;border-radius:14px;background:linear-gradient(165deg,var(--brand-50),color-mix(in srgb,var(--brand-100) 55%,var(--surface,#fff)));border:1px solid rgba(var(--brand-rgb),.14)}
  .tsn-side-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;box-shadow:0 8px 18px -8px rgba(15,23,42,.5)}
  .tsn-side-t{margin:12px 0 3px;font-size:15px;font-weight:700;line-height:1.3;color:var(--text,#1F2433)}
  .tsn-side-s{font-size:12px;line-height:1.45;color:var(--text-muted,#4B5565)}
  .tsn-side-cta{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 10px;border-radius:11px;background:var(--brand-500);color:var(--brand-ink,#fff) !important;font-size:12.5px;font-weight:600;text-decoration:none !important;white-space:nowrap;transition:background-color .15s ease}
  .tsn-side-cta:hover{background:var(--brand-600)}
  .tsn-side-cta i{font-size:16px;transition:transform .15s ease}
  .tsn-side-cta:hover i{transform:translateX(2px)}
  .tsn-trust{list-style:none;margin:14px 0 0 !important;padding:12px 0 0 !important;border-top:1px dashed rgba(var(--brand-rgb),.28);display:flex;flex-direction:column;gap:8px}
  .tsn-trust li{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;font-weight:500;color:var(--text,#1F2433)}
  .tsn-trust li i{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--surface,#fff);color:var(--brand-600);box-shadow:0 1px 2px rgba(15,23,42,.08)}
  .tsn-panel-krs{width:300px;padding:8px}
  .tsn-krs-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;text-decoration:none !important;color:var(--text,#1F2433);transition:background-color .15s ease}
  .tsn-krs-row:hover{background:color-mix(in srgb,var(--brand-50) 70%,var(--surface,#fff))}
  .tsn-krs-ic{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--brand-50);color:var(--brand-600)}
  .tsn-krs-tx b{display:block;font-size:14px;font-weight:600;line-height:1.25;color:var(--text,#1F2433)}
  .tsn-krs-tx small{display:block;margin-top:1px;font-size:12px;color:var(--text-subtle,#8A91A5)}
  .tsn-krs-sep{margin:6px 10px 4px;padding-top:10px;border-top:1px solid var(--border,#E5E8F0);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle,#8A91A5)}
  .tsn-krs-legal a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-muted,#4B5565);text-decoration:none !important;transition:background-color .15s,color .15s}
  .tsn-krs-legal a i{font-size:15px;color:var(--text-subtle,#8A91A5);transition:color .15s}
  .tsn-krs-legal a:hover{background:color-mix(in srgb,var(--brand-50) 70%,var(--surface,#fff));color:var(--brand-700)}
  .tsn-krs-legal a:hover i{color:var(--brand-600)}
}
@media (min-width:1024px) and (max-width:1199px){
  #mainHeader .nav-link{padding:0 10px !important;font-size:13.5px !important}
  #mainHeader .nav-link::after{left:10px !important;right:10px !important}
  #mainHeader .tsn-btn-ghost{display:none !important}
}
@media (max-width:1023px){
  #mainHeader.tsn-header{position:sticky !important;top:var(--lb-h,0px) !important;z-index:100 !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;background:color-mix(in srgb,var(--surface,#fff) 90%,transparent) !important;-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--border,#E5E8F0) 80%,transparent) !important;box-shadow:none !important;transition:box-shadow .2s ease}
  #mainHeader.tsn-header.tsn-scrolled{box-shadow:0 8px 22px -16px rgba(15,23,42,.38) !important}
  #mainHeader .header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px;height:60px !important;min-height:60px !important;max-width:none !important;margin:0 !important;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px)) !important;border:0 !important}
  #mainHeader .logo{display:flex;align-items:center;min-width:0}
  #mainHeader .logo img{height:40px !important;width:auto !important;max-width:100%}
  #mainHeader .nav-strip{display:none !important}
  #mainHeader .tsn-mbar{display:flex;align-items:center;gap:8px;flex-shrink:0}
  #mainHeader .tsn-mbtn,#mainHeader .menu-toggle{width:40px !important;height:40px !important;margin:0 !important;padding:0 !important;border-radius:12px !important;border:1px solid var(--border,#E5E8F0) !important;background:var(--surface,#fff) !important;color:var(--text,#1F2433) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s,color .18s,border-color .18s,transform .12s !important}
  #mainHeader .tsn-mbtn svg{width:19px;height:19px;display:block}
  #mainHeader .tsn-mbtn:active,#mainHeader .menu-toggle:active{transform:scale(.94)}
  #mainHeader .tsn-mbtn-track{background:var(--brand-50) !important;color:var(--brand-700) !important;border-color:rgba(var(--brand-rgb),.22) !important}
  #mainHeader .menu-toggle.open{background:var(--brand-50) !important;color:var(--brand-700) !important;border-color:rgba(var(--brand-rgb),.28) !important}
}
@media (max-width:359px){
  #mainHeader .logo img{height:34px !important}
  #mainHeader .tsn-mbar{gap:6px}
  #mainHeader .tsn-mbtn,#mainHeader .menu-toggle{width:38px !important;height:38px !important}
}
.tsn-burger{position:relative;display:block;width:18px;height:14px;pointer-events:none}
.tsn-burger span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,top .26s cubic-bezier(.22,1,.36,1),right .26s ease}
.tsn-burger span:nth-child(1){top:0}
.tsn-burger span:nth-child(2){top:6px;right:5px}
.tsn-burger span:nth-child(3){top:12px}
#mainHeader .menu-toggle.open .tsn-burger span:nth-child(1){top:6px;transform:rotate(45deg)}
#mainHeader .menu-toggle.open .tsn-burger span:nth-child(2){opacity:0;right:0}
#mainHeader .menu-toggle.open .tsn-burger span:nth-child(3){top:6px;transform:rotate(-45deg)}
html.tsn-lock,html.tsn-lock body{overflow:hidden !important}
body.tsn-menu-open #modalOverlay{background:rgba(12,16,30,.42) !important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
aside#menuCanvas.menu-canvas.tsn-drawer{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;width:min(88vw,420px) !important;max-width:none !important;min-width:0 !important;height:100vh !important;height:100dvh !important;max-height:none !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:22px 0 0 22px !important;background:var(--surface,#fff) !important;color:var(--text,#1F2433);box-shadow:none !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;z-index:230 !important;opacity:1 !important;transform:translateX(105%) !important;visibility:hidden !important;pointer-events:none !important;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,visibility 0s linear .26s !important;touch-action:pan-y;overscroll-behavior:contain}
aside#menuCanvas.menu-canvas.tsn-drawer.show{transform:translateX(0) !important;visibility:visible !important;pointer-events:auto !important;box-shadow:-24px 0 60px -12px rgba(12,16,30,.38) !important;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,visibility 0s !important}
.tsn-d-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px 18px;border-bottom:1px solid var(--border,#E5E8F0)}
.tsn-d-logo{display:flex;align-items:center;min-width:0}
.tsn-d-logo img{height:38px;width:auto;display:block}
.tsn-d-close{width:40px;height:40px;flex-shrink:0;padding:0;border-radius:12px;border:1px solid var(--border,#E5E8F0);background:var(--surface-2,#F4F6FA);color:var(--text,#1F2433);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .18s,color .18s,transform .12s}
.tsn-d-close svg{width:18px;height:18px}
.tsn-d-close:hover{background:var(--brand-50);color:var(--brand-700)}
.tsn-d-close:active{transform:scale(.94)}
.tsn-d-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px calc(22px + env(safe-area-inset-bottom,0px))}
.tsn-d-quick{display:flex;gap:8px}
.tsn-q{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin:0;padding:12px 6px 11px;border-radius:14px;border:1px solid var(--border,#E5E8F0);background:var(--surface,#fff);color:var(--text,#1F2433);font-family:inherit;text-decoration:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .18s ease}
.tsn-q:active{transform:scale(.97)}
.tsn-q b{font-size:12px;font-weight:600;line-height:1.2;text-align:center}
.tsn-q-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--brand-50);color:var(--brand-600)}
.tsn-q-ic svg{width:19px;height:19px}
.tsn-q-main{background:var(--brand-500);border-color:transparent;color:var(--brand-ink,#fff);box-shadow:0 12px 22px -14px rgba(var(--brand-rgb),.9)}
.tsn-q-main .tsn-q-ic{background:rgba(255,255,255,.2);color:var(--brand-ink,#fff)}
.tsn-d-label{margin:22px 4px 9px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-subtle,#8A91A5)}
.tsn-acc-list{display:flex;flex-direction:column;gap:8px}
.tsn-acc{border:1px solid var(--border,#E5E8F0);border-radius:16px;background:var(--surface,#fff);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.tsn-acc.is-open{border-color:rgba(var(--brand-rgb),.3);box-shadow:0 12px 26px -20px rgba(15,23,42,.4)}
.tsn-acc-btn{width:100%;display:flex;align-items:center;gap:12px;margin:0;padding:11px 12px;border:0;background:transparent;color:var(--text,#1F2433);font-family:inherit;text-align:left;text-decoration:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tsn-acc-ic{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}
.tsn-acc-tx{flex:1;min-width:0}
.tsn-acc-tx b{display:block;font-size:15px;font-weight:600;line-height:1.25}
.tsn-acc-tx small{display:block;margin-top:2px;font-size:12px;color:var(--text-subtle,#8A91A5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsn-acc-chev{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--surface-2,#F4F6FA);color:var(--text-muted,#4B5565);transition:transform .26s cubic-bezier(.22,1,.36,1),background-color .2s,color .2s}
.tsn-acc-chev svg{width:16px;height:16px}
.tsn-acc.is-open .tsn-acc-chev{transform:rotate(180deg);background:var(--brand-50);color:var(--brand-600)}
.tsn-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1)}
.tsn-acc.is-open .tsn-acc-panel{grid-template-rows:1fr}
.tsn-acc-inner{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .26s}
.tsn-acc.is-open .tsn-acc-inner{visibility:visible;transition:visibility 0s}
.tsn-acc-wrap{margin:0 10px;padding:6px 0 10px;border-top:1px solid var(--border,#E5E8F0)}
.tsn-acc .tsn-svc{padding:9px 6px}
.tsn-acc .tsn-svc-ic{width:34px;height:34px;border-radius:10px;font-size:17px}
.tsn-acc .tsn-svc-arr{opacity:.5;transform:none;color:var(--text-subtle,#8A91A5)}
.tsn-acc-all{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;margin:6px 0 0;border-radius:12px;background:var(--brand-50);color:var(--brand-700) !important;font-size:13px;font-weight:600;text-decoration:none !important}
.tsn-acc-all i{font-size:16px}
.tsn-d-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tsn-d-links a{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 12px;border-radius:13px;border:1px solid var(--border,#E5E8F0);background:var(--surface,#fff);color:var(--text,#1F2433);font-size:13.5px;font-weight:500;text-decoration:none !important}
.tsn-d-links a i{font-size:17px;color:var(--brand-600);flex-shrink:0}
.tsn-d-links a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsn-d-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:18px}
.tsn-d-legal a{font-size:11.5px;color:var(--text-subtle,#8A91A5);text-decoration:none !important;white-space:nowrap}
.tsn-d-copy{margin-top:4px;font-size:11px;color:var(--text-subtle,#8A91A5);text-align:center}
.tsn-d-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:11.5px;line-height:1.4;color:var(--text-subtle,#8A91A5);text-align:center}
.tsn-d-secure i{font-size:14px;color:var(--brand-600)}
.tsn-drawer :focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}
@media (min-width:1024px){
  aside#menuCanvas.menu-canvas.tsn-drawer{width:400px !important}
}
@media (prefers-reduced-motion:reduce){
  aside#menuCanvas.menu-canvas.tsn-drawer,aside#menuCanvas.menu-canvas.tsn-drawer.show,#mainHeader .tsn-panel,#mainHeader .tsn-item.is-open > .tsn-panel,.tsn-acc-panel,.tsn-acc-chev,.tsn-burger span,#mainHeader.tsn-header,#mainHeader .logo img,#mainHeader .nav-link::after{transition-duration:.01ms !important}
}
p:where(.ts-ua,.ts-ua *){font-weight:400}
h4:where(.ts-ua,.ts-ua *){color:#2E3342}
b:where(.ts-ua,.ts-ua *){font-weight:600}
@media (max-width:400px){
  .wm13-help-btns .ts-strip-btn:where(.ts-ua,.ts-ua *){padding-left:10px;padding-right:10px;gap:6px;white-space:nowrap}
}
.wm9-f-pays .v121-pay-txt{display:block;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.2px;color:#3A4256;white-space:nowrap}
.tsn-mbar a.tsn-mbtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative}
.uy-mbtn i{font-size:20px;line-height:1}
.uy-mbtn.on{color:var(--brand-700)!important;background:var(--brand-50)!important;border-color:var(--brand-100)!important}
.uy-giris i{font-size:17px;line-height:1}
.uy-hw{position:relative;display:inline-flex}
.uy-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 5px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;font-size:13px;cursor:pointer;position:relative;white-space:nowrap}
.uy-chip:hover{border-color:var(--border-strong)}
.uy-chip i{font-size:17px;color:var(--text-subtle);transition:transform .2s}
.uy-chip[aria-expanded="true"] i{transform:rotate(180deg)}
.uy-av{width:30px;height:30px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;letter-spacing:.02em}
.uy-dd{position:absolute;top:calc(100% + 10px);right:0;width:264px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:8px;z-index:400;text-align:left}
.uy-dd[hidden]{display:none}
.uy-dd-h{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}
.uy-dd-t{min-width:0}
.uy-dd-t b{display:block;font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uy-dd-t small{display:block;font-size:11.5px;color:var(--text-subtle);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uy-pc{display:inline-block;margin-top:4px;background:#E53935;color:#fff;font-size:10px;font-weight:700;font-style:normal;line-height:1;padding:3px 6px;border-radius:5px}
.uy-dd a{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--text);text-decoration:none}
.uy-dd a i{font-size:17px;color:var(--brand-600)}
.uy-dd a:hover{background:var(--surface-2)}
.uy-mgiris{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin:0 0 12px;border-radius:14px;background:var(--brand-500);color:#fff!important;font-weight:600;font-size:14.5px;text-decoration:none}
.uy-mgiris i{font-size:18px}
.uy-hcard{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 12px;border-radius:16px;background:var(--brand-50);border:1px solid var(--brand-100);text-decoration:none;color:var(--text)!important}
.uy-hcard .uy-av{width:42px;height:42px;font-size:14px;background:var(--surface)}
.uy-hcard-t{min-width:0;flex:1}
.uy-hcard-t b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uy-hcard-t small{display:block;font-size:12px;color:var(--brand-700);font-weight:600}
.uy-hcard-ok{font-size:20px;color:var(--brand-700)}
.tsn-q-iletisim .tsn-q-ic{background:var(--brand-50);color:var(--brand-600)}
@media (max-width:1023px){
  html body aside#menuCanvas.menu-canvas.tsn-drawer{top:auto!important;right:0!important;left:0!important;bottom:0!important;width:100%!important;height:auto!important;max-height:92vh!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important;transform:translateY(102%)!important;box-shadow:none!important;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s!important}
  html body aside#menuCanvas.menu-canvas.tsn-drawer.show{transform:translateY(0)!important;box-shadow:none!important;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility 0s!important}
  html body aside#menuCanvas .tsn-d-head{position:relative;padding:20px 14px 10px 18px!important;border-bottom:0!important}
  html body aside#menuCanvas .tsn-d-head::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--border-strong,#CBD2DC)}
  html body aside#menuCanvas .tsn-d-logo img{height:32px!important}
  html body aside#menuCanvas .tsn-d-close{width:36px;height:36px;border-radius:50%}
  html body aside#menuCanvas .tsn-d-body{padding-top:8px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
}
html body .wm13-help:where(.ts-ua,.ts-ua *){background:linear-gradient(135deg,#F5F7FC 0%,#EDF1F9 55%,#E7ECF6 100%) !important}
html body .wm13-help-title:where(.ts-ua,.ts-ua *){color:#16192B !important}
html body .wm13-help-sub:where(.ts-ua,.ts-ua *){color:#5B6474 !important}
html body .ts-strip-ghost:where(.ts-ua,.ts-ua *){background:#FFFFFF !important;color:#334155 !important;border-color:rgba(22,25,43,.18) !important}
html body .wm9-footer.wm9-footer{background:#FFFFFF !important;box-shadow:0 -1px 0 #E9EDF6 !important}
html body .wm9-f-brand p{color:#5B6474 !important}
html body .wm9-f-social{background:#F3F5FA !important;color:#334155 !important}
html body .wm9-footer.wm9-footer .wm9-f-col h4{color:#16192B !important}
html body .wm9-footer.wm9-footer .wm9-f-col a{color:#5B6474 !important}
html body .wm9-footer.wm9-footer .wm9-f-col a:hover{color:var(--brand-600) !important}
html body .wm9-f-bottom{border-top-color:#E9EDF6 !important}
html body .wm9-f-copy{color:#8A91A5 !important}
html body .wm9-f-copy small{color:#A9AFC0 !important}

/* uyum: index'te <button> olan, burada gerçek bağlantı (<a>) yapılan öğeler düğmenin yazı ayarlarını korusun (görünüm birebir) */
.ts-ua a.tsn-mbtn-track,.ts-ua a.tsn-q:not(.tsn-q-iletisim){text-rendering:auto;text-align:center;line-height:normal}
.ts-ua .wm13-help-btns a.ts-strip-ghost{text-rendering:auto}
/* uyum: index'te html,body{overflow-x:clip} kapalıyken görünmeyen mega panellerin sağa taşmasını gizler; odeme-tamamla'da bu yok →
   aynı etki yalnız üst menüde (açık panel zaten ekran içine yerleştirilir; dikeyde taşma serbest) */
#mainHeader.ts-ua{overflow-x:clip}
/* uyum: yardım şeridindeki .wm13-help 100vw genişliğinde (index'te html,body{overflow-x:clip} kırpar) → kaydırma çubuklu masaüstünde yatay kaydırma olmasın */
.contact-strip-wrap.ts-ua{overflow-x:clip}
/* v1.5.2: mobil üst bar kaydırınca da katı (yarı saydam + bulanık zemin kaldırıldı) */
@media (max-width:1023px){#mainHeader.tsn-header{background:var(--surface,#fff)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}