/* Dry gas filter principle and specifications; page-scoped styles. */
.product-dry-gas-filter #principle .detail-container,
.product-dry-gas-filter #specifications .detail-container { width: min(calc(100% - 36px), 1400px); }
.dry-gas-principle-text { display: grid; }
.dry-gas-principle-text [data-principle-slide] { grid-area: 1 / 1; }
.dry-gas-principle .is-inactive { visibility: hidden; }
.dry-gas-principle .dry-gas-principle-media { display: grid; place-items: center; height: 100%; min-height: 497px; margin-right: 21px; }
.dry-gas-principle-window { position: relative; width: 100%; max-width: 669px; aspect-ratio: 669 / 497; overflow: hidden; }
.dry-gas-principle .dry-gas-principle-underlay { position: absolute; left: 4.48430%; top: 4.22535%; width: 88.93871%; height: 89.73843%; object-fit: cover; }
.dry-gas-principle .dry-gas-principle-design { position: absolute; left: 3.43797%; top: 2.61569%; width: 93.09283%; height: 93.96378%; object-fit: cover; }
.dry-gas-principle .dry-gas-principle-flow { position: absolute; left: 1.64425%; top: 4.02414%; width: 96.86099%; height: 91.95171%; object-fit: cover; }
.dry-gas-principle .dry-gas-principle-copy { height: 100%; min-height: 497px; padding: 30px; }
.dry-gas-principle-copy h3 { font-size: clamp(1.375rem, 1.5vw, 1.625rem); }
.dry-gas-principle-copy p,
.dry-gas-principle-copy ol { margin: 0; font-size: 1rem; line-height: 1.875; }
.dry-gas-principle-copy ol { padding-left: 24px; }
.dry-gas-principle-controls { gap: 20px; margin-top: auto; padding-top: 24px; }
.dry-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; }
.dry-gas-principle-controls img { display: block; width: 100%; height: 100%; }
.dry-gas-principle-controls [data-principle-direction="-1"] img { transform: scaleX(-1); }
.dry-gas-control-hover { position: absolute; inset: 0; opacity: 0; }
.dry-gas-principle-controls button:hover .dry-gas-control-hover,
.dry-gas-principle-controls button:focus-visible .dry-gas-control-hover { opacity: 1; }
.dry-gas-principle-controls button:focus-visible { outline: 3px solid var(--detail-green); outline-offset: 4px; }
/* Keep the dimension drawing and both native tables aligned in one scroller. */
.dry-gas-spec-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; padding-block: 1px; }
.dry-gas-spec-scroll:focus-visible { outline: 2px solid var(--detail-green); outline-offset: 4px; }
.dry-gas-spec-hint { margin: -20px 0 12px; color: #737373; font-size: .8125rem; }
.dry-gas-spec-canvas { position: relative; min-width: 1200px; aspect-ratio: 1000 / 416; }
.dry-gas-dimensions { position: absolute; inset: 0 auto 0 0; width: 13.8%; margin: 0; overflow: hidden; }
.dry-gas-dimensions img { width: 724.63768%; height: auto; max-width: none; }
.dry-gas-spec-table { position: absolute; top: 20.67308%; table-layout: fixed; border-collapse: collapse; font-family: Arial, "Microsoft YaHei", sans-serif; color: #666; font-size: clamp(.875rem, .834vw, 1rem); line-height: 1.25; }
.dry-gas-spec-table th,
.dry-gas-spec-table td { padding: 4.5px 2px; border: 1px solid #d9d9d9; text-align: center; vertical-align: middle; background: #fff; font-weight: 400; white-space: nowrap; }
.dry-gas-model-table { left: 14.5%; width: 38.2%; }
.dry-gas-model-table thead th { padding-block: 11px; font-size: clamp(.75rem, .73vw, .875rem); line-height: 1.45; }
.dry-gas-model-table thead span { display: inline-block; padding-top: 3px; font-size: .85em; }
.dry-gas-model-table .dry-gas-nozzle { border-inline: 0; }
.dry-gas-model-table .dry-gas-nozzle:last-of-type { border-right: 1px solid #d9d9d9; }
.dry-gas-model { width: 11%; }
.dry-gas-nozzles { width: 7.4%; }
.dry-gas-drain { width: 10%; }
.dry-gas-weight { width: 11%; }
.dry-gas-volume { width: 18%; }
.dry-gas-collect { width: 20.4%; }
.dry-gas-dimension-table { left: 53.4%; width: 45.6%; }
.dry-gas-dimension-table th,
.dry-gas-dimension-table td { padding-block: 7px; }
@media (max-width: 991.98px) {
  .dry-gas-principle .dry-gas-principle-media { height: auto; min-height: 0; margin-right: 0; aspect-ratio: 669 / 497; }
  .dry-gas-principle .dry-gas-principle-copy { min-height: 0; padding: 24px 14px 16px; }
}
.product-dry-gas-filter { --reviewed-feature-column:260px; --reviewed-related-width:min(calc(100% - 36px),1600px); --reviewed-related-padding:60px; }
.product-dry-gas-filter.product-reviewed .detail-hero p { max-width:370px; }
@media (min-width:992px) { .product-dry-gas-filter.product-reviewed .detail-overview-copy { padding:68px 42px 68px 39px; } }
.product-dry-gas-filter.product-reviewed .dry-gas-highlights .highlight-list { padding-inline:43px; }
@media(max-width:991.98px) { .product-dry-gas-filter.product-reviewed .dry-gas-highlights .highlight-list { padding-inline:24px; } }
.product-dry-gas-filter.product-reviewed .detail-faq .faq-item:first-of-type p { max-width:1373px; }