.catalog-showroom { --showroom-teal:#168c94;--showroom-ink:#142f43;--catalog-header-height:88px;background:#f5f7f9;color:var(--showroom-ink); }
.showroom-hero { position:relative;background:radial-gradient(ellipse at 5% 30%,#eaf4f2 0,transparent 53%),linear-gradient(115deg,#f8fbfb,#eef3f8);border-bottom:1px solid #e3ebef; }
.showroom-hero-grid { display:grid;grid-template-columns:1fr 1.03fr;gap:76px;align-items:center;padding-top:54px;padding-bottom:60px; }
.showroom-kicker { display:flex;align-items:center;gap:10px;font-size:12px;color:var(--showroom-teal);letter-spacing:.06em;margin:0 0 27px; }
.showroom-kicker>span { display:block;width:26px;height:2px;background:var(--showroom-teal); }
.showroom-hero-copy>.eyebrow { color:#7b909d;font-size:10px;letter-spacing:.19em;margin-bottom:15px; }
.showroom-hero h1 { font-size:clamp(35px,3.6vw,52px);font-weight:500;line-height:1.43;letter-spacing:-.035em; }
.showroom-hero h1 span { color:var(--showroom-teal); }
.showroom-hero-lead { color:#667c89;font-size:14px;line-height:2;margin:24px 0 28px; }
.showroom-hero .button { background:var(--showroom-ink);border-color:var(--showroom-ink);padding:14px 24px;border-radius:7px;gap:32px; }
.showroom-hero .button:hover { background:#20526c;border-color:#20526c; }
.showroom-hero-service { display:inline-flex;gap:25px;align-items:center;font-size:13px;color:#39576b;padding:12px; }
.showroom-hero-service span { color:var(--showroom-teal);font-size:18px; }
.showroom-hero-facts { display:flex;gap:32px;border-top:1px solid #dbe5e8;margin-top:33px;padding-top:23px; }
.showroom-hero-facts>div,.showroom-hero-facts>a { display:grid;gap:4px; }
.showroom-hero-facts strong { font-family:Arial,'Microsoft YaHei',sans-serif;font-size:23px;font-weight:500;line-height:1.4; }
.showroom-hero-facts span { font-size:10px;color:#78909c;letter-spacing:.03em; }
.showroom-hero-visual { display:block;position:relative;min-width:0;padding:10px;background:#ffffffb5;border:1px solid #fff;border-radius:23px;box-shadow:0 22px 55px #173b5010;transform:rotate(1deg); }
.showroom-hero-visual:before { content:'';position:absolute;inset:28px -14px -12px 30px;z-index:-1;border:1px solid #b6d7d9;border-radius:23px; }
.showroom-hero-photo { aspect-ratio:4/3;overflow:hidden;border-radius:15px;background:#ecf1f4; }
.showroom-hero-photo img { width:100%;height:100%;object-fit:contain; }
.showroom-hero-caption { display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 12px 7px; }
.showroom-hero-caption small { display:block;font:9px Arial,sans-serif;letter-spacing:.14em;color:#8198a6;margin-bottom:5px; }
.showroom-hero-caption strong { display:block;font-size:13px;font-weight:500; }
.showroom-hero-caption>span { display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce8e9;border-radius:50%;color:var(--showroom-teal); }
.showroom-catalog { padding-top:30px;padding-bottom:1px;scroll-margin-top:calc(var(--catalog-header-height) + 22px); }
.showroom-filter-sentinel { height:1px; }
.showroom-filter-dock { display:flex;align-items:center;gap:24px;justify-content:space-between;position:sticky;top:var(--catalog-header-height);z-index:25;background:#fffffffa;border:1px solid #e0e8ec;border-radius:10px;padding:12px 16px;transition:box-shadow .2s,border-color .2s; }
.showroom-filter-dock.is-pinned { box-shadow:0 12px 28px #173b5012;border-color:#d3e0e6; }
.showroom-filters { display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin; }
.showroom-filters a { position:relative;flex-shrink:0;white-space:nowrap;font-size:12px;padding:10px 13px;border-radius:5px;color:#536b7a; }
.showroom-filters a:after { content:'';position:absolute;bottom:4px;left:14px;right:14px;height:2px;background:var(--showroom-teal);transform:scaleX(0);transform-origin:left;transition:transform .22s; }
.showroom-filters a:hover:after { transform:scaleX(1); }
.showroom-filters a[aria-current] { background:#173b50;color:#fff; }
.showroom-filters a[aria-current]:after { display:none; }
.showroom-search { display:flex;align-items:center;background:#f4f7f8;border:1px solid #e1e8ec;border-radius:6px;width:252px;max-width:100%;flex-shrink:0; }
.showroom-search input { width:100%;min-width:0;border:0;background:transparent;padding:10px 12px;font-size:12px; }
.showroom-search button { display:grid;place-items:center;flex-shrink:0;width:40px;height:39px;border:0;background:transparent;color:#2a586f; }
.showroom-list-heading { display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:37px 0 25px; }
.showroom-list-heading .eyebrow { font-size:9px;color:#8097a3;margin-bottom:9px;letter-spacing:.16em; }
.showroom-list-heading h2 { font-size:27px;font-weight:500; }
.showroom-list-heading>p { font-size:11px;color:#8598a5;white-space:nowrap;margin:0 0 3px; }
.showroom-list-heading>p strong { font-size:16px;color:#385b70;font-weight:500; }
.showroom-list-heading>p span { margin:0 8px; }
.showroom-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px; }
.showroom-card { min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e7edef;border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #12324a03;transition:transform .28s,box-shadow .28s,border-color .28s; }
.showroom-card-main { display:flex;flex-direction:column;flex:1;color:inherit; }
.showroom-card-main:hover { color:inherit; }
.showroom-card-media { position:relative;aspect-ratio:4/3;flex-shrink:0;background:#f0f3f5;overflow:hidden; }
.showroom-card-media img { display:block;width:100%;height:100%;object-fit:contain; }
.showroom-card-category { position:absolute;left:15px;top:15px;background:#fffffff0;padding:4px 10px;border-radius:4px;font-size:10px;color:#3c6176;backdrop-filter:blur(8px); }
.showroom-model { height:100%;display:grid;place-content:center;gap:10px;padding:25px;text-align:center; }
.showroom-model span { font-size:12px;color:#7d929e; }
.showroom-model strong { font-size:25px;font-weight:500; }
.showroom-card-body { display:flex;flex-direction:column;padding:23px 24px 20px;flex:1; }
.showroom-card-brand { font-size:10px;letter-spacing:.07em;color:var(--showroom-teal);margin:0 0 8px; }
.showroom-card h3 { min-height:3.1em;font-size:20px;font-weight:600;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.03em; }
.showroom-card-intro { margin:13px 0 18px;min-height:3.7em;color:#7a8b98;font-size:13px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.showroom-card-points { list-style:none;display:flex;gap:6px;flex-wrap:wrap;min-height:26px;padding:0;margin:auto 0 0; }
.showroom-card-points li { padding:3px 8px;border-radius:4px;background:#f1f6f7;border:1px solid #e9f0f1;font-size:10px;line-height:1.8;color:#597b87; }
.showroom-card-footer { display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 24px;padding:17px 0 19px;border-top:1px solid #edf1f3; }
.showroom-card-detail { display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:600;color:#2b627d; }
.showroom-card-detail span { transition:transform .25s; }
.showroom-card-inquiry { color:#8b9ba6;font-size:11px; }
.showroom-help { display:flex;justify-content:space-between;align-items:center;gap:30px;margin:68px 0;padding:34px 38px;border-radius:12px;background:linear-gradient(105deg,#e9f2f2,#eef3f7);border:1px solid #e1eaed; }
.showroom-help .eyebrow { font-size:9px;letter-spacing:.18em;color:var(--showroom-teal);margin-bottom:10px; }
.showroom-help h2 { font-size:24px;font-weight:500; }
.showroom-help p:not(.eyebrow) { font-size:13px;color:#718794;margin:12px 0 0; }
.showroom-help .button { flex-shrink:0;font-size:12px; }
.catalog-showroom .pagination a { background:white;border-color:#dce5ea;border-radius:7px; }
.catalog-showroom .pagination a[aria-current] { background:#173b50;border-color:#173b50; }
.catalog-showroom .is-reveal-pending { opacity:0;transform:translateY(16px); }
.catalog-showroom [data-showroom-reveal] { transition:opacity .55s ease,transform .55s cubic-bezier(.2,.65,.3,1),box-shadow .28s,border-color .28s; }
@media(hover:hover) and (pointer:fine) {
 .showroom-card:hover { transform:translateY(-5px);border-color:#b8d4d7;box-shadow:0 14px 32px #1b4c6210; }
 .showroom-card:hover .showroom-card-detail span { transform:translate(3px,-3px); }
 .showroom-hero-visual:hover { color:inherit;transform:rotate(0);box-shadow:0 25px 60px #173b5018; }
}
@media(max-width:1100px) {
 .catalog-showroom { --catalog-header-height:78px; }
 .showroom-hero-grid { gap:35px;padding-top:38px;padding-bottom:45px; }
 .showroom-hero h1 { font-size:35px; }
 .showroom-hero-lead { font-size:13px;margin:20px 0; }
 .showroom-hero-facts { gap:24px;margin-top:25px;padding-top:20px; }
 .showroom-hero-facts strong { font-size:20px; }
 .showroom-hero-copy .actions { gap:8px; }
 .showroom-filter-dock { display:block;padding:12px; }
 .showroom-filters { margin-bottom:10px; }
 .showroom-search { width:100%; }
 .showroom-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
 .showroom-card-body { padding:21px; }
 .showroom-card h3 { font-size:19px; }
 .showroom-help { padding:28px; }
}
@media(max-width:760px) {
 .catalog-showroom { --catalog-header-height:70px; }
 .showroom-hero-grid { grid-template-columns:1fr;gap:32px;padding-top:30px;padding-bottom:36px; }
 .showroom-kicker { margin-bottom:22px;font-size:11px; }
 .showroom-hero h1 { font-size:36px; }
 .showroom-hero-lead { font-size:13px;line-height:1.95; }
 .showroom-hero .button { padding:12px 21px; }
 .showroom-hero-facts { gap:30px;margin-top:25px; }
 .showroom-hero-visual { transform:none;padding:8px;border-radius:17px;margin:0 3px 8px 0; }
 .showroom-hero-photo { border-radius:11px; }
 .showroom-hero-visual:before { inset:20px -6px -9px 18px;border-radius:17px; }
 .showroom-hero-caption { padding:13px 9px 5px; }
 .showroom-hero-caption strong { font-size:12px; }
 .showroom-catalog { padding-top:17px; }
 .showroom-filter-dock { border-radius:8px;padding:9px; }
 .showroom-filters { gap:3px;margin-bottom:7px;scrollbar-width:none; }
 .showroom-filters a { padding:9px 12px;font-size:11px; }
 .showroom-search input { font-size:14px;padding:9px 10px; }
 .showroom-search button { height:35px; }
 .showroom-list-heading { padding:28px 0 20px;gap:12px;align-items:center; }
 .showroom-list-heading h2 { font-size:23px; }
 .showroom-list-heading>p { font-size:10px; }
 .showroom-list-heading>p strong { font-size:14px; }
 .showroom-list-heading>p span { margin:0 3px; }
 .showroom-list-heading .eyebrow { font-size:8px;margin-bottom:7px; }
 .showroom-grid { grid-template-columns:1fr;gap:22px; }
 .showroom-card h3 { min-height:0;font-size:21px; }
 .showroom-card-intro { margin:11px 0 17px; }
 .showroom-card-body { padding:22px; }
 .showroom-card-footer { margin:0 22px; }
 .showroom-card-points li { font-size:11px; }
 .showroom-help { display:block;margin:40px 0;padding:26px; }
 .showroom-help h2 { font-size:23px; }
 .showroom-help .button { margin-top:23px; }
}
@media(prefers-reduced-motion:reduce) {
 .catalog-showroom [data-showroom-reveal],.catalog-showroom .showroom-card,.catalog-showroom .showroom-card-detail span { transition:none; }
 .catalog-showroom .is-reveal-pending { opacity:1;transform:none; }
 .showroom-card:hover,.showroom-hero-visual,.showroom-hero-visual:hover { transform:none; }
}
/* Respiratory listing: 1.15 times the previous 1280px desktop limit. */
@media(min-width:1101px){
 .catalog-showroom:has(> .respiratory-intro) > .showroom-catalog { width:min(1472px,calc(100% - 80px)); }
}

/* Keep all eight collection links visible beside desktop search. */
@media(min-width:1101px){
 .showroom-filter-dock { flex-wrap:wrap;row-gap:10px; }
 .showroom-filters { flex:1 1 760px;flex-wrap:wrap;overflow-x:visible;row-gap:4px; }
 .showroom-search { margin-left:auto; }
}
