/* ============================================================
   QATAR WALAY — MOBILE EXTRAS
   Sirf naye elements (WhatsApp button, bottom nav, image
   placeholder). Kisi page ka mojooda design nahi badalta.
   ============================================================ */

/* ── Image placeholder ── */
.qw-img-ph{
  display:flex!important;align-items:center;justify-content:center;
  width:100%;height:100%;min-height:50px;
  font-size:34px;background:#f8fafc;color:#cbd5e1;
}

/* ── Floating WhatsApp ── */
.qw-wa-float{
  position:fixed;right:16px;bottom:18px;z-index:9500;
  display:flex;align-items:center;gap:9px;
  background:#25D366;color:#fff;
  padding:13px 20px 13px 16px;border-radius:40px;
  font-weight:800;font-size:14.5px;text-decoration:none;
  box-shadow:0 6px 22px rgba(37,211,102,.42);
  transition:transform .2s;
}
.qw-wa-float:active{transform:scale(.96)}
.qw-wa-float svg{flex-shrink:0}

/* ── Bottom nav ── */
.qw-bnav{display:none}

@media(max-width:768px){
  .qw-wa-float{right:12px;bottom:14px;padding:12px;border-radius:50%}
  .qw-wa-txt{display:none}

  .qw-bnav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9400;
    background:#fff;border-top:1px solid #e2e8f0;
    box-shadow:0 -3px 18px rgba(0,0,0,.09);
    padding:5px 2px calc(5px + env(safe-area-inset-bottom));
  }
  .qw-bnav-i{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
    padding:6px 2px;color:#94a3b8;text-decoration:none;
    font-size:10px;font-weight:700;min-width:0;
  }
  .qw-bnav-ic{font-size:21px;line-height:1;position:relative}
  .qw-bnav-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .qw-bnav-i.on{color:#1a2e5a}
  .qw-bnav-i.on .qw-bnav-lbl{font-weight:900}
  .qw-bnav-badge{
    position:absolute;top:-5px;right:-9px;
    background:#f5a623;color:#1a2e5a;
    min-width:17px;height:17px;padding:0 4px;border-radius:9px;
    font-size:9.5px;font-weight:900;
    display:flex;align-items:center;justify-content:center;border:2px solid #fff;
  }

  body.qw-has-bnav{padding-bottom:62px}
  body.qw-has-bnav .qw-wa-float{bottom:74px}
  body.qw-has-bnav.has-bottom-bar .qw-wa-float{bottom:140px}
  body.qw-has-bnav .mobile-checkout-bar{bottom:62px}
  body.qw-has-bnav .toast{bottom:78px!important}

  /* Har page par: kuch bhi screen se bahar na nikle */
  html,body{max-width:100%;overflow-x:hidden}
  img,svg,video,table{max-width:100%}
  p,li,td,span,div,h1,h2,h3{overflow-wrap:break-word}
  input,select,textarea{font-size:16px!important}  /* iOS zoom rokta hai */
}