
/* CarPlayPro commerce upgrade — 2026-10-01 */
.cpx-commerce{margin:1.15rem 0 1.15rem;padding:1.15rem;border:1px solid #dfe5da;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(20,28,18,.075)}
.cpx-commerce-top{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}.cpx-commerce-kicker{font-size:.69rem;font-weight:900;letter-spacing:.095em;text-transform:uppercase;color:#5f8200}.cpx-commerce-ok{font-size:.74rem;font-weight:800;color:#3f6d00;background:#eff8dc;border:1px solid #d8ebb0;border-radius:999px;padding:.34rem .62rem}
.cpx-commerce-price{display:flex;align-items:baseline;gap:.55rem;margin:.15rem 0 .9rem}.cpx-commerce-price strong{font-size:clamp(2rem,4vw,2.7rem);line-height:1;color:#121611;letter-spacing:-.05em}.cpx-commerce-price span{color:#697265;font-size:.78rem;font-weight:700}.cpx-formulas{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.65rem 0 .8rem}.cpx-formula{appearance:none;text-align:left;border:1px solid #dfe5db;background:#f8faf7;border-radius:15px;padding:.85rem .9rem;cursor:pointer;color:#171b15;font:inherit;transition:.18s ease}.cpx-formula:hover{border-color:#b7cc8e;transform:translateY(-1px)}.cpx-formula.active{border-color:#7aa400;background:#f4f9e9;box-shadow:0 0 0 2px rgba(122,164,0,.11)}.cpx-formula strong{display:block;font-size:.92rem;margin-bottom:.15rem}.cpx-formula b{display:block;font-size:1.18rem;color:#11150f;margin-bottom:.15rem}.cpx-formula small{display:block;color:#6c7569;line-height:1.35}.cpx-commerce-cta{width:100%;border:0;border-radius:13px;padding:.9rem 1rem;font:inherit;font-weight:900;cursor:pointer}.cpx-commerce-cta.primary{background:#11150f;color:#fff}.cpx-commerce-cta.primary:hover{background:#293025}.cpx-commerce-cta.install{background:#a8e600;color:#11150f}.cpx-commerce-cta.install:hover{background:#baf329}.cpx-commerce-cta[hidden]{display:none!important}.cpx-commerce-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.75rem 0 0}.cpx-commerce-mini span{font-size:.72rem;line-height:1.35;color:#53604f;background:#f7f9f5;border:1px solid #e2e7df;border-radius:11px;padding:.55rem}.cpx-commerce-help{display:block;margin-top:.72rem;text-align:center;color:#527600!important;font-weight:800;font-size:.78rem;text-decoration:none}.cpx-commerce-help:hover{text-decoration:underline}
.cpx-commerce-quote{background:linear-gradient(135deg,#f7faef,#fff)}.cpx-quote-title{font-size:1.35rem;font-weight:900;color:#151914;margin:.1rem 0 .35rem}.cpx-quote-copy{color:#626b5f;font-size:.84rem;line-height:1.55;margin:0 0 .8rem}.cpx-quote-cta{display:flex;align-items:center;justify-content:center;width:100%;background:#25d366;color:#fff!important;border-radius:13px;padding:.9rem 1rem;font-weight:900;text-decoration:none}.cpx-quote-cta:hover{filter:brightness(.96)}.cpx-quote-facts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.cpx-quote-facts span{font-size:.7rem;font-weight:800;background:#fff;border:1px solid #dfe5db;border-radius:999px;padding:.38rem .58rem;color:#566052}
.cpx-paths{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.cpx-path{position:relative;padding:1.2rem 1.25rem;border:1px solid #dfe5db;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(22,31,19,.05)}.cpx-path.green{background:#f5fae9;border-color:#dbe9bf}.cpx-path .tag{display:inline-block;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#5b7e00;margin-bottom:.45rem}.cpx-path h3{font-size:1.15rem;margin:0 0 .35rem;color:#151914}.cpx-path p{font-size:.83rem;line-height:1.55;color:#667063;margin:0}.cpx-path a{display:inline-flex;margin-top:.65rem;color:#151914;font-weight:900;text-decoration:none}.cpx-path a:hover{text-decoration:underline}
.cpx-catalogue-tools-v40{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.cpx-catalogue-tools-v40 label{display:flex;flex-direction:column;gap:.3rem;font-size:.7rem;font-weight:800;color:#657062}.cpx-catalogue-tools-v40 select{min-width:180px;border:1px solid #dfe5db;background:#fff;color:#171b15;border-radius:10px;padding:.65rem .75rem;font:inherit}.cpx-fast-badge{position:absolute;left:.7rem;top:.7rem;z-index:3;background:#11150f;color:#fff;border-radius:999px;padding:.34rem .55rem;font-size:.65rem;font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.14)}.product-card{position:relative}.product-cta.cpx-priced{background:#11150f!important;color:#fff!important;border-radius:10px;padding:.55rem .72rem!important}.product-cta.cpx-quote{background:#f4f8ec!important;color:#527600!important;border:1px solid #d9e6c5;border-radius:10px;padding:.55rem .72rem!important}
.product-mobile-bar.cpx-v40{gap:.5rem}.product-mobile-bar.cpx-v40 .pm-buy{flex:1;background:#11150f;color:#fff;border:0;border-radius:10px;padding:.78rem .75rem;font:inherit;font-weight:900;cursor:pointer}.product-mobile-bar.cpx-v40 .pm-wa{flex:1}
@media(max-width:760px){.cpx-formulas,.cpx-paths{grid-template-columns:1fr}.cpx-commerce-mini{grid-template-columns:1fr}.cpx-commerce{padding:.9rem}.cpx-commerce-top{align-items:flex-start}.cpx-commerce-ok{border-radius:10px}.cpx-catalogue-tools-v40{display:grid;grid-template-columns:1fr}.cpx-catalogue-tools-v40 select{width:100%}}
