/* XFMR Suite — funnel pages (selector / calculator / app guide) */
.xfmr-funnel{max-width:820px;}
.xf-step{margin:22px 0;}
.xf-shd{display:flex; gap:10px; align-items:center; margin-bottom:12px;}
.xf-shd h2{margin:0; font-size:18px; color:var(--navy,#0d3b66);}
.xf-num{background:var(--navy,#0d3b66); color:#fff; width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; flex:none;}
.xf-cards3{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:760px;}
.xf-cards4{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:760px;}
.xf-card{border:2px solid var(--line,#d9e2ea); border-radius:8px; padding:16px; text-align:center; cursor:pointer; background:#fff;}
.xf-card:hover{border-color:var(--sky,#56b3e4);}
.xf-card.on{border-color:var(--blue,#1a7fc1); background:var(--paleblue,#f4fafe);}
.xf-card .big{font-size:19px; font-weight:800; color:var(--navy,#0d3b66);}
.xf-card .sm{font-size:12.5px; color:var(--grey,#5c6f7d); margin-top:4px;}
.xf-amps{display:grid; grid-template-columns:repeat(4,1fr); gap:9px; max-width:760px;}
.xf-amp{border:2px solid var(--line,#d9e2ea); background:#fff; border-radius:6px; padding:11px 4px; font-size:15.5px; font-weight:800; color:var(--navy,#0d3b66); cursor:pointer;}
.xf-amp small{display:block; font-weight:600; font-size:11px; color:var(--grey,#5c6f7d); margin-top:2px;}
.xf-amp:hover{border-color:var(--sky,#56b3e4);}
.xf-amp.on{border-color:var(--blue,#1a7fc1); background:var(--paleblue,#f4fafe);}
.xf-vin{display:flex; gap:10px; align-items:center;}
.xf-vin input{border:2px solid var(--line,#d9e2ea); border-radius:6px; padding:11px 12px; font-size:17px; font-weight:800; width:140px; color:var(--navy,#0d3b66);}
.xf-vin input:focus{border-color:var(--blue,#1a7fc1); outline:none;}
.xf-vin span{color:var(--grey,#5c6f7d); font-weight:700;}
.xf-hint{font-size:12.5px; color:var(--grey,#5c6f7d); margin-top:8px;}
.xf-result{border:2px solid var(--green,#1e8e3e); border-radius:8px; padding:18px; max-width:760px; background:#f6fcf7; display:none; gap:16px; align-items:flex-start; margin:20px 0 30px;}
.xf-result.show{display:flex;}
.xf-rbody{flex:1; min-width:240px;}
.xf-rimg{width:130px; height:130px; flex:none; background:#fff; border:1px solid var(--line,#d9e2ea); border-radius:6px; display:flex; align-items:center; justify-content:center;}
.xf-rk{font-size:12px; font-weight:800; color:var(--green,#1e8e3e); letter-spacing:1.2px; text-transform:uppercase;}
.xf-result h3{color:var(--navy,#0d3b66); font-size:20px; margin:4px 0 2px;}
.xf-math{font-size:13px; color:var(--grey,#5c6f7d); margin-bottom:8px;}
.xf-rrow{display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin:8px 0;}
.xf-price{font-size:24px; font-weight:800; color:var(--navy,#0d3b66);}
.xf-stock{font-size:13px; font-weight:700; color:var(--green,#1e8e3e);}
.xf-stock.lead{color:var(--amber,#b3690f);}
.xf-qty{font-weight:700; color:var(--navy,#0d3b66); font-size:13px;}
.xf-safety{font-size:11.5px; color:var(--grey,#5c6f7d); margin-top:10px; border-top:1px dashed var(--line,#d9e2ea); padding-top:8px;}
.xf-feats{font-size:13.5px; color:#33495a; margin:6px 0 8px 18px; padding:0;}
.xf-feats li{margin-bottom:4px;}
.xf-hero{margin:-6px -24px 8px; padding-left:24px; padding-right:24px;}
.xf-seotext{max-width:820px; margin:30px 0; font-size:14.5px; color:#33495a;}
.xf-seotext h2{color:var(--navy,#0d3b66); margin-bottom:8px;}
.xf-seotext p{margin-bottom:10px;}
.xf-faq{max-width:820px; margin-bottom:34px;}
.xf-faq h2{color:var(--navy,#0d3b66); margin-bottom:10px;}
.xf-faq dt{font-weight:700; color:var(--navy,#0d3b66); margin-top:12px;}
.xf-faq dd{margin:4px 0 0; color:#33495a; font-size:14px;}
.xf-ghost{background:#fff !important; color:var(--blue,#1a7fc1) !important; border:2px solid var(--blue,#1a7fc1) !important;}
.xf-rfq{border:1px solid var(--line,#d9e2ea); border-left:4px solid var(--sky,#56b3e4); border-radius:6px; padding:14px; max-width:760px; background:var(--paleblue,#f4fafe); font-size:14px; margin:16px 0;}
@media (max-width:900px){
  .xf-cards4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .xf-cards3{grid-template-columns:1fr;}
  .xf-cards4{grid-template-columns:1fr;}
  .xf-amps{grid-template-columns:repeat(2,1fr);}
  .xf-rimg{width:100px; height:100px;}
}