/* Каталог наследует светлую визуальную систему главной ChannelPack. */
.bc-page { --bc-gap:clamp(1rem,2.2vw,1.7rem); }
.bc-page .bc-intro,.bc-page .bc-detail { padding-top:7.25rem; }
.bc-breadcrumbs { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; color:var(--home-muted); font-size:.75rem; margin-bottom:2rem; }
.bc-breadcrumbs a:hover { color:var(--home-blue); }
.bc-intro__copy { align-items:end; gap:3rem; padding-bottom:2rem; }
.bc-eyebrow { display:block; margin-bottom:.85rem; color:var(--home-purple); font-size:.75rem; font-weight:650; }
.bc-page h1 { margin:0; font:700 clamp(1.9rem,3.8vw,3.4rem)/1.2 Unbounded,sans-serif; letter-spacing:-.055em; }
.bc-intro__copy p,.bc-detail__heading>p { color:var(--home-muted); max-width:49rem; line-height:1.75; }
.bc-intro__copy p { margin:0 0 .25rem; }
.bc-topics { display:flex; flex-wrap:wrap; gap:.5rem; padding-block:1rem; border-top:1px solid var(--home-line); }
.bc-topics a { padding:.65rem .85rem; background:var(--portal-color-surface-secondary); border-radius:.45rem; font-size:.78rem; }
.bc-topics a:hover { color:var(--home-blue); background:var(--portal-color-blue-light); }
.bc-colors { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; padding-block:.5rem 1.6rem; }
.bc-colors>span { margin-right:.35rem; color:var(--home-muted); font-size:.75rem; }
.bc-colors a { display:flex; align-items:center; gap:.4rem; min-height:2.75rem; font-size:.68rem; }
.bc-colors i,.bc-variant i { display:block; width:1.25rem; height:1.25rem; background:var(--swatch); border:1px solid var(--home-line); border-radius:50%; flex-shrink:0; }
.bc-colors a:hover { color:var(--home-blue); }
.bc-results { padding-bottom:1rem; }
.bc-filters { background:var(--portal-color-surface-secondary); border:1px solid var(--home-line); border-radius:.7rem; padding:1rem; }
.bc-search { display:flex; border-bottom:1px solid var(--home-line); padding-bottom:1rem; gap:.7rem; }
.bc-search input { min-width:0; flex:1; border:1px solid var(--home-line); background:var(--home-paper); color:var(--home-ink); border-radius:.4rem; padding:.7rem 1rem; font:inherit; }
.bc-search button,.bc-filter-submit { border:0; color:var(--home-paper); background:var(--home-blue); border-radius:.4rem; padding:.65rem 1rem; cursor:pointer; font:600 .8rem Onest,sans-serif; min-height:2.75rem; }
.bc-search button { display:flex; gap:1.25rem; align-items:center; }
.bc-search button:hover,.bc-filter-submit:hover { background:var(--portal-color-blue-deep); }
.bc-filter-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; padding-top:1rem; align-items:end; }
.bc-filter { display:block; min-width:0; }
.bc-filter>span { display:block; color:var(--home-muted); font-size:.68rem; margin-bottom:.35rem; }
.bc-filter select { width:100%; min-height:2.75rem; border:1px solid var(--home-line); border-radius:.4rem; padding:.5rem 1.75rem .5rem .65rem; background:var(--home-paper); color:var(--home-ink); font:500 .76rem Onest,sans-serif; }
.bc-page :is(input,select):focus-visible { outline:3px solid var(--home-blue); outline-offset:3px; }
.bc-results__heading { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding-block:1.7rem 1.2rem; font-size:.75rem; }
.bc-results__heading h2 { margin:0; color:var(--home-ink); font-size:1.5rem; }
.bc-results__heading a { color:var(--home-blue); min-height:2.75rem; display:flex; align-items:center; }
.bc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.4rem var(--bc-gap); }
.bc-card { min-width:0; }
.bc-card__art { position:relative; }
.bc-preview { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:.6rem; background:var(--preview-bg,#17213b); isolation:isolate; }
.bc-preview__media { position:absolute; width:100%; height:100%; inset:0; object-fit:contain; display:block; }
.bc-preview__media[hidden],.bc-preview__toggle[hidden] { display:none; }
.bc-preview__status { position:absolute; inset:auto .85rem .75rem; z-index:1; color:#edf2fa; font-size:.68rem; pointer-events:none; text-shadow:0 1px 3px #17213b; }
.bc-preview[data-preview-ready="true"] .bc-preview__status { width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.bc-preview__toggle { position:absolute; z-index:4; right:.7rem; bottom:.7rem; display:grid; place-items:center; padding:0; width:44px; height:44px; border:1px solid #8e9bb1; border-radius:4px; background:rgba(23,33,59,.92); color:#edf2fa; cursor:pointer; }
.bc-preview__toggle svg { display:block; width:20px; height:20px; }
.bc-preview__toggle:hover { background:#17213b; }
.bc-card__preview-link { position:absolute; inset:0; z-index:2; border-radius:.6rem; }
.bc-card__badges { position:absolute; z-index:3; top:.75rem; left:.75rem; display:flex; gap:.35rem; align-items:center; }
.bc-card__access,.bc-card__layouts { display:inline-flex; align-items:center; gap:.3rem; min-height:25px; padding:.35rem .55rem; border-radius:.3rem; color:#edf2fa; background:rgba(23,33,59,.88); font-size:.62rem; line-height:1; }
.bc-preview__noscript { position:absolute; inset:auto .75rem 3.8rem; z-index:5; color:#edf2fa; background:#17213b; padding:.6rem; font-size:.75rem; }
.bc-card__heading { display:flex; align-items:center; gap:.7rem; padding-top:1rem; }
.bc-page .bc-card__heading h2 { font:650 1.02rem/1.45 Onest,sans-serif; letter-spacing:-.02em; margin:0; flex:1; }
.bc-card__arrow { color:var(--home-blue); }
.bc-card__heading a:hover { color:var(--home-blue); }
.bc-card__description { margin:.45rem 0 .7rem; color:var(--home-muted); font-size:.78rem; line-height:1.6; min-height:2.5rem; }
.bc-card__bottom { display:flex; gap:1rem; justify-content:space-between; align-items:center; }
.bc-swatches { display:flex; gap:.3rem; flex-wrap:wrap; }
.bc-swatch { display:grid; place-items:center; width:2.5rem; min-height:2.75rem; border-radius:50%; }
.bc-swatch>span { display:block; width:1.35rem; height:1.35rem; background:var(--swatch); border-radius:50%; border:1px solid var(--home-line); }
.bc-swatch[aria-current="true"]>span { outline:2px solid var(--home-ink); outline-offset:4px; }
.bc-card__statistics { color:var(--home-muted); font-size:.66rem; white-space:nowrap; }
.bc-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; margin-block:2.5rem 1.5rem; }
.bc-pagination a { display:grid; place-items:center; min-width:2.75rem; min-height:2.75rem; padding:.5rem; border:1px solid var(--home-line); border-radius:.4rem; font-size:.8rem; }
.bc-pagination a[aria-current="page"] { background:var(--home-blue); border-color:var(--home-blue); color:var(--home-paper); }
.bc-pagination a:hover { border-color:var(--home-blue); }
.bc-empty { padding-block:4rem; }
.bc-empty p { color:var(--home-muted); }
.bc-editor-link { display:flex; justify-content:space-between; gap:2rem; align-items:center; border-top:1px solid var(--home-line); margin-top:3rem; padding-block:3rem 4rem; }
.bc-editor-link h2 { font-size:clamp(1.4rem,2.5vw,2rem); }
.bc-editor-link p { font-size:.9rem; color:var(--home-muted); margin-bottom:0; }
.bc-editor-link .cp-button { flex-shrink:0; }
.bc-detail__heading { padding-bottom:1.5rem; }
.bc-detail__heading>p { margin:1rem 0 0; }
.bc-detail__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(17rem,21rem); gap:clamp(1.7rem,4vw,4rem); align-items:start; }
.bc-detail__visual { min-width:0; }
.bc-preview--main { border-radius:.8rem; }
.bc-preview--main .bc-preview__toggle { bottom:1rem; right:1rem; }
.bc-preview-caption { margin:.75rem 0 1.5rem; font-size:.72rem; color:var(--home-muted); }
.bc-description { font-size:.95rem; line-height:1.8; }
.bc-detail__aside { padding-block:.5rem 1.5rem; }
.bc-detail__action { width:100%; }
.bc-access-note { font-size:.75rem; color:var(--home-muted); margin-top:.9rem; }
.bc-variant-picker { margin-top:1.7rem; }
.bc-page :is(.bc-variant-picker,.bc-detail__links) h2 { font:650 .88rem/1.5 Onest,sans-serif; letter-spacing:0; margin:0 0 .75rem; }
.bc-variant-picker nav { display:flex; flex-direction:column; gap:.35rem; }
.bc-variant { display:flex; align-items:center; gap:.75rem; padding:.6rem; border-radius:.4rem; border:1px solid transparent; font-size:.76rem; min-height:2.75rem; }
.bc-variant>span:nth-child(2) { flex:1; }
.bc-variant>span:last-child { color:var(--home-blue); }
.bc-variant[aria-current="page"] { border-color:var(--home-line); background:var(--portal-color-surface-secondary); }
.bc-variant:hover { color:var(--home-blue); }
.bc-properties { margin:1.6rem 0; border-block:1px solid var(--home-line); padding-block:.4rem; }
.bc-properties>div { display:flex; justify-content:space-between; gap:1rem; padding-block:.7rem; font-size:.73rem; }
.bc-properties dt { color:var(--home-muted); }
.bc-properties dd { margin:0; text-align:right; font-weight:550; }
.bc-detail__links { margin-top:1.5rem; }
.bc-detail__links>a { display:flex; justify-content:space-between; gap:1rem; align-items:center; font-size:.75rem; min-height:2.75rem; color:var(--home-blue); }
.bc-application { margin-top:3rem; }
.bc-application h2 { font-size:clamp(1.4rem,2.3vw,2rem); }
.bc-application h3 { font-size:.9rem; line-height:1.45; margin:0 0 .35rem; }
.bc-application>p:not(.bc-preview-caption),.bc-application__layout-estimate p,.bc-application__settings p { color:var(--home-muted); font-size:.9rem; line-height:1.75; }
.bc-application__layout-estimate { margin-top:1rem; padding:1rem 1.1rem; border-left:3px solid var(--home-blue); border-radius:.35rem; background:var(--portal-color-surface-secondary,#f4f6f8); }
.bc-application__layout-estimate p:last-child,.bc-application__settings p:last-child { margin-bottom:0; }
.bc-application__settings { margin-top:1rem; padding-top:.75rem; border-top:1px solid var(--home-line); }
.bc-application__settings h3 { color:var(--home-ink); }
.bc-preview--example { max-width:38rem; }
.bc-preview__example { position:absolute; z-index:1; inset:0; display:flex; flex-direction:column; justify-content:center; padding:7%; color:#f4f6fa; background:linear-gradient(90deg,rgba(20,28,45,.72),rgba(20,28,45,0)); pointer-events:none; }
.bc-preview__example>span { font-size:clamp(.6rem,1vw,.8rem); margin-bottom:.6rem; }
.bc-preview__example>strong { font:650 clamp(1.15rem,2vw,1.75rem)/1.35 Unbounded,sans-serif; letter-spacing:-.04em; }
.bc-related { margin-top:4rem; border-top:1px solid var(--home-line); padding-block:3rem 4rem; }
.bc-section-heading { display:flex; justify-content:space-between; align-items:center; gap:2rem; margin-bottom:1.5rem; }
.bc-section-heading h2 { margin:0; font-size:clamp(1.4rem,2.5vw,2rem); }
@media (max-width:1050px) { .bc-filter-fields { grid-template-columns:repeat(3,minmax(0,1fr)); } .bc-filter-submit { grid-column:3; } .bc-detail__grid { grid-template-columns:minmax(0,1fr) minmax(16rem,18rem); gap:1.5rem; } }
@media (max-width:760px) { .bc-intro__copy { grid-template-columns:1fr; gap:1.25rem; } .bc-page .bc-intro,.bc-page .bc-detail { padding-top:6rem; } .bc-breadcrumbs { margin-bottom:1.5rem; } .bc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .bc-detail__grid { grid-template-columns:1fr; } .bc-detail__aside,.bc-detail__visual { display:contents; } .bc-detail__aside>.bc-eyebrow { display:none; } .bc-preview--main { grid-row:1; } .bc-detail__visual>.bc-preview-caption { grid-row:2; margin:0; } .bc-detail__action { grid-row:3; } .bc-access-note { grid-row:4; margin:0; } .bc-variant-picker { grid-row:5; margin-top:.5rem; } .bc-properties { grid-row:6; margin-block:1rem; } .bc-description { grid-row:9; } .bc-application { grid-row:10; margin-top:1rem; } .bc-editor-link { align-items:start; flex-direction:column; } .bc-section-heading { align-items:start; flex-direction:column; gap:.5rem; } }
@media (max-width:480px) { .bc-grid { grid-template-columns:1fr; gap:1.9rem; } .bc-filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } .bc-filter-submit { grid-column:1 / -1; } .bc-search button { padding-inline:.85rem; gap:.4rem; } .bc-search input { font-size:.8rem; padding-inline:.7rem; } .bc-colors a span { display:none; } .bc-colors i { width:1.4rem; height:1.4rem; } .bc-colors a { min-width:2.25rem; justify-content:center; } .bc-intro__copy { padding-bottom:1.5rem; } .bc-page h1 { font-size:1.85rem; overflow-wrap:anywhere; } .bc-topics a { font-size:.72rem; padding:.55rem .65rem; } .bc-results__heading { font-size:.7rem; } }
@media (prefers-reduced-motion:reduce) { .bc-page * { scroll-behavior:auto; } .bc-page .cp-button { transition:none; } }

/* Окно редактора использует общую оболочку и её полноэкранные стили. */
.bc-inline-editor__status{padding:12px 0;color:var(--project-muted,#667186)}
.bc-preview[data-preview-loading="true"]::after {
    content: ""; position: absolute; z-index: 2;
    top: 50%; left: 50%; width: 28px; height: 28px;
    box-sizing: border-box; border: 3px solid var(--home-line); border-top-color: var(--home-blue);
    border-radius: 50%; background: var(--home-paper); box-shadow: 0 0 0 6px var(--home-paper);
    pointer-events: none; animation: bc-preview-loading .8s linear infinite;
}
@keyframes bc-preview-loading { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .bc-preview[data-preview-loading="true"]::after { animation: none; transform: translate(-50%, -50%); }
}