.ccat-card:has(.ccat-logo-beta) .ccat-logo-box { background:#111820; }
.ccat-logo-beta { height:auto!important; max-height:88px!important; max-width:275px!important; object-fit:contain; width:88%!important; }
.bta-shell { --bta-blue:#0051a4; --bta-cyan:#00a9e8; --bta-yellow:#ffd400; --bta-orange:#f58220; --bta-ink:#101820; color:#172033; margin:0 auto; max-width:1520px; padding:18px 22px 72px; }
.bta-topbar { align-items:center; display:flex; justify-content:space-between; margin-bottom:16px; min-height:42px; }
.bta-status { background:#fff6ea; border:1px solid #ffc681; border-radius:999px; color:#8a3f00; font-size:11px; font-weight:900; letter-spacing:.055em; padding:9px 13px; text-transform:uppercase; }
.bta-hero { background:#09131d; border:1px solid #182534; border-radius:24px; box-shadow:0 18px 42px rgba(9,26,45,.2); color:#fff; isolation:isolate; min-height:430px; overflow:hidden; position:relative; }
.bta-hero::before { background:linear-gradient(90deg,#f58220 0 28%,#ffd400 28% 49%,#00a9e8 49% 72%,#0051a4 72%); content:""; height:8px; left:0; position:absolute; top:0; width:100%; z-index:4; }
.bta-hero::after { background:radial-gradient(circle at 76% 50%,rgba(245,130,32,.08),transparent 36%); content:""; inset:0; pointer-events:none; position:absolute; z-index:-1; }
.bta-hero-background { height:100%; inset:0; object-fit:cover; object-position:center; position:absolute; width:100%; z-index:-2; }
.bta-hero-overlay { background:linear-gradient(90deg,rgba(5,13,22,.97) 0%,rgba(5,13,22,.92) 37%,rgba(5,13,22,.48) 58%,rgba(5,13,22,.06) 82%); inset:0; position:absolute; z-index:-1; }
.bta-hero-copy { display:flex; flex-direction:column; justify-content:center; min-height:430px; padding:42px clamp(30px,5vw,72px); position:relative; width:min(61%,760px); z-index:2; }
.bta-kicker { color:#ffd28f; font-size:11px; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
.bta-logo { background:#fff; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.24); height:74px; margin:18px 0 16px; object-fit:contain; object-position:left center; padding:11px 17px; width:260px; }
.bta-title { font-size:clamp(2rem,4.2vw,4.25rem); font-weight:950; letter-spacing:-.055em; line-height:.98; margin:0; max-width:760px; text-wrap:balance; }
.bta-lead { color:#e4f3ff; font-size:clamp(1rem,1.35vw,1.17rem); line-height:1.55; margin:17px 0 0; max-width:560px; }
.bta-hero-facts { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:24px; }
.bta-hero-fact { align-items:baseline; display:flex; gap:7px; }
.bta-hero-fact strong { color:#ff9a3d; font-size:1.2rem; }
.bta-hero-fact span { color:#b8d8ee; font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.bta-controls { background:#fff; border:1px solid #dce3eb; border-radius:22px; box-shadow:0 12px 30px rgba(16,24,40,.065); display:grid; gap:21px; margin:20px 0 28px; padding:22px; }
.bta-search { display:grid; gap:8px; }
.bta-search>span,.bta-filter-label { color:#4e5868; font-size:11px; font-weight:950; letter-spacing:.09em; text-transform:uppercase; }
.bta-search-input { background:#f7f9fc; border:1px solid #ced8e3; border-radius:14px; color:#142033; font:inherit; font-size:16px; min-height:54px; outline:none; padding:0 17px; width:100%; }
.bta-search-input:focus { border-color:var(--bta-cyan); box-shadow:0 0 0 4px rgba(0,164,228,.17); }
.bta-filter-block { display:grid; gap:10px; }
.bta-filter-list { display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.bta-filter { background:var(--bta-ink); border:2px solid #173b5a; border-radius:17px; box-shadow:0 8px 20px rgba(16,24,40,.09); cursor:pointer; height:168px; overflow:hidden; padding:0; position:relative; text-align:left; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.bta-filter:hover,.bta-filter:focus-visible { border-color:var(--bta-orange); box-shadow:0 12px 28px rgba(245,130,32,.22); outline:none; transform:translateY(-2px); }
.bta-filter.is-active { border-color:var(--bta-orange); box-shadow:0 0 0 3px rgba(245,130,32,.28),0 12px 26px rgba(16,24,40,.13); }
.bta-filter-image { filter:saturate(.88); height:100%; inset:0; object-fit:cover; object-position:center; opacity:.2; position:absolute; transition:filter .25s ease,opacity .25s ease,transform .25s ease; width:100%; }
.bta-filter:hover .bta-filter-image,.bta-filter:focus-visible .bta-filter-image,.bta-filter.is-active .bta-filter-image { filter:saturate(1.08); opacity:.88; transform:scale(1.035); }
.bta-filter-tint { background:linear-gradient(90deg,rgba(4,16,29,.98),rgba(4,16,29,.7) 54%,rgba(4,16,29,.09)); inset:0; position:absolute; transition:opacity .25s ease; }
.bta-filter:hover .bta-filter-tint,.bta-filter:focus-visible .bta-filter-tint,.bta-filter.is-active .bta-filter-tint { opacity:.84; }
.bta-filter-copy { color:#fff; display:flex; flex-direction:column; gap:5px; left:18px; max-width:77%; position:absolute; top:17px; z-index:2; }
.bta-filter-copy strong { font-size:clamp(1.15rem,1.8vw,1.55rem); font-weight:950; line-height:1.02; text-shadow:0 2px 8px rgba(0,0,0,.5); }
.bta-filter-copy span { color:#e8f4fb; font-size:11px; font-weight:800; line-height:1.28; text-shadow:0 2px 8px rgba(0,0,0,.7); }
.bta-commerce-hint { align-items:center; background:#fff7ee; border:1px solid #ffd1a4; border-left:4px solid var(--bta-orange); border-radius:14px; display:flex; gap:14px; justify-content:space-between; padding:12px 14px; }
.bta-commerce-hint strong { color:#8b4200; flex:0 0 auto; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.bta-commerce-hint span { color:#405064; font-size:12px; line-height:1.4; text-align:right; }
.bta-results-head { align-items:end; display:flex; justify-content:space-between; margin-bottom:16px; }
.bta-results-title { color:#9c4700; font-size:12px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.bta-results-count { color:#697486; font-size:14px; }
.bta-product-grid { display:grid; gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.bta-product { background:#fff; border:1px solid #dce3eb; border-radius:20px; box-shadow:0 10px 28px rgba(16,24,40,.06); display:flex; flex-direction:column; min-width:0; overflow:hidden; position:relative; }
.bta-product.is-featured::before { background:linear-gradient(90deg,var(--bta-orange),var(--bta-yellow),var(--bta-cyan)); content:""; height:4px; left:0; position:absolute; right:0; top:0; z-index:3; }
.bta-product-media { align-items:center; background:linear-gradient(145deg,#f9fbfd,#eef5fa); display:flex; justify-content:center; min-height:300px; padding:16px; position:relative; }
.bta-product-media .rp-catalog-gallery { width:100%; }
.bta-product-media .rp-catalog-gallery__stage { height:250px; width:100%; }
.bta-product-media .rp-catalog-gallery__image { height:100%; object-fit:contain; object-position:center; width:100%; }
.bta-photo-scope { background:rgba(17,24,32,.9); border:1px solid rgba(255,255,255,.8); border-radius:999px; bottom:13px; color:#fff; font-size:9px; font-weight:950; left:14px; letter-spacing:.055em; padding:6px 9px; position:absolute; text-transform:uppercase; z-index:3; }
.bta-image-missing { align-items:center; color:#718095; display:flex; flex-direction:column; gap:7px; justify-content:center; min-height:220px; }
.bta-image-missing strong { color:#0b5b92; font-size:1.55rem; font-weight:950; }
.bta-product-body { display:flex; flex:1; flex-direction:column; padding:18px; }
.bta-product-meta { display:flex; flex-wrap:wrap; gap:6px; }
.bta-badge { background:#edf3f8; border-radius:999px; color:#3e5268; font-size:10px; font-weight:950; padding:6px 8px; text-transform:uppercase; }
.bta-badge-featured { background:#fff4b8; border:1px solid #e3c63a; color:#4b3b00; }
.bta-badge-family { background:#fff0df; border:1px solid #ffd0a0; color:#8c4300; }
.bta-product-title { color:#132033; font-size:1.15rem; line-height:1.3; margin:12px 0 8px; }
.bta-description { color:#626e7e; font-size:12px; line-height:1.5; margin:0 0 14px; min-height:5.35em; }
.bta-specs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.bta-spec { background:#f4f7fa; border:1px solid #dde5ed; border-radius:8px; color:#34445a; font-size:10px; font-weight:850; line-height:1.25; padding:6px 8px; }
.bta-codes { border-bottom:1px solid #e7ecf1; border-top:1px solid #e7ecf1; display:grid; grid-template-columns:1fr 1fr; margin-bottom:13px; }
.bta-code,.bta-official-code { display:grid; gap:4px; min-width:0; padding:11px 8px 11px 0; }
.bta-official-code { border-left:1px solid #e7ecf1; padding-left:12px; }
.bta-code span,.bta-official-code span { color:#7c8797; font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.bta-official-code strong { color:#243247; font-size:13px; overflow-wrap:anywhere; }
.bta-code-search { background:var(--bta-orange); border:1px solid #d96a0e; border-radius:9px; color:#fff; cursor:pointer; font:950 14px/1.15 inherit; justify-self:start; min-height:36px; padding:8px 11px; text-align:left; }
.bta-code-search:hover { background:#ff9a3f; transform:translateY(-1px); }
.bta-code-search:focus-visible { outline:3px solid rgba(0,164,228,.32); outline-offset:2px; }
.bta-product-footer { align-items:flex-start; border-top:1px solid #e7ecf1; display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:14px; }
.bta-tech-link { color:#075d95; font-size:12px; font-weight:950; text-decoration:underline; text-decoration-color:#65bce8; text-underline-offset:3px; }
.bta-commerce-note { color:#657184; font-size:10px; font-weight:800; }
.bta-empty { background:#fff; border:1px dashed #bdc9d6; border-radius:18px; display:grid; gap:6px; grid-column:1/-1; padding:40px; text-align:center; }
.bta-empty span { color:#6b7685; }
.bta-load-more { background:#ffd400; border:1px solid #d9b700; border-radius:999px; color:#111820; cursor:pointer; display:block; font:950 13px/1 Outfit,Arial,sans-serif; margin:24px auto 0; min-height:48px; padding:0 24px; transition:background .2s ease,box-shadow .2s ease,transform .2s ease; }
.bta-load-more:hover { background:#ffe04c; box-shadow:0 10px 24px rgba(255,212,0,.24); transform:translateY(-1px); }
.bta-load-more:focus-visible { outline:3px solid rgba(0,169,232,.34); outline-offset:3px; }
.bta-load-more[hidden] { display:none; }
.bta-return { align-items:center; background:#fff; border:1px solid #dce3eb; border-left:4px solid #00a4e4; border-radius:15px; color:#27364a; display:flex; font-family:Outfit,Arial,sans-serif; gap:18px; justify-content:space-between; margin:0 0 18px; padding:14px 16px; }
.bta-return-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.bta-return-copy strong { color:#064f82; font-size:14px; }
.bta-return-copy span { color:#667386; font-size:12px; }
.bta-return-actions { align-items:center; display:flex; flex:0 0 auto; gap:8px; }
.bta-return-actions button { border-radius:999px; cursor:pointer; font:850 11px/1 Outfit,Arial,sans-serif; min-height:38px; padding:0 13px; }
.bta-return-primary { background:#ffd400; border:1px solid #d7b400; color:#131b24; }
.bta-return-secondary { background:#fff; border:1px solid #cbd5df; color:#334155; }
@media (max-width:1350px) { .bta-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .bta-hero-copy { width:68%; } }
@media (max-width:1050px) { .bta-filter-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .bta-hero-copy { width:78%; } }
@media (max-width:680px) {
  .bta-shell { padding:12px 12px 78px; }
  .bta-topbar { align-items:flex-start; flex-direction:column; gap:10px; }
  .bta-status { font-size:9px; }
  .bta-hero { border-radius:20px; min-height:500px; }
  .bta-hero-background { object-position:66% center; }
  .bta-hero-overlay { background:linear-gradient(180deg,rgba(5,19,34,.98) 0%,rgba(5,19,34,.91) 58%,rgba(5,19,34,.58) 100%); }
  .bta-hero-copy { justify-content:flex-start; min-height:500px; padding:34px 21px 52px; width:100%; }
  .bta-logo { height:60px; max-width:230px; }
  .bta-title { font-size:2.3rem; }
  .bta-controls { padding:16px; }
  .bta-filter-list { grid-template-columns:1fr; }
  .bta-filter { height:135px; }
  .bta-commerce-hint { align-items:flex-start; flex-direction:column; }
  .bta-commerce-hint span { text-align:left; }
  .bta-product-grid { grid-template-columns:1fr; }
  .bta-product-media { min-height:260px; }
  .bta-results-head { align-items:flex-start; flex-direction:column; gap:6px; }
  .bta-return { align-items:flex-start; flex-direction:column; }
  .bta-return-actions { flex-wrap:wrap; width:100%; }
}