.ccp-page{background:var(--platform-surface);color:var(--platform-ink)}
.ccp-dialog{width:min(920px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:0;border:1px solid var(--platform-line);border-radius:20px;background:var(--platform-card);color:var(--platform-ink);box-shadow:0 25px 90px #071c4159;overflow:auto}
.ccp-dialog::backdrop{background:#071a3bb3;backdrop-filter:blur(5px)}
.ccp-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:var(--platform-card);border-bottom:1px solid var(--platform-line)}
.ccp-dialog-head h2{font-size:clamp(20px,2vw,27px);line-height:1.3;margin:0}.ccp-dialog-close{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--platform-line);border-radius:50%;background:var(--platform-surface);color:var(--platform-ink);font-size:25px;cursor:pointer}.ccp-dialog-close:hover,.ccp-dialog-close:focus-visible{border-color:var(--platform-accent);color:var(--platform-accent)}
.ccp-dialog-body{padding:22px 24px;min-height:180px;overflow-wrap:anywhere}.ccp-dialog-body[aria-busy=true]::before{content:"";display:block;width:36px;height:36px;margin:42px auto;border:3px solid var(--platform-line);border-top-color:var(--platform-accent);border-radius:50%;animation:ccp-spin .8s linear infinite}.ccp-dialog-body .sx-plan{width:100%;min-width:0;margin:0}
.ccp-dialog-body .sx-plan>h3,.ccp-dialog-body .cv-compare-check{display:none}
@keyframes ccp-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.ccp-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:14px}.ccp-dialog-head{padding:13px 16px}.ccp-dialog-body{padding:14px 12px}}
.ccp-catalog{padding-block:50px 90px}.ccp-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.ccp-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.035em;margin:8px 0 0}.ccp-heading>p{color:var(--platform-muted);font-size:13px}.ccp-filters{margin-bottom:18px}.ccp-result{color:var(--platform-muted);font-size:12px;margin:0 0 18px}.ccp-result strong{color:var(--platform-ink)}
.ccp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.ccp-card{display:flex;flex-direction:column;min-width:0;padding:23px;background:var(--platform-card);border:1px solid var(--platform-line);border-radius:18px;box-shadow:0 10px 35px #163a7708;transition:transform .25s,border-color .25s,box-shadow .25s}.ccp-card:hover{transform:translateY(-4px);border-color:#2457db80;box-shadow:0 18px 45px #163a771a}.ccp-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--platform-accent);font-size:11px;font-weight:650}.ccp-card h3{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:20px 0 5px}.ccp-type{font-size:11px;color:var(--platform-muted);min-height:25px;margin:0 0 14px}.ccp-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ccp-price strong{font-size:29px;line-height:1.3;letter-spacing:-.04em}.ccp-price>span{font-size:10px;color:var(--platform-muted)}.ccp-setup{font-size:10px;color:var(--platform-muted);margin:6px 0 17px}.ccp-specs{list-style:none;display:grid;gap:8px;margin:0 0 17px;padding:17px 0;border-block:1px solid var(--platform-line)}.ccp-specs li{font-size:12px;line-height:1.55;padding-inline-start:17px;position:relative}.ccp-specs li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--platform-accent)}.ccp-locations{font-size:11px;line-height:1.65;color:var(--platform-muted);margin:0 0 18px}.ccp-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.ccp-actions .button{min-height:43px;justify-content:center;padding:9px 11px;font-size:11px;text-align:center}.ccp-compare{display:flex;align-items:center;gap:8px;color:var(--platform-muted);font-size:11px;margin-top:16px}.ccp-compare input{accent-color:var(--platform-accent);width:16px;height:16px}.ccp-page .cv-compare-actions{margin-top:19px}.ccp-page .sx-pagination{margin-top:27px}
@media(max-width:1050px){.ccp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ccp-catalog{padding-block:36px 70px}.ccp-heading{display:block}.ccp-heading>p{margin-top:11px}.ccp-grid{grid-template-columns:minmax(0,1fr);gap:14px}.ccp-card{padding:20px}.ccp-actions{grid-template-columns:1fr 1fr}.ccp-page .cv-compare-actions{position:static}}
@media(max-width:360px){.ccp-actions{grid-template-columns:1fr}}
@media(max-width:700px){.ccp-page .cv-primary-filters,.ccp-page .cv-advanced-fields,.ccp-actions{grid-template-columns:minmax(0,1fr)}.ccp-actions .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.ccp-card{transition:none}.ccp-card:hover{transform:none}}
@media(hover:none),(pointer:coarse){.ccp-card:hover{transform:none}}