/* Scoped gas-liquid separator principle and specification styles. */
.product-gas-liquid-separator #principle .detail-container,
.product-gas-liquid-separator #specifications .detail-container { width: min(calc(100% - 36px), 1400px); }
.gas-liquid-principle-text { display: grid; }
.gas-liquid-principle-text [data-principle-slide] { grid-area: 1 / 1; }
.gas-liquid-principle .is-inactive { visibility: hidden; }
.gas-liquid-principle .gas-liquid-principle-media { display: grid; place-items: center; height: 100%; min-height: 497px; margin-right: 21px; }
.gas-liquid-principle .gas-liquid-principle-window { position: relative; width: 100%; max-width: 669px; aspect-ratio: 669 / 497; overflow: hidden; }
.gas-liquid-principle-design { position: absolute; left: 4.93274%; top: 4.22535%; width: 88.63976%; aspect-ratio: 593 / 445; }
.gas-liquid-principle-flow { position: absolute; left: -6.27803%; top: 20.92555%; width: 113.75187%; aspect-ratio: 761 / 291; }
.gas-liquid-principle .gas-liquid-principle-window img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.gas-liquid-principle .gas-liquid-principle-copy { height: 100%; min-height: 497px; padding: 30px; gap: 18px; }
.gas-liquid-principle-copy h3 { font-size: clamp(1.375rem, 1.5vw, 1.625rem); }
.gas-liquid-principle-copy ol { margin: 0; font-size: 1rem; line-height: 1.875; }
.gas-liquid-design-steps { padding-left: 24px; }
.gas-liquid-flow-steps { padding-left: 0; list-style-position: inside; }
.gas-liquid-principle-controls { gap: 20px; margin-top: auto; }
.gas-liquid-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-liquid-principle-controls img { display: block; width: 100%; height: 100%; }
.gas-liquid-principle-controls [data-principle-direction="-1"] img { transform: scaleX(-1); }
.gas-liquid-control-hover { position: absolute; inset: 0; opacity: 0; }
.gas-liquid-principle-controls button:hover .gas-liquid-control-hover,
.gas-liquid-principle-controls button:focus-visible .gas-liquid-control-hover { opacity: 1; }
.gas-liquid-principle-controls button:focus-visible { outline: 3px solid var(--detail-green); outline-offset: 4px; }
/* Native technical table, with its title and notes in one horizontal scroller. */
.gas-liquid-spec-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; padding-block: 1px; }
.gas-liquid-spec-scroll:focus-visible { outline: 2px solid var(--detail-green); outline-offset: 4px; }
.gas-liquid-spec-hint { margin: -20px 0 12px; color: #737373; font-size: .8125rem; }
.gas-liquid-spec-content { min-width: 1400px; }
.gas-liquid-spec-heading { margin: 0 0 12px; color: #333; font-size: clamp(1rem, 1.04vw, 1.25rem); font-weight: 400; line-height: 1.4; }
.gas-liquid-spec-heading [lang="en"] { font-family: "Times New Roman", serif; }
.gas-liquid-spec-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-family: Arial, "Microsoft YaHei", sans-serif; color: #333; font-size: clamp(.875rem, .94vw, 1.125rem); line-height: 1.3; }
.gas-liquid-spec-col-1 { width: 5.71429%; }
.gas-liquid-spec-col-2 { width: 7.00000%; }
.gas-liquid-spec-col-3 { width: 6.78571%; }
.gas-liquid-spec-col-4 { width: 6.85714%; }
.gas-liquid-spec-col-5 { width: 7.00000%; }
.gas-liquid-spec-col-6 { width: 7.42857%; }
.gas-liquid-spec-col-7 { width: 7.57143%; }
.gas-liquid-spec-col-8 { width: 7.71429%; }
.gas-liquid-spec-col-9 { width: 4.00000%; }
.gas-liquid-spec-col-10 { width: 4.07143%; }
.gas-liquid-spec-col-11 { width: 7.21429%; }
.gas-liquid-spec-col-12 { width: 7.71429%; }
.gas-liquid-spec-col-13 { width: 8.92857%; }
.gas-liquid-spec-col-14 { width: 12.00000%; }
.gas-liquid-spec-table th,
.gas-liquid-spec-table td { padding: 5px 2px; text-align: center; font-weight: 400; vertical-align: middle; }
.gas-liquid-spec-table thead th { padding-block: 5px; color: #fff; background: #7b6d64; vertical-align: bottom; font-size: clamp(.8125rem, .89vw, 1.0625rem); line-height: 1.12; }
.gas-liquid-spec-table thead [lang="en"] { white-space: nowrap; }
.gas-liquid-spec-table thead [rowspan] { padding-bottom: 7px; }
.gas-liquid-spec-table thead .gas-liquid-weight-heading { font-size: clamp(.75rem, .83vw, 1rem); font-family: "Times New Roman", serif; line-height: 1.1; }
.gas-liquid-spec-table tbody tr { border-bottom: 1.5px solid #4a3b37; }
.gas-liquid-spec-table tbody th,
.gas-liquid-spec-table tbody td { white-space: nowrap; background: #fff; }
.gas-liquid-spec-notes { margin-top: 8px; font-size: clamp(.8125rem, .73vw, .875rem); line-height: 1.35; }
.gas-liquid-spec-notes p { margin: 0 0 8px; }

@media (max-width: 991.98px) {
  .gas-liquid-principle .gas-liquid-principle-media { height: auto; min-height: 0; margin-right: 0; aspect-ratio: 669 / 497; }
  .gas-liquid-principle .gas-liquid-principle-copy { min-height: 0; padding: 24px 14px 16px; gap: 30px; }
}
.product-gas-liquid-separator { --reviewed-feature-column:388px; --reviewed-related-width:min(calc(100% - 36px),1600px); --reviewed-related-padding:60px; }
@media (min-width:992px) { .product-gas-liquid-separator.product-reviewed .detail-overview-copy { padding:116px 42px 116px 39px; } }
.product-gas-liquid-separator.product-reviewed .gas-liquid-highlights .highlight-list { padding-inline:79px; }
@media (max-width:991.98px) { .product-gas-liquid-separator.product-reviewed .gas-liquid-highlights .highlight-list { padding-inline:24px; } }
@media (min-width:1501px) { .product-gas-liquid-separator.product-reviewed .detail-feature-list { grid-template-columns:388px minmax(0,1fr); } }
