/* TKSE 008D2D - Homepage Master Polish Lock
   Final small polish before homepage full redesign.
   Scope: homepage header + hero only, keep landing pages untouched.
*/

html, body { max-width: 100%; overflow-x: hidden; }

@media (min-width:1181px){
  .site-header,.nav-bar{height:88px!important;min-height:88px!important;}
  .brand{width:168px!important;height:88px!important;display:flex!important;align-items:center!important;}
  .brand img{height:62px!important;max-height:62px!important;max-width:164px!important;width:auto!important;object-fit:contain!important;}
  .main-menu{gap:26px!important;}
  .main-menu a{font-size:14.2px!important;letter-spacing:-.01em;}
  .header-actions{gap:12px!important;}
  .hotline-pill,.flag-lang>button,.nav-cta{height:46px!important;}

  .tkse-008d2a-hero{min-height:865px!important;}
  .tkse-008d2a-hero:before{
    background-image:
      linear-gradient(90deg,rgba(1,11,31,.72) 0%,rgba(1,11,31,.46) 38%,rgba(1,11,31,.10) 100%),
      url('/assets/images/hero/tkse-hero-master-bg-008d2a.png')!important;
    background-size:cover!important;
    background-position:center right!important;
  }
  .tkse-008d2a-hero:after{height:170px!important;background:linear-gradient(0deg,rgba(2,15,42,.74),rgba(2,15,42,0))!important;}
  .hero-master-grid{
    grid-template-columns:minmax(620px,.94fr) minmax(700px,1.06fr)!important;
    gap:64px!important;
    min-height:865px!important;
    padding:76px 0 68px!important;
    align-items:center!important;
  }
  .master-copy{max-width:800px!important;}
  .master-eyebrow{margin-bottom:30px!important;padding:12px 24px!important;}
  .master-copy h1{
    max-width:800px!important;
    font-size:clamp(58px,3.82vw,76px)!important;
    line-height:1.055!important;
    letter-spacing:-.052em!important;
  }
  .master-copy h1 strong{display:block!important;}
  .master-copy p{max-width:735px!important;font-size:18px!important;line-height:1.68!important;margin-top:24px!important;}
  .master-actions{margin-top:36px!important;gap:22px!important;display:flex!important;}
  .master-actions .btn{height:60px!important;padding:0 28px!important;font-size:16px!important;border-radius:14px!important;white-space:nowrap!important;}
  .master-chips{margin-top:26px!important;gap:12px!important;}
  .master-chips span{height:42px!important;padding:0 16px!important;font-size:13px!important;}

  .master-visual{display:block!important;position:relative!important;min-height:650px!important;max-width:800px!important;justify-self:end!important;}
  .master-card{border-radius:22px!important;padding:24px 28px!important;}
  .card-icon{width:54px!important;height:54px!important;font-size:24px!important;margin-bottom:10px!important;}
  .master-card small{font-size:14.5px!important;}
  .master-card b{font-size:44px!important;line-height:1.02!important;}
  .master-card p{font-size:14px!important;line-height:1.5!important;margin-top:10px!important;}

  .eff-card{left:0!important;top:10px!important;width:365px!important;z-index:4!important;}
  .saving-card{right:24px!important;top:90px!important;width:292px!important;z-index:6!important;}
  .green-card{left:22px!important;top:292px!important;width:292px!important;z-index:5!important;}
  .hotline-card{right:16px!important;top:306px!important;width:308px!important;z-index:5!important;}
  .wide-card{
    left:0!important;right:0!important;bottom:6px!important;
    min-height:146px!important;
    grid-template-columns:1.02fr .98fr!important;
    gap:30px!important;
    padding:26px 34px!important;
    z-index:7!important;
  }
  .wide-card b{font-size:20px!important;line-height:1.25!important;}
  .wide-card .smart-title{font-size:20px!important;}
  .wide-card .mini-chart{width:88px!important;height:66px!important;}
}

@media (min-width:1181px) and (max-width:1460px){
  .site-header,.nav-bar{height:82px!important;min-height:82px!important;}
  .brand{width:138px!important;height:82px!important;}
  .brand img{height:52px!important;max-height:52px!important;max-width:134px!important;}
  .main-menu{gap:18px!important;}
  .main-menu a{font-size:12.8px!important;}
  .header-actions{gap:9px!important;}
  .hotline-pill{padding:0 13px!important;font-size:12.8px!important;}
  .nav-cta{padding:0 17px!important;font-size:13px!important;}
  .flag-lang>button{padding:0 11px!important;}
  .tkse-008d2a-hero{min-height:760px!important;}
  .hero-master-grid{width:min(1360px,calc(100% - 56px))!important;grid-template-columns:minmax(540px,.93fr) minmax(600px,1.07fr)!important;gap:40px!important;min-height:760px!important;padding:62px 0 58px!important;}
  .master-copy h1{font-size:clamp(50px,3.65vw,62px)!important;max-width:650px!important;}
  .master-copy p{font-size:15.5px!important;max-width:630px!important;}
  .master-actions .btn{height:54px!important;font-size:13.5px!important;padding:0 22px!important;}
  .master-chips span{height:36px!important;font-size:11.8px!important;padding:0 13px!important;}
  .master-visual{max-width:635px!important;min-height:560px!important;}
  .eff-card{width:315px!important;top:10px!important;}
  .saving-card{width:250px!important;right:6px!important;top:78px!important;}
  .green-card{width:250px!important;left:14px!important;top:255px!important;}
  .hotline-card{width:270px!important;right:10px!important;top:268px!important;}
  .wide-card{bottom:2px!important;min-height:128px!important;padding:22px 28px!important;}
  .master-card b{font-size:38px!important;}
  .wide-card b{font-size:17px!important;}
}

@media (max-width:820px){
  .site-header,.nav-bar{height:86px!important;min-height:86px!important;}
  .wrap{width:calc(100% - 36px)!important;}
  .brand{width:92px!important;height:86px!important;}
  .brand img{height:58px!important;max-height:58px!important;max-width:88px!important;}
  .flag-lang>button{height:44px!important;min-width:84px!important;border-radius:15px!important;font-size:13px!important;gap:7px!important;padding:0 9px!important;}
  .flag-icon{width:23px!important;height:16px!important;}
  .mobile-toggle{width:46px!important;height:46px!important;border-radius:15px!important;}
  .mobile-toggle span{width:21px!important;height:3px!important;}

  .tkse-008d2a-hero{min-height:auto!important;}
  .tkse-008d2a-hero:before{
    background-image:
      linear-gradient(180deg,rgba(1,11,31,.95) 0%,rgba(1,11,31,.88) 52%,rgba(1,11,31,.96) 100%),
      url('/assets/images/hero/tkse-hero-master-bg-008d2a.png')!important;
    background-size:auto 108%!important;
    background-position:64% center!important;
  }
  .hero-master-grid{display:block!important;padding:40px 0 48px!important;min-height:auto!important;}
  .master-eyebrow{font-size:10.5px!important;letter-spacing:.085em!important;padding:9px 13px!important;margin-bottom:23px!important;gap:11px!important;}
  .master-eyebrow:before{width:28px!important;height:4px!important;}
  .master-copy h1{font-size:clamp(29px,7.55vw,36px)!important;line-height:1.13!important;letter-spacing:-.032em!important;max-width:100%!important;}
  .master-copy h1 strong{display:inline!important;}
  .master-copy p{font-size:15px!important;line-height:1.62!important;margin-top:19px!important;}
  .master-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:26px!important;}
  .master-actions .btn{min-height:52px!important;height:auto!important;padding:13px 14px!important;font-size:14px!important;line-height:1.25!important;border-radius:16px!important;white-space:normal!important;}
  .master-chips{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:20px!important;}
  .master-chips span{height:40px!important;font-size:12px!important;padding:0 8px!important;border-radius:13px!important;justify-content:center!important;}
  .master-visual{display:none!important;}
  .mobile-cta{display:none!important;}
  .floating,.scroll-top{display:none!important;}
}

@media (max-width:390px){
  .wrap{width:calc(100% - 30px)!important;}
  .site-header,.nav-bar{height:82px!important;min-height:82px!important;}
  .brand{width:86px!important;height:82px!important;}
  .brand img{height:54px!important;max-height:54px!important;max-width:82px!important;}
  .flag-lang>button{height:42px!important;min-width:80px!important;}
  .mobile-toggle{width:44px!important;height:44px!important;}
  .master-copy h1{font-size:clamp(28px,7.2vw,33px)!important;line-height:1.14!important;}
  .master-copy p{font-size:14.5px!important;}
  .master-chips{grid-template-columns:1fr!important;}
}