.clcs-card,.clcs-offers,.clcs-qz{--ac:var(--accent-color,#22a7f0);--line:rgba(100,116,139,.28);--mut:#64748b;color:inherit;font-family:inherit}
.clcs-card{max-width:680px;margin:30px auto;padding:28px;border-radius:26px;border:1px solid var(--line);background:var(--surface-color,#fff);box-shadow:0 30px 60px -38px rgba(15,23,42,.5);display:grid;gap:12px}
.clcs-card h3{margin:0 0 4px;font-size:22px}
.clcs-card label{display:grid;gap:6px;font-weight:600;font-size:14px}
.clcs-card input[type=text],.clcs-card input[type=tel],.clcs-card input[type=email],.clcs-card input[type=number],.clcs-card input[type=date],.clcs-card select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-color,#fff);color:inherit;font:inherit}
.clcs-card input:focus,.clcs-card select:focus{outline:3px solid color-mix(in srgb,var(--ac) 35%,transparent);border-color:var(--ac)}
.clcs-card input[type=range]{width:100%;accent-color:var(--ac)}
.clcs-card output{float:right;color:var(--ac)}
.clcs-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.clcs-two{grid-template-columns:1fr}}
.clcs-btn{display:inline-block;border:0;border-radius:99px;padding:13px 26px;background:var(--ac,#22a7f0);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;transition:.2s;font-size:15px}
.clcs-btn:hover{filter:brightness(1.08);transform:translateY(-2px);color:#fff}
.clcs-btn.is-alt{background:transparent;color:var(--ac,#22a7f0);border:1.5px solid var(--ac,#22a7f0)}.clcs-btn.is-alt:hover{background:var(--ac,#22a7f0);color:#fff}
.clcs-btn[disabled]{opacity:.6;cursor:wait}
.clcs-link{border:0;background:none;color:var(--mut);cursor:pointer;justify-self:start;padding:0;font:inherit}
.clcs-msg{margin:0;min-height:1.3em;font-weight:600}.clcs-msg.ok{color:#15803d}.clcs-msg.err{color:#be123c}
.clcs-muted{color:var(--mut);margin:0}
.clcs-acc{border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:0;display:grid;gap:6px}.clcs-acc legend{font-weight:700;padding:0 6px}
.clcs-acc label{display:flex;align-items:center;gap:8px;font-weight:500}.clcs-acc em{margin-left:auto;color:var(--mut);font-style:normal;font-size:13px}
.clcs-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.clcs-sum div{padding:12px;border-radius:16px;background:rgba(100,116,139,.1);text-align:center}.clcs-sum .is-hl{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 22%,transparent),rgba(124,58,237,.14))}
.clcs-sum small{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.clcs-sum strong{font-size:16px}
@media(max-width:560px){.clcs-sum{grid-template-columns:1fr}}
.clcs-result{padding:16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 18%,transparent),rgba(124,58,237,.12));text-align:center}
.clcs-result strong{display:block;font-size:26px;margin:4px 0}.clcs-result p{margin:6px 0 0;color:var(--mut)}
.clcs-slots{display:flex;flex-wrap:wrap;gap:8px}
.clcs-slot{border:1px solid var(--line);background:transparent;color:inherit;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600}.clcs-slot.is-on,.clcs-slot:hover{background:var(--ac);border-color:var(--ac);color:#fff}
.clcs-file input{margin-top:4px}
/* tags */
.clcs-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.clcs-deal,.clcs-stock{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}
.clcs-deal{background:linear-gradient(120deg,#f97316,#e11d48);color:#fff}.clcs-stock{background:#fef3c7;color:#b45309}
/* offers */
.clcs-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.clcs-offer{padding:24px;border-radius:24px;color:#fff;background:radial-gradient(500px 200px at 100% 0,rgba(255,255,255,.25),transparent),linear-gradient(130deg,#be123c,#f97316);display:grid;gap:8px;align-content:start}
.clcs-offer h3{margin:0;color:#fff}.clcs-offer p{margin:0;opacity:.92}.clcs-badge{justify-self:start;background:rgba(255,255,255,.22);border-radius:99px;padding:3px 12px;font-size:12px;font-weight:700}
.clcs-count{font-weight:700;font-variant-numeric:tabular-nums}.clcs-offer .clcs-btn{background:#fff;color:#be123c;justify-self:start}
.clcs-chip{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9980;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:99px;color:#fff;background:linear-gradient(120deg,#be123c,#f97316);box-shadow:0 18px 40px -14px rgba(190,18,60,.7);max-width:calc(100vw - 24px);animation:clcs-up .5s both}
.clcs-chip strong{display:block;font-size:14px}.clcs-chip small{display:block;opacity:.92;font-variant-numeric:tabular-nums}
.clcs-chip a{background:#fff;color:#be123c;border-radius:99px;padding:6px 14px;font-weight:700;text-decoration:none;font-size:13px;white-space:nowrap}
.clcs-chip button{border:0;background:rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}
@keyframes clcs-up{from{opacity:0;transform:translate(-50%,20px)}}
@media(max-width:991.98px){.clcs-chip{bottom:84px}}
/* vehicle block */
.clcs-vsec{padding:60px 0}.clcs-vhead{text-align:center;margin:0 0 18px}.clcs-vhead span{display:inline-block;padding:4px 14px;border-radius:99px;background:color-mix(in srgb,var(--accent-color,#22a7f0) 14%,transparent);color:var(--accent-color,#22a7f0);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.clcs-vhead h2{margin:8px 0 0;font-size:clamp(24px,3.5vw,36px)}
.clcs-video{max-width:900px;margin:0 auto 40px;border-radius:24px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 30px 60px -34px rgba(2,8,23,.7);background:#000}
.clcs-video iframe,.clcs-video video{width:100%;height:100%;border:0;display:block}
.clcs-vcta{text-align:center;margin-top:8px}
.clcs-vsec .clcs-tags{justify-content:center;margin-bottom:14px}
/* quiz */
.clcs-qz{max-width:760px}
.clcs-prog{height:6px;border-radius:99px;background:rgba(100,116,139,.2);overflow:hidden}.clcs-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),#7c3aed);transition:width .4s}
.clcs-opts{display:grid;gap:10px}.clcs-opts.is-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.clcs-opt{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1.5px solid var(--line);border-radius:16px;background:transparent;color:inherit;font:600 15px inherit;cursor:pointer;text-align:left;transition:.2s}
.clcs-opt:hover{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent);transform:translateX(4px)}.clcs-opt .ic{font-size:26px}
.clcs-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.clcs-rcard{border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:var(--surface-color,#fff);animation:clcs-up2 .5s both}
@keyframes clcs-up2{from{opacity:0;transform:translateY(14px)}}
.clcs-rimg{aspect-ratio:16/10;background:linear-gradient(135deg,#e8f4fd,#eef2ff)}.clcs-rimg img{width:100%;height:100%;object-fit:cover;display:block}
.clcs-rbody{padding:12px 14px 14px;display:grid;gap:4px}.clcs-rbody h4{margin:0;font-size:16px}.clcs-rprice{font-weight:800;color:var(--ac)}.clcs-rbody small{color:var(--mut)}
.clcs-rbody ul{list-style:none;margin:4px 0;padding:0;font-size:12px;color:#15803d}
.clcs-ractions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.clcs-ractions .clcs-btn{padding:8px 14px;font-size:13px}
.clcs-capture{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:6px}.clcs-capture input{padding:12px 14px;border-radius:12px;border:1px solid var(--line);font:inherit;background:var(--surface-color,#fff);color:inherit}
.clcs-capture .clcs-msg{grid-column:1/-1}
@media(max-width:640px){.clcs-capture{grid-template-columns:1fr}}
.clcs-ref input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(100,116,139,.08);font:inherit}
.clcs-qact{display:flex;gap:10px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.clcs-chip,.clcs-rcard{animation:none}.clcs-opt,.clcs-btn{transition:none}}

/* printable quotation page */
.clcs-qbody{margin:0;background:#eef2f7;font-family:Poppins,system-ui,sans-serif;color:#0f172a}
.clcs-qpage{max-width:760px;margin:24px auto;background:#fff;padding:40px;border-radius:20px;box-shadow:0 30px 60px -40px rgba(15,23,42,.5);--ac:var(--accent-color,#22a7f0)}
.clcs-qhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:3px solid var(--ac);padding-bottom:18px}.clcs-qhead img{max-height:56px}
.clcs-qmeta{text-align:right;font-size:13px;color:#475569}.clcs-qmeta b{font-size:18px;color:var(--ac);letter-spacing:.1em}
.clcs-qcust{margin:22px 0;display:grid;gap:2px}.clcs-qcust small{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.clcs-qcust strong{font-size:20px}
.clcs-qtable{width:100%;border-collapse:collapse}.clcs-qtable td{padding:12px 4px;border-bottom:1px solid #e2e8f0}.clcs-qtable td:last-child{text-align:right;white-space:nowrap}
.clcs-qtable .is-disc td{color:#15803d}.clcs-qtable .is-total td{font-size:20px;font-weight:800;border-bottom:0;border-top:2px solid #0f172a}
.clcs-qemi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.clcs-qemi div{padding:14px;border-radius:14px;background:#f1f5f9;text-align:center}.clcs-qemi .is-hl{background:var(--ac);color:#fff}
.clcs-qemi small{display:block;font-size:11px;opacity:.85}.clcs-qemi strong{font-size:18px}
.clcs-qvalid{font-weight:700;color:#15803d}.clcs-qvalid.is-bad{color:#be123c}.clcs-qterms{font-size:12px;color:#64748b}
.clcs-qact{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.clcs-qbody .clcs-btn.is-alt{color:var(--ac)}
@media(max-width:600px){.clcs-qpage{margin:0;border-radius:0;padding:22px}.clcs-qemi{grid-template-columns:1fr}}
@media print{.clcs-qbody{background:#fff}.clcs-qpage{box-shadow:none;margin:0;max-width:none}.clcs-qact{display:none}.clcs-qemi .is-hl{-webkit-print-color-adjust:exact;print-color-adjust:exact}}