/* The Forklifter: the WhatsApp pop-up (release D). lead-modal-2, 2026-09-28.
   Made gentle on Inam's word: a light backdrop, the green button is the main thing in it,
   every field optional, one tap anywhere outside closes it.

   Phones get a BOTTOM SHEET, never a centred box. Google demotes pages whose content is
   covered by an interstitial on mobile; a short sheet with the page still visible above it
   reads as a banner, not a wall. It also only ever appears after a tap on WhatsApp. */
.lm{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;}
.lm[hidden]{display:none;}
html.lm-open{overflow:hidden;}
.lm__back{position:absolute;inset:0;background:rgba(14,18,23,.38);opacity:0;transition:opacity .2s var(--ease-out);cursor:pointer;}
.lm--in .lm__back{opacity:1;}
.lm__panel{position:relative;width:min(420px,calc(100% - 32px));background:var(--surface-0);border-radius:18px;
  padding:24px 22px 16px;box-shadow:0 30px 80px -24px rgba(14,18,23,.5);outline:none;
  opacity:0;transform:translateY(12px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);
  max-height:calc(100dvh - 40px);overflow-y:auto;}
.lm--in .lm__panel{opacity:1;transform:none;}
.lm__grip{display:none;}
.lm__x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;background:var(--slate-100,#EEF1F4);
  font-size:24px;line-height:1;color:var(--ink-500);cursor:pointer;border-radius:50%;
  display:flex;align-items:center;justify-content:center;}
.lm__x:hover{background:var(--slate-200,#E2E7EC);color:var(--ink-900);}
.lm__title{margin:0 0 4px;font-size:19px;font-weight:700;line-height:1.3;color:var(--ink-900);padding-right:44px;}
.lm__sub{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ink-500);padding-right:8px;}
.lm__form{display:flex;flex-direction:column;gap:10px;}
.lm__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.lm__row>*{min-width:0;}
.lm__form .field{gap:4px;}
.lm__form .field label{font-size:12.5px;font-weight:600;color:var(--ink-500);}
.lm__form .field input{height:42px;font-size:15px;}
.lm__go{margin-top:4px;}
.lm__note{margin:2px 0 0;text-align:center;font-size:12px;color:var(--ink-400);line-height:1.5;}

@media (max-width:560px){
  .lm{align-items:flex-end;}
  .lm__panel{width:100%;border-radius:18px 18px 0 0;padding:6px 16px calc(12px + env(safe-area-inset-bottom,0px));
    transform:translateY(100%);max-height:78dvh;}
  .lm--in .lm__panel{transform:none;}
  .lm__grip{display:block;height:22px;margin:0 -16px 4px;cursor:grab;touch-action:none;position:relative;}
  .lm__grip::before{content:"";position:absolute;left:50%;top:9px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--ink-200,#C9D0D7);}
  .lm__x{top:14px;right:10px;width:36px;height:36px;font-size:22px;}
  .lm__title{font-size:17.5px;}
  .lm__sub{font-size:13.5px;margin-bottom:12px;}
  .lm__form .field input{font-size:16px;}   /* 16px stops iPhone zooming the page on focus */
}
@media (max-width:360px){
  .lm__row{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .lm__back,.lm__panel{transition:none;}
}