.ccat-card:has(.ccat-logo-rothen) .ccat-logo-box { background:#fff; }
.ccat-logo-rothen { height:auto!important; max-height:88px!important; max-width:240px!important; object-fit:contain; width:78%!important; }
.roth-shell { --bul-yellow:#ffd21a; --bul-yellow-dark:#b88900; --roth-red:#d71920; --roth-blue:#165395; }
.roth-status { border-color:#e0b7b8; color:#8f171b; }
.roth-hero { background:linear-gradient(90deg,rgba(2,10,22,.98) 0 34%,rgba(2,10,22,.86) 47%,rgba(2,10,22,.28) 69%,rgba(2,10,22,.04) 100%),url('/assets/catalogs/rothen/category-art/hero-c2-v2.webp') center/cover no-repeat; border:1px solid #14385e; border-radius:24px; box-shadow:0 18px 42px rgba(7,26,49,.22); color:#fff; display:flex; min-height:420px; overflow:hidden; position:relative; }
.roth-hero::before { background:linear-gradient(90deg,#ffd21a 0 22%,#d71920 22% 52%,#165395 52% 82%,#fff 82%); content:""; height:9px; left:0; position:absolute; right:0; top:0; z-index:3; }
.roth-hero-copy { align-self:center; max-width:730px; padding:48px clamp(30px,4vw,64px); position:relative; z-index:2; }
.roth-kicker { color:#ffd21a; display:block; font-size:12px; font-weight:900; letter-spacing:.16em; margin-bottom:14px; text-transform:uppercase; }
.roth-logo { background:rgba(255,255,255,.96); border:1px solid rgba(255,255,255,.72); border-radius:13px; box-shadow:0 10px 28px rgba(0,0,0,.2); display:block; height:82px; margin:0 0 22px; max-width:320px; object-fit:contain; object-position:left center; padding:9px 15px; width:auto; }
.roth-hero h1 { font-size:clamp(2.1rem,4vw,4.15rem); letter-spacing:-.045em; line-height:.94; margin:0; max-width:780px; }
.roth-hero p { color:#f2f7fc; font-size:clamp(1rem,1.3vw,1.16rem); font-weight:650; line-height:1.55; margin:22px 0 0; max-width:665px; text-shadow:0 2px 14px rgba(0,0,0,.9); }
.roth-controls { margin-top:22px; }
.roth-categories { display:grid; gap:12px; grid-template-columns:repeat(5,minmax(0,1fr)); }
.roth-category { background:#071a31; border:2px solid transparent; border-bottom-color:#165395; border-radius:18px; cursor:pointer; min-height:205px; overflow:hidden; padding:0; position:relative; text-align:left; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.roth-category::after { background:linear-gradient(145deg,rgba(2,10,22,.84) 0 28%,rgba(2,10,22,.42) 48%,rgba(2,10,22,.03) 78%); content:""; inset:0; pointer-events:none; position:absolute; z-index:1; }
.roth-category-image { filter:saturate(.9) contrast(1.06); height:100%; inset:0; object-fit:cover; opacity:.58; position:absolute; transition:opacity .22s ease,filter .22s ease,transform .22s ease; width:100%; }
.roth-category-copy { border-left:4px solid #ffd21a; color:#fff; display:flex; flex-direction:column; gap:6px; left:16px; max-width:88%; padding:2px 0 3px 12px; position:absolute; top:17px; z-index:2; }
.roth-category-copy strong { font-size:clamp(1.12rem,1.3vw,1.42rem); line-height:1.02; text-shadow:0 2px 5px #000,0 0 16px rgba(0,0,0,.95); }
.roth-category-copy span { color:#fff; font-size:.76rem; font-weight:850; line-height:1.18; text-shadow:0 2px 4px #000,0 0 14px rgba(0,0,0,.98); }
.roth-category:hover,.roth-category:focus-visible { border-color:#d71920; box-shadow:0 13px 28px rgba(17,35,54,.15); outline:none; transform:translateY(-2px); }
.roth-category:hover .roth-category-image,.roth-category:focus-visible .roth-category-image,.roth-category.is-active .roth-category-image { filter:saturate(1.06) contrast(1.02); opacity:1; transform:scale(1.035); }
.roth-category.is-active { border-color:#ffd21a; box-shadow:0 0 0 3px rgba(255,210,26,.32),0 13px 28px rgba(17,35,54,.15); }
.roth-category.is-active .roth-category-copy { border-left-color:#d71920; }
.roth-product-grid { align-items:stretch; }
.roth-product-media { background:#f5f8fb; min-height:300px; }
.roth-product-image { height:260px; object-fit:contain; width:100%; }
.roth-product-media .rp-catalog-gallery__stage { height:255px; }
.roth-product-title { min-height:auto; }
.roth-description { min-height:5.3em; }
.roth-badge { background:#eaf2fa; border:1px solid #bed0e3; color:#164f87; }
.roth-badge-featured { background:#ffd21a; border-color:#e0b600; color:#2b2200; }
.roth-badge-technical { background:#fff4d0; border-color:#e4c754; color:#604b00; }
.roth-results-heading { display:grid; gap:5px; }
.roth-results-priority { color:#5d6672; font-size:12px; font-weight:750; }
.roth-variants { display:grid; gap:8px; margin:2px 0 15px; }
.roth-variants-label { color:#626b78; font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.roth-variant { align-items:center; background:#fff; border:1px solid #dce2e9; border-radius:12px; cursor:pointer; display:flex; gap:10px; justify-content:space-between; min-height:54px; padding:8px 9px 8px 11px; text-align:left; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; width:100%; }
.roth-variant:hover,.roth-variant:focus-visible { border-color:#d71920; box-shadow:0 7px 18px rgba(17,35,54,.1); outline:none; transform:translateY(-1px); }
.roth-variant-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.roth-variant-copy strong { color:#10263d; font-size:14px; letter-spacing:.02em; }
.roth-variant-copy span { color:#626b78; font-size:10px; line-height:1.25; }
.roth-pack { background:#ffd21a; border-radius:999px; color:#191919; flex:0 0 auto; font-size:9px; font-weight:900; padding:6px 8px; text-transform:uppercase; }
.roth-technical-notice { background:#f7f9fc; border:1px solid #dce2e9; border-left:4px solid #165395; border-radius:12px; display:flex; flex-direction:column; gap:4px; padding:12px; }
.roth-technical-notice strong { color:#123d67; font-size:12px; }
.roth-technical-notice span { color:#677180; font-size:10px; line-height:1.4; }
.roth-product-footer { flex-direction:row; flex-wrap:wrap; }
.roth-product-link { color:#165395; }
.roth-pager { align-items:center; display:flex; gap:12px; justify-content:center; margin-top:26px; }
.roth-page-button { background:#fff; border:1px solid #cfd6df; border-radius:999px; color:#16283b; cursor:pointer; font:850 12px/1 inherit; min-height:42px; padding:0 16px; }
.roth-page-button:hover:not(:disabled),.roth-page-button:focus-visible { border-color:#d71920; outline:none; }
.roth-page-button:disabled { cursor:not-allowed; opacity:.42; }
.roth-page-label { color:#65707e; font-size:12px; font-weight:850; }
@media (max-width:1250px) {
  .roth-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .roth-hero { grid-template-columns:1fr minmax(350px,.8fr); }
}
@media (max-width:900px) {
  .roth-hero { background:linear-gradient(90deg,rgba(2,10,22,.98),rgba(2,10,22,.74)),url('/assets/catalogs/rothen/category-art/hero-c2-v2.webp') 62% center/cover no-repeat; }
  .roth-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:580px) {
  .roth-hero-copy { padding:38px 22px 32px; }
  .roth-logo { height:66px; max-width:255px; }
  .roth-categories { grid-template-columns:1fr; }
  .roth-category { min-height:162px; }
  .roth-category-image { height:132px; }
  .roth-pager { flex-wrap:wrap; }
}