@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
/* All rules are scoped under .mtw-form-root so the form's styles never leak into
   the WordPress theme/Elementor page they are embedded in. Only :root variables
   and .flatpickr-* (its calendar renders outside the root) stay global. */
:root{
  --red:#C8102E;--red-h:#A50E26;--rl:#FFF0F2;
  --gold:#D97706;--gl:#FFFBEB;
  --blue:#1A6EC8;--bl:#EEF5FF;
  --green:#059669;--grl:#ECFDF5;
  --text:#1A1A2E;--muted:#6B7280;--muted2:#9CA3AF;
  --border:#DDE3EC;--bg:#F5F7FA;--white:#fff;
  --r:10px;--sh:0 2px 14px rgba(0,0,0,.08);
}
.mtw-form-root *,.mtw-form-root *::before,.mtw-form-root *::after{box-sizing:border-box;margin:0;padding:0}
.mtw-form-root{font-family:'Kanit',sans-serif;color:var(--text);font-size:14px;line-height:1.5}

/* HEADER */
.mtw-form-root .hdr{background:var(--white);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.mtw-form-root .logo{display:flex;align-items:center;gap:9px}
.mtw-form-root .lb{width:40px;height:40px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-align:center;line-height:1.2}
.mtw-form-root .lt{font-size:15px;font-weight:700}
.mtw-form-root .ls{font-size:10px;color:var(--muted)}
.mtw-form-root .lbtns{display:flex;gap:5px}
.mtw-form-root .lbtn{padding:4px 10px;border:1.5px solid var(--border);border-radius:20px;background:var(--white);font-family:'Kanit',sans-serif;font-size:11px;cursor:pointer}
.mtw-form-root .lbtn.on{border-color:var(--red);color:var(--red);background:var(--rl);font-weight:600}

/* LAYOUT */
.mtw-form-root .wrap{max-width:1060px;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 272px;gap:20px;align-items:start}

/* CARD */
.mtw-form-root .card{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;margin-bottom:12px}
.mtw-form-root .card:last-child{margin-bottom:0}
.mtw-form-root .ch{padding:11px 18px;background:#EBF4FF;border-bottom:1px solid #D0E4F7;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;color:#1A4F8A}
.mtw-form-root .cb{padding:16px 18px}
.mtw-form-root .sectlbl{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}

/* SIGNAL — package cards */
.mtw-form-root .pkgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mtw-form-root .pkc{border:2px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .18s;background:var(--white);opacity:.6}
.mtw-form-root .pkc:hover{opacity:1;box-shadow:0 4px 14px rgba(0,0,0,.1)}
.mtw-form-root .pkc.on{opacity:1}
.mtw-form-root .pk5g.on{border-color:var(--red);box-shadow:0 0 0 3px var(--rl)}
.mtw-form-root .pk4g.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--bl)}
.mtw-form-root .pkhead{position:relative;padding:14px 16px 18px;min-height:128px;color:#fff;overflow:hidden}
.mtw-form-root .pk5g .pkhead{background:linear-gradient(135deg,#E11D3A 0%,#C8102E 100%)}
.mtw-form-root .pk4g .pkhead{background:linear-gradient(135deg,#5B8FD4 0%,#1A6EC8 100%)}
.mtw-form-root .pkbadge{display:inline-block;background:#fff;color:var(--text);font-size:11px;font-weight:700;border-radius:20px;padding:3px 11px;position:relative;z-index:2}
.mtw-form-root .pk5g .pkbadge{color:var(--red)}
.mtw-form-root .pk4g .pkbadge{color:var(--blue)}
.mtw-form-root .pkrib{position:absolute;top:0;right:0;background:rgba(255,255,255,.2);font-size:13px;font-weight:700;padding:6px 12px;border-bottom-left-radius:12px;z-index:2}
.mtw-form-root .pktiny{font-size:12px;margin-top:12px;opacity:.92;position:relative;z-index:2}
.mtw-form-root .pkbig{font-size:30px;font-weight:800;line-height:1.1;position:relative;z-index:2}
.mtw-form-root .pkbig span{font-size:18px}
.mtw-form-root .pktag{font-size:11px;opacity:.92;margin-top:3px;position:relative;z-index:2;max-width:54%}
.mtw-form-root .pkdev{position:absolute;right:6px;bottom:0;max-height:122px;max-width:48%;width:auto;height:auto;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 5px 9px rgba(0,0,0,.3));pointer-events:none;z-index:1}
/* price rows */
.mtw-form-root .pkrow{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;font-size:13px;color:#fff;font-weight:500}
.mtw-form-root .pkrow strong{font-size:17px;font-weight:800}
.mtw-form-root .pk5g .pkrow1{background:var(--red)}
.mtw-form-root .pk5g .pkrow2{background:var(--red-h)}
.mtw-form-root .pk4g .pkrow1{background:var(--blue)}
.mtw-form-root .pk4g .pkrow2{background:#13559C}
/* specs */
.mtw-form-root .pkspecs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.mtw-form-root .pkspec{background:var(--white);padding:11px 6px;text-align:center}
.mtw-form-root .pksl{font-size:10px;color:var(--muted)}
.mtw-form-root .pksv{font-size:14px;font-weight:800;color:var(--text);margin-top:2px}
.mtw-form-root .pk5g.on .pksv,.mtw-form-root .pk5g:hover .pksv{color:var(--red)}
.mtw-form-root .pk4g.on .pksv,.mtw-form-root .pk4g:hover .pksv{color:var(--blue)}
/* selection bar — clear "tap to select" / "selected" state on each package card */
.mtw-form-root .pksel{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 10px;font-size:13px;font-weight:600;border-top:1px solid var(--border);background:var(--white);color:var(--muted);transition:all .18s}
.mtw-form-root .pkc .psl-on{display:none}
.mtw-form-root .pkc.on .psl-off{display:none}
.mtw-form-root .pkc.on .psl-on{display:inline}
.mtw-form-root .pk5g.on .pksel{background:var(--red);color:#fff}
.mtw-form-root .pk4g.on .pksel{background:var(--blue);color:#fff}

/* DATE */
.mtw-form-root .drow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
/* location headers (pickup / return) */
.mtw-form-root .lochd{display:flex;align-items:center;gap:8px}
.mtw-form-root .lochd .locsel{margin-left:auto;font-size:13px;font-weight:600;color:var(--red)}
.mtw-form-root .lochd .locsel.ph{color:var(--muted2);font-weight:400}
.mtw-form-root .locbr{margin-top:12px}
.mtw-form-root .locbr select{width:100%;padding:11px 12px;border:1.5px solid var(--border);border-radius:8px;font-family:'Kanit',sans-serif;font-size:14px;background:var(--white);outline:none;box-sizing:border-box}
.mtw-form-root .locbr select:focus{border-color:var(--red)}
/* messenger service zones */
.mtw-form-root .msgzones{margin-top:12px;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.mtw-form-root .msgnote{padding:9px 12px;font-size:13px;background:var(--rl)}
.mtw-form-root .mzhd{background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:7px 12px}
.mtw-form-root .mzgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px 0;padding:8px 12px}
.mtw-form-root .mz{font-size:12px;color:var(--text);padding:3px 0}
.mtw-form-root .msgfoot{padding:8px 12px;font-size:11px;color:var(--muted);border-top:1px solid var(--border)}
/* messenger / postal address block */
.mtw-form-root .adrwrap{margin-top:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px}
.mtw-form-root .adrwrap .fgt{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:8px}
/* flatpickr date inputs */
.mtw-form-root .dinp{width:100%;padding:11px 12px;border:1.5px solid var(--border);border-radius:8px;font-family:'Kanit',sans-serif;font-size:14px;background:var(--white);color:var(--text);cursor:pointer;outline:none;box-sizing:border-box}
.mtw-form-root .dinp:hover{border-color:var(--red)}
.mtw-form-root .dinp.active,.mtw-form-root .dinp:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--rl)}
/* flatpickr calendar renders on <body>, outside the root — keep global */
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--red);border-color:var(--red)}
.flatpickr-day.selected:hover{background:var(--red-h);border-color:var(--red-h)}
.mtw-form-root .dur{display:flex;align-items:stretch;justify-content:space-between;gap:8px;background:var(--bl);border-radius:7px;padding:10px 12px}
.mtw-form-root .durcol{flex:1;display:flex;flex-direction:column;gap:3px;text-align:center}
.mtw-form-root .durcol+.durcol{border-left:1px solid #BDD7F5}
.mtw-form-root .dul{font-size:11px;color:var(--blue);opacity:.85}
.mtw-form-root .duv{font-size:14px;font-weight:700;color:var(--blue)}

/* QTY */
.mtw-form-root .qouter{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:12px}
.mtw-form-root .qlbl .ql{font-size:13px;font-weight:500}
.mtw-form-root .qlbl .qs{font-size:11px;color:var(--muted)}
.mtw-form-root .qctrl{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:7px;overflow:hidden}
.mtw-form-root .qb{width:34px;height:34px;border:none;background:var(--bg);font-size:17px;cursor:pointer;font-family:'Kanit',sans-serif;transition:background .1s}
.mtw-form-root .qb:hover{background:var(--border)}
.mtw-form-root .qn{width:46px;text-align:center;font-family:'Kanit',sans-serif;font-size:15px;font-weight:600;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:5px 0;outline:none}

/* PICKUP */
.mtw-form-root .chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.mtw-form-root .chip{padding:5px 12px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;background:var(--white);font-family:'Kanit',sans-serif;transition:all .15s;white-space:nowrap}
.mtw-form-root .chip:hover{border-color:var(--blue)}
.mtw-form-root .chip.on{border-color:var(--red);background:var(--rl);color:var(--red);font-weight:600}

/* CUSTOMER TYPE */
.mtw-form-root .tgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.mtw-form-root .tc{border:2px solid var(--border);border-radius:8px;padding:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:11px}
.mtw-form-root .tc:hover{border-color:var(--blue)}
.mtw-form-root .tc.on{border-color:var(--red);background:var(--rl)}
.mtw-form-root .tc-ico{font-size:26px;flex-shrink:0}
.mtw-form-root .tc-name{font-weight:700;font-size:14px}
.mtw-form-root .tc.on .tc-name{color:var(--red)}
.mtw-form-root .tc-sub{font-size:11px;color:var(--muted);margin-top:1px}
.mtw-form-root .tc-badge{display:none;background:var(--red);color:#fff;font-size:10px;padding:2px 7px;border-radius:20px;margin-top:4px;font-weight:600}
.mtw-form-root .tc.on .tc-badge{display:inline-block}

/* FORM */
.mtw-form-root .fr{display:grid;gap:12px;margin-bottom:12px}
.mtw-form-root .fr.c2{grid-template-columns:1fr 1fr}
.mtw-form-root .fr.c3{grid-template-columns:1fr 1fr 1fr}
.mtw-form-root .fr.last{margin-bottom:0}
.mtw-form-root .f label{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:4px}
.mtw-form-root .f label .r{color:var(--red)}
.mtw-form-root .f input,.mtw-form-root .f select{width:100%;padding:8px 11px;border:1.5px solid var(--border);border-radius:7px;font-family:'Kanit',sans-serif;font-size:13px;color:var(--text);background:var(--white);transition:border-color .15s;outline:none;appearance:none}
.mtw-form-root .f input:focus,.mtw-form-root .f select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,110,200,.08)}
.mtw-form-root .f .hint{font-size:10px;color:var(--muted2);margin-top:3px}
/* pickup / return date echo under the time selector — emphasised */
.mtw-form-root .f .hint.hintdate{font-size:15px;color:var(--red);font-weight:700;margin-top:7px}
.mtw-form-root .f .hint.hintdate span{color:var(--red);font-weight:700}
.mtw-form-root .f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.mtw-form-root .fg{background:#FAFBFC;border:1px solid var(--border);border-radius:7px;padding:12px 14px;margin-bottom:12px}
.mtw-form-root .fg:last-child{margin-bottom:0}
.mtw-form-root .fgt{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:5px}

/* PAYMENT */
.mtw-form-root .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mtw-form-root .po{border:2px solid var(--border);border-radius:8px;padding:12px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:10px}
.mtw-form-root .po:hover{border-color:var(--blue)}
.mtw-form-root .po.on{border-color:var(--red);background:var(--rl)}
.mtw-form-root .pico{font-size:22px;flex-shrink:0}
.mtw-form-root .pnm2{font-weight:600;font-size:13px}
.mtw-form-root .pds{font-size:11px;color:var(--muted);margin-top:1px}
.mtw-form-root .gb{background:#0D6EFD;color:#fff;font-size:9px;padding:2px 7px;border-radius:3px;margin-top:4px;display:inline-block}

/* COUPON */
.mtw-form-root .crow{display:flex;gap:8px}
.mtw-form-root .crow input{flex:1}
.mtw-form-root .baply{padding:8px 14px;background:var(--blue);color:#fff;border:none;border-radius:7px;font-family:'Kanit',sans-serif;font-size:13px;cursor:pointer;white-space:nowrap}
.mtw-form-root .baply:hover{background:#155AAF}

/* IBOX */
.mtw-form-root .ib{border-radius:7px;padding:9px 12px;font-size:11px;line-height:1.7;display:flex;gap:8px;align-items:flex-start;margin-top:10px}
.mtw-form-root .ib.y{background:#FFFBEB;border:1px solid #FDE68A;color:#78350F}
.mtw-form-root .ib.b{background:var(--bl);border:1px solid #BDD7F5;color:#1A4F8A}
.mtw-form-root .ib.g{background:var(--grl);border:1px solid #A7F3D0;color:#065F46}
.mtw-form-root .ibico{font-size:14px;flex-shrink:0;margin-top:1px}

/* DEPOSIT */
.mtw-form-root .dbox2{background:var(--gl);border:1px solid #FDE68A;border-radius:8px;padding:12px 14px}
.mtw-form-root .dbtop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}
.mtw-form-root .dbt{font-weight:600;font-size:13px}
.mtw-form-root .dbtag{background:#fff;border:1px solid #FDE68A;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600;color:var(--gold);white-space:nowrap}
.mtw-form-root .dba{font-size:20px;font-weight:700;color:var(--gold)}
.mtw-form-root .dbn{font-size:11px;color:#78350F;line-height:1.7;margin-top:6px}

/* SIDEBAR */
.mtw-form-root .scard{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;position:sticky;top:96px}
.mtw-form-root .sh{background:var(--red);color:#fff;padding:13px 18px;font-weight:700;font-size:14px}
.mtw-form-root .sb{padding:14px 18px}
.mtw-form-root .sr{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid var(--border);gap:6px}
.mtw-form-root .sr:last-of-type{border-bottom:none}
.mtw-form-root .srl{color:var(--muted);flex-shrink:0}
.mtw-form-root .srv{font-weight:500;text-align:right}
.mtw-form-root .srv.ph{color:var(--border);font-weight:400;font-style:italic;font-size:11px}
.mtw-form-root .srv.ok{color:var(--green)}
.mtw-form-root .dsm{background:var(--gl);border:1px solid #FDE68A;border-radius:7px;padding:9px 11px;margin:9px 0}
.mtw-form-root .dsmr{display:flex;justify-content:space-between;font-size:12px;color:#78350F}
.mtw-form-root .dsma{font-weight:700;color:var(--gold)}
.mtw-form-root .dsmn{font-size:10px;color:#92400E;margin-top:2px}
.mtw-form-root .stot{background:var(--rl);border-radius:7px;padding:11px 13px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}
.mtw-form-root .stl{font-weight:600;font-size:13px}
.mtw-form-root .stv{font-size:20px;font-weight:700;color:var(--red)}
.mtw-form-root .stsub{font-size:10px;color:var(--muted)}
.mtw-form-root .bsub{width:100%;margin-top:12px;padding:12px;background:var(--red);color:#fff;border:none;border-radius:7px;font-family:'Kanit',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:7px}
.mtw-form-root .bsub:hover{background:var(--red-h)}
.mtw-form-root .snote{text-align:center;font-size:10px;color:var(--muted2);margin-top:8px}
.mtw-form-root .tnote{font-size:11px;color:var(--muted);margin-top:8px;text-align:center;line-height:1.6}
.mtw-form-root .tnote a{color:var(--red);text-decoration:none}

/* DIVIDER */
.mtw-form-root .sdiv{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:16px 0 10px;display:flex;align-items:center;gap:8px}
.mtw-form-root .sdiv::before,.mtw-form-root .sdiv::after{content:'';flex:1;height:1px;background:var(--border)}

/* OPTIONAL ADD-ONS */
.mtw-form-root .optgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mtw-form-root .optcol{border:1.5px solid var(--border);border-radius:8px;padding:12px 14px}
.mtw-form-root .optlbl{font-size:13px;font-weight:600;margin-bottom:8px}
.mtw-form-root .optfee{font-size:12px;font-weight:500;color:var(--red)}
.mtw-form-root .optr{display:flex;align-items:center;gap:7px;font-size:13px;padding:4px 0;cursor:pointer}
.mtw-form-root .optr input{width:16px;height:16px;accent-color:var(--red);cursor:pointer}
@media(max-width:560px){ .mtw-form-root .optgrid{grid-template-columns:1fr} }

/* TERMS & POLICY POPUP */
.mtw-form-root .mtw-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100000;padding:20px;align-items:center;justify-content:center}
.mtw-form-root .mtw-modal-bg.show{display:flex}
.mtw-form-root .mtw-modal{background:#fff;border-radius:10px;max-width:760px;width:100%;max-height:86vh;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.mtw-form-root .mtw-modal-x{position:absolute;top:6px;right:10px;background:none;border:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px}
.mtw-form-root .mtw-modal-x:hover{color:var(--red)}
.mtw-form-root .mtw-modal-body{overflow-y:auto;padding:24px 26px;font-size:13px;line-height:1.7;color:var(--text)}
.mtw-form-root .mtw-modal-body h3{font-size:18px;font-weight:700;margin:0 0 14px;color:var(--red)}
.mtw-form-root .mtw-modal-body h4{font-size:14px;font-weight:700;margin:16px 0 6px;color:var(--text)}
.mtw-form-root .mtw-modal-body p{margin:0 0 8px}
.mtw-form-root .mtw-modal-body ol,.mtw-form-root .mtw-modal-body ul{margin:0 0 8px;padding-left:20px}
.mtw-form-root .mtw-modal-body li{margin:0 0 4px}
.mtw-form-root .mtw-modal-foot{border-top:1px solid var(--border);padding:12px 20px;text-align:right;flex-shrink:0}
.mtw-form-root .mtw-modal-close-btn{background:var(--red);color:#fff;border:none;border-radius:7px;padding:9px 22px;font-family:'Kanit',sans-serif;font-size:14px;font-weight:600;cursor:pointer}
.mtw-form-root .mtw-modal-close-btn:hover{background:var(--red-h)}

/* MODAL */
.mtw-form-root .mbg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;align-items:center;justify-content:center;padding:16px}
.mtw-form-root .mbg.show{display:flex}
.mtw-form-root .modal{background:var(--white);border-radius:14px;padding:28px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;overflow-y:auto}
.mtw-form-root .mico{font-size:56px;display:block;margin-bottom:12px}
.mtw-form-root .mtit{font-size:22px;font-weight:700;margin-bottom:4px}
.mtw-form-root .msub{color:var(--muted);font-size:13px;margin-bottom:20px}
.mtw-form-root .rcode{background:var(--rl);border-radius:7px;padding:12px;font-size:20px;font-weight:700;color:var(--red);letter-spacing:.06em;margin-bottom:16px}
.mtw-form-root .rtbl{text-align:left;border-top:1px solid var(--border);padding-top:10px;margin-bottom:16px}
.mtw-form-root .rrow{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid var(--border)}
.mtw-form-root .rrow:last-child{border-bottom:none}
.mtw-form-root .rl2{color:var(--muted)}
.mtw-form-root .rv{font-weight:500}
.mtw-form-root .bnew{padding:11px 24px;background:var(--red);color:#fff;border:none;border-radius:7px;font-family:'Kanit',sans-serif;font-size:14px;font-weight:600;cursor:pointer}
.mtw-form-root .bnew:hover{background:var(--red-h)}

/* ≤960: single column (summary drops below the form, no longer sticky) */
@media(max-width:960px){
  .mtw-form-root .wrap{grid-template-columns:1fr}
  .mtw-form-root .scard{position:static;top:auto}
}
/* tablet */
@media(max-width:768px){
  .mtw-form-root .fr.c3{grid-template-columns:1fr 1fr}
}
/* phone */
@media(max-width:560px){
  .mtw-form-root .pkgrid,.mtw-form-root .drow{grid-template-columns:1fr}
  .mtw-form-root .cb{padding:14px}
  .mtw-form-root .ch{padding:11px 14px}
  .mtw-form-root .lochd .locsel{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* 16px inputs prevent iOS Safari auto-zoom on focus */
  .mtw-form-root .f input,.mtw-form-root .f select,.mtw-form-root .dinp,.mtw-form-root .locbr select{font-size:16px}
}
/* small phone */
@media(max-width:430px){
  .mtw-form-root .fr.c2,.mtw-form-root .fr.c3,.mtw-form-root .tgrid,.mtw-form-root .pgrid{grid-template-columns:1fr}
  .mtw-form-root .pkbig{font-size:26px}
  .mtw-form-root .pkdev{max-height:104px}
  .mtw-form-root .mzgrid{grid-template-columns:1fr}
}