.catalog-wrap{max-width:1440px;padding-top:48px;padding-bottom:70px}.catalog-intro{margin-bottom:30px}.catalog-eyebrow{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}.catalog-intro h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.4}.catalog-intro>p:last-child{margin-top:12px;color:var(--ink2);font-size:16px;line-height:1.7}.catalog-help{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:36px;padding:24px;border-radius:12px;background:#eaf0f7;font-size:15px;color:var(--ink2)}.catalog-help a{flex:none;font-weight:700;color:var(--brand)}
.cq:not([data-lock]){display:grid;grid-template-columns:214px minmax(0,1fr);grid-template-areas:'bar bar' 'quick quick' 'tabs grid' 'tabs empty' 'tabs more';gap:0 26px;align-items:start}.cq-bar{grid-area:bar;margin-bottom:14px;align-items:center}.cq-find{height:58px;border:2px solid #285182;border-radius:10px;padding:0 16px;box-shadow:none}.cq-find input{font-size:16px;height:100%}.cq-find:focus-within{box-shadow:0 0 0 3px #dbe8f8;border-color:var(--brand)}.cq-reset{border:0;display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;background:transparent;color:#708198;cursor:pointer}.cq-cnt{font-size:14px}.cq-quick{grid-area:quick;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:25px;font-size:12px;color:#6c7b8e}.cq-quick>span{margin-right:5px}.cq-quick button{border:1px solid #dce4ed;background:#fff;color:#52657e;font:inherit;padding:6px 13px;border-radius:20px;cursor:pointer}.cq-quick button:hover{border-color:var(--brand);color:var(--brand)}.cq-tabs{grid-area:tabs;display:flex;flex-direction:column;border:1px solid #dce4ed;border-radius:12px;overflow:hidden;margin:0;position:sticky;top:112px}.cq-tabs button{min-height:65px;gap:7px;border:0;border-bottom:1px solid #e8edf3;padding:12px 14px;align-items:center;border-radius:0}.cq-tabs button:last-child{border-bottom:0}.cq-tabs button .cq-tab-text{flex:1;min-width:0;text-align:left;color:inherit;white-space:normal}.cq-tab-text b{display:block;font-size:15px;line-height:1.4;letter-spacing:-.035em}.cq-tabs button .cq-tab-text small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#77869a;margin-top:3px}.cq-tabs button .cq-tab-count{flex:none;font-size:11px;font-weight:600;color:#7e8da0;background:#eef2f6;border-radius:20px;padding:3px 6px}.cq-tabs button.on{background:#1b3a6b;color:#fff}.cq-tabs button.on .cq-tab-text small{color:#c4d5eb}.cq-tabs button.on .cq-tab-count{background:#355582;color:#fff}.cq-grid{grid-area:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cq-empty{grid-area:empty}.cq-more-wrap{grid-area:more}.cq-card{border-radius:10px;border-color:#e0e6ee}.cq-card:hover{border-color:#315b90}.cq-th{aspect-ratio:1.2/1}.cq-bd{gap:12px;padding:14px 14px 16px}.cq-nm{font-size:16px;min-height:43px;word-break:keep-all;overflow-wrap:anywhere}.cq-meta{font-size:12px}.cq-meta i{font-size:11px;font-weight:700}.cq-card.in{border-color:#4a78b4;background:#f6f9fd}.cq-more{border-radius:8px;min-width:220px;padding:14px 20px}.cq[data-lock] .cq-quick{display:none}.catalog-detail .phero{padding-block:36px;min-height:0}.catalog-detail .psec:first-of-type{padding-top:25px}.catalog-detail .psec-hd p{max-width:900px}.catalog-detail .pitems{display:none}
.qpg{max-width:1440px}.quote-steps{display:flex;align-items:center;gap:12px;margin:0 0 30px;padding:18px 22px;background:#edf3f9;border:1px solid #dbe5f0;border-radius:12px}.quote-steps a{display:flex;align-items:center;gap:9px;flex:1;color:#45617f;font-size:14px;font-weight:700}.quote-steps b{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#244c7b;flex:none}.quote-steps a:first-child b{background:var(--brand);color:#fff}.qlay{grid-template-columns:minmax(0,1fr) 340px;gap:26px}.qpick .cq:not([data-lock]){grid-template-columns:170px minmax(0,1fr);gap:0 18px}.qpick .cq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qpick .cq-tabs button{min-height:64px;padding:11px}.qpick .cq-tab-text b{font-size:13px}.qpick .cq-tab-text small{font-size:10px}.qpick .cq-bd{padding:12px 10px}.qpick .cq-nm{font-size:14px;min-height:38px}.qpick .cq-meta{flex-wrap:wrap;gap:3px}.qpick .cq-bar{display:block}.qpick .cq-cnt{margin-top:10px}.qpick-hd{margin-bottom:20px}.qpick-hd p{font-size:13px;line-height:1.7}.qside-box{border:1px solid #d3dfed;border-radius:14px;padding:23px 20px;background:#fff}.qside .qv-h{font-size:21px}.qside .qc{margin-top:20px}.qside .qc-list{max-height:300px;overflow-y:auto;scrollbar-width:thin}.qside .qc-empty{font-size:13px;line-height:1.7;border-top-color:#dfe6ef}.qside .qv-in{border-color:#dbe3ed;border-radius:7px}.q-next{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 16px;margin-top:20px;border:0;border-radius:8px;background:var(--brand);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.q-contact{margin-top:20px;border-top:1px solid #dfe6ef;padding-top:18px;scroll-margin-top:125px}.q-contact>summary{font-weight:800;font-size:15px;color:#213e65;cursor:pointer;line-height:1.6}.q-contact[open]>summary{margin-bottom:10px}.qside-info .qv-hrs{display:none}.qside-info .qv-help{line-height:1.7}.q-contact-body{min-width:0}.q-next:focus-visible,.cq-tabs button:focus-visible,.cq-quick button:focus-visible{outline:3px solid #7ba4dc;outline-offset:2px}
@media(max-width:1200px){.cq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qpick .cq:not([data-lock]){grid-template-columns:145px minmax(0,1fr);column-gap:12px}.qpick .cq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qlay{grid-template-columns:minmax(0,1fr) 320px;gap:20px}}
@media(max-width:1024px){.qlay{grid-template-columns:1fr}.qpick .cq:not([data-lock]){grid-template-columns:190px minmax(0,1fr);column-gap:20px}.qpick .cq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qside{position:static;overflow:visible;max-height:none}.cq-fab.onq{display:flex}.qside-box{max-width:820px;margin:0 auto}.cq-tabs{top:96px}}
@media(max-width:700px){.catalog-wrap{padding-top:30px}.catalog-intro{margin-bottom:24px}.catalog-intro>p:last-child{font-size:14px}.cq:not([data-lock]),.qpick .cq:not([data-lock]){display:flex;flex-direction:column;gap:0}.cq>*{width:100%}.cq-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}.cq-find{height:52px;flex-basis:100%;border-radius:8px;padding-inline:12px}.cq-find input{font-size:14px}.cq-cnt{font-size:13px}.cq-quick{order:1;margin-bottom:18px;gap:6px}.cq-tabs{order:2;position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-radius:0;gap:6px;margin-bottom:22px;overflow:visible}.cq-tabs button,.qpick .cq-tabs button{min-height:55px;border:1px solid #dce4ed;border-radius:7px;padding:9px 10px;gap:4px}.cq-tabs button .cq-tab-text b{font-size:13px}.cq-tabs button .cq-tab-text small{display:none}.cq-tabs button .cq-tab-count{font-size:10px;padding:2px 5px}.cq-tabs button.on{border-color:#1b3a6b}.cq-grid,.qpick .cq-grid{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cq-empty{order:4}.cq-more-wrap{order:5}.cq-bd{padding:12px}.cq-nm{font-size:15px;min-height:40px}.cq-th{aspect-ratio:1.15}.quote-steps{gap:8px;padding:13px 10px;margin-bottom:24px}.quote-steps a{font-size:11px;gap:5px;line-height:1.4}.quote-steps b{width:20px;height:20px;font-size:11px}.qpick .cq-bar{display:flex}.qpick .cq-cnt{margin-top:0}.qpick-hd h2{font-size:23px}.qpick-hd p{font-size:13px}.catalog-help{align-items:flex-start;flex-direction:column;font-size:14px;padding:20px}.qside-box{padding:22px 17px}.q-contact{scroll-margin-top:100px}}
.q-next[hidden]{display:none}
.catalog-detail .sub-hero{padding-block:30px}.catalog-detail .sh-card{grid-template-columns:minmax(0,1fr) 220px;gap:28px;min-height:0;padding:30px}.catalog-detail .sh-img{min-height:180px;height:180px}.catalog-detail .sh-img>div{background-size:contain;background-color:#fff;background-repeat:no-repeat}.catalog-detail .sh-lead{display:none}.catalog-detail .sh-card h1{font-size:32px}.catalog-detail .pothers{display:flex;flex-wrap:wrap;gap:10px}.category-link{display:inline-flex;align-items:center;gap:15px;padding:12px 18px;border:1px solid #dce4ed;border-radius:8px;background:#fff;font-size:14px;font-weight:700}.category-link:hover{border-color:var(--brand)}@media(max-width:700px){.catalog-detail .sh-card{grid-template-columns:1fr;padding:23px}.catalog-detail .sh-img{display:none}.catalog-detail .sh-card h1{font-size:27px}.catalog-detail .sub-hero{padding-block:18px}}

/* Keep every category reachable on short desktop screens. */
@media(min-width:701px){
  .cq-tabs{max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .cq-tabs button{flex-shrink:0}
}
@media(min-width:701px) and (max-width:1024px){.cq-tabs{max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px)}}
@media(max-width:700px){.cq-tabs{max-height:none;overflow:visible}}
.cq-quick button{min-height:36px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}