/* Gas filter principle and specifications; page-scoped styles. */
.product-gas-filter #principle .detail-container,
.product-gas-filter #specifications .detail-container { width: min(calc(100% - 36px), 1400px); }
.gas-principle-text { display: grid; }
.gas-principle-text [data-principle-slide] { grid-area: 1 / 1; }
.gas-principle .is-inactive { visibility: hidden; }
.gas-principle .gas-principle-media { display: grid; place-items: center; height: 100%; min-height: 497px; margin-right: 21px; }
.gas-principle-window { position: relative; width: 100%; max-width: 669px; aspect-ratio: 669 / 497; overflow: hidden; }
.gas-principle .gas-principle-underlay { position: absolute; left: 4.48430%; top: 4.22535%; width: 88.93871%; height: 89.73843%; object-fit: cover; }
.gas-principle .gas-principle-design { position: absolute; left: 3.43797%; top: 2.61569%; width: 93.09283%; height: 93.96378%; object-fit: cover; }
.gas-principle .gas-principle-flow { position: absolute; left: 1.49477%; top: 6.03622%; width: 97.15994%; height: 87.32394%; object-fit: cover; }
.gas-principle .gas-principle-copy { height: 100%; min-height: 497px; padding: 30px; }
.gas-principle-copy h3 { font-size: clamp(1.375rem, 1.5vw, 1.625rem); }
.gas-principle-copy p,
.gas-principle-copy ol { margin: 0; font-size: 1rem; line-height: 1.875; }
.gas-principle-copy ol { padding-left: 24px; }
.gas-principle-controls { gap: 20px; margin-top: auto; padding-top: 24px; }
.gas-principle-controls button { position: relative; flex: 0 0 auto; width: clamp(48px, 4vw, 66px); height: clamp(48px, 4vw, 66px); padding: 0; border: 0; border-radius: 50%; background: none; }
.gas-principle-controls img { display: block; width: 100%; height: 100%; }
.gas-principle-controls [data-principle-direction="-1"] img { transform: scaleX(-1); }
.gas-control-hover { position: absolute; inset: 0; opacity: 0; }
.gas-principle-controls button:hover .gas-control-hover,
.gas-principle-controls button:focus-visible .gas-control-hover { opacity: 1; }
.gas-principle-controls button:focus-visible { outline: 3px solid var(--detail-green); outline-offset: 4px; }
/* Native perforated-plate and mesh tables; never create a vertical scroller. */
.gas-spec-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; padding-block: 1px; }
.gas-spec-scroll + .gas-spec-scroll { margin-top: 30px; }
.gas-spec-scroll:focus-visible { outline: 2px solid var(--detail-green); outline-offset: 4px; }
.gas-spec-hint { margin: -20px 0 12px; color: #737373; font-size: .8125rem; }
.gas-spec-table { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: fixed; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: clamp(1rem, 2.71vw, 3.25rem); line-height: 1.2; color: #7d8584; }
.gas-spec-table th,
.gas-spec-table td { padding: clamp(8px, .6771vw, 13px) 10px; border-block: 1px solid #dce0df; background: #fff; text-align: center; vertical-align: middle; font-weight: 400; white-space: nowrap; }
.gas-perforation-table thead th { padding-block: clamp(12px, 1.224vw, 23.5px); }
.gas-mesh-table thead th { padding-block: clamp(12px, 1.078125vw, 20.7px); }
.gas-mesh-count { width: 17%; }
.gas-mesh-wire { width: 24%; }
.gas-mesh-inch { width: 20%; }
.gas-mesh-micron { width: 18%; }
.gas-mesh-area { width: 21%; }
@media (max-width: 991.98px) {
  .gas-principle .gas-principle-media { height: auto; min-height: 0; margin-right: 0; aspect-ratio: 669 / 497; }
  .gas-principle .gas-principle-copy { min-height: 0; padding: 24px 14px 16px; }
}
.product-gas-filter { --reviewed-feature-column:210px; --reviewed-related-width:min(calc(100% - 36px),1600px); --reviewed-related-padding:60px; }
.product-gas-filter.product-reviewed .detail-hero p { max-width:370px; }
.product-gas-filter.product-reviewed .detail-product-visual img { width:72.86%; height:72.86%; }
@media (min-width:576px) { .product-gas-filter.product-reviewed .detail-feature-list { grid-template-columns:minmax(0,210px) minmax(0,1fr); } }
@media (min-width:992px) { .product-gas-filter.product-reviewed .detail-overview-copy { padding:98px 42px 98px 39px; } }
.product-gas-filter.product-reviewed .gas-highlights .highlight-list { padding-inline:43px; }
.gas-highlights ul { margin:0; padding-left:24px; font-size:16px; line-height:30px; }
@media(max-width:991.98px) { .product-gas-filter.product-reviewed .gas-highlights .highlight-list { padding-inline:24px; } }
.product-gas-filter.product-reviewed .detail-faq .faq-item:first-of-type p { max-width:1373px; }
@media(min-width:1501px) { .product-gas-filter.product-reviewed .detail-related .detail-title { margin-bottom:26px; } .product-gas-filter.product-reviewed .detail-related { padding-bottom:94px; } }