/* Dehun Pay V30 — final compact mobile app UI. Public pages only. Desktop untouched. */
@media (max-width:700px){
  body:not(.admin-page){font-size:13px!important;line-height:1.42!important;background:#f7f9fc!important;padding-bottom:68px!important}
  body:not(.admin-page) .wrap,body:not(.admin-page) .p2-wrap{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;margin:0 auto!important}
  body:not(.admin-page) header nav{height:56px!important;min-height:56px!important;padding:0!important}
  body:not(.admin-page) .logo img{width:128px!important;max-height:38px!important}
  body:not(.admin-page) .dp-mobile-menu-btn{width:36px!important;height:36px!important;border-radius:10px!important}
  body:not(.admin-page) .dp-mobile-menu-btn:before{font-size:19px!important}
  body:not(.admin-page) section,body:not(.admin-page) .v10sec{padding:24px 0!important}
  body:not(.admin-page) .hero,body:not(.admin-page) .p2-hero{padding:22px 0!important}
  body:not(.admin-page) .heroGrid{gap:14px!important}
  body:not(.admin-page) .hero h1,body:not(.admin-page) .p2-hero h1{font-size:27px!important;line-height:1.12!important;letter-spacing:-.45px!important;margin:4px 0 8px!important}
  body:not(.admin-page) .hero p,body:not(.admin-page) .p2-hero p{font-size:12px!important;line-height:1.5!important;margin:0 0 9px!important}
  body:not(.admin-page) .head,body:not(.admin-page) .v10head{margin-bottom:14px!important}
  body:not(.admin-page) .head h2,body:not(.admin-page) .v10head h2,body:not(.admin-page) .final-lender-head h2{font-size:20px!important;line-height:1.2!important;margin:4px 0!important}
  body:not(.admin-page) .head p,body:not(.admin-page) .v10head p{font-size:10.5px!important;line-height:1.45!important}
  body:not(.admin-page) .ey,body:not(.admin-page) .v10head small{font-size:8.5px!important;letter-spacing:1px!important}
  body:not(.admin-page) .quick,body:not(.admin-page) .panel,body:not(.admin-page) .smartCheck,body:not(.admin-page) .appform,body:not(.admin-page) .appside,body:not(.admin-page) .formCard,body:not(.admin-page) .p2-card{padding:14px!important;border-radius:13px!important}
  body:not(.admin-page) .quick h2,body:not(.admin-page) .panel h2,body:not(.admin-page) .smartHead h2,body:not(.admin-page) .formHead h2{font-size:17px!important;line-height:1.25!important;margin:3px 0 7px!important}
  body:not(.admin-page) label{font-size:9.5px!important;margin-bottom:3px!important}
  body:not(.admin-page) input,body:not(.admin-page) select,body:not(.admin-page) textarea{min-height:40px!important;height:auto!important;padding:8px 10px!important;font-size:13px!important;border-radius:9px!important}
  body:not(.admin-page) textarea{min-height:78px!important}
  body:not(.admin-page) .grid2,body:not(.admin-page) .grid3{gap:8px!important}
  body:not(.admin-page) .btn,body:not(.admin-page) button.submit{min-height:40px!important;padding:9px 12px!important;font-size:10.5px!important;border-radius:9px!important}
  body:not(.admin-page) .products,body:not(.admin-page) .guides,body:not(.admin-page) .final-guide-grid{gap:9px!important}
  body:not(.admin-page) .cardbody,body:not(.admin-page) .guideBody,body:not(.admin-page) .final-guide-body{padding:12px!important}
  body:not(.admin-page) .card h3,body:not(.admin-page) .guide h3,body:not(.admin-page) .final-guide h3{font-size:14px!important;margin:0 0 5px!important}
  body:not(.admin-page) .card p,body:not(.admin-page) .guide p,body:not(.admin-page) .final-guide p{font-size:10px!important;line-height:1.45!important}
  body:not(.admin-page) .visual{height:78px!important}
  body:not(.admin-page) .final-guide img{height:132px!important;object-fit:cover!important}
  body:not(.admin-page) .trustinner div{padding:10px!important}.trustinner b{font-size:11.5px!important}
  body:not(.admin-page) .logos,body:not(.admin-page) .v10logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body:not(.admin-page) .bank,body:not(.admin-page) .v10logo{min-height:54px!important;padding:7px!important;font-size:10px!important}
  body:not(.admin-page) .process,body:not(.admin-page) .v10process{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body:not(.admin-page) .step,body:not(.admin-page) .v10step{padding:9px 6px!important;min-height:0!important}
  body:not(.admin-page) .benefits,body:not(.admin-page) .final-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body:not(.admin-page) .benefit,body:not(.admin-page) .final-benefit{padding:10px 7px!important;min-height:0!important}
  body:not(.admin-page) .support,body:not(.admin-page) .final-help{padding:14px!important;border-radius:13px!important}
  body:not(.admin-page) .final-help-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body:not(.admin-page) .final-help-actions>*{min-height:38px!important}
  body:not(.admin-page) .emiResult{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  body:not(.admin-page) .emiResult div{padding:7px 5px!important}.emiResult small{font-size:8px!important}.emiResult b{font-size:11px!important}
  body:not(.admin-page) footer{padding:24px 0 76px!important}.footgrid{gap:13px!important}.footbottom{margin-top:16px!important;padding-top:10px!important}
  /* app bottom navigation: equal, calm, no oversized Apply */
  body:not(.admin-page) .dp-mobile-bottom{left:8px!important;right:8px!important;bottom:7px!important;padding:4px!important;border-radius:15px!important;box-shadow:0 8px 24px rgba(10,37,64,.14)!important}
  body:not(.admin-page) .dp-mobile-bottom a{min-height:48px!important;padding:5px 2px!important;font-size:7.5px!important;gap:1px!important;border-radius:10px!important}
  body:not(.admin-page) .dp-mobile-bottom a .mi{font-size:15px!important}
  body:not(.admin-page) .dp-mobile-bottom a.apply{background:#fff!important;color:#53657a!important}
  body:not(.admin-page) .dp-mobile-bottom a[aria-current="page"],body:not(.admin-page) .dp-mobile-bottom a.active{background:#eef5ff!important;color:#0A4F9E!important}
  /* Chat launcher becomes a small unobtrusive app bubble */
  body:not(.admin-page) #dp-chat-launch{left:auto!important;right:12px!important;bottom:68px!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:50%!important;font-size:0!important;display:grid!important;place-items:center!important;box-shadow:0 8px 22px rgba(10,79,158,.25)!important}
  body:not(.admin-page) #dp-chat-launch:after{content:'💬';font-size:18px!important;line-height:1}
  body:not(.admin-page) #dp-chat-launch .dot{display:none!important}
  body:not(.admin-page) #dp-chat-launch.hidden{display:none!important}
  /* Mobile chat = clean app sheet, never covers bottom nav when closed */
  body:not(.admin-page) #dp-chat-panel{left:6px!important;right:6px!important;top:7px!important;bottom:7px!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:16px!important}
  body:not(.admin-page) .dp-chat-head{padding:11px 12px!important}.dp-chat-head b{font-size:13px!important}.dp-chat-head small{font-size:8px!important}
  body:not(.admin-page) .dp-chat-status{padding:6px 11px!important;font-size:8.5px!important}
  body:not(.admin-page) .dp-chat-start{padding:13px!important}.dp-chat-start h4{font-size:15px!important}.dp-chat-start p{font-size:9.5px!important}
  body:not(.admin-page) .dp-chat-start input,body:not(.admin-page) .dp-chat-start select,body:not(.admin-page) .dp-chat-compose input{min-height:40px!important;font-size:13px!important;padding:8px 9px!important}
  body:not(.admin-page) .dp-chat-primary{padding:9px!important;font-size:11px!important}
  body:not(.admin-page) .dp-chat-body{padding:10px!important}.dp-chat-msg{font-size:11px!important;padding:8px 9px!important;margin:5px 0!important}
  body:not(.admin-page) .dp-chat-compose{padding:7px 8px!important;gap:6px!important}.dp-chat-compose button{min-width:54px!important;padding:0 10px!important;font-size:10px!important}
  body:not(.admin-page) .dp-chat-foot{padding:0 8px 8px!important;gap:6px!important}.dp-chat-foot a,.dp-chat-foot button{padding:6px!important;font-size:8.5px!important}
  /* eligibility / smart check: compact, no giant vertical gaps */
  body:not(.admin-page) #eligibility .smartCheck,body:not(.admin-page) .smartCheck{padding:13px!important}
  body:not(.admin-page) .smartHead{margin-bottom:9px!important;gap:7px!important}.smartHead h2{font-size:17px!important}.smartHead p{font-size:9.5px!important}
  body:not(.admin-page) .smartStep{gap:7px!important}.smartActions{margin-top:9px!important;gap:7px!important}
}
@media(max-width:380px){
 body:not(.admin-page) .wrap,body:not(.admin-page) .p2-wrap{padding-left:12px!important;padding-right:12px!important}
 body:not(.admin-page) .hero h1{font-size:25px!important}
 body:not(.admin-page) .head h2,body:not(.admin-page) .v10head h2{font-size:19px!important}
 body:not(.admin-page) .logo img{width:120px!important}
}

/* V32 — mobile customer journey: compact native-app visual hierarchy. Desktop untouched. */
@media (max-width:700px){
  body:not(.admin-page){background:#f4f7fb!important;color:#14283d!important}
  body:not(.admin-page) main{overflow:hidden}
  body:not(.admin-page) .dp-inner-exit{margin:7px auto 0!important;padding:0 14px!important}
  body:not(.admin-page) .dp-inner-exit button{min-height:34px!important;padding:6px 10px!important;border-radius:10px!important;font-size:10px!important;box-shadow:none!important}

  /* App-like inner-page hero */
  body:not(.admin-page) .p2-header{background:rgba(255,255,255,.96)!important;box-shadow:0 1px 0 #e7edf5!important;position:sticky!important;top:0!important;z-index:80!important}
  body:not(.admin-page) .p2-nav{min-height:56px!important}
  body:not(.admin-page) .p2-logo img{max-height:36px!important;width:auto!important}
  body:not(.admin-page) .p2-hero{padding:14px 0 16px!important;background:linear-gradient(180deg,#f8fbff 0%,#f4f7fb 100%)!important}
  body:not(.admin-page) .p2-breadcrumb{display:none!important}
  body:not(.admin-page) .p2-hero-grid{display:block!important}
  body:not(.admin-page) .p2-kicker{font-size:8px!important;letter-spacing:1.25px!important;margin-bottom:5px!important}
  body:not(.admin-page) .p2-hero h1{font-size:24px!important;line-height:1.12!important;margin:0 0 6px!important}
  body:not(.admin-page) .p2-hero p{font-size:11px!important;line-height:1.45!important;margin:0 0 11px!important;max-width:36em!important}
  body:not(.admin-page) .p2-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:9px!important}
  body:not(.admin-page) .p2-btn{min-height:40px!important;padding:9px 10px!important;border-radius:11px!important;font-size:10px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  body:not(.admin-page) .p2-trust{margin-top:10px!important;padding:11px!important;border-radius:13px!important;box-shadow:none!important;border:1px solid #e3eaf3!important;background:#fff!important}
  body:not(.admin-page) .p2-trust h3{font-size:12px!important;margin:0 0 6px!important}
  body:not(.admin-page) .p2-trust div{font-size:9.5px!important;padding:3px 0!important}

  body:not(.admin-page) .p2-section{padding:17px 0!important}
  body:not(.admin-page) .p2-title{margin-bottom:10px!important}
  body:not(.admin-page) .p2-title span{font-size:8px!important;letter-spacing:1px!important}
  body:not(.admin-page) .p2-title h2{font-size:18px!important;line-height:1.2!important;margin:3px 0 4px!important}
  body:not(.admin-page) .p2-title p{font-size:10px!important;line-height:1.45!important;margin:0!important}
  body:not(.admin-page) .p2-cta{padding:14px!important;border-radius:14px!important;gap:10px!important}
  body:not(.admin-page) .p2-cta h2{font-size:17px!important;margin:0 0 4px!important}
  body:not(.admin-page) .p2-cta p{font-size:10px!important;margin:0!important}

  /* Loans hub — true app list cards, no oversized website tiles */
  body.page-loans .p2-hero .p2-trust{display:none!important}
  body.page-loans .p2-hero .p2-actions{display:none!important}
  body.page-loans .p2-products{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.page-loans .p2-product{position:relative!important;min-height:76px!important;padding:12px 42px 12px 62px!important;border:1px solid #e1e9f2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 16px rgba(10,37,64,.055)!important;overflow:hidden!important}
  body.page-loans .p2-product:before{position:absolute!important;left:11px!important;top:12px!important;width:40px!important;height:40px!important;border-radius:12px!important;background:#eef5ff!important;color:#0A4F9E!important;display:grid!important;place-items:center!important;font-size:19px!important;font-weight:800!important}
  body.page-loans .p2-product:nth-child(1):before{content:'⌂'!important}
  body.page-loans .p2-product:nth-child(2):before{content:'▣'!important}
  body.page-loans .p2-product:nth-child(3):before{content:'▥'!important}
  body.page-loans .p2-product:nth-child(4):before{content:'₹'!important}
  body.page-loans .p2-product:nth-child(5):before{content:'◆'!important}
  body.page-loans .p2-product:after{content:'›'!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;font-size:24px!important;color:#9aa9ba!important;font-weight:400!important}
  body.page-loans .p2-product h3{font-size:14px!important;line-height:1.2!important;margin:0 0 4px!important;color:#0A2540!important}
  body.page-loans .p2-product p{font-size:9.5px!important;line-height:1.38!important;margin:0!important;color:#64748b!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.page-loans .p2-product a{position:absolute!important;inset:0!important;font-size:0!important;color:transparent!important;z-index:2!important}
  body.page-loans .p2-section.white{background:#f4f7fb!important}
  body.page-loans .p2-title p{max-width:32em!important}

  /* Individual loan pages: compact information cards */
  body.page-public:not(.page-loans) .lpstats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:10px 0!important}
  body.page-public:not(.page-loans) .lpstat{padding:9px 5px!important;border-radius:11px!important;min-height:0!important}
  body.page-public:not(.page-loans) .lpstat b{font-size:13px!important}
  body.page-public:not(.page-loans) .lpstat span{font-size:8px!important}
  body.page-public:not(.page-loans) .lpgrid{grid-template-columns:1fr!important;gap:8px!important}
  body.page-public:not(.page-loans) .lpbox{padding:12px!important;border-radius:13px!important;box-shadow:none!important;border:1px solid #e3eaf3!important}
  body.page-public:not(.page-loans) .lpbox h3{font-size:13px!important;margin:0 0 6px!important}
  body.page-public:not(.page-loans) .lpbox p,body.page-public:not(.page-loans) .lpbox li{font-size:9.5px!important;line-height:1.45!important}
  body.page-public:not(.page-loans) .heroamt{font-size:10px!important;padding:7px 9px!important;border-radius:10px!important}
  body.page-public:not(.page-loans) .states{font-size:9px!important;line-height:1.45!important}
  body.page-public:not(.page-loans) .p2-faq details{padding:10px 11px!important;border-radius:11px!important;margin:6px 0!important}
  body.page-public:not(.page-loans) .p2-faq summary{font-size:10.5px!important}
  body.page-public:not(.page-loans) .p2-faq p{font-size:9.5px!important}

  /* Apply / customer application: one calm app form, not giant desktop form */
  body.page-apply .pageHero{padding:16px 0!important;background:linear-gradient(180deg,#f8fbff,#f4f7fb)!important}
  body.page-apply .pageHero h1{font-size:23px!important;line-height:1.15!important;margin:3px 0 6px!important}
  body.page-apply .pageHero p{font-size:10.5px!important;margin:0!important}
  body.page-apply .pageHero .actions{display:none!important}
  body.page-apply section{padding:14px 0!important}
  body.page-apply .formCard{padding:13px!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(10,37,64,.06)!important}
  body.page-apply .formCard>h2{font-size:17px!important;margin:0 0 3px!important}
  body.page-apply .formCard>p{font-size:9.5px!important;margin:0 0 11px!important}
  body.page-apply .grid2{grid-template-columns:1fr!important;gap:8px!important}
  body.page-apply .v10consent{padding:10px!important;margin:10px 0!important;border-radius:11px!important}
  body.page-apply .v10consent label{font-size:9px!important;line-height:1.42!important}
  body.page-apply #submitLead{width:100%!important;min-height:43px!important;font-size:11px!important}

  /* Banking partner band stays secondary on mobile */
  body:not(.admin-page) .dp-partners{padding:17px 0!important}
  body:not(.admin-page) .dp-partners-inner{padding:0 14px!important}
  body:not(.admin-page) .dp-partners h2{font-size:17px!important;margin-bottom:4px!important}
  body:not(.admin-page) .dp-partners p{font-size:9px!important;line-height:1.4!important}
  body:not(.admin-page) .dp-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body:not(.admin-page) .dp-bank-card{min-height:54px!important;padding:7px!important;border-radius:11px!important}
  body:not(.admin-page) .dp-bank-card img{max-height:24px!important;max-width:66px!important}
  body:not(.admin-page) .dp-bank-card span{font-size:8px!important;line-height:1.2!important}

  /* Footer becomes compact utility area */
  body:not(.admin-page) .p2-footer{padding:20px 0 74px!important}
  body:not(.admin-page) .p2-footgrid{grid-template-columns:1fr 1fr!important;gap:14px 10px!important}
  body:not(.admin-page) .p2-footgrid h4{font-size:10.5px!important;margin:0 0 6px!important}
  body:not(.admin-page) .p2-footgrid p,body:not(.admin-page) .p2-footgrid a{font-size:8.5px!important;line-height:1.5!important}
  body:not(.admin-page) .p2-copy{font-size:8px!important;padding-top:10px!important;margin-top:10px!important}
}