@media(max-width:768px){body.cb-pwa-mobile{padding-bottom:76px;background:#06231F}.cb-pwa-mobile header{padding:10px 14px}.cb-pwa-mobile .brand-tagline{display:none}.cb-pwa-mobile .hero{padding:22px 14px 28px}.cb-pwa-mobile .hero-container{display:block}.cb-pwa-mobile .hero-text{padding:8px 4px 20px}.cb-pwa-mobile .hero-text h1{font-size:30px!important}.cb-pwa-mobile .trust-badges{gap:12px}.cb-pwa-mobile .apply-card{border-radius:18px;padding:20px}.cb-mobile-launch{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px;margin:0 auto;max-width:520px}.cb-mobile-launch a{min-height:92px;background:#0B312B;border:1px solid #134E46;border-radius:18px;color:#fff;text-decoration:none;padding:16px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 24px #0002}.cb-mobile-launch b{font-size:15px}.cb-mobile-launch span{font-size:12px;color:#94A3B8;margin-top:4px}.cb-mobile-launch .primary{background:linear-gradient(135deg,#E6A129,#f4c55b);color:#06231F}.cb-mobile-launch .primary span{color:#23433d}.cb-app-bottom{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:9999;height:68px;background:#082a25;border-top:1px solid #1a554d;box-shadow:0 -8px 24px #0005;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.cb-app-bottom a{color:#a8bbb7;text-decoration:none;font-size:10px;display:flex;min-width:58px;align-items:center;justify-content:center;flex-direction:column;gap:2px}.cb-app-bottom i{font-style:normal;font-size:21px}.cb-app-bottom a.active,.cb-app-bottom a:hover{color:#E6A129}.cb-install{display:none;position:fixed;right:14px;bottom:82px;z-index:9998;border:0;border-radius:999px;padding:11px 15px;background:#E6A129;color:#06231F;font-weight:800;box-shadow:0 8px 24px #0006}.cb-install.show{display:block}.cb-pwa-mobile footer{padding-bottom:88px}.cb-pwa-mobile .account-container,.cb-pwa-mobile .dashboard-container{padding-left:12px!important;padding-right:12px!important}.cb-pwa-mobile .acc-card{border-radius:16px!important}}@media(min-width:769px){.cb-mobile-launch,.cb-app-bottom,.cb-install{display:none!important}}
/* Credit Baniya V4.9.3 Mobile UI Hotfix - 2026-09-30 */
@media (max-width: 768px) {
  body.cb-pwa-mobile { padding-bottom: calc(82px + env(safe-area-inset-bottom)); }
  body.cb-pwa-mobile header { position: sticky; top: 0; z-index: 10020; min-height: 72px; gap: 10px; }
  body.cb-pwa-mobile header .cb-brand-logo { flex: 0 1 190px !important; width: min(190px, 42vw) !important; min-width: 0 !important; }
  body.cb-pwa-mobile header .cb-brand-logo img { width: 100% !important; height: auto !important; object-fit: contain; }
  body.cb-pwa-mobile header .cta-btn { margin-left: auto; flex: 0 0 auto; }
  body.cb-pwa-mobile header .mobile-toggle { display: flex !important; flex: 0 0 26px; width: 26px; height: 20px; margin-left: 4px; z-index: 10031; }

  /* Turn the old dropdown into a real off-canvas mobile drawer. */
  body.cb-pwa-mobile header .nav-links {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: min(86vw, 360px) !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 92px 22px 110px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    overflow-y: auto !important;
    background: #082a25 !important;
    border: 0 !important;
    border-left: 1px solid #1a554d !important;
    box-shadow: -18px 0 40px rgba(0,0,0,.38) !important;
    transform: translateX(105%);
    visibility: hidden;
    opacity: 0;
    transition: transform .24s ease, opacity .2s ease, visibility .24s ease;
    z-index: 10025 !important;
  }
  body.cb-pwa-mobile header .nav-links.active {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
  }
  body.cb-pwa-mobile header .nav-links li { display: block !important; width: 100% !important; margin: 0 !important; }
  body.cb-pwa-mobile header .nav-links a {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    padding: 12px 10px !important;
    margin: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
  body.cb-pwa-mobile header .nav-links a:hover,
  body.cb-pwa-mobile header .nav-links a:focus { color: #E6A129 !important; background: rgba(255,255,255,.04) !important; }

  /* Keep bottom PWA navigation compact and stop global link/button CSS from enlarging items. */
  body.cb-pwa-mobile .cb-app-bottom {
    height: calc(68px + env(safe-area-inset-bottom)) !important;
    padding: 0 4px env(safe-area-inset-bottom) !important;
    align-items: stretch !important;
    z-index: 10010 !important;
  }
  body.cb-pwa-mobile .cb-app-bottom a,
  body.cb-pwa-mobile .cb-app-bottom a.active,
  body.cb-pwa-mobile .cb-app-bottom a:hover,
  body.cb-pwa-mobile .cb-app-bottom a:focus {
    flex: 1 1 20% !important;
    min-width: 0 !important;
    width: auto !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 7px 2px 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    color: #a8bbb7 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
  body.cb-pwa-mobile .cb-app-bottom a.active,
  body.cb-pwa-mobile .cb-app-bottom a:hover { color: #E6A129 !important; }
  body.cb-pwa-mobile .cb-app-bottom i { font-size: 21px !important; line-height: 1 !important; }

  body.cb-pwa-mobile .cb-install {
    right: 12px !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 24px) !important;
    z-index: 10009 !important;
  }
  body.cb-pwa-mobile footer { padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important; }

  /* Legacy fixed Agent Login CTA on homepage must not overlap PWA controls. */
  body.cb-pwa-mobile .cb-agent-login-float { display: none !important; }
}

@media (max-width: 420px) {
  body.cb-pwa-mobile header .cb-brand-logo { width: min(160px, 39vw) !important; flex-basis: 160px !important; }
  body.cb-pwa-mobile header .cta-btn { padding: 8px 10px !important; font-size: 11px !important; }
}

/* V4.9.5 Mobile UI corrections */
@media (max-width: 992px) {

    /* Hide floating Agent Login button on mobile */
    a[href="/agent_login.php"][style*="position: fixed"],
    a[href="/agent_login.php"][style*="position:fixed"],
    .cb-agent-login-float {
        display: none !important;
    }

    /* Mobile drawer */
    header .nav-links {
        background: #06231F !important;
        z-index: 10030 !important;
    }

    /* Force all menu items to be visible */
    header .nav-links li {
        display: block !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    header .nav-links li a {
        display: flex !important;
        width: 100% !important;
        min-height: 52px !important;
        align-items: center !important;

        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;

        font-size: 16px !important;
        font-weight: 600 !important;

        opacity: 1 !important;
        visibility: visible !important;

        padding: 13px 12px !important;
        margin: 0 !important;

        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.12) !important;

        text-decoration: none !important;
        box-shadow: none !important;
    }

    header .nav-links li a:hover,
    header .nav-links li a:focus,
    header .nav-links li a:active {
        color: #E6A129 !important;
        -webkit-text-fill-color: #E6A129 !important;
        background: rgba(255,255,255,.05) !important;
    }

    /* My Account should look like the other menu items */
    header .nav-links li a[href="/myaccount.php"] {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}


/* Credit Baniya V5.4.4.6 — Android Experience Layer */
.cb-notify{display:none}
:root{--cb-pwa-teal:#073B34;--cb-pwa-deep:#06231F;--cb-pwa-gold:#E6A129;--cb-pwa-surface:#0B312B;--cb-pwa-line:#1A554D;--cb-pwa-muted:#A8BBB7}
.cb-pwa-network{position:fixed;left:50%;top:10px;transform:translate(-50%,-150%);z-index:2147483000;background:#7b241c;color:#fff;border:1px solid #b94b3d;border-radius:999px;padding:8px 14px;font:700 12px/1.2 Inter,system-ui,sans-serif;box-shadow:0 8px 25px #0005;transition:.22s ease;pointer-events:none}.cb-pwa-network.show{transform:translate(-50%,0)}
.cb-pwa-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,30px);opacity:0;z-index:2147482998;width:min(440px,calc(100vw - 24px));background:#0B312B;color:#fff;border:1px solid #1A554D;border-radius:16px;padding:13px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 20px 50px #0007;transition:.22s ease;pointer-events:none}.cb-pwa-toast.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.cb-pwa-toast .grow{flex:1}.cb-pwa-toast b{display:block;font-size:13px}.cb-pwa-toast small{display:block;color:#A8BBB7;margin-top:2px}.cb-pwa-toast button{border:0;border-radius:10px;padding:9px 12px;background:#E6A129;color:#06231F;font-weight:800;cursor:pointer}
.cb-pwa-actions{position:fixed;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:10009;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.cb-pwa-actions .cb-install,.cb-pwa-actions .cb-notify{position:static!important;right:auto!important;bottom:auto!important;pointer-events:auto;border:0;border-radius:999px;padding:11px 15px;background:#E6A129;color:#06231F;font-weight:800;box-shadow:0 8px 24px #0006;display:none}.cb-pwa-actions .show{display:block!important}.cb-pwa-actions .cb-notify{background:#fff;color:#073B34}
.cb-app-bottom a[aria-current="page"]{color:#E6A129!important}.cb-app-bottom a i{width:24px;height:24px;display:grid;place-items:center;border-radius:9px}.cb-app-bottom a[aria-current="page"] i{background:rgba(230,161,41,.13)}
@media(display-mode:standalone){html{background:#06231F}body{overscroll-behavior-y:contain}.cb-pwa-actions .cb-install{display:none!important}}
@media(max-width:768px){body.cb-pwa-mobile{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}.cb-app-bottom{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(6,35,31,.96)!important}.cb-pwa-toast{bottom:calc(82px + env(safe-area-inset-bottom))}.cb-pwa-actions{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(min-width:769px){.cb-pwa-actions,.cb-pwa-toast,.cb-pwa-network{font-family:Inter,system-ui,sans-serif}.cb-pwa-actions{bottom:20px}.cb-pwa-toast{bottom:20px}}
@media(prefers-reduced-motion:reduce){.cb-pwa-network,.cb-pwa-toast{transition:none!important}}

/* V5.5.2.2.1 — persistent install affordance recovery */
@media(max-width:768px){
 body.cb-pwa-mobile:not(.cb-pwa-standalone) .cb-pwa-actions{display:flex!important}
 body.cb-pwa-mobile:not(.cb-pwa-standalone) #cbInstallApp.show{
   display:block!important;visibility:visible!important;opacity:1!important;
   min-height:42px!important;max-width:calc(100vw - 28px)!important;
   background:#E6A129!important;color:#06231F!important;
   border:1px solid rgba(6,35,31,.12)!important;
   border-radius:999px!important;padding:11px 15px!important;
   font-size:12px!important;font-weight:900!important;
   box-shadow:0 10px 28px rgba(0,0,0,.28)!important
 }
}
@media(display-mode:standalone){
 #cbInstallApp,.cb-pwa-actions #cbInstallApp{display:none!important}
}
