.ccol{--ccol-text:var(--k-text,#0d1217);--ccol-muted:var(--k-body,#56606b);--ccol-line:var(--k-line,#0d12171f);--ccol-red:var(--k-red-btn,#e10006);color:var(--ccol-text)}.ccol-stage{border:1px solid var(--ccol-line);scroll-margin-top:calc(var(--hdr-h,72px) + 12px);background:#fff;border-radius:10px;margin-bottom:30px;overflow:hidden;box-shadow:0 18px 40px #0d121712}.ccol-car-wrap{aspect-ratio:2;background:#eceef1;position:relative}.ccol-car--photo{object-fit:cover;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.ccol-car.is-loading{opacity:.6}.ccol-car-wrap--stock{aspect-ratio:auto;background:radial-gradient(at 50% 70%,#f6f6f8 0%,#e6e7ea 55%,#d3d4d8 100%);padding:5% 5% 3%}.ccol-car-wrap--stock .ccol-car{width:100%;height:auto;display:block}.ccol-now{flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px 0;display:flex}.ccol-now-text{flex-direction:column;flex:220px;gap:3px;min-width:0;display:flex}.ccol-now-text b{font-family:var(--font-display,inherit);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.15}.ccol-now-text span,.ccol-count{color:var(--ccol-muted);font-size:14px}.ccol-now-act{flex-wrap:wrap;gap:12px;display:flex}.ccol-note{color:var(--ccol-muted);margin:14px 24px 0;padding-bottom:18px;font-size:12.5px}.ccol-dot{width:44px;height:44px;box-shadow:0 0 0 1px var(--ccol-line), 0 4px 12px #0d12172e;vertical-align:middle;border:2px solid #fff;border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.ccol-dot--sm{width:12px;height:12px;box-shadow:0 0 0 1px var(--ccol-line);border-width:1px;margin-right:6px}.ccol-dot--gloss:after,.ccol-dot--metallic:after,.ccol-dot--pearl:after{content:"";background:radial-gradient(circle at 32% 28%,#ffffff8c,#fff0 45%);position:absolute;inset:0}.ccol-dot--metallic:before{content:"";background:repeating-radial-gradient(circle at 60% 60%,#ffffff1f 0 1px,#0000 1px 3px);position:absolute;inset:0}.ccol-dot--pearl:before{content:"";background:linear-gradient(135deg,#ffffff2e,#aac8ff1f,#ffd2e61f);position:absolute;inset:0}.ccol-dot--satin:after{content:"";background:radial-gradient(circle at 35% 30%,#ffffff38,#fff0 55%);position:absolute;inset:0}.ccol-filters{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.ccol-search{width:100%;max-width:440px;height:48px;color:var(--ccol-text);border:1px solid var(--ccol-line);background:#fff;border-radius:6px;padding:0 16px;font-size:15px}.ccol-search:focus{outline:2px solid var(--ccol-red);outline-offset:1px}.ccol-chips,.ccol-families{flex-wrap:wrap;gap:8px;display:flex}.ccol-chips button,.ccol-families button{color:var(--ccol-text);border:1px solid var(--ccol-line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.ccol-chips button:hover,.ccol-families button:hover{border-color:#0d121759}.ccol-chips button.on,.ccol-families button.on{color:#fff;border-color:var(--ccol-red);background:var(--ccol-red)}.ccol-families button span{border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0d12172e}.ccol-families button.on span{box-shadow:0 0 0 1px #fff}.ccol-count{margin:4px 0 12px}.ccol-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.ccol-card{text-align:left;border:1px solid var(--ccol-line);color:var(--ccol-text);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.ccol-card:hover{border-color:#0d12174d;transform:translateY(-2px);box-shadow:0 10px 24px #0d121714}.ccol-card.on{border-color:var(--ccol-red);box-shadow:0 0 0 1px var(--ccol-red)}.ccol-card-img{aspect-ratio:480/218;background:#eceef1;display:block}.ccol-card-img img{object-fit:cover;width:100%;height:100%;display:block}.ccol-fill{height:100%;display:block;position:relative;overflow:hidden}.ccol-card-text{flex-direction:column;gap:4px;padding:11px 13px 13px;display:flex}.ccol-card-text b{font-size:14px;font-weight:700;line-height:1.3}.ccol-card-text small{color:var(--ccol-muted);font-size:12px}.ccol-empty{color:var(--ccol-muted);padding:20px 0}@media (max-width:640px){.ccol-now{padding:16px 16px 0}.ccol-now-act{width:100%}.ccol-now-act .k-btn{flex:auto}.ccol-note{margin:12px 16px 0}.ccol-dot{width:36px;height:36px}.ccol-dot--sm{width:11px;height:11px}.ccol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ccol-card-text{padding:9px 10px 11px}.ccol-card-text b{font-size:13px}}@media (prefers-reduced-motion:reduce){.ccol-card,.ccol-car--photo{transition:none}}
