/* DocShift PWA mobile app polish */
:root{--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}
@media (display-mode: standalone){body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.pwa-install-banner{display:none!important}}
.pwa-install-banner{position:fixed;left:14px;right:14px;bottom:calc(14px + var(--safe-bottom));z-index:99999;background:#111827;color:#fff;border-radius:18px;padding:14px 14px;box-shadow:0 16px 44px rgba(0,0,0,.28);display:none;align-items:center;gap:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.pwa-install-banner strong{display:block;font-size:14px}.pwa-install-banner span{display:block;font-size:12px;opacity:.78;margin-top:2px}.pwa-install-banner .pwa-icon{width:42px;height:42px;border-radius:13px;background:#194fff;display:grid;place-items:center;font-weight:800}.pwa-install-banner button{border:0;border-radius:12px;min-height:40px;padding:0 13px;font-weight:800;white-space:nowrap}.pwa-install-banner .pwa-install-btn{background:#fff;color:#111827}.pwa-install-banner .pwa-close-btn{background:rgba(255,255,255,.13);color:#fff;width:40px;padding:0}.pwa-install-banner .pwa-copy{flex:1;min-width:0}
@media (min-width:768px){.pwa-install-banner{left:auto;right:22px;bottom:22px;max-width:420px}}


/* DocShift Final Mobile Polish v1.4.0
   Canlı sürüm bazlı: Android PWA icon/theme fix + iOS kompakt hero + scroll akıcılığı. */
@media (max-width: 768px){
  html,body{overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  body{background-attachment:scroll!important;background-position:center top!important;}
  .glass,.glass-lite,.panel,.hero,.pricing-intro,.compliance,.faq,.trust-item,.stat,.plan{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  }
  .topbar{background:#06152a!important;will-change:transform;transform:translateZ(0);contain:layout paint;}
  .hero,.panel,.stat,.trust-item,.plan{transform:translateZ(0);}
  .upload-dropzone,.hero-card,.stat,.trust-item,.plan{transition:none!important;animation:none!important;}
}
@media (max-width: 430px){
  .topbar{grid-template-columns:1fr!important;gap:8px!important;padding:calc(9px + env(safe-area-inset-top,0px)) 14px 9px!important;}
  .brand{font-size:24px!important;line-height:1.05!important;letter-spacing:-.04em!important;}
  .nav{display:flex!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:2px!important;scrollbar-width:none!important;}
  .nav::-webkit-scrollbar{display:none!important;}
  .ghost,.premium,.user-pill{flex:0 0 auto!important;min-height:38px!important;padding:8px 12px!important;border-radius:18px!important;font-size:13px!important;line-height:1.05!important;}
  .premium{padding-inline:13px!important;}
  .page{width:calc(100% - 28px)!important;margin:12px auto 30px!important;gap:12px!important;}
  .hero{padding:16px!important;border-radius:22px!important;min-height:auto!important;}
  .eyebrow{font-size:10.5px!important;letter-spacing:.17em!important;}
  .hero h1{font-size:clamp(30px,9.2vw,38px)!important;line-height:1.045!important;letter-spacing:-.055em!important;margin:10px 0 10px!important;max-width:100%!important;}
  .hero p{font-size:14.5px!important;line-height:1.38!important;margin:0 0 13px!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:12px 0 13px!important;}
  .hero-btn,.hero-actions .premium,.hero-actions .ghost{width:100%!important;min-height:44px!important;padding:10px 12px!important;border-radius:20px!important;font-size:13.5px!important;}
  .badges{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important;}
  .badges span{min-height:42px!important;padding:9px 12px!important;border-radius:20px!important;font-size:13px!important;}
  .stats-row{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .stat{padding:13px 15px!important;border-radius:18px!important;}
  .stat strong{font-size:23px!important;line-height:1.05!important;}
  .stat span{font-size:12.5px!important;}
  .panel,.pricing-intro,.compliance,.faq{padding:16px!important;border-radius:22px!important;}
  .panel-head{display:grid!important;gap:5px!important;margin-bottom:10px!important;}
  .panel h2,.section-title h2,.pricing-intro h2{font-size:26px!important;line-height:1.08!important;}
  .panel-head span,.pricing-intro p{font-size:12.5px!important;line-height:1.36!important;}
  .upload-dropzone{min-height:138px!important;padding:16px 13px!important;border-radius:20px!important;}
  .upload-icon{width:48px!important;height:48px!important;border-radius:16px!important;font-size:23px!important;box-shadow:none!important;}
  .upload-empty-state strong{font-size:16px!important;}
  .upload-empty-state span{font-size:12.5px!important;line-height:1.32!important;}
  .upload-empty-state small{font-size:10.8px!important;line-height:1.32!important;}
  .upload-trust-note{padding:11px!important;border-radius:15px!important;}
  .trust-section,.sales-grid,.compliance-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .trust-item,.plan,.compliance-grid div{padding:15px!important;border-radius:18px!important;min-height:auto!important;}
}
@media (max-width: 360px){
  .hero h1{font-size:29px!important;}
  .hero-actions{grid-template-columns:1fr!important;}
}


/* === DocShift Mobile Render Stabilizer v15 inline safety layer === */
/* DocShift Mobile Render Stabilizer v15
   Amaç: iOS/Android/Huawei scroll sırasında içerik kaybolması, beyaz ekran ve repaint gecikmesini azaltmak.
   Ana ödeme/fiyat/jeton sistemine dokunmaz. */
@media (max-width: 900px){
  html{scroll-behavior:auto!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  body{
    min-height:100%!important;
    overflow-x:hidden!important;
    background-color:#06152a!important;
    background-image:linear-gradient(180deg,#06152a 0%,#071b35 52%,#04101f 100%)!important;
    background-attachment:scroll!important;
    background-position:center top!important;
    background-size:auto!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  body::before,body::after{display:none!important;content:none!important;}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  .glass,.glass-lite,.panel,.hero,.pricing-intro,.compliance,.faq,.trust-item,.stat,.plan,.price-card,.page-card,.upload-dropzone,.hero-card,.scanner-entry-panel,.scanner-entry-screen,.compliance-grid div,.faq details{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
    background-color:rgba(7,22,43,.88)!important;
  }
  .topbar,.site-header{
    position:sticky!important;
    top:0!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:#06152a!important;
    box-shadow:0 1px 0 rgba(255,255,255,.08)!important;
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
  }
  .premium,.btn,.hero-btn,.plan-featured,.upload-icon{
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    will-change:auto!important;
  }
  .scanner-entry-screen{display:none!important;}
  .scanner-entry-grid{grid-template-columns:1fr!important;}
  .scanner-entry-phone{display:none!important;}
  img,video,canvas{max-width:100%;height:auto;backface-visibility:hidden;}
}
@media (max-width: 900px) and (prefers-reduced-motion: no-preference){
  .premium,.btn,.hero-btn{transition:background-color .12s ease,color .12s ease!important;}
}