.ccat-card:has(.ccat-logo-ctek) .ccat-logo-box { background:#fff; }
.ccat-logo-ctek { height:auto!important; max-height:82px!important; max-width:260px!important; object-fit:contain; width:82%!important; }
.ctk-shell { --ctk-blue:#005ea8; --ctk-cyan:#00a4e4; --ctk-yellow:#ffd400; --ctk-ink:#091a2d; color:#172033; margin:0 auto; max-width:1520px; padding:18px 22px 72px; }
.ctk-topbar { align-items:center; display:flex; justify-content:space-between; margin-bottom:16px; min-height:42px; }
.ctk-status { background:#eef8ff; border:1px solid #a7d8f4; border-radius:999px; color:#064f82; font-size:11px; font-weight:900; letter-spacing:.055em; padding:9px 13px; text-transform:uppercase; }
.ctk-hero { background:#071a2e; border:1px solid #163b5d; border-radius:24px; box-shadow:0 18px 42px rgba(9,26,45,.2); color:#fff; isolation:isolate; min-height:430px; overflow:hidden; position:relative; }
.ctk-hero::before { background:linear-gradient(90deg,#ffcf00 0 23%,#00a4e4 23% 48%,#e11d2e 48% 70%,#6f2da8 70% 86%,#00a35a 86%); content:""; height:8px; left:0; position:absolute; top:0; width:100%; z-index:4; }
.ctk-hero-background { height:100%; inset:0; object-fit:cover; object-position:center; position:absolute; width:100%; z-index:-2; }
.ctk-hero-overlay { background:linear-gradient(90deg,rgba(5,19,34,.98) 0%,rgba(5,19,34,.94) 36%,rgba(5,19,34,.48) 65%,rgba(5,19,34,.08) 100%); inset:0; position:absolute; z-index:-1; }
.ctk-hero-copy { display:flex; flex-direction:column; justify-content:center; min-height:430px; padding:46px clamp(30px,5vw,72px); position:relative; width:min(64%,850px); z-index:2; }
.ctk-kicker { color:#84d8ff; font-size:11px; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
.ctk-logo { filter:brightness(0) invert(1); height:78px; margin:18px 0 16px; max-width:330px; object-fit:contain; object-position:left center; width:auto; }
.ctk-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; }
.ctk-lead { color:#e4f3ff; font-size:clamp(1rem,1.35vw,1.17rem); line-height:1.55; margin:17px 0 0; max-width:700px; }
.ctk-hero-facts { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:24px; }
.ctk-hero-fact { align-items:baseline; display:flex; gap:7px; }
.ctk-hero-fact strong { color:#fff; font-size:1.2rem; }
.ctk-hero-fact span { color:#b8d8ee; font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.ctk-hero-products { bottom:3%; height:76%; pointer-events:none; position:absolute; right:1.5%; width:43%; z-index:1; }
.ctk-hero-product { filter:drop-shadow(0 24px 24px rgba(0,0,0,.42)); object-fit:contain; position:absolute; }
.ctk-hero-mxs { bottom:2%; left:0; transform:rotate(-4deg); width:72%; }
.ctk-hero-njord { bottom:3%; right:0; width:55%; }
.ctk-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; }
.ctk-search { display:grid; gap:8px; }
.ctk-search>span,.ctk-filter-label { color:#4e5868; font-size:11px; font-weight:950; letter-spacing:.09em; text-transform:uppercase; }
.ctk-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%; }
.ctk-search-input:focus { border-color:var(--ctk-cyan); box-shadow:0 0 0 4px rgba(0,164,228,.17); }
.ctk-filter-block { display:grid; gap:10px; }
.ctk-filter-list { display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.ctk-filter { background:var(--ctk-ink); border:2px solid #173b5a; border-radius:17px; box-shadow:0 8px 20px rgba(16,24,40,.09); cursor:pointer; height:150px; overflow:hidden; padding:0; position:relative; text-align:left; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.ctk-filter:hover,.ctk-filter:focus-visible { border-color:var(--ctk-cyan); box-shadow:0 12px 28px rgba(0,94,168,.19); outline:none; transform:translateY(-2px); }
.ctk-filter.is-active { border-color:var(--ctk-yellow); box-shadow:0 0 0 3px rgba(255,212,0,.3),0 12px 26px rgba(16,24,40,.13); }
.ctk-filter-image { height:100%; inset:0; object-fit:cover; object-position:center; opacity:.2; position:absolute; transition:opacity .25s ease,transform .25s ease; width:100%; }
.ctk-filter:hover .ctk-filter-image,.ctk-filter:focus-visible .ctk-filter-image,.ctk-filter.is-active .ctk-filter-image { opacity:.78; transform:scale(1.035); }
.ctk-filter-tint { background:linear-gradient(90deg,rgba(4,22,39,.97),rgba(4,22,39,.58) 64%,rgba(4,22,39,.12)); inset:0; position:absolute; }
.ctk-filter-copy { color:#fff; display:flex; flex-direction:column; gap:5px; left:18px; max-width:77%; position:absolute; top:17px; z-index:2; }
.ctk-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); }
.ctk-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); }
.ctk-commerce-hint { align-items:center; background:#f1f9ff; border:1px solid #b9dcf2; border-left:4px solid var(--ctk-cyan); border-radius:14px; display:flex; gap:14px; justify-content:space-between; padding:12px 14px; }
.ctk-commerce-hint strong { color:#064f82; flex:0 0 auto; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.ctk-commerce-hint span { color:#405064; font-size:12px; line-height:1.4; text-align:right; }
.ctk-results-head { align-items:end; display:flex; justify-content:space-between; margin-bottom:16px; }
.ctk-results-title { color:#064f82; font-size:12px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.ctk-results-count { color:#697486; font-size:14px; }
.ctk-product-grid { display:grid; gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.ctk-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; }
.ctk-product.is-featured::before { background:linear-gradient(90deg,var(--ctk-yellow),var(--ctk-cyan)); content:""; height:4px; left:0; position:absolute; right:0; top:0; z-index:3; }
.ctk-product-media { align-items:center; background:linear-gradient(145deg,#f9fbfd,#eef5fa); display:flex; justify-content:center; min-height:300px; padding:16px; position:relative; }
.ctk-product-media .rp-catalog-gallery { width:100%; }
.ctk-product-media .rp-catalog-gallery__stage { height:250px; width:100%; }
.ctk-product-media .rp-catalog-gallery__image { height:100%; object-fit:contain; object-position:center; width:100%; }
.ctk-image-missing { align-items:center; color:#718095; display:flex; flex-direction:column; gap:7px; justify-content:center; min-height:220px; }
.ctk-image-missing strong { color:#0b5b92; font-size:1.55rem; font-weight:950; }
.ctk-product-body { display:flex; flex:1; flex-direction:column; padding:18px; }
.ctk-product-meta { display:flex; flex-wrap:wrap; gap:6px; }
.ctk-badge { background:#edf3f8; border-radius:999px; color:#3e5268; font-size:10px; font-weight:950; padding:6px 8px; text-transform:uppercase; }
.ctk-badge-featured { background:#fff4b8; border:1px solid #e3c63a; color:#4b3b00; }
.ctk-badge-family { background:#e7f6ff; border:1px solid #b7dcf2; color:#065d96; }
.ctk-product-title { color:#132033; font-size:1.15rem; line-height:1.3; margin:12px 0 8px; }
.ctk-description { color:#626e7e; font-size:12px; line-height:1.5; margin:0 0 14px; min-height:5.35em; }
.ctk-specs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.ctk-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; }
.ctk-codes { border-bottom:1px solid #e7ecf1; border-top:1px solid #e7ecf1; display:grid; grid-template-columns:1fr 1fr; margin-bottom:13px; }
.ctk-code,.ctk-official-code { display:grid; gap:4px; min-width:0; padding:11px 8px 11px 0; }
.ctk-official-code { border-left:1px solid #e7ecf1; padding-left:12px; }
.ctk-code span,.ctk-official-code span { color:#7c8797; font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.ctk-official-code strong { color:#243247; font-size:13px; overflow-wrap:anywhere; }
.ctk-code-search { background:var(--ctk-yellow); border:1px solid #d7b400; border-radius:9px; color:#101923; cursor:pointer; font:950 14px/1.15 inherit; justify-self:start; min-height:36px; padding:8px 11px; text-align:left; }
.ctk-code-search:hover { background:#ffe45f; transform:translateY(-1px); }
.ctk-code-search:focus-visible { outline:3px solid rgba(0,164,228,.32); outline-offset:2px; }
.ctk-product-footer { align-items:flex-start; border-top:1px solid #e7ecf1; display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:14px; }
.ctk-tech-link { color:#075d95; font-size:12px; font-weight:950; text-decoration:underline; text-decoration-color:#65bce8; text-underline-offset:3px; }
.ctk-commerce-note { color:#657184; font-size:10px; font-weight:800; }
.ctk-empty { background:#fff; border:1px dashed #bdc9d6; border-radius:18px; display:grid; gap:6px; grid-column:1/-1; padding:40px; text-align:center; }
.ctk-empty span { color:#6b7685; }
.ctk-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; }
.ctk-return-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.ctk-return-copy strong { color:#064f82; font-size:14px; }
.ctk-return-copy span { color:#667386; font-size:12px; }
.ctk-return-actions { align-items:center; display:flex; flex:0 0 auto; gap:8px; }
.ctk-return-actions button { border-radius:999px; cursor:pointer; font:850 11px/1 Outfit,Arial,sans-serif; min-height:38px; padding:0 13px; }
.ctk-return-primary { background:#ffd400; border:1px solid #d7b400; color:#131b24; }
.ctk-return-secondary { background:#fff; border:1px solid #cbd5df; color:#334155; }
@media (max-width:1350px) { .ctk-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ctk-hero-copy { width:70%; } .ctk-hero-products { opacity:.82; width:45%; } }
@media (max-width:1050px) { .ctk-filter-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .ctk-hero-copy { width:78%; } .ctk-hero-products { opacity:.45; } }
@media (max-width:680px) {
  .ctk-shell { padding:12px 12px 78px; }
  .ctk-topbar { align-items:flex-start; flex-direction:column; gap:10px; }
  .ctk-status { font-size:9px; }
  .ctk-hero { border-radius:20px; min-height:500px; }
  .ctk-hero-background { object-position:66% center; }
  .ctk-hero-overlay { background:linear-gradient(180deg,rgba(5,19,34,.98) 0%,rgba(5,19,34,.91) 58%,rgba(5,19,34,.58) 100%); }
  .ctk-hero-copy { justify-content:flex-start; min-height:500px; padding:34px 21px 150px; width:100%; }
  .ctk-logo { height:60px; max-width:230px; }
  .ctk-title { font-size:2.3rem; }
  .ctk-hero-products { bottom:-1%; height:35%; opacity:.86; right:-3%; width:77%; }
  .ctk-controls { padding:16px; }
  .ctk-filter-list { grid-template-columns:1fr; }
  .ctk-filter { height:135px; }
  .ctk-commerce-hint { align-items:flex-start; flex-direction:column; }
  .ctk-commerce-hint span { text-align:left; }
  .ctk-product-grid { grid-template-columns:1fr; }
  .ctk-product-media { min-height:260px; }
  .ctk-results-head { align-items:flex-start; flex-direction:column; gap:6px; }
  .ctk-return { align-items:flex-start; flex-direction:column; }
  .ctk-return-actions { flex-wrap:wrap; width:100%; }
}