.category-page{margin-top:-115px;color:#223240;font-family:Rubik,var(--font-family-base)}
.archive-card--photo img[src*="track-renders"]{object-fit:contain;background:#f4f6f7}
.haipai-ui .archive-card__image:has(img[src*="track-renders"])::before{display:none}
.category-page h1,.category-page h2,.category-page h3{font-family:Rubik,var(--font-family-base);font-weight:700;letter-spacing:-.035em}
.category-hero__series{display:inline-flex;margin:0 0 12px;padding:7px 12px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#a9dcff;font-size:.68rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.category-hero{position:relative;display:grid;min-height:400px;place-items:center;overflow:hidden;color:#fff;background:#20334a}.category-hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.category-hero::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,30,45,.28),rgba(13,35,62,.78));content:""}.category-hero__content{position:relative;z-index:1;max-width:820px;padding:138px 20px 46px;text-align:center}.category-hero h1{font-size:clamp(2.2rem,4.2vw,3.5rem);line-height:1.08;text-shadow:0 4px 22px rgba(0,0,0,.24)}.breadcrumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.breadcrumbs a{color:#78d4f2}.breadcrumbs span{opacity:.82}.category-hero__note{max-width:700px;margin:16px auto 0;color:#e8f1f8;font-size:1rem;line-height:1.65}
.category-family{padding:34px 0 0}.category-family__inner{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(260px,.7fr);gap:32px;align-items:center;padding:30px 34px;border:1px solid #dce5ec;border-radius:16px;background:linear-gradient(120deg,#f8fbfd,#eef5fa);box-shadow:0 14px 36px rgba(26,57,79,.05)}.category-family__mark{display:grid;width:90px;height:90px;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(145deg,#082b4b,#0876c9);box-shadow:0 16px 30px rgba(5,94,171,.24);font-size:2.8rem;font-weight:800}.category-family .eyebrow{margin:0 0 6px;color:#0874c9;font-size:.68rem;letter-spacing:.16em}.category-family h2{margin:0 0 7px;font-size:1.35rem}.category-family p:not(.eyebrow){max-width:720px;margin:0;color:#5c6e7b;font-size:.86rem;line-height:1.65}.category-family__series{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.category-family__series a{display:grid;min-width:48px;height:38px;place-items:center;padding:0 12px;border:1px solid #cbdbe7;border-radius:999px;color:#17415f;background:#fff;font-size:.72rem;font-weight:750}.category-family__series a:hover{border-color:#0874c9;color:#fff;background:#0874c9}
.catalog-layout{padding:64px 0 82px}.catalog-layout__grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;align-items:start}.category-sidebar{position:sticky;top:116px;padding:24px 18px;border:1px solid #e1e7ec;border-radius:12px;background:#f5f7fa;box-shadow:0 10px 24px rgba(33,49,68,.05)}.category-sidebar__toggle{display:none}.category-sidebar h2{margin-bottom:16px;font-size:1rem}.category-sidebar nav{display:grid;gap:3px}.category-sidebar a,.category-sidebar button{width:100%;min-height:44px;padding:10px;border:0;border-left:3px solid transparent;color:#384957;background:transparent;font-size:.84rem;text-align:left}.category-sidebar a:hover,.category-sidebar button:hover,.category-sidebar button.is-active{border-left-color:#49b7e5;color:#045ebf;background:#fff}.category-sidebar strong{display:block;margin:16px 10px 4px;color:#045ebf;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.category-sidebar__other{margin-top:18px;padding-top:14px;border-top:1px solid #dce3e9}.category-sidebar__other a{display:block;font-size:.8rem}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.catalog-toolbar p{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.catalog-toolbar small{display:block;margin-top:5px;color:#7a8893;font-size:.72rem}.catalog-toolbar select{min-width:210px;min-height:44px;padding:10px 36px 10px 15px;border:1px solid #d8e0e6;border-radius:999px;color:#334657;background:#fff}.category-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.archive-card{display:flex;min-width:0;scroll-margin-top:126px;flex-direction:column;padding:0 0 18px;border:1px solid #e2e9ee;border-radius:12px;color:#263846;background:#fff;text-align:left;box-shadow:0 10px 26px rgba(28,51,67,.04)}.archive-card__image{position:relative;display:block;overflow:hidden;aspect-ratio:1.08;border:0;border-bottom:1px solid #e7ebef;border-radius:11px 11px 0 0;background:#f7f8fa}.archive-card__image::after{position:absolute;right:12px;bottom:12px;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;background:#045ebf;box-shadow:0 8px 20px rgba(4,94,191,.24);content:"+";opacity:0;transform:translateY(8px);transition:.22s ease}.archive-card img{width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .3s ease}.archive-card--photo img{object-fit:cover}.archive-card:hover{border-color:#b7d8ee;box-shadow:0 16px 34px rgba(20,62,90,.09)}.archive-card:hover img{transform:scale(1.025)}.archive-card:hover .archive-card__image::after{opacity:1;transform:translateY(0)}.archive-card:target .archive-card__image,.archive-card:focus-visible .archive-card__image{border-color:#045ebf;box-shadow:0 0 0 3px rgba(4,94,191,.14)}.archive-card>span:not(.archive-card__image){margin:16px 18px 0;color:#045ebf;font-size:.7rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.archive-card h2{margin:6px 18px 0;font-size:1rem;line-height:1.4}.archive-card>small{margin:8px 18px 0;color:#83919b;font-size:.66rem;font-weight:650;text-transform:uppercase}.archive-card[hidden]{display:none}
.catalog-empty{display:none;padding:40px;border:1px dashed #bcc8d1;border-radius:12px;color:#657481;text-align:center}.catalog-empty.is-visible{display:block}.category-cta{padding:0 0 92px}.category-cta__panel{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1fr);gap:0;overflow:hidden;border-radius:15px;background:#073474;color:#fff}.category-cta img{min-height:350px;height:100%;object-fit:cover}.category-cta__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px}.category-cta__copy p:not(.eyebrow){color:#d6e8f8}.category-cta__copy .button{margin-top:12px}
.catalog-load-more{display:block;min-width:230px;min-height:48px;margin:30px auto 0;padding:12px 24px;border:1px solid #0874c9;border-radius:999px;color:#075fa6;background:#fff;font-weight:750}.catalog-load-more:hover{color:#fff;background:#0874c9}.catalog-load-more[hidden]{display:none}
.category-disclaimer{padding:0 0 84px}.category-disclaimer__inner{display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;align-items:center;padding:22px;border:1px solid #dce3e9;border-radius:13px;background:#f8fafb}.category-disclaimer img{height:130px;object-fit:contain;border-radius:8px;background:#fff}.category-disclaimer h2{margin-bottom:8px;font-size:1.15rem}.category-disclaimer p{margin:0;color:#667582;font-size:.83rem}
@media(max-width:980px){.category-family__inner{grid-template-columns:90px 1fr}.category-family__mark{width:76px;height:76px}.category-family__series{grid-column:1/-1;justify-content:flex-start}.catalog-layout__grid{grid-template-columns:220px 1fr;gap:32px}.category-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.category-page{margin-top:-95px}.category-hero{min-height:360px}.category-hero__content{padding:122px 20px 38px}.category-hero h1{font-size:2.15rem}.category-hero__note{font-size:.95rem}.category-family{padding-top:20px}.category-family__inner{grid-template-columns:64px 1fr;gap:18px;padding:22px 18px}.category-family__mark{width:58px;height:58px;border-radius:15px;font-size:1.8rem}.category-family h2{font-size:1.12rem}.category-family p:not(.eyebrow){font-size:.78rem}.category-family__series{gap:6px}.category-family__series a{min-width:44px;height:34px;padding:0 10px}.catalog-layout{padding:48px 0 68px}.catalog-layout__grid{grid-template-columns:1fr}.category-sidebar{position:static;padding:0;border:0;background:transparent;box-shadow:none}.category-sidebar__toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid #d5dfe7;border-radius:9px;color:#263846;background:#fff;font-weight:700}.category-sidebar__panel{display:none;margin-top:8px;padding:17px;border-radius:10px;background:#f3f5fa}.category-sidebar.is-open .category-sidebar__panel{display:block}.category-sidebar h2{display:none}.catalog-toolbar{align-items:flex-start;flex-direction:column;margin-bottom:22px}.catalog-toolbar select{width:100%}.category-product-grid{gap:18px 10px}.archive-card h2{margin-inline:12px;font-size:.84rem}.archive-card>span:not(.archive-card__image),.archive-card>small{margin-left:12px;margin-right:12px}.archive-card>span:not(.archive-card__image){font-size:.62rem}.category-cta__panel{grid-template-columns:1fr}.category-cta img{min-height:250px}.category-cta__copy{padding:34px 24px}.category-disclaimer__inner{grid-template-columns:100px 1fr;gap:18px}.category-disclaimer img{height:95px}}
@media(max-width:420px){.category-product-grid{grid-template-columns:1fr 1fr}.category-hero h1{font-size:2.15rem}.category-disclaimer__inner{grid-template-columns:1fr}.category-disclaimer img{width:100%;height:150px}}

/* Align category headings with the shared site scale. */
.category-hero h1{font-size:clamp(2.35rem,3.6vw,3.15rem)}
@media(max-width:760px){.category-hero h1{font-size:2.05rem}}

/* Catalogue smart series: a quiet label alongside the original series code. */
.category-sidebar [data-category-filter^="series-"]{display:flex;align-items:center;justify-content:space-between;gap:8px}
.category-sidebar__smart{flex:none;padding:3px 7px;border:1px solid #c9e1f2;border-radius:4px;color:#045ebf;background:#eaf4fc;font-size:.62rem;font-weight:650;line-height:1.2;letter-spacing:.02em}
/* Keep supplied adapter images complete inside the family cards. */
.haipai-ui .archive-card__image img[src*="adapter-hq-"]{object-fit:contain!important;object-position:center;padding:20px;box-sizing:border-box;background:#fff}