/* MOTIV pricing — size bands (DEC-0116). Matches .price-toggle in site.css. */
.band-picker{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 0;margin:-10px 0 35px;border-top:1px solid #dde2e6;border-bottom:1px solid #dde2e6}
.band-picker-copy p{margin:10px 0 0;color:#6f7980;font-size:14px;line-height:1.6}
.band-toggle{display:flex;gap:5px;padding:5px;background:#edf0f2;width:max-content}
.band-toggle button{background:none;border:0;padding:13px 22px;cursor:pointer;color:#6f777d;font-size:14px;font:inherit;font-size:14px}
.band-toggle button.selected{background:#252c31;color:#fff}
.band-toggle button:focus-visible,.price-toggle button:focus-visible{outline:2px solid #758894;outline-offset:2px}
.price-band{display:block;font-size:12px;line-height:1.5;color:#7d868c;margin-top:6px}
.price-card.featured .price-band{color:#aab3b9}
.band-guide{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:45px 0;border-bottom:1px solid #dce1e5;align-items:start}
.band-guide-head h3{font-size:30px;letter-spacing:-1px;font-weight:500;margin:15px 0}
.band-guide-head p{color:#6f7980;font-size:15px;line-height:1.8;margin:0}
.band-table-wrap{min-width:0}
.band-table{width:100%;border-collapse:collapse;font-size:15px}
.band-table th,.band-table td{text-align:left;padding:15px 12px;border-bottom:1px solid #e2e6e9;vertical-align:top}
.band-table thead th{font-size:13px;font-weight:600;color:#2b3237}
.band-table thead th span{display:block;font-weight:400;font-size:12px;color:#7d868c;margin-top:4px}
.band-table tbody th{font-weight:500}
.band-table td{color:#555f66}
.band-table-note{font-size:13px;color:#737d84;line-height:1.7;margin:15px 0 0}
@media(max-width:850px){.band-picker{display:block}.band-toggle{margin-top:18px}.band-guide{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.band-toggle{width:100%}.band-toggle button{flex:1;padding:12px 6px;font-size:13px}.band-table{font-size:14px}.band-table th,.band-table td{padding:12px 8px}}

/* six sizes (2026-09-24): wrap to a 3 × 2 grid on narrow screens */
@media(max-width:850px){.band-toggle{display:grid;grid-template-columns:repeat(6,auto)}}
@media(max-width:600px){.band-toggle{grid-template-columns:repeat(3,1fr)}.band-toggle button{padding:12px 4px;min-height:44px}}
.band-toggle button{white-space:nowrap}
@media(min-width:851px){.band-toggle button{padding:13px 16px}}
