/* =============================================
   PakInvest Pro — Mobile Responsive CSS
   ============================================= */

/* TABLET: 1024px */
@media (max-width:1024px){
  .pi-nav-inner{padding:14px 28px}
  .pi-nav-links{display:none}
  .pi-nav-btns{display:none}
  .pi-hamburger{display:flex}
  .pi-hero{padding:100px 28px 60px;flex-direction:column;text-align:center}
  .pi-hero-content{max-width:100%}
  .pi-h1{font-size:44px}
  .pi-hero-btns{justify-content:center}
  .pi-hero-trust{justify-content:center}
  .pi-hero-card-wrap{margin-top:16px}
  .pi-stats-bar{grid-template-columns:repeat(2,1fr)}
  .pi-section{padding:56px 28px}
  .pi-bg2.pi-section{padding:56px 28px}
  .pi-plans-grid{grid-template-columns:repeat(3,1fr)}
  .pi-calc-grid{grid-template-columns:1fr}
  .pi-payment-grid{grid-template-columns:1fr 1fr}
  .pi-feat-grid{grid-template-columns:repeat(2,1fr)}
  .pi-testi-grid{grid-template-columns:repeat(2,1fr)}
  .pi-footer-top{grid-template-columns:1fr 1fr;gap:28px}
  .pi-dash-body{grid-template-columns:200px 1fr}
  .pi-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .pi-dash-2col{grid-template-columns:1fr}
  .pi-inv-grid4{grid-template-columns:repeat(2,2fr)}
  .pi-cta-h2{font-size:30px}
  .pi-sec-h2{font-size:30px}
}

/* MOBILE: 768px */
@media (max-width:768px){
  .pi-nav-inner{padding:12px 18px}
  .pi-hero{padding:88px 18px 50px;gap:28px}
  .pi-h1{font-size:34px}
  .pi-hero-sub{font-size:14px}
  .pi-hero-btns{flex-direction:column;gap:10px}
  .pi-hero-btn-main,.pi-hero-btn-sec{width:100%;text-align:center;padding:14px}
  .pi-float-card{width:260px}
  .pi-fc-amount{font-size:28px}
  .pi-stats-bar{grid-template-columns:repeat(2,1fr)}
  .pi-stat-num{font-size:26px}
  .pi-steps{grid-template-columns:repeat(2,1fr)}
  .pi-steps::before{display:none}
  .pi-plans-grid{grid-template-columns:repeat(2,1fr)}
  .pi-calc-wrap{padding:24px 18px}
  .pi-calc-grid{grid-template-columns:1fr;gap:22px}
  .pi-payment-grid{grid-template-columns:1fr}
  .pi-form-row{grid-template-columns:1fr}
  .pi-dep-form{padding:22px 18px}
  .pi-feat-grid{grid-template-columns:1fr 1fr}
  .pi-testi-grid{grid-template-columns:1fr}
  .pi-faq-list{max-width:100%}
  .pi-footer{padding:36px 18px 24px}
  .pi-footer-top{grid-template-columns:1fr}
  .pi-footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .pi-cta-section{padding:50px 18px}
  .pi-cta-h2{font-size:24px}
  .pi-sec-h2{font-size:26px}
  .pi-sec-header{margin-bottom:32px}

  /* DASHBOARD MOBILE */
  .pi-dash-nav{padding:12px 16px}
  .pi-uname,.pi-urole{display:none}
  .pi-dash-body{grid-template-columns:1fr}
  .pi-sidebar{display:none;position:fixed;inset:0;top:60px;z-index:200;overflow-y:auto}
  .pi-sidebar.open{display:block}
  .pi-dash-main{padding:18px 16px}
  .pi-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pi-kpi-val{font-size:18px}
  .pi-dash-2col{grid-template-columns:1fr}
  .pi-profile-grid,.pi-ref-grid,.pi-support-grid{grid-template-columns:1fr}
  .pi-new-inv-grid{grid-template-columns:repeat(3,1fr)}
  .pi-inv-grid4{grid-template-columns:repeat(2,1fr)}
  .pi-pi-payment-info{grid-template-columns:1fr}

  /* AUTH MOBILE */
  .pi-auth-card{padding:26px 20px}
  .pi-auth-page{padding:24px 14px}
  .pi-otp-inp{width:40px;height:46px;font-size:18px}
  .pi-row2{grid-template-columns:1fr}
  .pi-auth-name{font-size:20px}
}

/* SMALL MOBILE: 480px */
@media (max-width:480px){
  .pi-h1{font-size:28px}
  .pi-hero-tag{font-size:11px}
  .pi-steps{grid-template-columns:1fr 1fr}
  .pi-plans-grid{grid-template-columns:1fr 1fr}
  .pi-feat-grid{grid-template-columns:1fr}
  .pi-kpi-grid{grid-template-columns:1fr 1fr}
  .pi-new-inv-grid{grid-template-columns:repeat(2,1fr)}
  .pi-dash-greeting h2{font-size:19px}
  .pi-sec-h2{font-size:22px}
  .pi-float-card{width:230px}
  .pi-fc-amount{font-size:24px}
  .pi-cta-h2{font-size:20px}
  .pi-otp-row{gap:6px}
  .pi-otp-inp{width:36px;height:42px;font-size:16px}
  .pi-logout-btn .pi-hide-xs{display:none}
  .pi-payment-info{grid-template-columns:1fr}
  .pi-ref-stats{grid-template-columns:1fr 1fr}
  .pi-footer-social{justify-content:center}
}

/* TOUCH IMPROVEMENTS */
@media (hover:none){
  .pi-plan-card:hover,.pi-feat:hover,.pi-pcard:hover{transform:none}
  .pi-hero-btn-main:hover,.pi-hero-btn-sec:hover,.pi-auth-btn:hover,.pi-submit-btn:hover{transform:none}
}

/* MOBILE SIDEBAR TOGGLE */
.pi-mob-sidebar-btn{display:none;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);align-items:center;justify-content:center;cursor:pointer;color:var(--pi-muted);font-size:16px}
@media (max-width:768px){
  .pi-mob-sidebar-btn{display:flex}
}