/*
Theme Name: Maytag Houston
Template: bosch-houston-theme
Description: Maytag Houston child theme of the Houston line. "Workhorse" skin: deep navy, brushed-steel surfaces and one safety orange, condensed uppercase headings and riveted plates. The home page puts laundry first as large photo plates, then kitchen and the rest as smaller plates, followed by the older-model band and a Houston laundry checklist.
Version: 1.0.0
Text Domain: maytag-houston
*/

/* ---------- 1. Tokens ---------- */
:root{
  --paper:#F3F4F6;
  --paper-2:#E6E9EE;
  --white:#FFFFFF;
  --ink:#0B2545;
  --ink-2:#2E3F57;
  --muted:#5C6878;
  --line:#CDD3DC;
  --line-dark:#24426A;
  --steel:#8DA1B9;
  --on-dark:#F1F4F8;
  --on-dark-2:#C9D3E0;
  --on-dark-3:#93A3B8;
  --mt-orange:#C2410C;
  --mt-flame:#FF8A3D;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;
  --body:"Barlow",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --r:4px;
  --tile-r:4px;
}

/* ---------- 2. Base ---------- */
body{background:var(--paper);font-family:var(--body);color:var(--ink)}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.005em;line-height:.98;text-transform:uppercase}
h1{font-size:clamp(44px,5.8vw,86px)}
h2{font-size:clamp(34px,3.8vw,56px)}
h3{font-weight:700;letter-spacing:.01em}
h2.lede{font-family:var(--body);font-weight:400;font-size:clamp(16.5px,1.35vw,19px);line-height:1.65;letter-spacing:0;text-transform:none}
h1 em,h2 em{font-style:normal;color:var(--mt-orange)}
.kicker,.sec-num,.ticket-head span,.zip label,.lrow em{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.kicker::before{width:12px;height:12px;border-radius:0;background:var(--mt-orange);box-shadow:none}
.dot{background:var(--mt-orange);box-shadow:0 0 0 4px rgba(232,89,12,.2)}
.hx-head{background:rgba(243,244,246,.96);border-bottom:2px solid var(--ink)}
.btn{border-radius:var(--r);clip-path:none;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase}
.btn>i{border-radius:0 var(--r) var(--r) 0}
.btn-signal,.btn-primary{background:var(--mt-orange);--bg:var(--mt-orange);color:#fff}
.btn-signal:hover,.btn-primary:hover{filter:brightness(1.1)}
.chips a{border-radius:var(--r)}
.sec-num{display:flex;align-items:center;gap:12px}
.sec-num span:first-child{display:inline-grid;place-items:center;min-width:44px;height:30px;padding:0 8px;background:var(--ink);color:#fff;font-size:12px;clip-path:polygon(0 0,100% 0,100% 70%,85% 100%,0 100%)}
.is-dark{background:var(--ink)}
.is-dark .sec-num span:first-child{background:var(--mt-flame);color:var(--ink)}
.is-sunk{background:var(--paper-2)}
.county-hero{background:var(--ink);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px)}
.county-hero h1 .hx-red{color:var(--mt-flame)}
.hx-lead{border-left:4px solid var(--mt-orange);padding-left:16px}
.ticket{border-radius:var(--r);border:2px solid var(--ink);box-shadow:10px 10px 0 rgba(11,37,69,.18);background:#fff;overflow:hidden}
.ticket::before,.ticket::after{display:none}
.ticket-head{background:var(--ink);border-bottom:4px solid var(--mt-orange)}
.ticket-head b{color:#fff;font-family:var(--display);font-size:24px;text-transform:uppercase;letter-spacing:.02em}
.ticket-head span{color:var(--on-dark-2)}
#schedule-appointment input,#schedule-appointment select,#schedule-appointment textarea{border-radius:var(--r)}
#schedule-appointment button,#schedule-appointment input[type="submit"]{background:var(--mt-orange);border-radius:var(--r)}
.rail-box{border-radius:var(--r);border:2px solid var(--ink)}
.row:hover,.row.on{background:rgba(232,89,12,.06)}
.contact-fab-toggle{background:var(--mt-orange);box-shadow:0 0 0 6px rgba(232,89,12,.18)}
.bosch-modal-panel{border-radius:var(--r);border:2px solid var(--ink);box-shadow:12px 12px 0 rgba(11,37,69,.25)}
.area-brief-2x2>*{border-radius:var(--r);border:1px solid var(--line);background:#fff}

/* ---------- 3. Hero: navy with a steel grain ---------- */
.mt-hero{position:relative;background:var(--ink);color:var(--on-dark);overflow:hidden}
.mt-hero-photo{position:absolute;inset:0;z-index:0}
.mt-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;opacity:.32;z-index:0}
.mt-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(11,37,69,.96) 0%,rgba(11,37,69,.8) 55%,rgba(11,37,69,.55) 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 16px);pointer-events:none}
.mt-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;z-index:1;background:repeating-linear-gradient(135deg,var(--mt-orange) 0 18px,var(--ink) 18px 36px)}
.mt-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(56px,7.5vw,112px)}
.mt-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-2);border:1px solid var(--line-dark);background:rgba(255,255,255,.04);padding:7px 12px}
.mt-hero h1{color:#fff;margin:18px 0 18px;font-size:clamp(40px,4.8vw,74px)}
.mt-hero h1 em{color:var(--mt-flame);display:block}
.mt-hero .lede{color:var(--on-dark-2);max-width:600px}
.mt-zip{display:flex;max-width:460px;margin-top:26px;border:2px solid rgba(255,255,255,.5);background:rgba(255,255,255,.06);padding:4px}
.mt-zip label{display:grid;place-items:center;padding:0 10px 0 14px;color:var(--on-dark-3)}
.mt-zip input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:500 19px var(--mono);padding:10px 6px;letter-spacing:.1em}
.mt-zip input::placeholder{color:var(--on-dark-3)}
.mt-zip input:focus{outline:none}
.mt-zip:focus-within{border-color:var(--mt-flame)}
.mt-zip button{background:var(--mt-orange);color:#fff;border:0;font:700 17px var(--display);letter-spacing:.06em;text-transform:uppercase;padding:0 24px;cursor:pointer}
.mt-hero .zip-note{color:var(--on-dark-3);margin-top:10px;font-size:14px}
.mt-hero .btn-row{margin-top:26px}
.mt-hero .btn-ghost{--fg:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.mt-hero .btn-ghost>i{border-left-color:rgba(255,255,255,.4)}
.mt-hero .btn-ghost:hover>i{background:#fff;color:var(--ink)}

/* ---------- 4. Category plates ---------- */
.mt-group+.mt-group{margin-top:34px}
.mt-group-name{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:24px}
.mt-group-name::after{content:"";flex:1;height:2px;background:var(--ink)}
.mt-group-name i{order:3;font-style:normal;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--muted)}
.mt-plates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mt-group.is-big .mt-plates{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mt-plate{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,#FFFFFF 0%,#EEF1F5 100%);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 0 rgba(11,37,69,.08);transition:border-color .2s,box-shadow .2s,translate .2s}
/* Four rivets: two radial dots per pseudo element. */
.mt-plate::before,.mt-plate::after{content:"";position:absolute;left:8px;right:8px;height:7px;z-index:2;pointer-events:none;background:radial-gradient(circle at 3.5px 3.5px,#B4C0CF 0 2.4px,#7E8DA2 2.5px 3.4px,transparent 3.5px) left/7px 7px no-repeat,radial-gradient(circle at 3.5px 3.5px,#B4C0CF 0 2.4px,#7E8DA2 2.5px 3.4px,transparent 3.5px) right/7px 7px no-repeat}
.mt-plate::before{top:8px}
.mt-plate::after{bottom:8px}
.mt-plate-ph{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2);border-bottom:4px solid var(--mt-orange)}
.mt-plate-ph img.hx-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease}
.mt-plate-body{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:18px 18px 20px}
.mt-plate-ico{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;background:var(--ink);border-radius:var(--r)}
.mt-plate-ico i{display:block;width:26px;height:26px;background:#fff;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.mt-plate b{font-family:var(--display);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
.mt-plate small{font-size:13.5px;color:var(--muted)}
.mt-plate small em{font-style:normal;font-family:var(--mono);color:var(--ink)}
.mt-group.is-big .mt-plate b{font-size:28px}
.mt-group.is-big .mt-plate-ico{width:52px;height:52px}
.mt-group.is-big .mt-plate-body{grid-template-columns:52px minmax(0,1fr)}
.mt-plate:hover,.mt-plate:focus-visible{border-color:var(--ink);box-shadow:6px 6px 0 rgba(11,37,69,.16);translate:-2px -2px}
.mt-plate:hover .mt-plate-ico,.mt-plate:focus-visible .mt-plate-ico{background:var(--mt-orange)}
.mt-plate:hover img.hx-fill{transform:scale(1.04)}
.mt-plate:focus-visible{outline:3px solid var(--mt-orange);outline-offset:2px}

/* ---------- 5. Older-model band ---------- */
.mt-older{position:relative;background:var(--mt-orange);color:#fff;padding:clamp(52px,6vw,88px) 0}
.mt-older[style*="background-image"]{background-size:cover;background-position:center}
.mt-older .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.mt-older .sec-num{color:#FFE3D2}
.mt-older .sec-num span:first-child{background:#fff;color:var(--mt-orange)}
.mt-older h2{color:#fff;margin:16px 0 16px}
.mt-older-head p{margin:0;color:#FFF3EC;line-height:1.7;font-size:17px;max-width:620px}
.mt-older-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mt-older-list li{display:flex;flex-direction:column;gap:4px;background:rgba(11,37,69,.88);border-left:5px solid #fff;padding:16px 18px}
.mt-older-list b{font-family:var(--display);font-size:21px;text-transform:uppercase;letter-spacing:.03em}
.mt-older-list span{color:var(--on-dark-2);font-size:15px;line-height:1.55}

/* ---------- 6. Laundry checklist ---------- */
.mt-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mt-check{position:relative;background:#fff;border:1px solid var(--line);border-top:4px solid var(--ink);border-radius:var(--r);padding:22px 22px 22px 66px}
.mt-check-box{position:absolute;left:22px;top:24px;width:26px;height:26px;border:2px solid var(--ink);border-radius:3px}
.mt-check-box::after{content:"";position:absolute;left:7px;top:1px;width:7px;height:14px;border:solid var(--mt-orange);border-width:0 3px 3px 0;rotate:45deg}
.mt-check small{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mt-orange)}
.mt-check h3{font-size:22px;margin:6px 0 8px;color:var(--ink)}
.mt-check p{margin:0;color:var(--ink-2);line-height:1.6;font-size:15.5px}

/* ---------- 7. Code finder ---------- */
.mt-finder{max-width:900px}
.mt-pills{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0 0 18px;padding:0}
.mt-pills label{cursor:pointer}
.mt-pills input{position:absolute;opacity:0;pointer-events:none}
.mt-pills span{display:inline-block;padding:8px 14px;border:1px solid var(--on-dark-3);color:var(--on-dark);font:600 15px var(--display);letter-spacing:.05em;text-transform:uppercase}
.mt-pills label:hover span{border-color:var(--mt-flame)}
.mt-pills input:checked+span{background:var(--mt-flame);border-color:var(--mt-flame);color:var(--ink)}
.mt-pills input:focus-visible+span{outline:2px solid var(--mt-flame);outline-offset:2px}
.mt-finder-row{display:flex;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.05)}
.mt-finder-row:focus-within{border-color:var(--mt-flame)}
.mt-finder-row input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:400 30px var(--mono);letter-spacing:.12em;padding:12px 14px}
.mt-finder-row input::placeholder{color:var(--on-dark-3)}
.mt-finder-row input:focus{outline:none}
.mt-finder-row button{background:var(--mt-flame);color:var(--ink);border:0;font:700 18px var(--display);letter-spacing:.06em;text-transform:uppercase;padding:0 24px;cursor:pointer}
.mt-finder-row button:hover{background:#fff}
.mt-finder-note{color:var(--on-dark-2);margin-top:16px;font-size:14.5px}

/* ---------- 8. Visit steps ---------- */
.mt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:2px solid var(--ink);background:#fff}
.mt-steps li{padding:24px 22px;border-right:1px solid var(--line)}
.mt-steps li:last-child{border-right:0}
.mt-steps li>span{font:800 44px/1 var(--display);color:var(--mt-orange)}
.mt-steps h3{font-size:22px;margin:12px 0 8px}
.mt-steps p{color:var(--ink-2);margin:0;line-height:1.6}

/* ---------- 9. Models ---------- */
.mt-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mt-model{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 0 16px;text-decoration:none;color:var(--ink);overflow:hidden;transition:border-color .2s,box-shadow .2s,translate .2s}
.mt-model-ph{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2);border-bottom:3px solid var(--ink);margin-bottom:8px}
.mt-model-ph img.hx-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.mt-model-tag{padding:0 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mt-orange)}
.mt-model b{padding:0 14px;font-family:var(--mono);font-weight:500;font-size:17px;letter-spacing:.04em;overflow-wrap:anywhere}
.mt-model:hover,.mt-model:focus-visible{border-color:var(--ink);box-shadow:6px 6px 0 rgba(11,37,69,.16);translate:-2px -2px}

/* ---------- 9b. Home model filter ---------- */
.mt-mf-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.mt-mf-pills button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,#fff,#EEF1F5);color:var(--ink);font:700 15px var(--display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mt-mf-pills button i{display:block;width:20px;height:20px;background:var(--ink);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.mt-mf-pills button em{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--muted)}
.mt-mf-pills button:hover{border-color:var(--ink)}
.mt-mf-pills button.is-on{background:var(--mt-orange);border-color:var(--mt-orange);color:#fff}
.mt-mf-pills button.is-on i{background:#fff}
.mt-mf-pills button.is-on em{color:#FFE3D2}
.mt-mf-pills button:focus-visible{outline:3px solid var(--mt-orange);outline-offset:2px}
.mt-mf-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mt-mf-panel[hidden]{display:none}
.mt-mf-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:290px;border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff;background:var(--ink);border:1px solid var(--line);transition:translate .2s,box-shadow .2s}
.mt-mf-ph{position:absolute;inset:0;z-index:-2}
.mt-mf-ph img.hx-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease}
.mt-mf-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,37,69,0) 35%,rgba(11,37,69,.9) 100%)}
.mt-mf-ico{position:absolute;top:0;left:0;display:grid;place-items:center;width:48px;height:48px;background:var(--mt-orange);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.mt-mf-ico i{display:block;width:26px;height:26px;background:#fff;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.mt-mf-txt{display:flex;flex-direction:column;gap:3px;padding:16px;border-top:4px solid var(--mt-orange)}
.mt-mf-txt small{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mt-flame)}
.mt-mf-txt b{font-family:var(--mono);font-weight:500;font-size:17px;letter-spacing:.04em;overflow-wrap:anywhere}
.mt-mf-card:hover,.mt-mf-card:focus-visible{translate:-2px -2px;box-shadow:6px 6px 0 rgba(11,37,69,.2)}
.mt-mf-card:hover img.hx-fill{transform:scale(1.05)}
.mt-mf-card:focus-visible{outline:3px solid var(--mt-orange);outline-offset:2px}
.mt-mf-all{grid-column:1/-1;justify-self:start;font:700 17px var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--mt-orange);text-decoration:none;border-bottom:2px solid currentColor}
@media (max-width:1060px){.mt-mf-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mt-mf-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.mt-mf-pills button{flex:none}.mt-mf-card{min-height:230px}}

/* ---------- 10. Map ---------- */
.mt-map{aspect-ratio:600/552;max-width:620px;border-radius:var(--r);background:#fff;overflow:hidden;border:2px solid var(--ink)}
.mt-map .mt-water{fill:#DCE3EC}
.mt-map .mt-sea{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;fill:#6F7F94;pointer-events:none}
.mt-map .mt-county path{stroke:#fff;stroke-width:1.6;stroke-linejoin:round;transition:fill .25s}
.mt-map .mt-t0 path{fill:#F1F3F6}
.mt-map .mt-t1 path{fill:#E5E9EF}
.mt-map .mt-t2 path{fill:#D8DEE7}
.mt-map .mt-county:hover path,.mt-map .mt-county.is-on path{fill:#FFD3B8}
.mt-map .mt-cname{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;fill:#77849A;pointer-events:none}
.mt-map .mt-cname.is-on{fill:var(--mt-orange)}
.mt-map .lbl{font-family:var(--body);font-weight:600;font-size:9.5px;fill:var(--ink);paint-order:stroke;stroke:rgba(255,255,255,.95);stroke-width:3px;stroke-linejoin:round}
.mt-map .pin{fill:var(--ink);stroke:#fff;stroke-width:1.5}
.mt-map .mt-pin:hover .pin,.mt-map .is-center .pin{fill:var(--mt-orange)}
.mt-map .mt-pin:hover .lbl{fill:var(--mt-orange)}
.mt-map .is-center .lbl{font-weight:700}
.mt-map .mt-pulse{fill:none;stroke:var(--mt-orange);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mt-pulse 2.4s ease-out infinite}
@keyframes mt-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.6);opacity:0}}
.county.is-on summary b{color:var(--mt-orange)}

/* ---------- 11. Reused parent blocks ---------- */
.channel{border-radius:var(--r)}
.voice{border:1px solid var(--line);border-top:4px solid var(--ink);border-radius:var(--r);background:#fff}
.county{border-radius:var(--r)}
.hx-faq details{border-radius:var(--r)}
.hx-faq summary{font-weight:600}
.hx-cover{border-radius:var(--r)}
.hx-cover-1{background:var(--ink);color:#fff}
.hx-cover-2{background:var(--mt-orange);color:#fff}
.hx-cover-3{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.hx-cover-3::before{background:var(--mt-orange)}
.ledger .lrow em{color:var(--mt-flame)}
.hx-tile{border-radius:var(--r)}

/* Optional section photos (Houston Photos bg-* slots) */
.mt-has-bg[style*="background-image"],#finder[style*="background-image"]{background-size:cover;background-position:center}
#finder .sec-num span:last-child{color:var(--on-dark-2)}

/* ---------- 12. Responsive ---------- */
@media (max-width:1060px){
  .mt-hero .wrap{grid-template-columns:1fr;gap:44px}
  .mt-plates{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mt-group.is-big .mt-plates{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mt-older .wrap{grid-template-columns:1fr;gap:28px}
  .mt-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-steps li:nth-child(2){border-right:0}
  .mt-steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .mt-models{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .mt-plates,.mt-group.is-big .mt-plates{grid-template-columns:1fr 1fr;gap:10px}
  .mt-group.is-big .mt-plates{grid-template-columns:1fr}
  .mt-plate-body{grid-template-columns:36px minmax(0,1fr);padding:14px}
  .mt-plate-ico{width:36px;height:36px}
  .mt-plate b{font-size:18px}
  .mt-checks{grid-template-columns:1fr}
}
@media (max-width:640px){
  .mt-zip{flex-wrap:wrap}
  .mt-zip button{width:100%;padding:12px}
  .mt-plates{grid-template-columns:1fr}
  .mt-steps{grid-template-columns:1fr}
  .mt-steps li{border-right:0;border-bottom:1px solid var(--line)}
  .mt-steps li:last-child{border-bottom:0}
  .mt-models{grid-template-columns:1fr}
  .mt-finder-row{flex-direction:column}
  .mt-finder-row input{font-size:24px}
  .mt-finder-row button{padding:12px}
}
@media (prefers-reduced-motion:reduce){
  .mt-plate,.mt-plate img.hx-fill,.mt-model,.mt-mf-card,.mt-mf-card img.hx-fill,.mt-mf-pills button{transition:none}
  .mt-map .mt-pulse{animation:none}
}