:root {
  --ink:#112b4b; --muted:#48627d; --blue:#1049bd; --bright:#225adc; --navy:#081d39;
  --tint:#f2f6fd; --line:#d6e1ee; --white:#fff;
  --shadow:0 12px 34px #15345b12;
  color:var(--ink); font-family:Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  font-size:17px; line-height:1.65;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fff;overflow-wrap:anywhere}
[hidden]{display:none!important}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
:focus-visible{outline:3px solid #3c80ea;outline-offset:4px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.25;font-weight:760;letter-spacing:-.025em}
h1{font-size:clamp(32px,4.1vw,55px)}
h2{font-size:clamp(26px,3vw,38px)}
h3{font-size:20px}
p{color:var(--muted)}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto;min-width:0}
.narrow{max-width:940px}
.section{padding:66px 0}
.section.compact{padding:40px 0 58px}
.tint{background:var(--tint)}
.home-partners,.home-reviews{padding-block:48px;scroll-margin-top:76px}
.home-partners:not(:has(.loop-group li)),.home-reviews:not(:has(.review-card)),.loop-window:not(:has(.loop-group>*)){display:none}
.partner-rows{display:grid;gap:13px}
.loop-window{overflow-x:auto;scrollbar-width:thin}
.loop-window[data-running]{overflow:hidden}
.loop-track{display:flex;width:max-content;max-width:none}
.loop-group{display:flex;align-items:stretch;gap:16px;padding:0;list-style:none;margin:0;flex:none}
.loop-window[data-running] .loop-group{padding-inline-end:16px}
.loop-track{direction:ltr}
html[dir=rtl] .review-card{direction:rtl}
.loop-group[aria-hidden=true]{pointer-events:none}
.loop-window[data-running] .loop-track{animation:fh-loop var(--loop-time) linear infinite}
.loop-window[data-loop=right] .loop-track{animation-direction:reverse}
.loop-window:hover .loop-track,.loop-window:focus-within .loop-track{animation-play-state:paused}
@keyframes fh-loop{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--loop-width)))}}
.partner-rows .loop-window{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.partner-rows li{display:grid;place-items:center;width:clamp(145px,15.5vw,192px);min-height:65px;padding:6px 14px}
.partner-rows img{width:100%;height:62px;object-fit:contain}
.home-partners .media-note{margin:12px 0 0}
.home-reviews .review-card{width:clamp(310px,29vw,403px)}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review-card{display:flex;flex-direction:column;min-width:0;padding:18px;background:white;border:1px solid var(--line);border-radius:8px}
.review-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px}
.review-stars{font-size:19px;letter-spacing:2px;color:#be7300;line-height:1.2}
.review-stars .unfilled{color:#a4b2c1}
.review-sample{font-size:14px;color:var(--muted)}
.review-card blockquote{margin:12px 0 14px;color:var(--ink);flex:1}
.review-author{display:flex;align-items:center;gap:10px;border-block-start:1px solid var(--line);padding-top:10px}
.review-author h3{font-size:16px}
.review-author p{font-size:14px;margin-top:2px}
.review-author img,.review-avatar{width:42px;height:42px;flex:none;border-radius:50%;object-fit:cover;background:#ebf2fc}
.review-avatar{position:relative}
.review-avatar::before,.review-avatar::after{content:"";position:absolute;left:50%;transform:translateX(-50%);background:#6789b4}
.review-avatar::before{top:9px;width:9px;height:9px;border-radius:50%}
.review-avatar::after{top:20px;width:17px;height:10px;border-radius:12px 12px 3px 3px}
.product-guide{border-block:1px solid var(--line);scroll-margin-top:80px}
.product-guide-inner{max-width:1056px}
.guide-nav{display:flex;flex-wrap:wrap;gap:5px 20px;padding-block:9px;border-block:1px solid var(--line);margin-block-end:18px}
.guide-nav a{font-weight:700;color:var(--blue);font-size:16px;padding:4px 0}
.guide-nav a:hover{text-decoration:underline}
.product-body>section{scroll-margin-top:88px;padding-block:22px;border-block-end:1px solid var(--line)}
.rich.product-body>section+section{margin:0}
.product-body>#overview{padding:17px 20px;background:var(--tint);border:0;border-inline-start:3px solid var(--blue)}
.rich.product-body h2{font-size:clamp(21px,2.1vw,27px);line-height:1.3;margin-block:0 10px}
.product-body h3{font-size:18px;margin-block:15px 4px}
.product-body ul{padding-inline-start:1.25em;margin-block:0;color:var(--muted)}
.product-body li+li{margin-block-start:5px}
.product-body summary{display:flex;justify-content:space-between;align-items:baseline;gap:12px;cursor:pointer;font-weight:700;color:var(--blue);list-style:none}
.product-body summary::-webkit-details-marker{display:none}
.product-body summary::after{content:"+" / ""}
.product-body details[open]>summary::after{content:"−" / ""}
.product-body details>p{margin-block-start:8px}
.guide-media,.illustrated-guide{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}
.guide-media figure,.guide-illustration{margin:0;min-width:0;width:100%;max-width:268px}
.guide-media figure{max-width:192px}
.guide-product-image{max-width:172px}
.guide-media img,.guide-illustration img{display:block;width:100%;height:auto;border-radius:6px}
.guide-media figcaption,.guide-illustration figcaption{margin-block-start:5px;color:var(--muted);font-size:14px;line-height:1.45}
.editorial-copy .guide-illustration{margin-block-start:12px}
@media(min-width:760px){
  .guide-media,.product-body>section:has(>.illustrated-guide){display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,29%);gap:0 30px;align-items:start}
  .product-body>section:has(>.illustrated-guide){grid-template-rows:auto 1fr}
  .guide-media figure,.product-body .guide-illustration{justify-self:start}
  .product-body>section:has(>.illustrated-guide)>h2{grid-area:1/1}
  .product-body .illustrated-guide{display:contents}
  .product-body .illustrated-guide>div{grid-area:2/1}
  .product-body .illustrated-guide>figure{grid-area:1/2/span 2}
}
.guide-note{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;margin-block-start:20px;background:var(--tint)}
.guide-note h2{font-size:21px;margin-bottom:5px}
.guide-note a{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}
.guide-quote{display:none}
main:has(.long-guide) .guide-actions{display:flex;flex-wrap:wrap;gap:8px}
main:has(.long-guide) .guide-quote{display:inline-flex}
.long-guide{--guide-gap:clamp(16px,2.4vw,32px);--guide-pad:clamp(24px,2.4vw,32px)}
.long-guide>section{scroll-margin-top:94px;padding-block:var(--guide-pad);border-block-end:1px solid var(--line)}
.rich .long-guide>section+section{margin:0}
.long-guide>section:first-child{padding-block-start:9px}
.long-guide p{max-inline-size:56em}
.long-guide p+p{margin-block-start:12px}
.long-guide-feature,.long-guide-evidence,.long-guide .guide-delivery,.long-guide-columns{display:grid;gap:18px;align-items:start}
.long-guide h3{margin-block:18px 6px}
.long-guide h2+h3,.long-guide-columns h3{margin-block-start:0}
.long-guide figure{min-inline-size:0}
.long-guide figure img{width:100%;height:auto;border-radius:7px}
.long-guide figcaption{margin-block-start:7px;color:var(--muted);font-size:14px;line-height:1.45}
.long-guide-illustrated>div{display:flex;flex-direction:column}
.long-guide-illustrated figure{margin-block-start:14px}
.long-guide-illustrated figure img{aspect-ratio:3/2;object-fit:cover}
.long-guide-specification{scroll-margin-top:96px}
.long-guide-specification h3{margin-block:0 8px}
.oring-diagram{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--tint)}
.oring-diagram-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:center}
.oring-diagram-views>div{display:grid;grid-template-rows:120px auto;justify-items:center;align-items:center;gap:8px}
.oring-diagram-ring,.oring-diagram-section{position:relative;display:grid;place-items:center;border-radius:50%}
.oring-diagram-ring{width:112px;height:112px;border:11px solid #284363;background:#fff}
.oring-diagram-section{width:44px;height:44px;background:#284363}
.oring-diagram-ring span,.oring-diagram-section span{position:relative;width:100%;height:2px;background:#437fd5}
.oring-diagram-section span{background:#b9d9ff}
.oring-diagram-ring span::before,.oring-diagram-ring span::after,.oring-diagram-section span::before,.oring-diagram-section span::after{content:"";position:absolute;top:-4px;width:2px;height:10px;background:inherit}
.oring-diagram-views span::before{inset-inline-start:0}
.oring-diagram-views span::after{inset-inline-end:0}
.oring-diagram-views p{font-size:14px;line-height:1.4}
.oring-diagram-views p span{display:block;margin-block-start:4px;color:var(--ink);font-size:18px;font-weight:720}
.long-guide .oring-diagram figcaption{margin-block-start:13px;padding-block-start:10px;border-block-start:1px solid var(--line)}
.long-guide .editorial-data{margin:0;border:0;border-radius:0;background:transparent}
.long-guide .editorial-data>div{padding-inline:0}
.long-guide-note{margin-block-start:16px;padding:12px 16px;border-inline-start:3px solid var(--blue);background:var(--tint)}
.long-guide-evidence{margin-block-start:18px}
.rich .long-guide>.long-guide-purchase{margin-block-start:var(--guide-pad);padding:clamp(16px,2.4vw,28px);background:var(--tint);border-radius:8px;border:0}
.long-guide>section:has(+.long-guide-purchase){border-block-end:0;padding-block-end:0}
.long-guide .guide-delivery ul{margin-block-start:10px}
.long-guide-example{scroll-margin-top:94px;margin-block-start:22px;padding-block-start:18px;border-block-start:1px solid var(--line)}
.rich.product-body .long-guide-example>h3{font-size:clamp(19px,1.8vw,23px);margin-block:0 8px}
.long-guide .long-guide-example .editorial-data{margin-block:12px}
.long-guide-purchase .guide-note{margin-block-start:16px;padding:16px 0 0;border:0;border-block-start:1px solid var(--line);border-radius:0;background:transparent}
.long-guide-purchase .guide-note h2{font-size:19px;margin-block-end:5px}
.long-guide-purchase .guide-actions{flex:none}
.long-guide #product-faq details{border-block-end:1px solid var(--line);padding:11px 0}
.long-guide #product-faq details:last-child{border-block-end:0;padding-block-end:0}
.long-guide #product-faq{border:0}
.long-guide #product-faq summary{color:var(--ink)}
.long-guide #product-faq summary::after{color:var(--muted)}
.long-guide #product-faq details[open]>summary{color:var(--blue)}
@media(min-width:760px){
  .long-guide-feature,.long-guide .guide-delivery{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--guide-gap)}
  .long-guide-feature figure{align-self:start}
  .long-guide-evidence{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--guide-gap)}
  .long-guide-specification{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .long-guide-specification>figure{grid-area:1/2}
  .long-guide-specification>div{grid-area:1/1}
  .long-guide-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--guide-gap)}
  .long-guide-columns p{max-inline-size:30em}
  .long-guide-illustrated{align-items:stretch}
  .long-guide-illustrated>div>p{flex:1}
}
.product-detail-page .product-attributes{font-size:19px;margin-block-end:8px}
.product-detail-page>:is(.product-hero,.wrap:has(.product-crumb)),
.product-detail-page>.product-related>.wrap{max-width:1056px}
.product-detail-page .product-hero{gap:14px}
.product-detail-page .product-intro>.lead{margin-block:8px 0}
.product-detail-page .product-info .specs{margin-block-end:16px;border-block-start:0}
.product-detail-page .product-info .specs>div{grid-template-columns:minmax(84px,.36fr) minmax(0,1fr);padding:8px 0;gap:8px 12px}
.product-detail-page .product-info .specs dt{font-weight:650}
.product-detail-page .product-guide{padding-block:clamp(24px,3vw,40px) 16px}
.product-detail-page .heading{margin-block-end:16px}
.product-detail-page .heading h2{font-size:clamp(25px,2.6vw,34px)}
.product-detail-page .guide-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:0;background:var(--tint);border-radius:7px;padding:4px;gap:4px}
.product-detail-page .guide-nav a{display:grid;place-items:center;text-align:center;min-height:44px;border-radius:4px;padding:4px;color:var(--ink);font-size:16px;font-weight:650;line-height:1.35}
.product-detail-page .guide-nav a:is(:hover,:focus-visible){color:var(--blue);background:#fff}
.product-detail-page>.product-related{padding-block:clamp(24px,3vw,40px);background:var(--tint)}
.product-detail-page .product-grid.related-grid>.product-card:only-child{
  grid-template-columns:120px minmax(0,1fr) auto;
  grid-template-rows:auto;
  align-items:center;
  gap:16px;
  padding:12px 16px
}
.product-detail-page .product-grid.related-grid>.product-card:only-child .card-img{
  grid-row:auto;
  align-self:center;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:4/3;
  border-radius:5px
}
.product-detail-page .related-grid>.product-card:only-child .card-copy{padding:0}
.product-detail-page .related-grid>.product-card:only-child .card-copy h3{margin-block:3px}
.product-detail-page .related-grid>.product-card:only-child .facts{margin-block-start:5px}
.product-detail-page .related-grid>.product-card:only-child .select-item{min-height:44px;border:0;padding:0}
.product-detail-page .gallery-main,.product-detail-page .thumbnails button{background:#edf0f4}
.product-detail-page{
  --reading-ink:#25384b;
  --reading-secondary:#364d64;
  --reading-accent:#174e98;
}
.product-detail-page :is(.product-intro .lead,.oring-detail p,.oring-facts dd,.oring-data dd,.guide-note p,.related-grid .summary){color:var(--reading-ink)}
.product-detail-page :is(.gallery .media-note,.oring-detail figcaption,.product-info .specs dt){color:var(--reading-secondary)}
.product-detail-page :is(.product-info .specs dt,.oring-data dt,.oring-facts dd,.oring-data dd,.guide-nav a){hyphens:auto}
.oring-detail{--oring-gap:clamp(14px,2.4vw,26px)}
.oring-detail .oring-section{scroll-margin-top:94px;padding-block:clamp(20px,3vw,32px);border-block-end:1px solid var(--line)}
.oring-detail .oring-section:first-child{padding-block-start:5px}
.rich .oring-detail .oring-section+section{margin:0}
.rich .oring-detail h2{font-size:clamp(23px,2.2vw,29px);line-height:1.25;margin-block-end:12px}
.oring-detail h3{font-size:19px;line-height:1.4;margin-block:16px 6px}
.oring-detail p{max-inline-size:62em;line-height:1.65}
.oring-overview,.oring-spec-layout,.oring-materials{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--oring-gap);align-items:start}
.oring-spec-layout,.oring-materials,.oring-order{margin-block-start:16px}
.oring-detail figure{margin:0;min-inline-size:0}
.oring-detail figure img{width:100%;height:auto;border-radius:7px}
.oring-detail figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-block-start:8px}
.oring-facts,.oring-data{margin-block-end:0}
.oring-facts>div,.oring-data>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);gap:4px 12px;padding:9px 12px;border-block-end:1px solid var(--line)}
.oring-facts>div{padding-inline:0}
.oring-facts>div:last-child,.oring-data>div:last-child{border-block-end:0}
.oring-facts dt,.oring-data dt{font-weight:700}
.oring-facts dd,.oring-data dd{margin:0;min-width:0;overflow-wrap:anywhere}
.oring-facts dt{color:var(--reading-accent);font-weight:750}
.oring-overview-facts{
  display:grid;
  margin-block-start:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f4f7fc;
}
.oring-overview-facts>div{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;padding:12px 14px}
.oring-overview-facts dt{font-size:18px}
.oring-overview-facts dd{line-height:1.55}
#overview .oring-overview>figure{max-inline-size:375px;width:100%;justify-self:end}
.catalog-detail-photo img{aspect-ratio:3/2;object-fit:contain;background:#e4e8f0}
.catalog-overview-copy{display:grid;align-content:center}
.catalog-detail-notes{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:7px;background:var(--tint)}
.catalog-detail-notes h3:first-child{margin-block-start:0}
.catalog-dimension-graphic{display:flex;align-items:center;justify-content:center;gap:32px;min-height:98px}
.catalog-dimension-graphic span{display:block;border:1px solid #345879;background:#c2d2e4}
.catalog-dimension-graphic span:first-child{width:84px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 9px #7592af;background:white}
.catalog-dimension-graphic span:last-child{width:27px;height:70px;box-shadow:inset 0 0 0 3px #7592af}
.catalog-measures{display:grid;gap:6px;margin-block:10px 0}
.catalog-measures>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;border-block-end:1px solid var(--line);font-size:15px}
.catalog-measures dd{margin:0;font-weight:700}
.oring-data{margin-block-start:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.oring-data>div:nth-child(odd){background:#f6f8fc}
.oring-order{margin-block-start:16px}
.oring-dimension,.oring-mount{padding:clamp(12px,2vw,20px);background:#f1f5fb;border:1px solid var(--line);border-radius:7px}
.oring-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:center}
.oring-dimension-grid>div{display:grid;grid-template-rows:142px auto;justify-items:center;align-items:center;gap:8px;min-width:0}
.oring-dimension-grid p{font-size:14px;line-height:1.45}
.oring-face,.oring-cut{position:relative;border-radius:50%;background:#244362}
.oring-face{box-sizing:border-box;width:100%;max-width:126px;aspect-ratio:1;border:solid #244362;border-width:clamp(8px,1.2vw,12px);background:#fff}
.oring-id-line,.oring-od-line,.oring-cut span{position:absolute;height:2px;background:#3479c6}
.oring-id-line{inset:50% 0 auto}
.oring-od-line{inset:auto calc(-1 * clamp(8px,1.2vw,12px)) -16px;background:#6091bb}
.oring-od-line::before,.oring-od-line::after{content:"";position:absolute;bottom:-4px;height:58px;width:1px;background:inherit}
.oring-od-line::before{inset-inline-start:0}
.oring-od-line::after{inset-inline-end:0}
.oring-cut{width:46px;height:46px}
.oring-cut span{inset:50% 0 auto;background:#c4e3ff}
.oring-dimension figcaption,.oring-mount figcaption{padding-block-start:10px;border-block-start:1px solid var(--line)}
.oring-materials>div{height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:7px;background:#f6f8fc}
.oring-materials h3{margin-block:0 6px}
.oring-material-evidence{margin-block-start:18px}
.oring-material-evidence h3{margin-block-start:0}
.oring-material-evidence img{max-height:215px;object-fit:cover}
.oring-note{margin-block-start:12px}
.oring-detail #maintenance:has(>.oring-overview>figure>img){
  padding-block:clamp(18px,2vw,24px);
}
#maintenance .oring-overview>figure:has(>img){
  width:100%;
  max-inline-size:248px;
  justify-self:center;
}
#maintenance .oring-overview>figure>img{display:block}
#maintenance .oring-overview:has(>figure>img) .oring-facts{margin-block-start:0}
#maintenance .oring-overview:has(>figure>img) .oring-note{
  padding:10px 12px;
  border-inline-start:2px solid var(--reading-accent);
  background:var(--tint);
}
.oring-install-note{margin-block-start:12px}
.oring-mount-diagram{position:relative;height:116px;margin:6px auto 10px;max-width:264px}
.oring-mount-diagram::before,.oring-mount-diagram::after{content:"";position:absolute;inset-inline:0;background:#a7bed4;border:1px solid #6e8ba7;border-radius:4px}
.oring-mount-diagram::before{top:8px;height:43px}
.oring-mount-diagram::after{top:54px;height:56px}
.oring-mount-diagram span{position:absolute;z-index:1;inset:54px auto auto 50%;width:70px;height:38px;transform:translateX(-50%);border:1px solid #6e8ba7;border-top:0;background:#f1f5fb;border-radius:0 0 4px 4px;display:grid;place-items:center}
.oring-mount-diagram span::after{content:"";position:absolute;top:-4px;width:49px;height:42px;border-radius:50%;background:#244362}
.oring-detail details{padding:11px 0;border-block-end:1px solid var(--line)}
.oring-detail details:last-child{border-block-end:0;padding-block-end:0}
.product-detail-page .guide-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.product-detail-page .guide-actions .button{justify-content:center;text-align:center}
@media(min-width:761px){
  .oring-overview,.oring-spec-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
  #maintenance:has(>.oring-overview>figure>img){
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,192px);
    grid-template-rows:auto 1fr;
    align-items:start;
    column-gap:clamp(20px,3vw,36px);
  }
  #maintenance .oring-overview:has(>figure>img){display:contents}
  #maintenance:has(>.oring-overview>figure>img)>h2{grid-area:1/1}
  #maintenance .oring-overview:has(>figure>img)>div{grid-area:2/1}
  #maintenance .oring-overview>figure:has(>img){grid-area:1/2/-1}
  #maintenance .oring-overview:has(>figure>img) .oring-facts>div{
    grid-template-columns:minmax(0,140px) minmax(0,1fr);
  }
  .oring-materials{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oring-overview-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .oring-overview-facts>div{border-block-end:0}
  .oring-overview-facts>div+div{border-inline-start:1px solid var(--line)}
}
@media(min-width:950px){
  .product-detail-page .guide-note{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .product-detail-page .guide-actions .button{padding-inline:15px}
}
@media(min-width:761px){
  .product-detail-page .product-hero{
    grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
    grid-template-rows:auto 1fr;
    column-gap:clamp(20px,3vw,34px);
    row-gap:12px
  }
  .product-detail-page .product-hero>.gallery{grid-area:1/1/span 2}
  .product-detail-page .gallery-main{aspect-ratio:4/3}
  .product-detail-page .product-hero>.product-intro{grid-area:1/2}
  .product-detail-page .product-hero>.product-info{grid-area:2/2}
  .product-detail-page .product-info .specs>div{grid-template-columns:minmax(112px,.4fr) minmax(0,1fr);padding-block:6px}
  .product-detail-page .product-info .actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:8px}
  .product-detail-page .product-info .actions .button{padding-inline:12px}
}
@media(min-width:1021px){
  .product-detail-page .gallery:has(.thumbnails>button){display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px 12px}
  .product-detail-page .gallery:has(.thumbnails>button)>.gallery-main{grid-area:1/2}
  .product-detail-page .gallery .thumbnails{grid-area:1/1;display:grid;align-content:start;margin:0}
  .product-detail-page .gallery .thumbnails img{width:100%;height:auto;aspect-ratio:1}
  .product-detail-page .gallery .media-note{grid-column:2;margin:0}
}
@media(max-width:760px){
  .product-detail-page .guide-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-detail-page .product-info .specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-block-end:12px}
  .product-detail-page .product-info .specs>div{display:block;min-width:0;padding-block:8px}
  .product-detail-page .product-info .specs dt{font-size:14px;margin-block-end:2px}
  .product-detail-page .product-info .specs dd{line-height:1.45}
  .product-detail-page .product-hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-detail-page .product-hero .actions .button{padding-inline:8px;text-align:center}
  .product-detail-page .product-hero{gap:10px}
  .product-detail-page .gallery-main{aspect-ratio:1.55}
  .product-detail-page .thumbnails img{width:48px;height:48px}
  .product-detail-page .gallery .media-note{margin-block-end:4px}
  .product-detail-page .product-info .specs>div{padding-block:6px}
  .product-detail-page .product-info .specs>div:last-child:nth-child(odd){grid-column:1/-1}
  .product-detail-page .product-grid.related-grid>.product-card:only-child{grid-template-columns:80px minmax(0,1fr);gap:4px 12px;padding:12px}
  .product-detail-page .product-grid.related-grid>.product-card:only-child .card-img{grid-row:1/3;aspect-ratio:1}
  .product-detail-page .related-grid>.product-card:only-child .select-item{grid-column:2}
  .long-guide-purchase .guide-actions{flex:0 1 auto}
  .oring-facts>div,.oring-data>div{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
  .oring-detail .oring-section{scroll-margin-top:75px}
  .product-detail-page .guide-actions .button{flex:1 1 130px}
  .oring-detail .oring-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}
  #overview .oring-overview>figure{justify-self:start}
}
.eyebrow{font-size:14px;font-weight:760;color:var(--blue);letter-spacing:.1em;margin-block-end:10px}
.heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-block-end:25px}
.heading h2 + p{margin-block-start:10px}
.text-link{font-weight:720;color:var(--blue);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b8cbec}
.text-link:hover{text-decoration-color:currentColor}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid transparent;border-radius:6px;background:var(--blue);color:#fff;font-size:16px;font-weight:720;line-height:1.35;text-align:center;transition:background-color .18s,border-color .18s,box-shadow .18s}
.button:hover{background:#093a9f;box-shadow:0 5px 15px #0d4ab32b}
.button.secondary{background:#fff;border-color:#b8cdeb;color:var(--blue)}
.button.secondary:hover{background:#eaf2ff;border-color:#7fa2d8}
.button.ghost{background:#0c294958;border-color:#bdd1ee88;color:#fff}
.button.ghost:hover{background:#21456f}
.plain-button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--blue);font-size:14px}
.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus{position:fixed;z-index:1000;inset:10px auto auto 10px;clip-path:none;background:white;width:auto;height:auto;padding:10px}
.header{position:sticky;inset-block-start:0;z-index:35;background:#fff;box-shadow:0 1px 0 var(--line)}
.header-row{display:flex;align-items:center;gap:22px;justify-content:space-between;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none;line-height:1.1}
.brand img{width:44px;height:44px;object-fit:contain}
.brand strong{display:block;font-size:22px;white-space:nowrap}
.brand small{display:block;font-size:11px;letter-spacing:.13em;margin-top:5px;font-weight:730;color:#496e97}
.primary{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.4vw,21px);font-size:15px;font-weight:660}
.primary>a,.nav-item>a{display:flex;align-items:center;min-height:76px;position:relative;text-align:center}
.primary a:hover,.primary a[aria-current]{color:var(--blue)}
.primary a[aria-current]::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--blue)}
.nav-item{position:relative}
.submenu{display:none;position:absolute;inset-block-start:100%;inset-inline-start:-12px;background:#fff;min-width:210px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0 0 8px 8px;padding:8px}
.submenu:empty{display:none!important}
.nav-item:hover>.submenu,.nav-item:focus-within>.submenu{display:grid}
.submenu a{padding:9px 11px;border-radius:4px}
.submenu a:hover{background:var(--tint)}
.header-tools{display:flex;gap:9px;align-items:center;flex:none}
.cart-link,.menu-toggle{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:42px;padding:7px 11px;border:1px solid var(--line);background:var(--tint);border-radius:6px;color:var(--blue);font-size:14px;font-weight:730}
[data-cart-count]{min-width:21px;text-align:center;border-radius:20px;background:var(--blue);color:#fff;font-size:13px;line-height:21px}
.menu-toggle{display:none}
.cart-short{display:none}
.header .fh-language{font-size:14px}
.header .fh-language-panel{inset-inline-end:0;inset-inline-start:auto}
.hero{background:var(--navy);color:white;position:relative}
.hero-slides{position:relative}
.hero-slide{position:relative;min-height:520px;display:grid;align-items:center}
.hero-slide:not(:first-child):not([data-active]){display:none}
.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05172eec 0%,#071d39c4 29%,#061b3950 57%,transparent 82%);pointer-events:none}
.hero-content{position:relative;z-index:1;padding:68px 0 90px}
.hero-content h1,.hero-content h2{font-size:clamp(38px,4.2vw,68px);font-weight:780;max-width:780px;letter-spacing:-.045em}
.hero .eyebrow{color:#a4caff}
.hero-description{max-width:425px;margin:19px 0 26px;color:#e2edfa}
.hero-actions,.actions,.article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.hero .button{background:#1c58d5}
.hero .button.ghost{background:#0b264782}
.hero-controls{position:absolute;inset:auto 0 20px;z-index:2;display:flex;align-items:center;justify-content:space-between}
.hero-controls>div{display:flex;align-items:center;gap:10px}
.hero-controls button{font-size:14px;border:1px solid #b9d1f395;background:#082345c9;color:#fff;border-radius:5px;padding:6px 12px}
.hero-controls button:hover{background:#1d4b86}
.hero-controls span{font-size:14px;color:#e1efff;font-weight:680}
.hero-tag{letter-spacing:.18em}
.lookup-band{border-bottom:1px solid var(--line);background:#edf4ff}
.lookup-inner{display:grid;grid-template-columns:1fr minmax(350px,.9fr);align-items:center;gap:28px;padding-block:23px}
.lookup-inner h2{font-size:24px}
.lookup-inner p{font-size:15px;margin-top:5px}
.quick-search{display:flex;gap:8px;min-width:0}
input:not([type=checkbox]):not([type=hidden]),select,textarea{display:block;width:100%;min-width:0;border:1px solid #b9cade;background:#fff;border-radius:5px;padding:9px 11px;min-height:46px;font-size:16px}
textarea{resize:vertical}
.quick-search .button{flex:none}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;min-width:0;transition:border-color .18s,box-shadow .18s}
.product-card:hover{box-shadow:var(--shadow);border-color:#8eacdb}
.card-img{position:relative;display:grid;place-items:center;background:#e2e6ef;aspect-ratio:1.6;overflow:hidden;color:var(--muted);font-size:14px}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.catalog-grid:has(>.product-card:nth-child(2):last-child),.related-grid:has(>.product-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-grid:has(>.product-card:only-child),.related-grid:has(>.product-card:only-child){grid-template-columns:1fr}
.product-grid:is(.catalog-grid,.related-grid)>.product-card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:1fr auto}
.product-grid:is(.catalog-grid,.related-grid)>.product-card:only-child .card-img{grid-row:1/3;height:100%;min-height:205px;aspect-ratio:auto}
.product-grid:is(.catalog-grid,.related-grid)>.product-card:only-child .card-copy{align-self:center}
@media(max-width:440px){
  .product-grid:is(.catalog-grid,.related-grid)>.product-card:only-child{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
  .product-grid:is(.catalog-grid,.related-grid)>.product-card:only-child .card-img{min-height:140px}
}
.card-copy{padding:15px 16px 12px;flex:1}
.part-no{font-weight:760;color:var(--blue);font-size:14px;letter-spacing:.06em}
.card-copy h3{margin-block:5px 7px;font-size:19px}
.card-copy h3 a:hover{color:var(--blue)}
.summary{font-size:15px}
.facts{display:flex;flex-wrap:wrap;gap:5px 11px;font-size:14px;font-weight:690;color:#324f6d;margin-block-start:10px}
.select-item{display:flex;align-items:center;gap:8px;border-top:1px solid #e3ebf5;padding:9px 16px;color:var(--blue);font-size:14px;font-weight:660;cursor:pointer}
.select-item input{accent-color:var(--blue);width:17px;height:17px;margin:0;flex:none}
.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-block-start:16px;padding:13px 15px;border:1px solid var(--line);background:white;border-radius:6px}
.selection-bar p{font-size:15px}
.split,.resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:35px}
.company-image{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:9px}
.split h2+p{margin-block:13px 18px}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.editorial-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.editorial-img{display:block;aspect-ratio:1.65;overflow:hidden;background:var(--tint)}
.editorial-img img{width:100%;height:100%;object-fit:cover}
.editorial-card>div{padding:17px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.editorial-card h2{font-size:22px}
.editorial-card p{font-size:15px;flex:1}
.resources-grid{align-items:start}
.resources-grid h2{margin-bottom:13px}
.download-list{border-block-start:1px solid var(--line)}
.download-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-block-end:1px solid var(--line)}
.download-list article a[download]{flex:none;color:var(--blue);font-weight:700}
.download-list h2,.download-list h3{font-size:19px;margin:0 0 3px}
.download-list p{font-size:15px}
.resource-item,.model-product{display:flex;align-items:center;gap:10px;min-width:0}
.resource-item>div,.model-product>div{min-width:0}
.list-thumbnail,.model-photo{width:70px;height:58px;flex:none;object-fit:contain;background:var(--tint);border-radius:6px}
.model-photo{width:60px;height:54px}
.faq-preview{padding:0 14px 13px}
.faq-preview p+p{margin-block-start:6px}
.faq-list details{border:1px solid var(--line);background:white;border-radius:6px;padding:12px 15px;margin-block-end:8px}
.faq-list summary{cursor:pointer;font-weight:720;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--blue);font-size:19px}
.faq-list details[open] summary::after{content:"−"}
.faq-list p{margin-block-start:8px;font-size:16px}
.contact-strip{background:#10376f;color:#fff;padding:27px 0}
.contact-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}
.contact-strip h2{font-size:27px}
.contact-strip p{color:#d7e7ff;margin-top:5px}
.contact-strip .button{background:#fff;color:var(--blue);flex:none}
.intro{background:var(--tint);padding:23px 0 34px;border-bottom:1px solid var(--line)}
.crumb{display:flex;flex-wrap:wrap;gap:5px 10px;color:var(--muted);font-size:14px;margin-block-end:15px}
.crumb a{color:var(--blue)}
.intro h1+p{margin-block-start:9px}
.catalog-layout{display:grid;grid-template-columns:minmax(185px,224px) minmax(0,1fr);gap:25px;align-items:start}
.sidebar{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f5f8fd}
.sidebar h2{font-size:20px;padding:15px 16px;background:#143e83;color:white}
.sidebar>a{padding:11px 14px;border-top:1px solid var(--line);font-size:15px}
.sidebar>a:hover,.sidebar a[aria-current]{color:var(--blue);background:#e5efff;font-weight:720}
.catalog-search{margin-block-end:16px}
.pagination{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center;margin-block-start:16px}
.pagination:empty{display:none}
.pagination a,.pagination span{padding:5px 10px;color:var(--blue);border:1px solid var(--line);border-radius:5px}
.empty{padding:22px;background:var(--tint);border:1px solid var(--line);border-radius:8px}
.empty h2{font-size:24px;margin-bottom:8px}
.empty .button{margin-block-start:12px}
.product-crumb{margin:23px 0 17px}
.product-hero{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1fr);gap:34px;align-items:start;padding-block-end:42px}
.gallery-main{width:100%;display:grid;place-items:center;position:relative;border:1px solid var(--line);background:#e5eaf2;border-radius:9px;overflow:hidden;aspect-ratio:1.3;padding:0}
.gallery-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gallery-main span{position:absolute;inset:auto 9px 9px auto;background:#fff;color:var(--blue);padding:5px 10px;border-radius:5px;font-size:14px;font-weight:690}
.thumbnails{display:flex;gap:8px;margin-block-start:9px;flex-wrap:wrap}
.thumbnails:empty{display:none}
.thumbnails button{border:1px solid #b9cade;background:#e7edf4;padding:0;overflow:hidden;border-radius:5px}
.thumbnails img{width:60px;height:60px;object-fit:contain}
.thumbnails button[aria-pressed=true]{border:2px solid var(--blue)}
.media-note{font-size:14px;margin-block:9px;color:var(--muted)}
.product-info h1,.product-intro h1{font-size:clamp(29px,3.2vw,47px)}
.lead{margin-block:13px 17px}
.specs{margin:0 0 19px;border-block-start:1px solid var(--line)}
.specs>div{display:grid;grid-template-columns:minmax(110px,.4fr) 1fr;gap:10px;padding:9px 0;border-block-end:1px solid var(--line)}
.specs dt{color:var(--muted)}
.specs dd{margin:0;font-weight:680}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
.rich{min-width:0}
.rich h2,.side-note h2{font-size:25px;margin-block-end:8px}
.rich section+section{margin-block-start:20px}
.rich img{max-width:100%;height:auto}
.rich table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.rich table td,.rich table th{border:1px solid var(--line);padding:8px}
.side-note,.panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:22px}
.side-note .text-link{display:inline-block;margin-block-start:12px}
.article-layout,.article-intro .wrap{max-width:940px}
.article-top{display:grid;gap:18px;align-items:center}
.article-cover{width:100%;height:auto;max-height:270px;object-fit:cover;border-radius:8px}
.article-top h1{font-size:clamp(30px,4vw,44px)}
@media(min-width:800px){
  .article-top:has(.article-cover){grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);gap:28px}
  .article-cover{aspect-ratio:3/2}
}
.article-cover[src*="/catalog-"]{object-fit:contain;background:#e2e6ef}
.contact-cover{max-height:205px}
.article-layout>.rich{max-width:880px}
.editorial-copy{display:grid;gap:24px}
.rich .editorial-copy section{margin:0}
.editorial-copy p+p,.editorial-copy p+ul,.editorial-copy ol+figure,.editorial-copy p+figure{margin-block-start:12px}
.editorial-copy ul,.editorial-copy ol{padding-inline-start:1.3em;margin-block:8px 0;color:var(--muted)}
.editorial-copy li+li{margin-block-start:6px}
.editorial-figure{margin-block-start:14px;min-width:0}
.editorial-figure img{width:100%;height:auto;aspect-ratio:1;border-radius:8px;object-fit:contain}
.editorial-figure figcaption{font-size:14px;color:var(--muted);margin-block-start:7px}
.editorial-data{margin:10px 0 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.editorial-data>div{display:grid;grid-template-columns:minmax(132px,.28fr) minmax(0,1fr);gap:12px;padding:11px 14px}
.editorial-data>div+div{border-block-start:1px solid var(--line)}
.editorial-data dt{font-weight:700}
.editorial-data dd{color:var(--muted);margin:0}
.rich .editorial-links{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin-block-start:12px}
.editorial-links li+li{margin:0}
.editorial-links a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.resource-download{margin-block-end:22px}
.review-detail-card{max-width:780px}
.review-detail-card .rich{margin-block-start:10px}
@media(min-width:760px){
  .editorial-copy section:has(>:is(.editorial-figure,.guide-illustration)){display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,30%);column-gap:22px;align-items:start}
  .editorial-copy section:has(>:is(.editorial-figure,.guide-illustration))>h2{grid-column:1/-1}
  .editorial-copy section:has(>:is(.editorial-figure,.guide-illustration))>figure{margin:0;grid-area:2/2}
  .editorial-copy section:has(>p+:is(p,ul,ol))>.guide-illustration{grid-row:2/span 2}
  .editorial-copy section:has(>:is(.editorial-figure,.guide-illustration))>:is(dl,ul,ol,p){grid-column:1}
  .editorial-copy section:has(>p+figure.editorial-figure){grid-template-columns:minmax(0,1fr) minmax(150px,23%)}
}
@media(max-width:600px){
  .article-cover{max-height:205px}
  .editorial-copy{gap:19px}
  .editorial-data>div{grid-template-columns:1fr;gap:3px;padding:9px 11px}
  .editorial-figure{max-width:330px}
  .list-thumbnail{width:51px;height:47px}
  .model-photo{width:52px;height:46px}
}
.article-actions{margin-block-start:22px;padding-block-start:15px;border-top:1px solid var(--line)}
.finder-form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(130px,.8fr) minmax(125px,.65fr) auto;gap:10px;align-items:end;padding:16px;border:1px solid var(--line);background:var(--tint);border-radius:8px}
.finder-form label,.inquiry-form label{display:grid;gap:5px;font-size:15px;font-weight:680}
.results-count{margin:14px 0}
.model-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.model-table table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:start}
.model-table thead{background:#113a78;color:white}
.model-table th,.model-table td{padding:11px 12px;text-align:start;border-block-end:1px solid var(--line);font-size:15px;vertical-align:top}
.model-table tbody tr:last-child>*{border-block-end:0}
.model-table tbody tr:nth-child(even){background:#f5f8fd}
.model-table th a{color:var(--blue)}
.model-table small,.selected-list small{display:block;font-size:14px;color:var(--muted)}
.model-label{display:none}
.inquiry-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:17px;align-items:start}
.inquiry-side{display:grid;gap:13px}
.panel h2{font-size:25px;margin-block-end:9px}
.panel .text-link{display:inline-block;margin-block-start:8px}
.contact-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px}
.contact-panel h2{grid-column:1/-1}
.contact-methods p{margin:4px 0;font-size:15px}
.contact-methods a{color:var(--blue)}
.contact-panel figure{text-align:center;color:var(--muted);font-size:14px}
.contact-panel img{width:clamp(90px,10vw,138px);height:auto;aspect-ratio:1;object-fit:contain}
.inquiry-form{display:grid;gap:12px;margin-block-start:14px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.captcha-row{display:flex;align-items:end;gap:10px}
.captcha-row label{width:150px;max-width:50%}
.captcha-refresh{padding:0;overflow:hidden}
.captcha-refresh img{width:125px;height:45px;object-fit:contain}
.inquiry-form>.button{justify-self:start}
.form-status{font-size:15px;color:#9b2c1f}
.inquiry-success{text-align:center;background:#e9f7f4;border:1px solid #acdcd2;border-radius:8px;padding:25px 12px;margin-block-start:13px}
.inquiry-success>span{display:inline-grid;place-items:center;width:39px;height:39px;border:2px solid #168478;border-radius:50%;color:#168478;font-size:23px}
.inquiry-success h2{font-size:22px;margin:11px 0}
.selected-list{list-style:none;padding:0;margin:0}
.selected-list li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.selected-list li:not(:has(img)){grid-template-columns:minmax(0,1fr) auto}
.selected-list img{width:56px;height:56px;object-fit:contain;border-radius:5px;background:var(--tint)}
.selected-list a{font-size:15px;font-weight:690}
.footer{color:#e7eff9;background:#0a2344;padding:25px 0 13px}
.footer-grid{display:grid;grid-template-columns:1.1fr 1fr .95fr 1fr;gap:20px}
.footer h2{font-size:16px;margin-bottom:7px;color:white}
.footer p,.footer a{color:#ccd9ec;font-size:14px}
.footer .brand{color:white}
.footer .brand small{color:#a5bddc}
.footer .brand+p{margin-top:8px}
.footer-grid>div:not(:first-child) a{display:block;margin:3px 0}
.footer-contact{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
.footer-contact h2{grid-column:1/-1;margin:0}
.footer-contact .footer-wechat{grid-column:2;grid-row:2;max-width:106px;text-align:center;color:#d7e4f6;font-size:14px}
.footer-wechat img{width:96px;height:auto;max-width:100%;object-fit:contain;border-radius:4px;margin-inline:auto}
.footer-wechat figcaption{margin-top:4px}
.footer a:hover{text-decoration:underline}
.footer-links,.footer-bottom{display:flex;flex-wrap:wrap;gap:5px 16px;border-top:1px solid #ffffff24;padding-top:10px;margin-top:12px;color:#ccd9ec;font-size:14px}
.footer-bottom{justify-content:space-between}
.picture-dialog{width:min(690px,calc(100% - 32px));border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}
.picture-dialog::backdrop{background:#041327be}
.picture-dialog>div{display:grid;gap:7px}
.picture-dialog img{width:100%;max-height:74vh;object-fit:contain;background:var(--tint)}
.picture-dialog .close-dialog{justify-self:end}
.cart-toast{position:fixed;z-index:50;inset:auto 16px 16px auto;max-width:calc(100% - 32px);padding:10px 14px;background:#112e58;color:white;border-radius:6px;box-shadow:var(--shadow)}
#inquiry{scroll-margin-top:83px}
@media(max-width:1120px){
  .header-row{gap:13px}.primary{gap:11px;font-size:14px}.cart-link{padding-inline:7px}
}
@media(max-width:1020px){
  .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrap{width:calc(100% - 40px)}.header-row{min-height:68px}.menu-toggle{display:inline-flex}
  .primary{display:none;position:absolute;inset:100% 0 auto;background:#fff;box-shadow:0 10px 22px #091e3424;padding:12px 20px;max-height:calc(100dvh - 70px);overflow-y:auto}
  .primary[data-open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 13px}
  .primary>a,.nav-item>a{min-height:43px;border-bottom:1px solid var(--line);font-size:16px;text-align:start}
  .primary a[aria-current]::after{height:2px}
  .primary .submenu{position:static;min-width:0;border:0;box-shadow:none;background:var(--tint);padding:3px}
  .nav-item:has(a[data-nav="10"]) .submenu{display:grid}
  .product-grid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  :root{font-size:16px}
  .wrap{width:calc(100% - 30px)}
  .section{padding:40px 0}.section.compact{padding:24px 0 36px}
  .home-partners,.home-reviews{padding-block:32px;scroll-margin-top:62px}
  .partner-rows{gap:6px}
  .partner-rows li{width:128px;min-height:50px;padding-inline:5px}
  .partner-rows img{height:44px}
  .home-reviews .review-card{width:min(300px,calc(100vw - 65px))}
  .review-grid{grid-template-columns:1fr}
  .review-card{padding:14px}
  .product-body>section{padding-block:18px}
  .product-body>#overview{padding:14px 15px}
  .guide-nav{gap:5px 13px;margin-bottom:13px}
  .guide-nav a{font-size:15px}
  .guide-note{flex-wrap:wrap}
  .header-row{min-height:62px;gap:7px}.header-tools{gap:5px}
  .brand{gap:6px}.brand img{width:35px;height:35px}.brand strong{font-size:18px}.brand small{font-size:9px;letter-spacing:.08em;margin-top:3px}
  .cart-link,.menu-toggle{padding:6px;min-height:37px;font-size:13px;gap:4px}
  .header-row>.brand{min-width:0;flex:1}
  .header-row>.brand>span{min-width:0}
  .header-row>.brand strong{overflow:hidden;text-overflow:ellipsis}
  .header-row>.brand small{white-space:nowrap}
  .cart-link{max-width:104px;text-align:center;line-height:1.2}
  .menu-toggle{max-width:76px;text-align:center;line-height:1.2}
  .header .fh-language>summary{padding:5px 6px;min-height:37px;font-size:13px}
  .header .fh-language-panel{position:fixed;inset:66px 9px auto auto;width:min(360px,calc(100% - 18px))}
  .header .fh-language-current{max-width:68px;overflow:hidden;text-overflow:ellipsis}
  .hero-slide{min-height:0;display:flex;flex-direction:column;align-items:stretch}
  .hero-slide>img{position:static;order:2;height:auto;aspect-ratio:2.18;object-position:75% 60%;object-fit:cover}
  .hero-slide::after{display:none}
  .hero-content{padding:29px 0 20px}
  .hero-content h1,.hero-content h2{font-size:clamp(30px,7.5vw,47px)}
  .hero-description{margin:10px 0 15px}
  .hero-controls{position:relative;inset:auto;padding:9px 0}
  .hero-tag{letter-spacing:.09em;font-size:12px!important}
  .lookup-inner{grid-template-columns:1fr;gap:10px;padding-block:15px}
  .lookup-inner h2{font-size:20px}
  .heading{align-items:flex-start;gap:8px;flex-direction:column;margin-block-end:15px}
  .heading h2+p{margin-block-start:6px}.eyebrow{margin-block-end:6px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .card-img{aspect-ratio:1.28}.card-copy{padding:9px}
  .card-copy h3{font-size:16px}.summary{font-size:14px}
  .select-item{padding:7px 9px;min-height:41px}
  .selection-bar{flex-wrap:wrap;padding:9px;margin-top:11px}
  .split,.resources-grid,.catalog-layout,.product-hero,.detail-grid,.inquiry-layout{grid-template-columns:1fr;gap:15px}
  .company-image{aspect-ratio:1.7}
  .editorial-grid{grid-template-columns:1fr;gap:13px}
  .editorial-card>div{padding:12px 13px}
  .contact-strip>.wrap{flex-wrap:wrap;gap:12px}
  .intro{padding:14px 0 21px}
  .sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.sidebar h2{grid-column:1/-1;font-size:17px;padding:9px}
  .sidebar>a{padding:7px 9px;border-inline-end:1px solid var(--line)}
  .catalog-search{margin-block-end:11px}
  .product-grid.catalog-grid:has(>.product-card:only-child){grid-template-columns:1fr}
  .product-hero{padding-block-end:23px}
  .product-crumb{margin:13px 0}
  .gallery-main{aspect-ratio:1.45}
  .specs>div{grid-template-columns:minmax(92px,.4fr) minmax(0,1fr)}
  .finder-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}
  .finder-form label:first-of-type,.finder-form button{grid-column:1/-1}
  .model-table{border:0;overflow:visible}
  .model-table table,.model-table tbody{display:block}
  .model-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .model-table tr{display:block;border:1px solid var(--line);border-radius:7px;margin-bottom:9px;overflow:hidden}
  .model-table th,.model-table td{display:block;padding:6px 9px;border-bottom:1px solid var(--line);font-size:14px}
  .model-table tbody tr:last-child>*:not(:last-child){border-bottom:1px solid var(--line)}
  .model-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:3px 8px}
  .model-label{display:block;color:var(--muted)}
  .model-table td small{grid-column:2}
  .model-table tr td:last-child{border-bottom:0}
  .inquiry-panel{order:-1}.side-note,.panel{padding:13px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .footer-contact{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto}
  #inquiry{scroll-margin-top:66px}
}
@media(max-width:375px){
  .wrap{width:calc(100% - 22px)}
  body:has(.product-detail-page) .header-row{gap:6px}
  body:has(.product-detail-page) .header-row>.brand{gap:5px}
  body:has(.product-detail-page) .header-row>.brand img{width:26px;height:26px}
  body:has(.product-detail-page) .header-row>.brand strong{font-size:16px}
  body:has(.product-detail-page) .header-tools{gap:3px}
  body:has(.product-detail-page) .header .fh-language>summary{gap:3px}
  body:has(.product-detail-page) .header-tools :is(.cart-link,.menu-toggle,.fh-language>summary){min-height:42px;padding-inline:4px}
  .product-detail-page .product-crumb>span:nth-last-child(-n+2){display:none}
  .cart-link span:first-child{font-size:12px}
  .header .fh-language>summary{font-size:12px;gap:4px}
  .header .fh-language-flag{width:17px;height:13px}
  .header .fh-language-current{max-width:54px}
  .button{padding:9px 12px}
}
@media(max-width:450px){
  html[data-fh-language]:not([data-fh-language="chinese_simplified"]) .header .fh-language-current{font-size:0;max-width:none}
  html[data-fh-language]:not([data-fh-language="chinese_simplified"]) .header .fh-language-current::after{content:attr(data-short);font-size:13px}
  .cart-link{max-width:78px}
  .menu-toggle{max-width:61px}
  .cart-full{display:none}
  .cart-short{display:inline}
  .header-row>.brand small{display:none}
}
body:has(.product-detail-page) .primary{font-size:16px}
body:has(.product-detail-page) .header-tools :is(.cart-link,.menu-toggle,.fh-language>summary){font-size:15px;min-height:44px}
body:has(.product-detail-page) .fh-language-panel :is(.fh-language-list,.fh-language-auto){font-size:15px}
@media(min-width:1021px) and (max-width:1180px){
  body:has(.product-detail-page) .header-row{width:calc(100% - 40px);min-height:68px}
  body:has(.product-detail-page) .menu-toggle{display:inline-flex}
  body:has(.product-detail-page) .primary{display:none;position:absolute;inset:100% 0 auto;background:#fff;box-shadow:0 10px 22px #091e3424;padding:12px 20px;max-height:calc(100dvh - 70px);overflow-y:auto}
  body:has(.product-detail-page) .primary[data-open]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 13px;align-items:start}
  body:has(.product-detail-page) .primary :is(.nav-item>a,.submenu a),body:has(.product-detail-page) .primary>a{min-height:43px;border-bottom:1px solid var(--line);text-align:start}
  body:has(.product-detail-page) .primary .submenu{position:static;min-width:0;border:0;box-shadow:none;background:var(--tint);padding:3px}
}
@media(max-width:1180px){
  body:has(.product-detail-page) .primary .nav-item:has(>a[data-nav="10"]){display:contents}
  body:has(.product-detail-page) .primary .nav-item:has(>a[data-nav="10"])>.submenu{
    display:grid;
    grid-column:1/-1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2px 8px;
    order:1;
    margin-block-start:6px;
  }
  body:has(.product-detail-page) .primary .submenu a{display:flex;align-items:center;min-height:42px}
}
@media(min-width:1181px){
  html:lang(zh) body:has(.product-detail-page) .primary :is(.nav-item>a),html:lang(zh) body:has(.product-detail-page) .primary>a{white-space:nowrap}
  html:not(:lang(zh)) body:has(.product-detail-page) .menu-toggle{display:inline-flex}
  html:not(:lang(zh)) body:has(.product-detail-page) .primary{
    display:none;position:absolute;inset:100% 0 auto;margin-inline:auto;max-width:1240px;background:#fff;
    box-shadow:0 10px 22px #091e3424;padding:12px 20px;max-height:calc(100dvh - 78px);overflow-y:auto
  }
  html:not(:lang(zh)) body:has(.product-detail-page) .primary[data-open]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 13px;align-items:start}
  html:not(:lang(zh)) body:has(.product-detail-page) .primary :is(.nav-item>a,.submenu a),
  html:not(:lang(zh)) body:has(.product-detail-page) .primary>a{min-height:43px;border-bottom:1px solid var(--line);text-align:start}
  html:not(:lang(zh)) body:has(.product-detail-page) .primary .nav-item:has(>a[data-nav="10"]){display:contents}
  html:not(:lang(zh)) body:has(.product-detail-page) .primary .nav-item:has(>a[data-nav="10"])>.submenu{
    display:grid;position:static;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2px 8px;order:1;margin-block-start:6px;border:0;box-shadow:none;background:var(--tint);padding:3px
  }
  html:not(:lang(zh)) body:has(.product-detail-page) .primary .submenu a{display:flex;align-items:center}
}
@media(max-width:375px){
  body:has(.product-detail-page) .primary .submenu{gap:2px 4px}
  body:has(.product-detail-page) .primary .submenu a{padding-inline:6px}
}
@media(max-width:450px){
  body:has(.product-detail-page) .header .fh-language-current{max-width:none}
  html[data-fh-language]:not([data-fh-language="chinese_simplified"]) body:has(.product-detail-page) .header .fh-language-current::after{font-size:15px}
  html:not(:lang(zh)) .product-detail-page .oring-data>div{grid-template-columns:minmax(0,1fr);gap:2px}
  html:not(:lang(zh)) .product-detail-page .guide-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html[dir=rtl] .hero-slide::after{background:linear-gradient(270deg,#05172eec 0%,#071d39c4 29%,#061b3950 57%,transparent 82%)}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40%);column-gap:clamp(20px,3vw,42px);row-gap:clamp(24px,3vw,40px);align-items:start}
.about-cover{grid-area:1/2/span 2;width:100%;height:auto;border-radius:8px}
.about-body{display:contents}
.about-body>*,.about-contact{grid-column:1/-1}
.about-copy{grid-area:1/1}
.about-layout:not(:has(.about-cover)) .about-copy{grid-column:1/-1;max-width:76ch}
.about-copy p+p{margin-block-start:12px}
.about-copy p:last-child{margin-bottom:0}
.about-links{grid-area:2/1;display:flex;flex-wrap:wrap;gap:8px 20px;margin-block-start:calc(-1 * clamp(12px,1.4vw,20px))}
.about-principles,.about-contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.about-principles section{background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:18px 20px}
.about-principles section+section{margin:0}
.about-contact{border-block-start:1px solid var(--line);padding-block-start:22px}
.about-contact h2{font-size:25px;margin-block-end:14px}
.about-contact-details{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;row-gap:12px}
.about-contact-details dt{font-size:14px;color:var(--muted)}
.about-contact-details dd{margin:4px 0 0;overflow-wrap:anywhere}
.about-contact-details a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.about-contact .article-actions{border:0;padding:0;margin-block-start:18px}
.contact-methods a,.footer-contact a{overflow-wrap:anywhere}
.about-process h2{margin-top:0}
.about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-steps article{overflow:hidden;border:1px solid #d8e2ec;border-radius:8px}
.about-steps img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.about-steps article div{padding:16px}
.about-steps article h3,.about-steps article p{margin:0}
.about-steps article p{margin-top:6px}
@media(max-width:760px){
  .about-layout,.about-principles,.about-steps,.about-contact-details{grid-template-columns:minmax(0,1fr)}
  .about-body>*{grid-column:1}
  .about-cover{grid-area:3/1}
  .about-steps article{display:grid;grid-template-columns:minmax(86px,32%) minmax(0,1fr);align-items:stretch}
  .about-steps img{height:100%;min-height:108px;aspect-ratio:auto}
  .about-steps article div{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
  .loop-window[data-running]{overflow-x:auto}
  .loop-window[data-running] .loop-group{padding-inline-end:0}
  .loop-window[data-running] .loop-track{animation:none}
  .loop-group[aria-hidden=true]{display:none}
}
