/* u1_shop_mobile: WhatsApp FAB, PDP specs, checkout PayFast reveal. Does not change VAT, tap-target CSS, or PayFast submit.
   f3_ui 2026-10-27: FAB is always bottom-right; it sits 12px above any bottom bar (cart/checkout actionbar, PDP add-to-cart bar)
   and above the Cookie bar while it shows. z-index just above the bottom bars (1200). No top:152px on product pages. */
.lasa-u1-wa-fab{
  position:fixed;z-index:1201;right:max(12px,env(safe-area-inset-right));
  bottom:calc(16px + env(safe-area-inset-bottom));
  width:56px;height:56px;min-width:44px;min-height:44px;
  border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.22);text-decoration:none;
}
.lasa-u1-wa-fab:focus-visible{outline:3px solid #0c994b;outline-offset:3px}
.lasa-u1-wa-fab svg{width:28px;height:28px;display:block}
.lasa-u1-wa-fab[hidden]{display:none!important}

.lasa-u1-wa-checkout{margin:10px 0 0;font-size:14px;line-height:1.4;color:#17452c}
.lasa-u1-wa-checkout a{display:inline-flex;align-items:center;min-height:44px;padding:6px 2px;font-weight:700;color:#075e54;text-decoration:underline}

.lasa-u1-specs{margin:14px 0 8px;padding:12px 14px;border:1px solid #e3e5e8;border-radius:10px;background:#fbfbfa}
.lasa-u1-specs h2{margin:0 0 8px;font-size:15px;line-height:1.3;font-weight:800;color:#111}
.lasa-u1-specs table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4}
.lasa-u1-specs th{text-align:left;font-weight:700;color:#2f3a34;padding:5px 8px 5px 0;width:42%;vertical-align:top}
.lasa-u1-specs td{padding:5px 0;color:#111;overflow-wrap:anywhere}
.lasa-u1-specs .lasa-u1-box-note{margin:6px 0 0;font-size:12px;line-height:1.35;font-weight:400;color:#888}
.lasa-u1-specs .lasa-u1-warranty{margin:8px 0 0;font-size:14px;font-weight:700;color:#0a7d3d}

.lasa-u1-pay-logos{display:none;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 0;padding:12px;border:1px solid #e3e5e8;border-radius:12px;background:#fff}
.lasa-u1-pay-logos img{display:block;max-height:30px;width:auto;height:auto;object-fit:contain}
.lasa-u1-pay-logos .lasa-u1-pf{max-height:36px;max-width:150px}
body.lasa-u1-pay-ready .lasa-u1-pay-logos{display:flex}
body.lasa-u1-pay-ready #checkout_form .lasa-xp-method-logos{display:flex!important}
body.lasa-u1-pay-ready #checkout_form .lasa-pay-cta,
body.lasa-u1-pay-ready #checkout_form button[type="submit"].lasa-pay-cta{display:block}

/* first-paint fallback only; the JS measures the real bar and sets bottom inline (bar top + 12px) */
@media(max-width:767px){
  .lasa-u1-wa-fab{top:auto;left:auto;right:max(12px,env(safe-area-inset-right))}
  body:has(#lasa-mobile-actionbar) .lasa-u1-wa-fab{bottom:calc(77px + env(safe-area-inset-bottom))}
  body:has(.product-mobile-cta) .lasa-u1-wa-fab{bottom:calc(83px + env(safe-area-inset-bottom))}
}
@media(min-width:768px){
  .lasa-u1-wa-fab{top:auto;left:auto;right:24px;bottom:24px}
}