/* Kapinda Hizmet v3.2.21 - mobile shell only: header, auth screens and bottom tab bar */
@media (max-width:760px){
  :root{--kh-mobile-blue:var(--blue,#1767A5);--kh-mobile-accent:var(--orange,#20B4B6);--kh-mobile-ink:#10213d;--kh-mobile-muted:#718096;--kh-mobile-line:#e4ebf3}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}

  /* Premium compact top header */
  .site-header.kh-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(220,229,239,.88)!important;box-shadow:0 5px 18px rgba(24,49,83,.045)!important;backdrop-filter:blur(18px) saturate(1.25)!important;-webkit-backdrop-filter:blur(18px) saturate(1.25)!important}
  .kh-header .header-inner{height:62px!important;width:calc(100% - 24px)!important;gap:10px!important}
  .kh-header .logo{min-width:0!important;max-width:190px!important;font-size:19px!important;letter-spacing:-.65px!important;line-height:1!important}
  .kh-header .logo.custom-brand{max-width:178px!important;height:42px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
  .kh-header .brand-picture{display:flex!important;align-items:center!important;max-width:100%!important;height:40px!important}
  .kh-header .brand-picture img{display:block!important;width:auto!important;max-width:174px!important;height:auto!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important}
  .kh-header .logo:not(.custom-brand)>span{width:34px!important;height:34px!important;border-radius:10px!important;margin-right:7px!important;font-size:16px!important;background:linear-gradient(135deg,var(--kh-mobile-blue),var(--kh-mobile-accent))!important}
  .kh-header-actions{margin-left:auto!important;gap:7px!important}
  .kh-header-actions>.kh-login,.kh-header-actions>.nav-btn,.kh-header-actions>.header-request-btn{display:none!important}
  .kh-header .menu-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid var(--kh-mobile-line)!important;border-radius:13px!important;background:#fff!important;color:var(--kh-mobile-blue)!important;font-size:0!important;box-shadow:0 5px 14px rgba(33,66,108,.07)!important;position:relative!important}
  .kh-header .menu-toggle:before{content:"";width:17px;height:12px;background:linear-gradient(var(--kh-mobile-blue),var(--kh-mobile-blue)) 0 0/17px 2px no-repeat,linear-gradient(var(--kh-mobile-blue),var(--kh-mobile-blue)) 0 5px/13px 2px no-repeat,linear-gradient(var(--kh-mobile-blue),var(--kh-mobile-blue)) 0 10px/17px 2px no-repeat;border-radius:2px}
  .kh-header .menu-toggle:active{transform:scale(.96)}

  /* Dropdown mobile menu - small app sheet, not a tall page list */
  .kh-header .mobile-nav.open{display:block!important;position:absolute!important;left:10px!important;right:10px!important;top:66px!important;padding:10px!important;border:1px solid rgba(218,228,239,.95)!important;border-radius:19px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 18px 46px rgba(20,46,82,.16)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;animation:khMobMenuIn .18s ease-out both!important}
  @keyframes khMobMenuIn{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
  .kh-mobile-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .kh-header .kh-mobile-nav-grid>a{display:flex!important;align-items:center!important;gap:9px!important;padding:11px!important;border:1px solid #edf1f6!important;border-radius:13px!important;background:#f9fbfd!important;color:#35445b!important;min-height:48px!important}
  .kh-mobile-nav-grid>a>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#eaf4fb;color:var(--kh-mobile-blue);font-size:13px;font-weight:900}
  .kh-mobile-nav-grid>a>b{font-size:11px;line-height:1.15}
  .kh-mobile-nav-primary{margin-top:8px}
  .kh-header .kh-mobile-nav-primary>a,.kh-header .kh-mobile-nav-primary>button{display:flex!important;width:100%!important;min-height:43px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--kh-mobile-blue),color-mix(in srgb,var(--kh-mobile-blue) 70%,var(--kh-mobile-accent)))!important;color:#fff!important;font:inherit!important;font-size:12px!important;font-weight:850!important;box-shadow:0 8px 18px color-mix(in srgb,var(--kh-mobile-blue) 20%,transparent)!important}
  .kh-mobile-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #eef2f6}
  .kh-header .kh-mobile-auth-actions>a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;margin:0!important;padding:9px 10px!important;border-radius:12px!important;font-size:11px!important;font-weight:850!important}
  .kh-mobile-login{border:1px solid #dbe5ef!important;color:var(--kh-mobile-blue)!important;background:#fff!important}
  .kh-mobile-register,.kh-mobile-account{grid-column:auto!important;background:#eef7fb!important;color:var(--kh-mobile-blue)!important;border:1px solid #d9edf3!important}
  .kh-mobile-account{grid-column:1/-1!important}

  /* Thin floating bottom app navigation */
  .kh-mobile-bottom{left:10px!important;right:10px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;width:auto!important;height:57px!important;min-height:57px!important;padding:4px 5px!important;border:1px solid rgba(218,227,238,.92)!important;border-radius:18px!important;background:rgba(255,255,255,.965)!important;box-shadow:0 9px 28px rgba(22,48,82,.15)!important;backdrop-filter:blur(20px) saturate(1.3)!important;-webkit-backdrop-filter:blur(20px) saturate(1.3)!important;overflow:visible!important}
  .kh-mobile-bottom>a,.kh-mobile-bottom>button{height:47px!important;min-height:47px!important;border-radius:13px!important;padding:3px 1px!important;gap:1px!important;color:#7a8798!important;font-size:8.5px!important;font-weight:760!important;line-height:1!important;transition:.16s ease!important}
  .kh-mobile-bottom>a>span,.kh-mobile-bottom>button>span{width:25px!important;height:24px!important;margin:0!important;border-radius:8px!important;background:transparent!important;color:currentColor!important;font-size:18px!important;line-height:24px!important}
  .kh-mobile-bottom>a.kh-tab-active{color:var(--kh-mobile-blue)!important;background:#edf6fb!important}
  .kh-mobile-bottom>a.kh-tab-active>span{color:var(--kh-mobile-blue)!important}
  .kh-mobile-bottom .kh-mobile-request{height:48px!important;min-height:48px!important;margin:0 2px!important;transform:none!important;background:linear-gradient(145deg,var(--kh-mobile-blue),color-mix(in srgb,var(--kh-mobile-blue) 64%,var(--kh-mobile-accent)))!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 6px 14px color-mix(in srgb,var(--kh-mobile-blue) 23%,transparent)!important}
  .kh-mobile-bottom .kh-mobile-request>span{font-size:18px!important;color:#fff!important}
  .kh-mobile-bottom .kh-mobile-request>b{font-size:8.5px!important;font-weight:850!important;color:#fff!important}
  .kh-mobile-bottom>a:active,.kh-mobile-bottom>button:active{transform:scale(.95)!important}

  /* Login / registration are app-like on mobile only */
  body.kh-auth-page{background:linear-gradient(180deg,#f4f9fc 0,#fff 48%)!important}
  body.kh-auth-page .auth-section{min-height:calc(100dvh - 62px)!important;padding:18px 12px 88px!important;place-items:start center!important;background:transparent!important}
  body.kh-auth-page .auth-card{width:100%!important;max-width:520px!important;display:flex!important;flex-direction:column!important;gap:0!important;border:1px solid #e2eaf2!important;border-radius:22px!important;box-shadow:0 15px 42px rgba(26,53,89,.09)!important;background:#fff!important;overflow:hidden!important}
  body.kh-auth-page .auth-copy{padding:21px 18px 18px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--kh-mobile-blue) 93%,#fff),color-mix(in srgb,var(--kh-mobile-accent) 72%,var(--kh-mobile-blue)))!important;color:#fff!important}
  body.kh-auth-page .auth-copy .eyebrow{display:inline-flex!important;margin:0 0 7px!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:8px!important;letter-spacing:.12em!important}
  body.kh-auth-page .auth-copy h1{margin:0!important;font-size:24px!important;line-height:1.12!important;letter-spacing:-.65px!important;color:#fff!important}
  body.kh-auth-page .auth-copy p{margin:7px 0 0!important;font-size:11.5px!important;line-height:1.5!important;color:rgba(255,255,255,.86)!important}
  body.kh-auth-page .auth-copy ul{display:none!important}
  body.kh-auth-page .form-card{padding:17px!important;gap:12px!important;border:0!important;border-radius:0!important;background:#fff!important}
  body.kh-auth-page .form-card>label{font-size:11.5px!important;color:#46546a!important}
  body.kh-auth-page .form-card input{height:45px!important;margin-top:5px!important;padding:10px 12px!important;border-radius:12px!important;border-color:#dce5ee!important;background:#fbfcfe!important;font-size:13px!important}
  body.kh-auth-page .form-card input:focus{background:#fff!important;border-color:var(--kh-mobile-blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--kh-mobile-blue) 11%,transparent)!important}
  body.kh-auth-page .password-wrap .show-pass{right:7px!important;top:10px!important;height:31px!important;padding:0 9px!important;border-radius:9px!important;background:#eef6fb!important;color:var(--kh-mobile-blue)!important;font-size:10px!important}
  body.kh-auth-page .login-options{align-items:center!important;gap:8px!important}
  body.kh-auth-page label.check{font-size:10.5px!important;line-height:1.35!important}
  body.kh-auth-page .forgot-link a{font-size:10.5px!important}
  body.kh-auth-page .form-card>.btn.full{min-height:46px!important;border-radius:13px!important;background:linear-gradient(135deg,var(--kh-mobile-blue),color-mix(in srgb,var(--kh-mobile-blue) 68%,var(--kh-mobile-accent)))!important;font-size:12.5px!important;box-shadow:0 8px 20px color-mix(in srgb,var(--kh-mobile-blue) 19%,transparent)!important}
  body.kh-auth-page .form-switch{margin:0!important;padding-top:2px!important;font-size:11px!important}
  body.kh-auth-page .pending-request-notice{border-radius:12px!important;padding:10px!important}
  body.kh-auth-page .security-question{padding:10px!important;border-radius:12px!important;background:#f8fafc!important}
}

@media (max-width:390px){
  .kh-header .logo.custom-brand{max-width:150px!important}.kh-header .brand-picture img{max-width:146px!important}
  .kh-mobile-bottom{left:7px!important;right:7px!important}.kh-mobile-bottom>a,.kh-mobile-bottom>button{font-size:7.8px!important}
  body.kh-auth-page .auth-section{padding-left:9px!important;padding-right:9px!important}
}