/* ============================================================
   MOBILE NAV — Printcept India
   Header "Get Bulk Pricing" / call button + fixed bottom nav bar,
   shown only on narrow viewports (<=680px). Mirrors the inline
   copy of these same rules on the homepage (index.html) so the
   mobile header/footer nav look identical across the site.
   ============================================================ */
.hdr-mobile-actions{display:none}
.mnav{display:none}
@media(max-width:680px){
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .hdr-mobile-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
  .hdr-bulkbtn{background:transparent;color:var(--blue);border:1.5px solid var(--blue);border-radius:20px;padding:8px 14px;font-size:12.5px;font-weight:800;white-space:nowrap;cursor:pointer;font-family:inherit}
  .hdr-callbtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;border:1.5px solid var(--blue);color:var(--blue);flex-shrink:0}
  .hdr-callbtn svg{width:18px;height:18px}
  .mnav{position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(20,40,60,.10);display:flex;align-items:stretch;padding-bottom:env(safe-area-inset-bottom)}
  .mnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px 7px;background:none;border:none;font-family:inherit;font-size:10.5px;font-weight:700;color:var(--ink2);cursor:pointer;position:relative}
  .mnav-item svg{width:22px;height:22px}
  .mnav-badge{position:absolute;top:2px;right:calc(50% - 20px);background:#e24b4a;color:#fff;font-size:9.5px;font-weight:800;min-width:15px;height:15px;border-radius:8px;display:none;align-items:center;justify-content:center;padding:0 3px}
}