/* Fixed bottom bar + WhatsApp float. Loaded non-blocking. */
  /* ---------- الشريط السفلي الثابت ---------- */
  .sticky{
    position:fixed;inset-inline:0;bottom:0;z-index:50;background:rgba(255,255,255,.98);
    border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(45,46,47,.12);
    padding:9px var(--pad) calc(9px + env(safe-area-inset-bottom));
    display:flex;align-items:center;gap:10px;
  }
  .sticky img{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
  .sticky .sp{font-weight:700;font-size:18px;line-height:1.2}
  .sticky .sn{font-size:11.5px;color:var(--sale);font-weight:600;line-height:1.2}
  .sticky .btn{width:auto;flex:1;font-size:16.5px;padding:12px 14px}
  @media (min-width:600px){.sticky{max-width:var(--max);inset-inline:auto;width:100%;margin:0 auto}}

  /* ---------- WhatsApp float (moved from includes/whatsapp.php) ---------- */
  .wa-float{
    position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;
    width:56px;height:56px;border-radius:50%;background:#25D366;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 18px rgba(37,211,102,.35),0 2px 6px rgba(0,0,0,.18);
    transition:transform .18s ease,box-shadow .18s ease;
  }
  .wa-float svg{width:32px;height:32px;fill:#fff;display:block}
  .wa-float:hover,.wa-float:focus-visible{transform:scale(1.06);box-shadow:0 8px 22px rgba(37,211,102,.45),0 3px 8px rgba(0,0,0,.2)}
  .wa-float:focus-visible{outline:3px solid #128C7E;outline-offset:3px}
  /* clear the fixed bottom bar on pages that have one */
  body:has(.sticky) .wa-float{bottom:calc(86px + env(safe-area-inset-bottom))}
  @media (prefers-reduced-motion:reduce){.wa-float{transition:none}}