/* Build & Price configurator + Truck Toppers series page */
body.build-page{background:#f4f5f7}
body.build-page footer.site{display:none}
.b-head{background:#fff;border-bottom:1px solid var(--line)}
.b-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
.b-head h1{font-size:1.15rem;margin:0}
@media (max-width:680px){.b-head h1{font-size:1rem}}
.b-head a.exit{font-weight:700;color:var(--muted);font-size:.9rem}
#build{max-width:1240px;margin:0 auto;padding:22px 20px 110px;position:relative}
.b-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:22px}
.b-st{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:inherit;font-weight:700;font-size:.88rem;color:var(--muted);cursor:pointer;text-align:left}
.b-st i{font-style:normal;width:26px;height:26px;border-radius:50%;background:#e9ecf0;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex:none}
.b-st.ok{color:var(--ink)}
.b-st.ok i{background:var(--teal);color:#fff}
.b-st.cur{border-color:var(--accent);box-shadow:0 0 0 2px rgba(232,135,30,.25);color:var(--ink)}
.b-st.cur i{background:var(--accent);color:#fff}
.b-st:disabled{cursor:default;opacity:.6}
.b-mstep{display:none;font-weight:800;margin-bottom:12px}
.b-main{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.b-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 32px;min-height:440px}
.b-panel h2{font-size:1.7rem;margin-bottom:4px}
.b-panel p.lead{color:var(--muted);margin-bottom:22px}
.b-h3{margin:26px 0 12px;font-size:1.1rem}
.b-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.b-aside{position:sticky;top:90px}
.b-sum{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.b-sum-h{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:10px}
.b-sum img{border-radius:8px;aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:10px}
.b-sum-name{font-weight:800;font-size:1.05rem;margin-bottom:10px}
.b-sum .muted{color:var(--muted)}
.b-sum dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 14px;font-size:.9rem}
.b-sum dt{color:var(--muted)}
.b-sum dd{margin:0;text-align:right}
.b-sum-p{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:12px}
.b-sum-p b{font-size:1.5rem;color:var(--teal)}
.b-sum small{color:var(--muted);font-size:.78rem;display:block;margin-top:6px}
.b-models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.b-card{position:relative;border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color .15s}
.b-card:hover{border-color:#c9ced6}
.b-card.sel{border-color:var(--accent)}
.b-card input{position:absolute;opacity:0}
.b-card .b-img{aspect-ratio:4/3;background:#eef0f3}
.b-card .b-img img{width:100%;height:100%;object-fit:cover}
.b-body{padding:14px 16px 18px}
.b-name{font-weight:800;font-size:1.05rem;line-height:1.25}
.b-price{margin:4px 0 8px}.b-price b{color:var(--teal)}
.b-body p{font-size:.88rem;color:var(--muted);margin-bottom:8px}
.b-body ul{margin:0;padding-left:18px;font-size:.85rem}
.b-check{display:none;position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;font-weight:800;font-size:.78rem;padding:4px 10px;border-radius:20px}
.b-card.sel .b-check{display:block}
.b-field{margin-bottom:18px}
.b-field label{display:block;font-weight:700;font-size:.9rem;margin-bottom:6px}
.b-field input,.b-field select,.b-field textarea,.b-custom input{width:100%;font:inherit;padding:11px 12px;border:1px solid #cfd4db;border-radius:6px;background:#fff}
.b-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.b-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:.9rem;font-weight:700;padding:9px 16px;border-radius:24px;border:1.5px solid #cfd4db;background:#fff;cursor:pointer;color:var(--ink)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.b-info{background:#f1f8f9;border-left:4px solid var(--teal);padding:12px 16px;border-radius:0 6px 6px 0;font-size:.9rem;color:#2c4a50;margin-top:16px}
.b-warn{background:#fff6ea;border:1px solid #f3cf9d;padding:12px 16px;border-radius:8px;font-size:.9rem;margin:18px 0}
.b-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.b-dims div{background:#f7f8fa;border-radius:8px;padding:12px 14px;font-size:.85rem}
.b-dims b{display:block;margin-bottom:2px}
.b-dims span{color:var(--muted)}
.b-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.b-size{font:inherit;text-align:left;background:#fff;border:2px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.b-size b{font-size:1.05rem}
.b-size span{font-size:.82rem;color:var(--muted)}
.b-size em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--teal);margin-top:6px}
.b-size.on{border-color:var(--accent);background:#fffaf3}
.b-custom{margin-top:18px;background:#f7f8fa;border-radius:8px;padding:16px}
.b-custom label{font-weight:700;display:block;margin-bottom:6px}
.b-row{display:flex;align-items:center;gap:8px;max-width:340px}
.b-row input{width:90px}
.b-calc{margin-top:10px;font-weight:700;color:var(--teal)}
.b-std{background:#f7f8fa;border-radius:10px;padding:16px 20px}
.b-std h3{font-size:1rem;margin-bottom:8px}
.b-std ul{margin:0;padding-left:0;list-style:none;columns:2}
.b-std li:before{content:"✓ ";color:var(--teal);font-weight:900}
.b-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.b-opt{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;border:2px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;position:relative}
.b-opt input{position:absolute;top:12px;right:12px;width:18px;height:18px;accent-color:var(--accent)}
.b-opt.on{border-color:var(--accent);background:#fffaf3}
.b-oimg{width:96px;height:72px;border-radius:6px;overflow:hidden;background:#eef0f3}
.b-oimg img{width:100%;height:100%;object-fit:cover}
.b-oimg.ph{display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--muted)}
.b-opt b{display:block;padding-right:24px}
.b-opt p{font-size:.84rem;color:var(--muted);margin:2px 0 6px}
.tag{display:inline-block;font-size:.72rem;font-weight:800;color:var(--accent-ink);background:#fdf0e1;border-radius:4px;padding:2px 8px}
.b-review{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.b-review table{width:100%;border-collapse:collapse;font-size:.92rem}
.b-review th,.b-review td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.b-review th{color:var(--muted);font-weight:700;width:34%}
.b-lines td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.b-lines tr.tot td{border-top:2px solid var(--ink);font-size:1.05rem;color:var(--teal)}
.b-lines tr.ex td{color:var(--muted);font-weight:400}
.b-actions{display:flex;flex-wrap:wrap;gap:10px}
.b-fine{font-size:.8rem;color:var(--muted);margin-top:14px}
.b-bar{display:none}
.b-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:8px;font-size:.9rem;opacity:0;transition:.25s;pointer-events:none;max-width:90vw;z-index:80}
.b-toast.show{opacity:1;transform:translateX(-50%)}

/* series page */
.tabs{position:sticky;top:68px;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.tabs .wrap{display:flex;gap:4px;overflow-x:auto}
.tabs a{padding:14px 14px;font-weight:700;font-size:.92rem;color:var(--ink);white-space:nowrap;border-bottom:3px solid transparent}
.tabs a:hover{text-decoration:none;border-bottom-color:var(--accent)}
.pick{grid-template-columns:repeat(3,1fr)}
.pick .card .from{line-height:1.4}
.pick .card .btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.pick .card .btn{min-width:0}
.model{scroll-margin-top:130px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;margin-bottom:28px;transition:box-shadow .3s}
.model.flash{box-shadow:0 0 0 3px var(--accent),var(--shadow)}
.model-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:34px}
.mg-main{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#eef0f3}
.mg-main img{width:100%;height:100%;object-fit:cover}
.mg-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.mg-thumbs a{aspect-ratio:1;border-radius:6px;overflow:hidden}
.mg-thumbs img{width:100%;height:100%;object-fit:cover}
.photo-note{font-size:.8rem;color:var(--muted);margin-top:8px}
.model h2{font-size:1.7rem;margin-bottom:2px}
.model .mprice{font-size:1.15rem;margin:6px 0 2px}.model .mprice b{color:var(--teal);font-size:1.5rem}
.model .basis{font-size:.82rem;color:var(--muted);margin-bottom:14px}
.kv{width:100%;border-collapse:collapse;font-size:.92rem;margin:12px 0 16px}
.kv th,.kv td{text-align:left;padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}
.kv th{color:var(--muted);font-weight:700;width:40%}
.ticks{list-style:none;padding:0;margin:0 0 12px}
.ticks li:before{content:"✓ ";color:var(--teal);font-weight:900}
.opts-l{list-style:none;padding:0;margin:0 0 12px}
.opts-l li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:6px 0;font-size:.92rem}
.model h4{margin:16px 0 6px;font-size:.98rem}
.model .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.share{font:inherit;font-size:.85rem;font-weight:700;background:none;border:0;color:var(--teal);cursor:pointer;padding:8px 4px}
.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:.93rem}
.compare th,.compare td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.compare thead th{background:var(--navy);color:#fff}
.faq details{background:#fff;border-radius:8px;box-shadow:var(--shadow);margin-bottom:10px;padding:0 20px}
.faq summary{cursor:pointer;font-weight:800;padding:16px 0}
.faq details p{color:var(--muted)}
.price-split{display:block;font-size:.88rem;color:var(--muted);margin-top:2px}

@media (max-width:1020px){
  .b-main{grid-template-columns:1fr}
  .b-aside{display:none}
  .b-models,.pick{grid-template-columns:1fr 1fr}
  .model-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  #build{padding:14px 12px 120px}
  .b-steps{display:none}
  .b-mstep{display:block}
  .b-panel{padding:20px 16px}
  .b-panel h2{font-size:1.35rem}
  .b-nav{display:none}
  .b-models,.pick,.b-grid2,.b-dims,.b-opts,.b-review{grid-template-columns:1fr}
  .b-std ul{columns:1}
  .b-card{flex-direction:row}
  .b-card .b-img{width:38%;aspect-ratio:auto;flex:none}
  .b-body{padding:10px 12px}
  .b-body ul{display:none}
  .b-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));align-items:center;gap:10px;box-shadow:0 -4px 16px rgba(20,30,50,.08)}
  .b-bar-p{flex:1;text-align:center;line-height:1.1}
  .b-bar-p small{display:block;font-size:.7rem;color:var(--muted)}
  .b-bar-p b{color:var(--teal);font-size:1.15rem}
  .b-sizes{grid-template-columns:1fr 1fr}
  .model{padding:18px}
  .tabs{top:68px}
}
@media print{header.site,.topbar,.b-bar,.b-steps,.b-nav,.b-actions{display:none}}

/* round 2 */
.whys{grid-template-columns:repeat(3,1fr);gap:20px}
.why{background:#f7f8fa;border-radius:var(--radius);padding:24px}
.why i{font-style:normal;font-weight:900;color:var(--accent);font-size:.9rem;letter-spacing:.1em}
.why h3{font-size:1.1rem;margin:6px 0}
.why p{color:var(--muted);font-size:.93rem;margin:0}
.mcard .ticks.mini{text-align:left;font-size:.88rem;margin:4px auto 14px;display:inline-block}
.mcard .btn{align-self:center}
.mcard:hover{box-shadow:0 0 0 2px var(--accent),var(--shadow)}
.mswitch{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}
.mswitch a{padding:8px 14px;border-radius:20px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:.88rem}
.mswitch a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.mswitch a:hover{text-decoration:none}
.msec{margin-top:24px}
.sizebox{scroll-margin-top:90px;margin-top:24px;background:#fff;border-radius:var(--radius);box-shadow:0 0 0 2px var(--accent),var(--shadow);padding:26px 28px}
.sizebox p{color:var(--muted)}
.szgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.szc{display:flex;flex-direction:column;gap:2px;border:2px solid var(--line);border-radius:10px;padding:14px;color:var(--ink)}
.szc:hover{border-color:var(--accent);background:#fffaf3;text-decoration:none}
.szc b{font-size:1.05rem}.szc span{font-size:.82rem;color:var(--muted)}.szc em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--teal);margin-top:6px}
@media (max-width:1020px){.whys{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.whys{grid-template-columns:1fr}.szgrid{grid-template-columns:1fr 1fr}.sizebox{padding:18px}}

.b-classes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.b-cls{font:inherit;text-align:center;background:#fff;border:2px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center}
.b-cls img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.b-cls span{font-size:.78rem;color:var(--muted)}
.b-cls.on{border-color:var(--accent);background:#fffaf3}
.tiercards{grid-template-columns:repeat(3,1fr)}
.std-list{list-style:none;padding:0;margin:0}
.std-list li{padding:6px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.std-list li:before{content:"✓ ";color:var(--teal);font-weight:900}
.plus{font-weight:800;color:var(--accent-ink);font-size:.85rem;margin:6px 0}
.fitguide{grid-template-columns:repeat(3,1fr)}
@media (max-width:1020px){.tiercards,.fitguide{grid-template-columns:1fr}}

.b-opt.noimg{grid-template-columns:1fr;padding:12px 14px}
@media (max-width:680px){.b-classes{grid-template-columns:1fr}.b-cls{flex-direction:row;text-align:left;align-items:center;gap:12px}.b-cls img{width:96px;flex:none;aspect-ratio:4/3}.b-cls b{display:block}}
.b-cls-t{display:flex;flex-direction:column;gap:2px}

.b-otxt{position:relative;padding-right:26px}
.b-oprice{font-weight:800;color:var(--teal);margin:4px 0 2px}
.b-info-btn{position:absolute;right:0;bottom:-2px;border:0;background:none;color:var(--muted);font-size:1.05rem;cursor:pointer;padding:2px 4px}
.b-odesc{display:none;font-size:.84rem;color:var(--muted);margin:4px 0 0}
.b-odesc.show{display:block}
.b-opt input{top:10px;right:10px}
.fitnote{font-size:.85rem;color:var(--muted);margin:12px 0 0}
.szgrid{grid-template-columns:repeat(4,1fr)!important}
.szc em{font-size:.95rem}
@media(max-width:640px){.szgrid{grid-template-columns:1fr 1fr!important}}
/* Included / options — two refined cards */
.specpair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.sp-card{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 24px rgba(15,23,42,.06);padding:30px 32px 26px;text-align:left}
.sp-card h3{font-size:1.3rem;letter-spacing:-.01em;margin:0 0 6px}
.sp-lead{color:var(--teal);font-weight:700;font-size:.95rem;margin:10px 0 4px}
.sp-g{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a94a0;margin:22px 0 8px;padding-bottom:6px;border-bottom:1px solid #edf0f3}
.sp-list{list-style:none;margin:0;padding:0}
.sp-list li{position:relative;padding:5px 0 5px 22px;font-size:.93rem;line-height:1.5;color:#2b333d}
.sp-list li:before{content:"";position:absolute;left:2px;top:12px;width:10px;height:5px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.sp-not ul{list-style:none;margin:0;padding:0}
.sp-not li{position:relative;padding:4px 0 4px 22px;font-size:.88rem;line-height:1.5;color:#7a8490}
.sp-not li:before{content:"";position:absolute;left:3px;top:13px;width:9px;height:2px;background:#b7bec6}
.sp-opts{list-style:none;margin:0;padding:0}
.sp-opts li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;font-size:.93rem;line-height:1.45;color:#2b333d}
.sp-opts li+li{border-top:1px solid #f2f4f6}
.sp-price{font-variant-numeric:tabular-nums;font-weight:700;color:var(--teal);white-space:nowrap}
.sp-free{font-size:.82rem;color:#5b8f6a;white-space:nowrap}
.sp-rfq{font-size:.82rem;color:#a3762c;white-space:nowrap}
.sp-more{display:inline-block;margin-top:20px;font-weight:700;font-size:.9rem;color:var(--teal)}
@media(max-width:900px){.specpair{grid-template-columns:1fr}.sp-card{padding:24px 22px}}
/* stronger group headers */
.sp-g{display:flex;align-items:center;gap:10px;margin:26px 0 6px!important;padding:8px 12px!important;border:0!important;border-radius:6px;background:#f3f6f8;border-left:3px solid var(--accent,#e8891d)!important;color:#1f2937!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.13em!important}
.sp-card h3+.sp-g,.sp-lead+.sp-g{margin-top:14px!important}
.sp-not .sp-g{background:#f6f6f6;border-left-color:#b7bec6!important;color:#5f6874!important}
/* group headers: no orange bar */
.sp-g{border-left:0!important;padding:8px 14px!important;background:#eef2f5!important;color:#24303d!important}
.sp-not .sp-g{background:#f3f3f3!important;color:#5f6874!important}
/* step 1 package cards — refined */
.b-models{align-items:stretch}
.b-card{display:flex!important;flex-direction:column;border:1.5px solid #e2e7ec!important;border-radius:14px!important;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s,box-shadow .15s}
.b-card:hover{border-color:#cfd6dd!important;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.b-card.sel{border-color:var(--accent,#e8891d)!important;box-shadow:0 0 0 1px var(--accent,#e8891d),0 8px 22px rgba(232,137,29,.14)}
.b-card .b-img{aspect-ratio:4/3!important;height:auto!important;overflow:hidden;background:#eef1f4}
.b-card .b-img img{width:100%;height:100%;object-fit:cover;display:block}
.b-body{padding:18px 18px 20px!important;display:flex;flex-direction:column;flex:1}
.b-name{font-size:1.08rem!important}
.b-sub{font-size:.82rem;color:var(--muted);margin-top:2px}
.b-price{margin:10px 0 12px!important;font-size:.95rem}.b-price b{font-size:1.25rem}
.b-keys{list-style:none!important;padding:12px 0 0!important;margin:0!important;border-top:1px solid #eef1f4;font-size:.85rem!important}
.b-keys li{position:relative;padding:4px 0 4px 20px;line-height:1.45;color:#3a4450}
.b-keys li:before{content:"";position:absolute;left:2px;top:10px;width:9px;height:4px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.b-check{font-size:.75rem!important;padding:4px 10px!important;border-radius:999px!important}
@media(max-width:680px){.b-keys{display:block!important}}
/* size box: same quiet white card as the rest of the page */
.sizebox{border:0!important;background:#fff!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 24px rgba(15,23,42,.06)!important;padding:30px 32px!important}
/* inline size picker in model panel */
.isz{margin:16px 0 18px;padding:16px;border:1px solid #e6eaee;border-radius:12px;background:#fafbfc}
.isz-h{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#24303d;margin-bottom:10px}
.isz-g{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.isz-b{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:#fff;border:1.5px solid #dfe4e9;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;position:relative}
.isz-b b{font-size:.92rem}.isz-b span{font-size:.76rem;color:var(--muted)}.isz-b em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--teal);margin-top:3px}
.isz-b:hover{border-color:#c4ccd4}
.isz-b.on{border-color:var(--accent,#e8891d);background:#fff7ec}
.isz-b.on:after{content:"✓";position:absolute;top:8px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--accent,#e8891d);color:#fff;font-size:.68rem;line-height:18px;text-align:center;font-weight:800}
.isz-go{display:block;text-align:center;margin-top:12px}
.isz-n{font-size:.76rem;color:var(--muted);margin:10px 0 0}
/* package comparison table */
.cx{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 24px rgba(15,23,42,.06);font-size:.9rem;text-align:left}
.cx thead th{background:#fff;padding:22px 16px 18px;border-bottom:1px solid #e9edf1;vertical-align:bottom}
.cx-h{display:flex;flex-direction:column;gap:2px}
.cx-h b{font-size:1.15rem;color:#18202a}.cx-h span{font-size:.8rem;color:var(--muted)}
.cx-h em{font-style:normal;font-weight:800;font-size:1.25rem;color:var(--teal);margin:6px 0 10px}
.cx-h .btn{padding:7px 14px;font-size:.82rem;align-self:flex-start}
.cx th.cx-l{width:18%}
.cx tbody th{font-weight:700;color:#3a4450;padding:12px 16px;width:18%;vertical-align:top}
.cx tbody td{padding:12px 16px;color:#2b333d;vertical-align:top;width:27.3%;line-height:1.45}
.cx tbody tr+tr th,.cx tbody tr+tr td{border-top:1px solid #f1f3f5}
.cx-g td{background:#eef2f5;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#24303d;padding:9px 16px!important;border-top:0!important}
.cx-same td{color:#5a6470}
.cx-all{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7684;background:#f1f3f5;border-radius:999px;padding:2px 8px;margin-right:10px}
.cx-no span{color:#c3c9d0}
.cx-note{font-size:.82rem;color:var(--muted);margin:14px 4px 0}
@media(max-width:760px){.cx{font-size:.82rem}.cx thead th,.cx tbody td,.cx tbody th{padding:10px 8px}.cx-h .btn{display:none}.cx-all{display:none}}
/* comparison table v2 — original layout, refined colors */
.cx2{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 24px rgba(15,23,42,.06);font-size:.9rem;text-align:left}
.cx2 thead th{background:#f3f6f8;padding:16px;border-bottom:2px solid #e3e8ed}
.cx2 thead th a{display:flex;align-items:baseline;gap:10px;color:#18202a;text-decoration:none}
.cx2 thead th b{font-size:1.05rem}.cx2 thead th span{font-weight:800;color:var(--teal)}
.cx2 thead th a:hover b{color:var(--teal)}
.cx2 tbody th{width:16%;padding:13px 16px;font-weight:700;color:#3a4450;background:#fafbfc;vertical-align:top}
.cx2 tbody td{padding:13px 16px;color:#2b333d;vertical-align:top;line-height:1.45;width:28%}
.cx2 tbody tr+tr th,.cx2 tbody tr+tr td{border-top:1px solid #eef1f4}
.cx2 tbody tr:hover td,.cx2 tbody tr:hover th{background:#f7fafb}
.cx2 .cx-no{color:#c3c9d0}
@media(max-width:760px){.cx2{font-size:.8rem}.cx2 thead th,.cx2 tbody td,.cx2 tbody th{padding:9px 8px}.cx2 thead th a{flex-direction:column;gap:0}}
/* model gallery v2: arrows on the main photo, swipeable thumbnail strip */
.mg-main{position:relative}
.mg-main .mg-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#1a2330;font-size:1.7rem;line-height:36px;cursor:pointer;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:.9}
.mg-main .mg-nav:hover{opacity:1;background:#fff}
.mg-main .mg-prev{left:12px}.mg-main .mg-next{right:12px}
.mg-main .mg-count{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.5);color:#fff;font-size:.8rem;padding:3px 10px;border-radius:14px}
.mg-main img{touch-action:pan-y;cursor:zoom-in}
.mg-thumbs{display:flex!important;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin}
.mg-thumbs a{flex:0 0 calc((100% - 32px) / 5);scroll-snap-align:start;border:2px solid transparent;opacity:.75;transition:opacity .15s,border-color .15s}
.mg-thumbs a.on{border-color:#e8891d;opacity:1}
.mg-thumbs a:hover{opacity:1}
@media(max-width:760px){.mg-thumbs a{flex-basis:calc((100% - 24px) / 4)}}
/* main photo: always show the whole picture (no side crop) */
.mg-main{background:#eef0f3}
.mg-main img{object-fit:contain!important}
.b-dis{font-size:.82rem;color:#6b7380;margin:0 0 10px}
.spec-note{font-size:.78rem;color:#8a929e;margin:8px 0 14px}
.b-hint{font-size:.85rem;color:#6b7380;margin:6px 0 14px}
.b-ok{background:#ecf8f1;border:1px solid #b9e3c9;color:#1d6b43;border-radius:8px;padding:12px 14px;margin:10px 0 14px}
.b-alt{margin-top:10px;font-size:.9rem;color:#6b7380}
.b-alt a{color:#1a7f5a;font-weight:600}