@font-face{font-family:Manrope;src:url('/public/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
.px-page{--px-navy:#123650;--px-green:#087b54;--px-muted:#627e94;background:#fff!important;font-family:Manrope,Arial,sans-serif}
.px-page *{box-sizing:border-box}.px-page a{text-decoration:none}.px-page button{cursor:pointer}.px-page h1,.px-page h2,.px-page h3,.px-page p{margin-top:0}.px-page :focus-visible{outline:2px solid #118a61;outline-offset:4px}.px-page button,.px-page a{touch-action:manipulation}
.px-header{background:var(--px-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 7.5vw;height:68px;border-bottom:1px solid #ffffff14;gap:24px}.px-brand{font-size:18px;font-weight:650;letter-spacing:.08em;display:flex;align-items:center;gap:12px;white-space:nowrap}.px-brand>span{background:#215680;border:1px solid #5382a1;width:26px;height:28px;text-align:center;line-height:26px;font-weight:400}.px-header nav{display:flex;gap:30px;align-items:center;font-size:12px}.px-header nav a{padding:15px 0}.px-header nav a[aria-current]{color:#8bebba;border-bottom:2px solid #8bebba}.px-header nav a:last-child{color:#8bebba}.px-menu{display:none}
.px-hero{background:var(--px-navy);color:white;padding:32px 7.5vw 28px;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:3.5vw}.px-eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.17em;font-weight:650;color:#9bbdd1;margin-bottom:16px}.px-hero h1{font-size:clamp(32px,3vw,52px);font-weight:450;letter-spacing:-.055em;line-height:1.15;margin-bottom:12px}.px-summary{font-size:13px;color:#c0d5e3;line-height:1.65;max-width:88ch;margin-bottom:24px}.px-search{display:flex;align-items:center;background:#fff;border-radius:3px;overflow:hidden;color:#17374e;min-height:52px}.px-search-icon{font-size:30px;padding-left:16px}.px-search input{border:0;background:transparent;font-size:13px;padding:15px 12px;min-width:0;flex:1;color:#123650;outline-offset:-3px}.px-search button{align-self:stretch;background:var(--px-green);color:#fff;border:0;padding:12px 28px;display:flex;align-items:center;gap:18px;font-size:13px}.px-controls{display:flex;gap:22px;margin-top:18px;align-items:center;flex-wrap:wrap}.px-languages,.px-categories{display:flex;gap:7px}.px-languages button,.px-categories a{background:#ffffff0d;border:1px solid #ffffff08;border-radius:3px;color:#e6f1f8;min-height:44px;padding:8px 12px;font-size:11px;display:flex;gap:9px;align-items:center}.px-languages b{background:#ffffff15;padding:4px;font-weight:600}.px-languages button[aria-pressed=true],.px-categories a:first-child{background:#11725e}.px-categories{border-left:1px solid #ffffff25;padding-left:22px}.px-categories a{padding:10px 20px}.px-hero-visual{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:26px}.px-image{background:#52788f;display:grid;place-items:center;overflow:hidden;min-width:0}.px-image>span{font-size:48px;font-weight:300;letter-spacing:-.05em;color:#93adbb}.px-image img{width:100%;height:100%;object-fit:contain}.px-hero-visual .px-image{min-height:240px}.px-hero-visual .px-image>span{font-size:140px;color:#7194aa}.px-hero-visual>p{font-size:8px;color:#9bbdd1;text-transform:uppercase;letter-spacing:.2em;line-height:2.2;align-self:center;margin:0}.px-hero-visual>p span{display:block;width:30px;height:1px;background:#ffffff40;margin:34px 0}
.px-quick{padding:15px 7.5vw;background:#eff4f7;display:flex;gap:24px;align-items:center}.px-quick-heading{display:contents}.px-quick h2{font-size:10px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;margin:0;color:#4f728e}.px-quick-heading>a{order:3;white-space:nowrap;margin-left:auto}.px-chips{display:flex;gap:10px;overflow-x:auto;min-width:0;scrollbar-width:thin;padding:3px}.px-chips a{white-space:nowrap;background:#e4edf2;padding:10px 13px;border-radius:3px;font-size:11px;display:block}.px-link{color:var(--px-green);font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:12px;min-height:36px}.px-link:hover{text-decoration:underline;text-underline-offset:4px}.px-chips a:hover,.px-chips a:active{background:#d2e5df}.px-chips a:focus-visible{outline-offset:-2px}
.px-section{padding:28px 7.5vw;scroll-margin-top:20px}.px-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.px-page h2{font-size:clamp(24px,1.8vw,31px);font-weight:450;letter-spacing:-.045em;margin-bottom:8px;line-height:1.2}.px-section-heading p,.px-family-intro>p:not(.px-eyebrow){font-size:12px;line-height:1.7;color:var(--px-muted);margin-bottom:0}.px-popular-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.px-card{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:14px;padding:12px;background:#fff;border:1px solid #e2ebf0;border-radius:3px;min-width:0;scroll-margin-top:30px;transition:transform .17s,border-color .17s}.px-card:hover{transform:translateY(-3px);border-color:#b3cbd7}.px-card:target{outline:2px solid #087b54;outline-offset:3px}.px-card>.px-image{min-height:136px}.px-card h3{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin-bottom:7px}.px-card p{font-size:11px;color:var(--px-muted);line-height:1.45;margin-bottom:8px}.px-card .px-zh{font-size:10px;color:#7891a4;margin-bottom:6px}.px-card-copy{min-width:0;display:flex;flex-direction:column}.px-card-copy>.px-link{margin-top:auto;font-size:10px;gap:8px;flex-wrap:wrap;line-height:1.4}.px-badges{display:flex;gap:5px;margin-bottom:3px}.px-badges a,.px-badges>span{font-size:10px;background:#edf3f6;padding:4px;line-height:1.2}.px-badges a{color:#075936;font-weight:700}.px-badges>span{color:#7b8f9d}.px-pending{color:#667f90;cursor:default}.px-pending small{font-size:9px;font-weight:400;width:100%;margin-top:-5px}.px-family{display:grid;grid-template-columns:minmax(0,20fr) minmax(0,80fr);gap:24px;background:#eaf3f7;align-items:center}.px-family:last-of-type{background:#f3f7fa}.px-family-intro .px-eyebrow{color:#416d8b;margin-bottom:14px}.px-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.px-family .px-card{border-color:transparent}.px-family h2{font-size:27px}.px-family-intro>.px-link{margin-top:8px}.px-results{padding:0 7.5vw;font-size:13px;color:#315b78;display:flex;gap:20px;align-items:center}.px-results:has([data-results-status]:not(:empty)){padding-top:20px;padding-bottom:8px}.px-results button{background:transparent;border:0;color:var(--px-green);text-decoration:underline;min-height:44px}.px-feedback{padding:0 7.5vw;font-size:13px;color:#315b78}.px-feedback:not(:empty){padding-top:16px;padding-bottom:16px}.px-page .site-footer{padding:42px 7.5vw 24px}.px-contact-dock{display:none}.px-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.px-skip{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:100}.px-skip:focus{top:12px}
@media(max-width:1500px){.px-header,.px-hero,.px-section{padding-left:4vw;padding-right:4vw}.px-quick{padding-left:4vw;padding-right:4vw}.px-hero-visual{grid-template-columns:1fr}.px-hero-visual>p{display:none}.px-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.px-family{grid-template-columns:1fr}.px-family-intro{max-width:none}.px-family-intro>.px-link{float:right;margin-top:-32px}.px-card>.px-image{min-height:140px}.px-controls{gap:12px}.px-categories{padding-left:12px}.px-categories a{padding:10px 13px}}
@media(max-width:1000px){.px-hero{grid-template-columns:1fr 32%;gap:24px}.px-controls{align-items:stretch}.px-categories{padding-left:0;border:0}.px-languages button>span{display:none}.px-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.px-header nav{gap:20px}.px-quick{display:block}.px-quick-heading{display:flex;align-items:center;justify-content:space-between}.px-quick-heading>a{margin:0}.px-quick h2{font-size:11px}.px-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.px-header{height:70px;padding:0 24px;position:relative;z-index:5}.px-brand{font-size:17px}.px-menu{display:block;background:transparent;border:0;color:white;font-size:26px;min-width:44px;min-height:44px}.px-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#123650;padding:18px 24px;box-shadow:0 8px 12px #0001}.px-header nav.is-open{display:grid;gap:0}.px-header nav a{min-height:48px}.px-hero{display:flex;flex-direction:column;padding:28px 24px;gap:24px}.px-hero h1{font-size:35px;max-width:18ch}.px-summary{font-size:14px;line-height:1.65}.px-search{flex-wrap:wrap;position:relative;background:transparent;gap:8px;overflow:visible}.px-search-icon{display:none}.px-search input{background:white;flex:1 0 100%;width:100%;font-size:14px;border-radius:2px;min-height:50px;padding:14px}.px-search button{min-height:46px;justify-content:center;border-radius:2px;width:100%;font-size:14px}.px-controls{gap:14px}.px-languages button{min-width:44px;min-height:44px;justify-content:center;padding:8px}.px-languages b{font-size:12px}.px-categories{gap:8px;flex-wrap:wrap}.px-categories a{font-size:12px;min-height:44px}.px-hero-visual .px-image{min-height:0;height:160px}.px-hero-visual .px-image>span{font-size:90px}.px-quick{padding:14px 24px}.px-chips{margin-right:-24px;padding-right:24px;gap:9px}.px-chips a{min-height:44px;display:flex;align-items:center;font-size:12px}.px-quick-heading>.px-link{font-size:12px;min-height:44px}.px-section{padding:28px 24px}.px-section-heading{align-items:start}.px-section-heading>.px-link{font-size:11px;max-width:88px;flex-shrink:0}.px-page h2{font-size:26px}.px-section-heading p,.px-family-intro>p:not(.px-eyebrow){font-size:13px}.px-popular-grid,.px-family-grid{grid-template-columns:1fr;gap:12px}.px-card{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px}.px-card>.px-image{min-height:132px}.px-card h3{font-size:16px;line-height:1.3}.px-card p{font-size:12px}.px-card-copy>.px-link{font-size:12px;min-height:44px}.px-badges{gap:8px}.px-badges a{min-width:44px;min-height:44px;display:grid;place-items:center;font-size:11px}.px-badges>span{min-height:28px;align-self:center;padding:7px;font-size:11px}.px-family-intro>.px-link{float:none;margin:8px 0 0;min-height:44px;font-size:12px}.px-family{gap:20px}.px-card:hover{transform:none}.px-pending small{font-size:10px}.px-page .site-footer{padding:36px 24px 120px}.px-page .footer-grid{grid-template-columns:1fr;gap:28px}.px-page .footer-bottom{flex-direction:column;line-height:1.7}.px-contact-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#10334e;color:white;z-index:10;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #40617a}.px-contact-dock a,.px-contact-dock button{background:none;border:0;color:inherit;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:48px;text-align:left}.px-contact-dock a+ a,.px-contact-dock button{border-left:1px solid #45677e}.px-contact-dock small{display:block;font-size:10px;color:#aac3d4;margin-top:4px}.px-contact-dock>*>span{font-size:24px}.px-contact-dock>a:first-child>span{color:#7debb2}.px-feedback:not(:empty){position:fixed;bottom:83px;left:12px;right:12px;z-index:11;background:#fff;border:1px solid #aec4d1;padding:16px;margin:0}.px-results{padding-left:24px;padding-right:24px}.px-results:has([data-results-status]:not(:empty)){flex-wrap:wrap;gap:0}}
@media(min-width:1280px) and (max-width:1500px){.px-popular-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.px-popular .px-card{gap:10px;padding:9px}.px-popular .px-card h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.px-card{transition:none}html:has(.px-page){scroll-behavior:auto}}

/* Destination selection replaces the former language filter in the hero. */
.px-controls{position:relative;align-items:center}
.px-controls .px-languages{display:none}
.px-controls .px-categories{border:0;padding-left:0}
.px-controls .px-market-picker{position:relative;flex:1 1 430px;display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(150px,1fr);gap:8px;align-items:center;padding:0;border:0;min-width:0}
.px-controls .px-market-title{display:none}
.px-controls .px-market-search{grid-column:1;grid-row:1;display:grid;gap:0;min-width:0}
.px-controls .px-market-search>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.px-controls .px-market-search input{min-height:44px;font-size:11px}
.px-controls .px-market-open{grid-column:2;grid-row:1;min-width:0;min-height:44px}
.px-controls .px-market-picker [data-clear-market]{grid-column:3;grid-row:1;min-height:44px;padding:8px 10px;border:1px solid #ffffff45;background:transparent;color:#e6f1f8;font:inherit;font-size:10px;white-space:nowrap}
.px-controls .px-market-picker [data-clear-market]:hover{border-color:#8bebba;color:#8bebba}
.px-controls .px-market-search-results{position:absolute;left:0;top:calc(100% + 5px);width:min(48%,380px);z-index:25;box-shadow:0 8px 20px #102d4033}
.px-controls .px-market-picker [data-market-status]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.px-controls .px-market-dialog{position:absolute;inset:auto;left:0;top:calc(100% + 8px);z-index:24;margin:0;width:min(680px,calc(100vw - 48px));max-width:none;max-height:min(420px,calc(100dvh - 100px));overflow:auto;padding:12px;background:#f7f9fa;color:#173c56;border:1px solid #cfdae0;box-shadow:0 16px 38px #08233635}
.px-controls .px-market-dialog::backdrop{background:transparent}
.px-controls .px-market-dialog-head{margin-bottom:6px}
.px-controls .px-market-dialog h2{font-size:17px}
.px-controls .px-wheel{height:148px;padding-top:54px;padding-bottom:54px}
.px-controls .px-wheel-option{height:40px}
.px-controls .px-market-selection{min-height:18px;margin:6px 0}
.px-controls .px-market-dialog-actions{padding-top:8px}
@media(max-width:1100px){.px-controls .px-market-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.px-controls .px-market-dialog{width:min(640px,calc(100vw - 48px))}}
@media(max-width:700px){.px-controls{align-items:stretch}.px-controls .px-market-picker{width:100%;flex:1 1 100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.px-controls .px-market-search{grid-column:1/-1;grid-row:1}.px-controls .px-market-open{grid-column:1/-1;grid-row:2}.px-controls .px-market-picker [data-clear-market]{grid-column:2;grid-row:2;min-width:0}.px-controls .px-market-search-results{width:100%}.px-controls .px-market-dialog{left:0;width:calc(100vw - 48px);padding:10px}.px-controls .px-market-wheels{grid-template-columns:.8fr 1.2fr;gap:8px}.px-controls .px-wheel{height:132px;padding-top:46px;padding-bottom:46px}.px-controls .px-wheel-option{height:40px;font-size:12px}.px-controls .px-market-dialog-actions button{min-height:40px;padding:7px 11px}}

/* Shared hover preview: a stretched real link, one semantic image, no layout shift. */
.px-hover-card{--card-inset:12px;--card-gap:14px;position:relative;isolation:isolate;min-height:164px;grid-template-columns:minmax(0,38fr) minmax(0,62fr);transition:border-color 220ms}
.px-hover-card:hover{transform:none}
.px-hover-card>.px-image{position:absolute;left:var(--card-inset);top:var(--card-inset);bottom:var(--card-inset);width:calc((100% - var(--card-inset)*2 - var(--card-gap))*.38);min-height:0;transition:width 220ms ease}
.px-hover-card>.px-image img{object-fit:contain;display:block}
.px-hover-card>.px-card-copy{grid-column:2}
.px-hover-card .px-card-copy>h3,.px-hover-card .px-card-copy>p{transition:opacity 180ms}
.px-card-destination::after{content:"";position:absolute;inset:0;z-index:2;border-radius:3px}
.px-card-destination:focus-visible{outline:none}
.px-card-destination:focus-visible::after{outline:2px solid #087b54;outline-offset:3px}
.px-hover-card .px-badges{position:relative;z-index:3;align-self:start}
.px-hover-card .px-badges a{position:relative}
.px-preview-caption{position:absolute;left:var(--card-inset);right:var(--card-inset);bottom:var(--card-inset);padding:14px 12px;background:rgb(246 250 252 / 2%);color:#123650;opacity:0;transition:opacity 180ms;pointer-events:none;z-index:1}
.px-preview-caption strong{display:block;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.px-preview-caption>span{display:block;color:#087b54;font-size:12px;line-height:1.4;margin-top:8px}
.px-touch-label{display:none}
.px-badge-slot{min-height:26px}
@media(min-width:1280px) and (max-width:1500px){.px-popular .px-hover-card{--card-inset:9px;--card-gap:10px}}
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 .px-hover-card:is(:hover,:focus-within)>.px-image{width:calc(100% - var(--card-inset)*2)}
 .px-hover-card:is(:hover,:focus-within) .px-preview-caption{opacity:1}
 .px-hover-card:is(:hover,:focus-within) .px-card-copy>h3,.px-hover-card:is(:hover,:focus-within) .px-card-copy>p{opacity:0}
 .px-hover-card:is(:hover,:focus-within) .px-card-destination{color:transparent}
 .px-hover-card:is(:hover,:focus-within) .px-badges{position:absolute;top:12px;right:12px;opacity:.85;pointer-events:auto;background:#eef4f7;outline:4px solid #eef4f7}
 .px-hover-card:focus-within .px-badges,.px-hover-card .px-badges:hover{opacity:1}
 .px-hover-card:is(:hover,:focus-within)>.px-image{padding-bottom:84px}
}
@media(max-width:700px),(hover:none),(pointer:coarse){
 .px-hover-card{display:flex;flex-direction:column;gap:16px;min-height:0}
 .px-hover-card>.px-image{position:relative;left:auto;top:auto;bottom:auto;width:100%;aspect-ratio:1.65;min-height:0;transition:none}
 .px-hover-card>.px-card-copy{flex:1}
 .px-hover-card .px-card-copy>h3{font-size:18px;line-height:1.35}
 .px-hover-card .px-card-copy>p{font-size:13px;line-height:1.6}
 .px-hover-card .px-card-destination{min-height:44px;font-size:13px}
 .px-hover-card .px-badges a{min-width:44px;min-height:44px;display:grid;place-items:center}
 .px-hover-card .px-badges{margin:4px 0}
 .px-hover-card .px-badge-slot{min-height:52px}
 .px-default-label{display:none}.px-touch-label{display:inline}
 .px-hover-card .px-preview-caption{display:none}
}
@media(prefers-reduced-motion:reduce){.px-hover-card *{transition:none!important}}

/* Product photography revision: stable full-width image above the copy. */
.px-hover-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;min-height:0;padding:0;overflow:hidden}
.px-hover-card>.px-image{position:relative;inset:auto;width:100%;aspect-ratio:1.65;min-height:0;padding:0;background:#52788f;overflow:hidden;transition:none}
.px-hover-card>.px-image img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform 220ms ease;display:block}
.px-hover-card>.px-card-copy{grid-column:1;padding:14px;min-height:142px;background:#fff;position:relative;z-index:1}
.px-hover-card .px-preview-caption{display:none!important}
.px-hover-card:is(:hover,:focus-within)>.px-image{width:100%;padding:0}
.px-hover-card:is(:hover,:focus-within) .px-card-copy>h3,.px-hover-card:is(:hover,:focus-within) .px-card-copy>p{opacity:1}
.px-hover-card:is(:hover,:focus-within) .px-card-destination{color:var(--px-green)}
.px-hover-card:is(:hover,:focus-within) .px-badges{position:relative;inset:auto;opacity:1;pointer-events:auto;background:transparent;outline:0}
@media(hover:hover) and (pointer:fine){.px-hover-card:hover>.px-image img,.px-hover-card:focus-within>.px-image img{transform:scale(1.07)}.px-hover-card:hover{border-color:#b3cbd7}}
@media(min-width:1280px) and (max-width:1500px){.px-popular .px-hover-card{padding:0}.px-popular .px-hover-card>.px-card-copy{padding:12px;min-height:150px}}
@media(max-width:700px),(hover:none),(pointer:coarse){.px-hover-card{gap:0}.px-hover-card>.px-image{aspect-ratio:1.45}.px-hover-card>.px-card-copy{padding:16px;min-height:0}.px-hover-card .px-badge-slot{min-height:52px}}

/* catalog-v2 */

/* Data-driven single-page catalog */
.px-page{--px-ink:#0d2d45;--px-line:#d9e5eb;--px-wash:#eef5f8;color:var(--px-ink)}
.px-catalog-nav{padding:22px 7.5vw;background:#fff;border-bottom:1px solid var(--px-line);scroll-margin-top:18px}
.px-catalog-nav-title{display:flex;align-items:baseline;gap:18px;margin-bottom:15px}
.px-catalog-nav-title p{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0;color:#315f7e}
.px-catalog-nav-title span{font-size:11px;color:var(--px-muted)}
.px-catalog-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--px-line);border-bottom:1px solid var(--px-line)}
.px-catalog-links a{position:relative;padding:14px 13px;min-width:0;color:var(--px-ink);border-right:1px solid var(--px-line);transition:background-color .18s,color .18s}
.px-catalog-links a:last-child{border-right:0}
.px-catalog-links a:hover,.px-catalog-links a[aria-current=true]{background:#edf6f2;color:#086c4b}
.px-catalog-links b{display:block;font-size:10px;letter-spacing:.12em;color:#4c7692;margin-bottom:5px}
.px-catalog-links span{display:block;font-size:12px;font-weight:650}
.px-catalog-links small{display:block;font-size:9px;line-height:1.35;color:#7890a1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-results{background:#f7fafb}
.px-results:has([data-results-status]:not(:empty)){padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--px-line)}
.px-catalog-section{position:relative;padding:42px 7.5vw 46px!important;scroll-margin-top:12px;border-bottom:1px solid var(--px-line)}
.px-catalog-section:nth-child(even){background:#f5f9fb}
.px-anchor-alias{position:absolute;top:0}
.px-catalog-heading{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:24px}
.px-catalog-index{font-size:11px;letter-spacing:.14em;color:var(--px-green);border-top:2px solid #66d2aa;padding-top:9px}
.px-catalog-kicker{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#4a7795;margin:0 0 8px}
.px-catalog-heading h2{font-size:clamp(25px,2.15vw,38px);line-height:1.08;font-weight:450;letter-spacing:-.045em;margin:0 0 9px}
.px-catalog-heading h2 span{font-size:.42em;letter-spacing:.06em;color:#5b7890;margin-left:8px;font-weight:550;vertical-align:middle}
.px-catalog-heading>div:nth-child(2)>p:last-child{font-size:12px;line-height:1.55;color:var(--px-muted);margin:0;max-width:72ch}
.px-product-count{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6d879a;margin:7px 0 0;white-space:nowrap}
.px-product-count strong{font-size:20px;color:var(--px-ink);font-weight:500;margin-right:5px}


.px-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.px-product-card{background:#fff;border:1px solid #dce7ec;min-width:0;transition:transform .18s,border-color .18s;overflow:hidden}
.px-product-card:hover{transform:translateY(-3px);border-color:#9dbbc9}
.px-product-image{height:210px;display:grid;place-items:center;background:#dcebf2;overflow:hidden}
.px-product-image img{width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.px-product-placeholder{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#6d8b9f}
.px-product-copy{padding:17px 17px 15px}
.px-product-copy h3{font-size:18px;line-height:1.25;letter-spacing:-.03em;font-weight:580;margin-bottom:15px}
.px-product-copy h3 a{color:var(--px-ink)}
.px-product-specs{margin:0;border-top:1px solid #e3ebef}
.px-product-specs>div{display:grid;grid-template-columns:42% 58%;gap:8px;padding:8px 0;border-bottom:1px solid #e3ebef;font-size:10px;line-height:1.35}
.px-product-specs dt{color:#70889a}.px-product-specs dd{margin:0;color:#1f435c;font-weight:550}
.px-product-actions{padding-top:12px}
.px-view-product{display:flex;align-items:center;justify-content:space-between;color:var(--px-green);font-size:11px;font-weight:700;min-height:38px}
.px-view-product:hover{text-decoration:underline;text-underline-offset:4px}
.px-variants{margin-top:11px;padding-top:11px;border-top:1px solid #e3ebef}
.px-variants>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#7890a1;margin-bottom:7px}
.px-variants>div{display:flex;gap:6px;flex-wrap:wrap}
.px-variants a{font-size:9px;color:#0d6348;background:#e7f2ee;padding:6px 8px;min-height:28px;display:inline-flex;align-items:center}
.px-variants a:hover{background:#d4eae2}
.px-empty-state{margin:0;border-top:1px solid #cadbe3;border-bottom:1px solid #cadbe3;padding:22px 0;font-size:12px;color:#738b9b}
.px-catalog-section[hidden]{display:none}
.px-catalog-cta{margin:0;padding:34px 7.5vw;background:var(--px-navy);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center}
.px-catalog-cta .px-eyebrow{margin-bottom:10px}
.px-catalog-cta h2{font-size:clamp(25px,2vw,34px);font-weight:450;letter-spacing:-.04em;margin-bottom:8px}
.px-catalog-cta p:last-child{color:#b9cfdd;font-size:12px;line-height:1.6;margin:0}
.px-catalog-cta-actions{display:flex;gap:10px}
.px-cta-primary,.px-cta-secondary{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;gap:18px;font-size:11px;font-weight:650}
.px-cta-primary{background:var(--px-green);color:#fff}.px-cta-secondary{border:1px solid #7593a7;color:#fff}
.px-categories a[aria-pressed=true]{background:#11725e}


@media(max-width:1500px){
 .px-catalog-section{padding-left:4vw!important;padding-right:4vw!important}
 .px-catalog-nav,.px-catalog-cta{padding-left:4vw;padding-right:4vw}
 .px-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1000px){
 .px-catalog-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 .px-catalog-links a:nth-child(3){border-right:0}.px-catalog-links a:nth-child(-n+3){border-bottom:1px solid var(--px-line)}
 .px-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.px-product-image{height:230px}
}
@media(max-width:700px){
 .px-catalog-nav{padding:20px 24px}.px-catalog-nav-title{display:block}.px-catalog-nav-title span{display:block;margin-top:6px}
 .px-catalog-links{display:flex;overflow-x:auto;border:0;margin-right:-24px;padding-right:24px;scroll-snap-type:x proximity}
 .px-catalog-links a{flex:0 0 148px;border:1px solid var(--px-line)!important;scroll-snap-align:start;min-height:82px}
 .px-catalog-section{padding:32px 24px 36px!important;scroll-margin-top:10px}
 .px-catalog-heading{grid-template-columns:34px minmax(0,1fr);gap:12px}
 .px-catalog-heading h2{font-size:27px}.px-catalog-heading h2 span{display:block;margin:7px 0 0;font-size:12px}
 .px-product-count{grid-column:2;margin-top:0}.px-product-grid{grid-template-columns:1fr}
 .px-product-image{height:auto;aspect-ratio:1.55}.px-product-copy{padding:18px}.px-product-copy h3{font-size:20px}
 .px-product-specs>div{font-size:12px;padding:10px 0}.px-view-product{font-size:13px;min-height:44px}
 .px-variants a{min-height:40px;font-size:11px}.px-catalog-cta{padding:30px 24px;grid-template-columns:1fr;gap:22px}
 .px-catalog-cta-actions{display:grid}.px-cta-primary,.px-cta-secondary{justify-content:space-between;min-height:48px}
 .px-product-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.px-product-card,.px-product-image img,.px-catalog-links a{transition:none}}


.px-catalog-section:has(.px-product-grid:empty){padding-top:25px!important;padding-bottom:25px!important}
.px-catalog-section:has(.px-product-grid:empty) .px-catalog-heading{margin-bottom:12px}
.px-catalog-section:has(.px-product-grid:empty) .px-empty-state{padding:10px 0;border-bottom:0}
@media(max-width:700px){
 .px-menu{display:grid!important;place-items:center;font-size:0!important;position:relative}
 .px-menu::before{content:"";width:24px;height:2px;background:#fff;box-shadow:0 -7px 0 #fff,0 7px 0 #fff}
 .px-catalog-section:has(.px-product-grid:empty){padding-top:24px!important;padding-bottom:24px!important}
}


/* Product navigation alignment: family directories and query targeting. */
.px-catalog-section.is-family-target{animation:px-family-target 1.8s ease both}
@keyframes px-family-target{0%,100%{box-shadow:inset 4px 0 0 transparent}20%,72%{box-shadow:inset 4px 0 0 #21a87a;background-color:#edf7f3}}
.px-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.px-directory-group{min-width:0;border-top:1px solid #b9cfd9;padding-top:14px}
.px-directory-group h3{margin:0 0 12px;font-size:10px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:#426d88}
.px-directory-group>div{display:flex;flex-direction:column;gap:1px}
.px-directory-group a,.px-directory-group [aria-disabled=true]{min-height:42px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.35;border-bottom:1px solid #dbe7ec;color:#173c54}
.px-directory-group a{color:#087b54;transition:background-color .16s,color .16s}
.px-directory-group a:hover,.px-directory-group a:focus-visible{background:#e6f2ed;color:#075f43}
.px-directory-group [aria-disabled=true]{color:#7890a0}
.px-directory-group small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#91a3af;white-space:nowrap}
.px-directory-group.is-compact{grid-column:span 2}
.px-directory-group.is-compact>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px}
.px-directory-group.is-compact a,.px-directory-group.is-compact [aria-disabled=true]{min-height:36px;border:1px solid #d8e4e9;padding:7px 10px;background:#fff}
.px-directory-group.is-compact a{background:#e8f4ef;border-color:#c6e1d7}
.px-family-state{min-height:68px;border-top:1px solid #c9dbe3;border-bottom:1px solid #c9dbe3;display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#2a5068}
.px-family-state div{display:flex;align-items:baseline;gap:16px}.px-family-state span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#7891a2}.px-family-state strong{font-size:16px;font-weight:560}.px-family-state small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7891a2}
.px-catalog-links span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-catalog-links small{font-size:9px}
.hero-copy--focus .hero-title a{color:inherit;text-decoration:none}.hero-copy--focus .hero-title a:focus-visible{outline:2px solid #79efc3;outline-offset:6px}
@media(max-width:1000px){.px-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.px-directory-group.is-compact{grid-column:1/-1}}
@media(max-width:700px){.px-directory{grid-template-columns:1fr;gap:18px}.px-directory-group.is-compact{grid-column:auto}.px-directory-group.is-compact>div{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.px-directory-group.is-compact a,.px-directory-group.is-compact [aria-disabled=true]{flex:0 0 auto;scroll-snap-align:start;min-height:44px}.px-family-state{align-items:flex-start}.px-family-state div{display:block}.px-family-state strong{display:block;margin-top:6px}.px-catalog-links span{font-size:11px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.px-catalog-section.is-family-target{animation:none;box-shadow:inset 4px 0 0 #21a87a}}

/* products-public-v3: compact public catalog below the preserved explorer hero */
.px-page [hidden]{display:none!important}
.px-hero-visual .px-image{background:#d6e8f1}
.px-hero-visual .px-image img{object-fit:cover;object-position:center 48%;transform:scale(1.01)}
.px-results{min-height:0;background:#fff}
.px-results:has([data-results-status]:not(:empty)){padding:14px 7.5vw;border-bottom:1px solid #d9e5eb}
.px-search-results{padding:24px 7.5vw 28px;background:#fff;border-bottom:1px solid #d9e5eb}
.px-search-results header{display:flex;align-items:baseline;gap:16px;margin-bottom:14px}
.px-search-results .px-eyebrow{margin:0;color:#376d8d}
.px-search-results h2{font-size:22px;margin:0}
.px-search-results>div{display:flex;flex-wrap:wrap;gap:8px}
.px-search-results a{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;background:#edf3f6;color:#173c56;font-size:11px;border:1px solid transparent}
.px-search-results a small{color:#6c8799;font-size:9px}
.px-search-results a:hover,.px-search-results a:focus-visible{background:#e5f2ed;border-color:#b7d7ca;color:#087b54}
.px-public-section{padding:48px 7.5vw;scroll-margin-top:20px}
.px-public-section:nth-of-type(odd){background:#eef5f8}
.px-public-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.px-public-heading .px-eyebrow{color:#376d8d;margin-bottom:10px}
.px-public-heading h2{font-size:clamp(27px,2vw,38px);margin-bottom:8px}
.px-public-heading>div>p:last-child{color:#627e94;font-size:13px;line-height:1.6;margin:0}
.px-family-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.px-family-card{display:grid;grid-template-columns:minmax(136px,39%) minmax(0,1fr);min-height:226px;background:#fff;border:1px solid #d8e5eb;overflow:hidden;scroll-margin-top:24px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.px-family-card:hover,.px-family-card:focus-within{transform:translateY(-3px);border-color:#9fbcc9;box-shadow:0 12px 28px rgb(31 75 99 / 7%)}
.px-family-card.is-family-target{border-color:#087b54;box-shadow:0 0 0 3px rgb(8 123 84 / 15%)}
.px-family-media{display:block;min-width:0;background:#dbeaf1;overflow:hidden}
.px-family-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.px-family-surface{height:100%;min-height:226px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:linear-gradient(145deg,#214e69,#3e6f88);color:#dcecf3}
.px-family-surface span{font-size:48px;font-weight:250;line-height:1;color:#91afbd}
.px-family-surface b{font-size:10px;letter-spacing:.17em;line-height:1.5;overflow-wrap:anywhere}
.px-family-copy{padding:20px;display:flex;flex-direction:column;min-width:0}
.px-family-number{font-size:10px;letter-spacing:.15em;color:#087b54;margin-bottom:12px}
.px-family-copy h3{font-size:18px;line-height:1.25;letter-spacing:-.025em;font-weight:610;margin:0}
.px-family-zh{font-size:10px;color:#7790a1;margin:5px 0 12px;letter-spacing:.04em}
.px-family-copy>p:not(.px-family-number):not(.px-family-zh){font-size:11.5px;line-height:1.55;color:#627e94;margin-bottom:16px}
.px-family-action{margin-top:auto;color:#087b54;font-size:11px;font-weight:650;display:inline-flex;align-items:center;gap:10px;min-height:30px;width:max-content;max-width:100%}
.px-family-action:hover{text-decoration:underline;text-underline-offset:4px}
.px-featured{background:#fff}
.px-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.px-featured-grid .px-product-card{display:grid;grid-template-columns:minmax(150px,42%) minmax(0,1fr);min-height:244px;background:#fff;border:1px solid #d8e5eb;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.px-featured-grid .px-product-card:hover,.px-featured-grid .px-product-card:focus-within{transform:translateY(-3px);border-color:#9fbcc9;box-shadow:0 12px 28px rgb(31 75 99 / 7%)}
.px-featured-grid .px-product-image{height:auto;min-height:244px;background:#dcebf2}
.px-featured-grid .px-product-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.px-product-surface{width:100%;height:100%;min-height:244px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(150deg,#1a4663,#557f95);color:#eef7fa}
.px-product-surface small{font-size:9px;letter-spacing:.18em;color:#b9ced9}
.px-product-surface b{font-size:11px;letter-spacing:.13em;line-height:1.55;overflow-wrap:anywhere}
.px-featured-grid .px-product-copy{padding:20px;display:flex;flex-direction:column;min-width:0}
.px-featured-grid .px-product-copy h3{font-size:18px;line-height:1.25;letter-spacing:-.025em;font-weight:610;margin:0 0 15px}
.px-featured-grid .px-product-copy h3 a{color:#0d2d45}
.px-featured-grid .px-product-specs{display:grid;gap:8px;margin:0 0 14px}
.px-featured-grid .px-product-specs>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding-bottom:7px;border-bottom:1px solid #e2eaee}
.px-featured-grid .px-product-specs dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7690a2}
.px-featured-grid .px-product-specs dd{font-size:10.5px;line-height:1.35;color:#264b65;margin:0;overflow-wrap:anywhere}
.px-featured-grid .px-product-actions{margin-top:auto}
.px-featured-grid .px-view-product{font-size:11px;font-weight:650;color:#087b54;display:inline-flex;gap:10px;align-items:center;min-height:32px}
.px-featured-grid .px-view-product:hover{text-decoration:underline;text-underline-offset:4px}
.px-featured-grid .px-variants{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e2eaee;margin-top:12px;padding-top:10px}
.px-featured-grid .px-variants>span{font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:#7890a1}
.px-featured-grid .px-variants a{font-size:9px;color:#285b76;background:#eef4f7;padding:5px 7px}
.px-browse{background:#eef5f8}
.px-browse-grid{display:grid;grid-template-columns:1.35fr .72fr 1fr;gap:16px}
.px-browse-group{background:#fff;border:1px solid #d8e5eb;padding:22px;min-width:0}
.px-browse-group header{border-bottom:1px solid #dfe9ee;margin-bottom:16px;padding-bottom:14px}
.px-browse-index{text-transform:uppercase;font-size:9px;letter-spacing:.15em;color:#087b54;margin-bottom:8px}
.px-browse-group h3{font-size:18px;font-weight:610;letter-spacing:-.025em;margin:0 0 5px}
.px-browse-group header>p:last-child{font-size:10.5px;line-height:1.5;color:#7890a1;margin:0}
.px-spec-links{display:flex;flex-wrap:wrap;gap:8px}
.px-spec-links a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;background:#edf3f6;color:#173c56;font-size:10.5px;border:1px solid transparent;transition:background-color .16s,border-color .16s,color .16s}
.px-spec-links a:hover,.px-spec-links a:focus-visible{background:#e5f2ed;border-color:#b7d7ca;color:#087b54}
.px-no-results{font-size:12px;color:#627e94;margin:0;padding:12px 0}
.px-catalog-cta{padding:34px 7.5vw;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;background:#123650;color:#fff;border:0}
.px-catalog-cta .px-eyebrow{margin-bottom:10px;color:#8eb6cc}
.px-catalog-cta h2{font-size:clamp(24px,1.8vw,32px);margin-bottom:8px}
.px-catalog-cta>div>p:last-child{font-size:12px;line-height:1.65;color:#c0d5e3;max-width:86ch;margin:0}
.px-catalog-cta-actions{display:flex;gap:10px;align-items:center}
.px-catalog-cta-actions a{min-height:44px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:11px;white-space:nowrap}
.px-cta-primary{background:#087b54;color:#fff}
.px-cta-secondary{border:1px solid #6d8ba0;color:#fff}
.px-cta-primary:hover{background:#0a8b60}.px-cta-secondary:hover{border-color:#a8c5d5}

/* Shared product card preview: hover exists only on mouse-capable desktops. */
.px-hover-card{position:relative;isolation:isolate;overflow:hidden;transition:border-color 220ms ease}
.px-hover-card>.px-card-destination{position:absolute;inset:0;z-index:2;display:block;color:transparent}
.px-hover-card>.px-card-destination::after{content:"";position:absolute;inset:0}
.px-hover-card>.px-family-media,.px-hover-card>.px-product-image{z-index:0;min-width:0;transition:width 220ms ease,top 220ms ease,right 220ms ease,bottom 220ms ease,left 220ms ease}
.px-hover-card>.px-family-media img,.px-hover-card>.px-product-image img{object-fit:contain;transition:transform 240ms ease}
.px-hover-card>.px-card-copy{position:relative;z-index:3;min-width:0;transition:color 180ms ease,background-color 180ms ease}
.px-hover-card>.px-card-copy a{position:relative;z-index:4}
.px-hover-card>.px-preview-caption{display:none}
.px-family-card>.px-card-destination:focus-visible,.px-product-card>.px-card-destination:focus-visible{outline:2px solid #087b54;outline-offset:3px}
.px-family-card .px-family-action,.px-featured-grid .px-view-product{min-height:44px}
.px-recommended-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.px-recommend-card{min-width:0;min-height:202px;display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr);background:#fff;border:1px solid #d8e5eb;overflow:hidden;color:#123650;transition:border-color 180ms ease}
.px-recommend-media{background:#dcebf2;min-width:0;min-height:202px;display:grid;place-items:center;overflow:hidden}
.px-recommend-media img{display:block;width:100%;height:100%;min-height:202px;object-fit:contain}
.px-recommend-copy{padding:18px;display:flex;flex-direction:column;min-width:0}
.px-recommend-priority{font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;color:#618098;margin-bottom:9px}
.px-recommend-copy h3{font-size:16px;line-height:1.3;font-weight:610;margin:0 0 8px;overflow-wrap:anywhere}
.px-recommend-copy>p:not(.px-recommend-priority){font-size:11px;line-height:1.5;color:#627e94;margin:0 0 12px}
.px-recommend-copy>span{margin-top:auto;min-height:36px;display:flex;align-items:center;gap:9px;color:#087b54;font-size:11px;font-weight:650}
.px-recommend-card:hover,.px-recommend-card:focus-visible{border-color:#83b6a3}
.px-recommend-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:202px;background:linear-gradient(145deg,#214e69,#3e6f88);color:#b8ccd7;font-size:42px;font-weight:250}
.px-recommend-card.is-coming-soon{cursor:default}
.px-recommend-card.is-coming-soon>div:last-child{padding:18px}
.px-recommend-card.is-coming-soon h3{font-size:16px;line-height:1.3;color:#123650}
.px-recommend-card.is-coming-soon span{font-size:11px;color:#627e94}
.px-popular-unavailable .px-popular-status{margin-top:auto;font-size:11px;color:#627e94;min-height:32px;display:flex;align-items:center}
.px-market-picker{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end;padding-top:13px;border-top:1px solid #d6e2e9}
.px-market-picker label{display:grid;gap:5px;min-width:0}
.px-market-picker label>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#55738a}
.px-market-picker select{width:100%;min-height:42px;padding:8px 32px 8px 10px;border:1px solid #cad9e1;border-radius:2px;background:#fff;color:#173c56;font:inherit;font-size:11px}
.px-market-picker select:disabled{color:#8297a5;background:#f7f9fa}
.px-market-picker [data-clear-market]{min-height:42px;padding:8px 12px;border:1px solid #cad9e1;background:transparent;color:#315b78;font:inherit;font-size:10px}
.px-market-picker [data-clear-market]:hover{border-color:#87aa9a;color:#087b54}
.px-market-picker [data-market-status]{grid-column:1/-1;min-height:16px;margin:0;color:#55738a;font-size:10px}
.px-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 24px}
.px-quick-heading{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:18px}
.px-quick-heading>a{order:initial;margin-left:0}
.px-chips{grid-column:1/-1}
.px-market-picker{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,1fr) minmax(240px,1.2fr) minmax(170px,.8fr) auto;align-items:end;gap:12px 16px;padding:16px 0 0;border-top:1px solid #d6e2e9}
.px-market-title{display:grid;gap:5px;color:#173c56}
.px-market-title>span{font-size:14px;font-weight:600}
.px-market-title small{font-size:11px;line-height:1.5;color:#55738a}
.px-market-search input{width:100%;min-height:42px;padding:8px 12px;border:1px solid #cad9e1;border-radius:2px;background:#fff;color:#173c56;font:inherit;font-size:12px}
.px-market-title{grid-column:1;grid-row:1}
.px-market-search{grid-column:2;grid-row:1}
.px-market-open{grid-column:3;grid-row:1;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #cad9e1;background:#fff;color:#173c56;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.px-market-open b{color:var(--px-green);font-size:18px;font-weight:400}
.px-market-picker [data-clear-market]{grid-column:4;grid-row:1;align-self:end;min-height:42px}
.px-market-search-results{grid-column:2;grid-row:2;display:grid;gap:4px;position:relative;z-index:2;max-height:220px;overflow:auto;padding:4px;background:#fff;border:1px solid #d6e2e9;box-shadow:0 8px 20px #102d4017}
.px-market-search-results[hidden]{display:none}
.px-market-search-results button{display:flex;justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px;border:0;background:#fff;color:#173c56;text-align:left;cursor:pointer}
.px-market-search-results button:hover,.px-market-search-results button:focus-visible{background:#e8f0f3}
.px-market-search-results small{color:#607d91}
.px-market-search-results p{margin:0;padding:10px;color:#607d91;font-size:12px}
.px-market-picker [data-market-status]{grid-column:1/-1}
.px-market-empty{grid-column:1/-1;margin:0;padding:12px;color:#55738a;font-size:12px}
.px-market-dialog{width:min(760px,calc(100vw - 32px));max-width:none;max-height:min(760px,calc(100dvh - 32px));padding:24px;background:#f7f9fa;color:#173c56;border:1px solid #cfdae0;box-shadow:0 24px 72px #08233645}
.px-market-dialog::backdrop{background:#0c2638a6;backdrop-filter:blur(2px)}
.px-market-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:14px}
.px-market-dialog-head .px-eyebrow{margin:0 0 5px;color:#5c788c}
.px-market-dialog h2{margin:0;font-size:22px;font-weight:500}
.px-market-close{width:42px;height:42px;border:1px solid #d1dfe6;background:white;color:#315b78;font-size:26px;line-height:1;cursor:pointer}
.px-market-wheels{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}
.px-wheel-column h3{margin:0 0 8px;color:#607d91;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.px-wheel{position:relative;height:264px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#a4b8c4 transparent;padding:108px 8px;perspective:620px;mask-image:linear-gradient(transparent 0%,#000 20%,#000 80%,transparent 100%)}
.px-wheel::before{content:"";position:absolute;left:0;right:0;top:50%;height:50px;transform:translateY(-50%);border-top:1px solid #b5cbd6;border-bottom:1px solid #b5cbd6;background:#eaf0f3a8;pointer-events:none;z-index:1}
.px-wheel-option{position:relative;z-index:2;display:block;width:100%;height:48px;padding:0 12px;scroll-snap-align:center;border:0;background:transparent;color:#617b8e;font:inherit;font-size:14px;text-align:center;cursor:pointer;transition:color 140ms,opacity 140ms,transform 140ms}
.px-wheel-option[aria-selected="true"]{color:#0c4c38;font-size:16px;font-weight:600}
.px-wheel-option:focus-visible{outline:2px solid #4d9275;outline-offset:-3px}
.px-market-selection{min-height:22px;margin:12px 0;color:#58768a;font-size:12px;text-align:center}
.px-market-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid #d6e2e9}
.px-market-dialog-actions button{min-height:44px;padding:9px 16px;border:1px solid #cbd9e0;background:#fff;color:#315b78;font:inherit;font-size:12px;cursor:pointer}
.px-market-dialog-actions [data-market-confirm]{border-color:#0a6949;background:#0a6949;color:white}
.px-market-landing{display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:150px;padding:18px;border:1px solid #d6e2e9;background:#fff;color:#173c56;text-decoration:none}
.px-market-landing:hover{border-color:#8bad9c;background:#f7faf8}
.px-market-landing-index{color:#7991a0;font-size:11px;letter-spacing:.12em}
.px-market-landing small{color:#668093;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.px-market-landing strong{font-size:16px;font-weight:500;line-height:1.35}
.px-market-landing-action{color:#087651;font-size:11px}
.px-market-landing-action b{margin-left:8px}
@media(min-width:761px){.px-family-card{grid-template-columns:minmax(128px,35%) minmax(0,1fr)}.px-featured-grid .px-product-card{grid-template-columns:minmax(140px,35%) minmax(0,1fr)}}

@media (hover:hover) and (pointer:fine){
 .px-hover-card:is(:hover,:focus-within){border-color:#9fbcc9}
 .px-family-card:is(:hover,:focus-within) .px-family-media img,.px-featured-grid .px-product-card:is(:hover,:focus-within) .px-product-image img{transform:scale(1.055)}
}
@media(max-width:1100px){.px-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.px-market-picker{grid-template-columns:1fr 1fr}.px-market-title{grid-column:1;grid-row:1}.px-market-search{grid-column:2;grid-row:1}.px-market-open{grid-column:1;grid-row:2}.px-market-picker [data-clear-market]{grid-column:2;grid-row:2}.px-market-search-results{grid-column:1/-1;grid-row:3}}
@media(max-width:760px){
 .px-quick h2{font-size:16px}
 .px-market-picker{grid-template-columns:1fr;gap:10px;padding-top:14px}
 .px-market-title,.px-market-search,.px-market-open,.px-market-search-results{grid-column:1/-1;grid-row:auto}
 .px-market-picker [data-clear-market]{grid-column:1/-1;grid-row:auto;width:100%}
 .px-market-dialog{padding:18px}
 .px-market-wheels{grid-template-columns:.8fr 1.2fr;gap:10px}
 .px-wheel{height:244px;padding-top:98px;padding-bottom:98px}
 .px-wheel-option{font-size:12px;padding:0 5px}
 .px-wheel-option[aria-selected="true"]{font-size:14px}
 .px-recommended-grid{grid-template-columns:1fr;gap:12px}
 .px-recommend-card{grid-template-columns:minmax(132px,40%) minmax(0,1fr);min-height:196px}
 .px-recommend-media,.px-recommend-media img,.px-recommend-placeholder{min-height:196px}
 .px-recommend-copy{padding:15px}
 .px-recommend-copy h3{font-size:16px}
 .px-hover-card>.px-family-media,.px-hover-card>.px-product-image{position:relative;inset:auto;width:auto;height:auto;min-height:0;aspect-ratio:1.5}
 .px-hover-card>.px-family-media img,.px-hover-card>.px-product-image img{transform:scale(1);transition:none}
 .px-hover-card>.px-card-copy{position:relative;inset:auto;padding:16px}
 .px-hover-card .px-family-number,.px-hover-card .px-family-zh,.px-hover-card .px-family-copy>p:not(.px-family-number):not(.px-family-zh),.px-hover-card .px-product-specs,.px-hover-card .px-variants{opacity:1;max-height:none;overflow:visible}
 .px-hover-card .px-preview-caption{display:none}
}
@media(max-width:430px){
 .px-family-card{grid-template-columns:minmax(112px,40%) minmax(0,1fr)}
 .px-family-card>.px-family-media{grid-column:1;grid-row:1;aspect-ratio:auto;height:100%;min-height:210px}
 .px-family-card>.px-family-copy{grid-column:2;grid-row:1}
 .px-featured-grid .px-product-card{grid-template-columns:minmax(112px,40%) minmax(0,1fr)}
 .px-featured-grid .px-product-image{grid-column:1;grid-row:1;height:100%;min-height:232px}
 .px-featured-grid .px-product-copy{grid-column:2;grid-row:1}
}
@media(prefers-reduced-motion:reduce){.px-hover-card,.px-hover-card *,.px-recommend-card{transition:none!important}}
@media(max-width:1500px){
 .px-public-section,.px-catalog-cta{padding-left:4vw;padding-right:4vw}
 .px-search-results{padding-left:4vw;padding-right:4vw}
 .px-results:has([data-results-status]:not(:empty)){padding-left:4vw;padding-right:4vw}
 .px-family-card{grid-template-columns:minmax(120px,36%) minmax(0,1fr)}
 .px-family-copy{padding:17px}
 .px-featured-grid .px-product-card{grid-template-columns:minmax(135px,39%) minmax(0,1fr)}
 .px-featured-grid .px-product-copy{padding:17px}
}
@media(max-width:1100px){
 .px-family-card-grid,.px-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .px-browse-grid{grid-template-columns:1fr 1fr}
 .px-browse-group:first-child{grid-column:1/-1}
}
@media(max-width:760px){
 .px-public-section{padding:34px 24px}
 .px-search-results{padding:20px 24px 24px}
 .px-search-results header{display:block}.px-search-results .px-eyebrow{margin-bottom:7px}
 .px-search-results a{width:100%;justify-content:space-between;min-height:48px}
 .px-results:has([data-results-status]:not(:empty)){padding:12px 24px}
 .px-public-heading{margin-bottom:18px}
 .px-public-heading h2{font-size:28px}
 .px-family-card-grid,.px-featured-grid,.px-browse-grid{grid-template-columns:1fr;gap:12px}
 .px-browse-group:first-child{grid-column:auto}
 .px-family-card{grid-template-columns:112px minmax(0,1fr);min-height:210px}
 .px-family-surface{min-height:210px;padding:16px}
 .px-family-surface span{font-size:38px}
 .px-family-copy{padding:16px}
 .px-family-copy h3{font-size:17px}
 .px-family-copy>p:not(.px-family-number):not(.px-family-zh){font-size:11px}
 .px-featured-grid .px-product-card{grid-template-columns:128px minmax(0,1fr);min-height:232px}
 .px-featured-grid .px-product-image,.px-product-surface{min-height:232px}
 .px-featured-grid .px-product-copy{padding:16px}
 .px-featured-grid .px-product-copy h3{font-size:17px}
 .px-featured-grid .px-product-specs>div{grid-template-columns:74px minmax(0,1fr)}
 .px-browse-group{padding:18px}
 .px-spec-links{gap:7px}
 .px-spec-links a{min-height:44px;font-size:11px}
 .px-catalog-cta{padding:30px 24px 34px;grid-template-columns:1fr;gap:20px}
 .px-catalog-cta-actions{flex-direction:column;align-items:stretch}
 .px-catalog-cta-actions a{min-height:48px;width:100%}
}
@media(max-width:430px){
 .px-family-card,.px-featured-grid .px-product-card{grid-template-columns:104px minmax(0,1fr)}
 .px-family-copy,.px-featured-grid .px-product-copy{padding:14px}
 .px-family-copy>p:not(.px-family-number):not(.px-family-zh){display:none}
 .px-family-number{margin-bottom:8px}
 .px-family-zh{margin-bottom:10px}
 .px-featured-grid .px-product-specs>div{display:block}
 .px-featured-grid .px-product-specs dt{margin-bottom:3px}
 .px-featured-grid .px-variants{display:block}
 .px-featured-grid .px-variants>span{display:block;margin-bottom:7px}
}
@media(hover:none),(pointer:coarse){.px-family-card:hover,.px-featured-grid .px-product-card:hover{transform:none;box-shadow:none}}
@media(hover:hover) and (pointer:fine){.px-product-grid .px-product-card:is(:hover,:focus-within) .px-product-image img{transform:scale(1.055)}}
@media(max-width:760px),(hover:none),(pointer:coarse){.px-product-grid .px-product-image img{transform:scale(1);transition:none}}
@media(prefers-reduced-motion:reduce){.px-family-card,.px-family-media img,.px-product-card,.px-product-image img{transition:none!important}}

/* Product cards: full-width, aligned media and copy panels. Hover motion stays inside the media frame. */
.px-family-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:stretch}
.px-family-card>.px-family-media{grid-column:1;grid-row:1;width:100%;height:auto;min-height:0;aspect-ratio:4/3;padding:0;border:0;background:transparent}
.px-family-card>.px-family-copy{grid-column:1;grid-row:2;min-height:190px;padding:20px}
.px-family-card .px-family-action{margin-top:auto}
.px-featured-grid .px-product-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:stretch}
.px-featured-grid .px-product-image{grid-column:1;grid-row:1;width:100%;height:auto;min-height:0;aspect-ratio:4/3;padding:0;border:0;background:transparent}
.px-featured-grid .px-product-copy{grid-column:1;grid-row:2;min-height:190px;padding:20px}
.px-featured-grid .px-product-image img,.px-family-card>.px-family-media img{display:block;width:100%;height:auto;object-fit:contain;transform:scale(1);transition:transform .32s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){.px-family-card:is(:hover,:focus-within)>.px-family-media img,.px-featured-grid .px-product-card:is(:hover,:focus-within)>.px-product-image img{transform:scale(1.055)}}
@media(max-width:760px){
 .px-family-card{height:auto;grid-template-rows:auto auto}
 .px-family-card>.px-family-media{aspect-ratio:4/3}
 .px-family-card>.px-family-copy{min-height:0;padding:16px}
 .px-featured-grid .px-product-card{height:auto;grid-template-rows:auto auto}
 .px-featured-grid .px-product-image{aspect-ratio:4/3}
 .px-featured-grid .px-product-copy{min-height:0;padding:16px}
}
@media(max-width:760px),(hover:none),(pointer:coarse){.px-family-card>.px-family-media img,.px-featured-grid .px-product-card>.px-product-image img{transform:scale(1);transition:none}}

@media(min-width:769px){
/* International product finder: compact copy and destination controls, natural product framing. */
.px-page[data-international-catalog="transformers"] .px-hero,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-hero{
 padding:32px max(4vw,calc((100vw - 1600px)/2));grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(32px,4vw,64px);align-items:center;
}
.px-page[data-international-catalog="transformers"] .px-hero>div:first-child,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-hero>div:first-child{max-width:none;min-width:0}
.px-page[data-international-catalog="transformers"] .px-hero .px-eyebrow,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-hero .px-eyebrow{margin-bottom:12px}
.px-page[data-international-catalog="transformers"] .px-summary,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-summary{max-width:70ch;margin-bottom:20px}
.px-page[data-international-catalog="transformers"] .px-hero-visual,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-hero-visual{display:block;width:min(100%,520px);justify-self:end}
.px-page[data-international-catalog="transformers"] .px-hero-visual>p,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-hero-visual>p{display:none}
.px-page[data-international-catalog="transformers"] .px-hero-visual .px-image,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-hero-visual .px-image{min-height:0;height:auto;aspect-ratio:4/3}
.px-page[data-international-catalog="transformers"] .px-controls,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls{display:block;margin-top:16px;padding-top:12px;border-top:1px solid #ffffff26}
.px-page[data-international-catalog="transformers"] .px-controls .px-categories,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-categories{display:none}
.px-page[data-international-catalog="transformers"] .px-controls .px-market-picker,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-market-picker{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
.px-page[data-international-catalog="transformers"] .px-controls .px-market-title,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-market-title{display:block;grid-column:1/-1;grid-row:1;color:#c0d5e3;font-size:11px;letter-spacing:.05em;line-height:1.4}
.px-page[data-international-catalog="transformers"] .px-market-title small,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-market-title small{display:none}
.px-page[data-international-catalog="transformers"] .px-controls .px-market-search,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-market-search{grid-column:1;grid-row:2}
.px-page[data-international-catalog="transformers"] .px-controls .px-market-search input,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-market-search input{width:100%;min-height:48px;font-size:13px;padding:12px;border-radius:2px}
.px-page[data-international-catalog="transformers"] .px-controls .px-market-open,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-market-open{grid-column:2/4;grid-row:2;min-height:48px;padding:12px;font-size:13px;border-radius:2px}
.px-page[data-international-catalog="transformers"] .px-controls .px-market-picker [data-clear-market],
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-market-picker [data-clear-market]{grid-column:3;grid-row:1;border:0;min-height:32px;padding:0;color:#8bebba;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.px-page[data-international-catalog="transformers"] .px-controls .px-market-search-results,
.px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-controls .px-market-search-results{width:calc(50% - 6px)}
@media(max-width:1000px) and (min-width:701px){
 .px-page[data-international-catalog="transformers"] .px-hero,
 .px-page[data-solution-catalog="transformers"]:not([data-default-market]) .px-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}
}
}

/* Shared desktop spacing for international and country product catalogs. */
@media(min-width:769px){
 .px-page #main>.px-hero{padding-top:24px;padding-bottom:24px}
 .px-page #main :is(.px-public-section,.px-section,.px-catalog-cta,.mp-section){padding-top:28px;padding-bottom:28px}
 .px-page #main .px-public-heading{margin-bottom:18px}
 .px-page #main .px-public-heading .px-eyebrow{margin-bottom:8px}
 .px-page #main .ce-evidence .ce-eyebrow{margin-bottom:8px}
 .px-page #main .ce-evidence .ce-photo-group+.ce-photo-group{margin-top:24px}
 .px-page #main .ce-evidence .ce-photo-group>h3{margin-bottom:12px}
 .px-page #main .ce-native-host .br-rfq{padding-top:28px;padding-bottom:28px}
 .px-page .site-footer{padding-top:28px}
 .px-page .footer-bottom{margin-top:24px}
}

/* Desktop transformer overviews: supplied three-type composition, with the original phone source retained. */
.px-transformer-overview-picture{display:contents}
@media(min-width:769px){html body.px-page .px-hero-visual .px-transformer-overview-picture img{object-fit:contain;transform:none}}