:root{--navy:#102251;--ink:#192e4c;--orange:#ed8526;--muted:#6a7481;--line:#e4e8ed;--pale:#f4f6f9}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.demo-note{padding:10px 4%;display:flex;justify-content:space-between;gap:12px;background:#f0f3f7;font-size:12px;color:#536176}.demo-note strong{color:var(--navy);font-weight:600}.site-header{min-height:100px;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--navy);color:#fff}.brand{display:flex;gap:14px;align-items:center;font-size:21px;font-weight:700}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:2px;margin-top:6px;color:#c3cee2}.site-header nav{display:flex;align-items:center;gap:30px;font-size:15px;white-space:nowrap}.site-header nav [aria-current]{color:#fff;border-bottom:2px solid var(--orange);padding:12px 0}.site-header nav a{color:#d8dfed}.site-header nav a:hover{color:#fff}main{max-width:1480px;margin:auto;padding:0 40px}.page-heading{position:relative;margin:28px 0 44px;padding:27px 34px 29px;background:var(--navy);border-radius:4px;color:#fff;overflow:hidden}.breadcrumb{display:flex;gap:12px;font-size:13px;color:#c9d2e5}.breadcrumb a{color:#ff9b43}.page-heading h1{font-size:36px;font-weight:700;letter-spacing:1px;margin:16px 0 10px}.page-heading p{margin:0;font-size:15px;color:#d2dbea}.heading-mark{position:absolute;right:70px;top:0;height:100%;width:125px;transform:skewX(-13deg);background:#213964}.heading-mark:after{content:"";position:absolute;left:-10px;bottom:0;width:20px;height:72px;background:var(--orange)}.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:54px;align-items:start}.sidebar{border-right:1px solid var(--line);padding-right:24px}.sidebar-heading{font-size:19px;font-weight:700;padding:4px 0 22px;border-bottom:2px solid var(--navy)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;cursor:pointer;font-size:15px;font-weight:700;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"＋";color:#8992a1;font-weight:400;font-size:20px}details[open]>summary:after{content:"－";color:var(--orange)}details[open]>summary{color:var(--navy)}.subcategories{padding:0 0 16px}.category-button{display:block;width:100%;text-align:left;background:none;border:0;border-left:3px solid transparent;padding:10px 10px 10px 15px;line-height:1.6;font-size:13px;color:#5e697a}.category-button:hover{background:#f8f9fb;color:var(--navy)}.category-button[aria-current="true"]{background:#f0f4fa;border-left-color:var(--orange);color:var(--navy);font-weight:700}.results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}#category-path{font-size:12px;color:var(--muted);margin:4px 0 9px}h2{font-size:25px;line-height:1.4;margin:0;font-weight:700}#product-count{color:var(--muted);font-size:12px;white-space:nowrap;padding-bottom:4px}.category-description{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 0 16px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:54px;padding:10px 0 45px}.product-card{margin:0;text-align:center;min-width:0}.product-visual{height:230px;display:flex;align-items:center;justify-content:center;padding:15px 8px;background:#fff}.product-visual img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-card h3{font-size:15px;line-height:1.7;font-weight:500;margin:22px auto 0;max-width:260px}.product-card .catalog-preview{width:130px;height:180px;object-fit:contain;mix-blend-mode:normal;box-shadow:0 2px 10px #16265012}.asset-label{display:block;font-size:11px;color:#87909b;margin-top:7px}.image-note{border-top:1px solid var(--line);padding:20px 0;margin:0;color:#7a8492;font-size:12px;line-height:1.8}.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--pale);padding:32px 38px;margin:70px 0 40px}.contact-strip h2{font-size:21px}.contact-strip p{font-size:14px;color:var(--muted);margin:8px 0 0}.contact-strip a{background:var(--navy);color:white;padding:13px 25px;font-size:14px;border-radius:3px;white-space:nowrap}footer{max-width:1400px;margin:auto;padding:22px 40px 32px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:20px}#mobile-toggle{display:none}@media(min-width:1600px){.product-visual{height:260px}}@media(max-width:1100px){.site-header nav{gap:18px}.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.product-grid{gap:36px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:18px}.product-visual{height:220px}}@media(max-width:760px){.demo-note{padding:9px 20px;flex-wrap:wrap;gap:5px;font-size:11px}.site-header{padding:18px 20px;display:block}.site-header nav{margin-top:18px;justify-content:space-between;gap:10px;font-size:13px}.brand img{height:40px;width:40px}.brand{font-size:18px}.brand small{font-size:10px}main{padding:0 20px}.page-heading{margin:20px 0 24px;padding:24px}.page-heading h1{font-size:28px}.page-heading p{font-size:13px}.heading-mark{right:-45px;opacity:.5}.catalog-layout{display:block}.sidebar{padding:0;border:0;margin-bottom:28px}#mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:1px solid #dbe1e9;background:#f6f8fb;font-size:15px;font-weight:600}#category-menu{display:none;border:1px solid #e1e6ed;border-top:0;padding:16px}#category-menu.is-open{display:block}.sidebar-heading{display:none}.product-grid{gap:30px 16px;padding-top:5px}.product-visual{height:180px;padding:8px 0}.product-card h3{font-size:13px;margin-top:12px}.product-card .catalog-preview{width:100px;height:140px}.results-heading h2{font-size:21px}#product-count{font-size:11px}.category-description{font-size:13px}.contact-strip{padding:25px;margin-top:35px;display:block}.contact-strip h2{font-size:18px}.contact-strip a{display:inline-block;margin-top:18px}footer{padding:16px 20px 25px;flex-direction:column;gap:8px}}@media(max-width:380px){.product-visual{height:145px}.product-grid{column-gap:10px}}
.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:18px;color:#939da9;font-size:12px}.image-placeholder svg{width:56px;height:42px;fill:none;stroke:#c7cfd8;stroke-width:1.5}
.category-branch{border-bottom:0;margin-left:8px}.category-branch>summary{font-size:14px;padding:12px 10px}.category-branch .category-button{padding-left:24px}.category-empty{grid-column:1/-1;padding:48px 16px;color:#6a7481;background:#f8f9fb;text-align:center}.classification-note{font-size:12px;color:#6a7481;line-height:1.6;margin:8px 0}
.results-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.results-controls label{font-size:13px;white-space:nowrap;color:#5e697a}#page-size{font:inherit;color:#192e4c;background:white;border:1px solid #ccd5e1;border-radius:3px;padding:8px;cursor:pointer}#page-size:focus-visible{outline:2px solid #ed8526;outline-offset:3px}#pagination:not([hidden]){display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0 32px}#pagination button{background:white;border:1px solid #dce2eb;border-radius:3px;min-width:40px;min-height:40px;padding:8px 12px}#pagination button[aria-current=page]{background:#102251;color:white;border-color:#102251}#pagination button:disabled{opacity:.4;cursor:default}#pagination button:not(:disabled):hover{border-color:#ed8526}#category-title{scroll-margin-top:24px}@media(max-width:760px){.results-heading{flex-wrap:wrap}.results-controls{justify-content:flex-start;width:100%}}

.product-link{display:block}.product-link:hover h3{color:#c56918}

/* Product search: existing navy, orange and typography. */
.product-search{margin:0 0 32px 304px;padding:0 0 24px}
.product-search form>label{display:block;font-size:21px;font-weight:700;color:var(--navy);margin-bottom:12px}
.search-field{display:flex;min-height:54px;border:2px solid var(--navy);border-radius:4px;overflow:hidden;background:white}
.search-field:focus-within{outline:3px solid var(--orange);outline-offset:3px}
.search-field input{min-width:0;flex:1;border:0;padding:14px 16px;font:inherit;font-size:16px;color:var(--ink);background:white;outline:none}
.search-field button{border:0;background:var(--navy);color:white;padding:0 26px;font-weight:700;flex-shrink:0}
.search-field button:hover{background:#263e6d}
#search-help{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.6}
#search-filters:not([hidden]){display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:14px}
#search-category{font:inherit;max-width:100%;min-height:44px;border:1px solid #ccd5e1;padding:8px;background:#fff;color:var(--ink)}
#search-clear{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px;color:var(--navy)}
#search-category:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.search-contact{display:block;color:var(--navy);text-decoration:underline;margin-top:18px;line-height:1.8}
@media(max-width:1100px){.product-search{margin-left:248px}}
@media(max-width:760px){.product-search{margin:0 0 24px;padding-bottom:22px}.product-search form>label{font-size:20px}.search-field input{padding:12px 10px}.search-field button{padding:0 18px}#search-filters{gap:8px}#search-category{flex:1;min-width:0}.category-empty{line-height:1.8}}

/* A quiet, full-width product toolbar with clear information hierarchy. */
.product-area .results-heading{margin-bottom:0;border-bottom:0;padding-bottom:14px}
.product-area .results-controls{display:flex;width:100%;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);margin:0 0 18px}
.results-controls #product-count{font-size:14px;line-height:1.5;color:#677487;white-space:nowrap;font-variant-numeric:tabular-nums}
#product-count strong{color:var(--navy);font-size:20px;font-weight:700;margin:0 3px}
.product-area .results-controls label{display:flex;align-items:center;gap:10px;color:#677487;font-size:13px}
.product-area .results-controls label[hidden]{display:none}
.results-controls #page-size{appearance:none;-webkit-appearance:none;min-height:40px;min-width:94px;padding:8px 34px 8px 14px;border:1px solid #d5dce6;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23102251' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--navy);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s}
.results-controls #page-size:hover{border-color:#8091ae}
.results-controls #page-size:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
#pagination .pagination-range{flex-basis:100%;text-align:center;color:#677487;font-size:13px;line-height:1.6;margin:0 0 10px;font-variant-numeric:tabular-nums}
@media(max-width:760px){.product-area .results-controls{gap:12px;padding:12px 0}.results-controls #product-count{font-size:13px}#product-count strong{font-size:19px}.product-area .results-controls label{gap:8px}.results-controls #page-size{min-width:86px;padding-left:12px}.product-area .results-heading{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.results-controls #page-size{transition:none}}


/* Compact search entry; category titles remain available when browsing. */
.product-search{margin-bottom:20px;padding-bottom:0}
.search-field{align-items:center;min-height:56px;border-radius:6px}
.search-icon{width:21px;height:21px;flex:0 0 21px;margin-left:16px;fill:none;stroke:#728098;stroke-width:1.8;stroke-linecap:round}
.search-field input{min-height:52px;padding-left:12px}
.search-field button{align-self:stretch;min-width:88px}
.product-area .results-heading[hidden]{display:none}
.is-searching .results-controls{padding-top:0}
#product-count{scroll-margin-top:24px}
@media(max-width:760px){.product-search{margin-bottom:18px;padding-bottom:0}.search-icon{width:19px;height:19px;flex-basis:19px;margin-left:12px}.search-field input{padding-left:9px}.search-field button{min-width:70px}.is-searching .sidebar{margin-bottom:18px}}

.product-detail-trigger{border:0;background:none;padding:0;width:100%;text-align:inherit;font:inherit}
.detail-title-trigger{border:0;background:none;padding:0;text-align:inherit;font:inherit;color:inherit;line-height:inherit}
.detail-title-trigger:hover{color:#a9510c}
.view-product-detail .product-search,.view-product-detail .catalog-layout{display:none}
.product-detail{padding:0 0 32px;scroll-margin-top:24px}
.product-detail[hidden]{display:none}
.detail-back{background:none;border:0;border-bottom:1px solid #b9c3d1;padding:10px 0;margin-bottom:28px;font-size:14px;color:var(--navy)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.detail-visual{min-height:320px;display:flex;align-items:center;justify-content:center;padding:28px;background:#fff}
.detail-visual img{width:100%;height:380px;object-fit:contain}
.detail-placeholder{color:#687586}
.detail-info h2{font-size:28px;line-height:1.5;margin:0 0 24px;color:var(--navy);overflow-wrap:anywhere}
.detail-facts{display:grid;grid-template-columns:90px minmax(0,1fr);margin:24px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.8}
.detail-facts dt,.detail-facts dd{padding:13px 0;border-bottom:1px solid var(--line);margin:0;overflow-wrap:anywhere}
.detail-facts dt{color:#647184}.detail-facts dd{padding-left:12px}
.detail-variant{display:grid;gap:10px;font-size:14px}
.detail-variant select{width:100%;padding:12px;border:1px solid #c7d1dd;border-radius:5px;font:inherit;color:var(--navy);background:#fff}
.detail-note{font-size:14px;line-height:1.8;color:#58667a}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.detail-actions a{padding:13px 20px;border-radius:5px;font-weight:600;font-size:15px;line-height:1.5}
.detail-primary{background:var(--navy);color:white}.detail-primary:hover{background:#274372}
.detail-secondary{border:1px solid #c7d1dd;color:var(--navy)}.detail-secondary:hover{background:#f4f6f9}
.detail-variant select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:760px){.detail-layout{grid-template-columns:1fr;gap:22px}.detail-visual{min-height:0;padding:0 20px}.detail-visual img{height:240px}.detail-info h2{font-size:23px;margin-bottom:18px}.detail-back{margin-bottom:22px}.detail-actions a{flex:1;text-align:center}.detail-facts{font-size:14px;grid-template-columns:78px minmax(0,1fr)}}

dialog.catalog-viewer{padding:0;border:0;border-radius:12px;width:96vw;max-width:1800px;height:94dvh;max-height:94dvh;overflow:hidden;background:#fff;color:#173552}
dialog.catalog-viewer[open]{display:flex;flex-direction:column}
.catalog-viewer::backdrop{background:rgba(16,34,81,.58)}
.catalog-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px 8px 24px;flex:none;border-bottom:1px solid #dce3ed;font-size:15px;font-weight:600}
.catalog-viewer-head button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #bcc9da;border-radius:8px;background:#fff;color:#102251;font:inherit;cursor:pointer}
.catalog-viewer-head button:hover{background:#edf2f8;border-color:#173552}
.catalog-viewer-head button:focus-visible{outline:3px solid #ed8526;outline-offset:2px}
.catalog-viewer-head svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.catalog-viewer iframe{width:100%;flex:1;min-height:0;border:0;background:#f2f5f8}
@media(max-width:600px){dialog.catalog-viewer{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.catalog-viewer-head{padding:8px 12px}}

dialog.product-detail{width:94vw;max-width:1120px;max-height:92dvh;margin:auto;padding:0;border:0;border-radius:12px;background:#fff;color:var(--navy);overflow:auto;overscroll-behavior:contain}
.product-detail::backdrop{background:rgba(16,34,81,.58)}
/* Static heading receives initial dialog focus for assistive navigation. */
.product-detail #detail-title:focus{outline:none}
.detail-top{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid #dce3eb;background:white;position:sticky;top:0;z-index:2;font-weight:600}
.detail-top .detail-back{margin:0;min-height:44px;padding:9px 18px;border:1px solid #bbcbd8;border-radius:7px;background:white;font:inherit;cursor:pointer}
.detail-top .detail-back:hover{background:#edf2f8}.detail-top .detail-back:focus-visible{outline:3px solid #ed8526;outline-offset:2px}
.product-detail .detail-layout{padding:32px;gap:36px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.product-detail .detail-visual{flex-direction:column;background:#fff;border-radius:0;padding:16px;position:static}
.product-detail .detail-visual img{height:330px}.detail-brand{font-size:16px;font-weight:600;margin:0 0 8px;color:#385170}
.detail-source{font-size:13px;line-height:1.7;color:#58667a;padding-top:16px;border-top:1px solid #dce3eb}.detail-source p{margin:6px 0}
.detail-facts dd:first-of-type{font-weight:700;font-size:20px;color:#102251}.detail-actions .detail-primary{order:-1}
@media(max-width:760px){dialog.product-detail{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0}.detail-top{padding:10px 18px}.product-detail .detail-layout{grid-template-columns:1fr;padding:20px;gap:24px}.product-detail .detail-visual{position:static;padding:16px}.product-detail .detail-visual img{height:200px}.detail-facts{grid-template-columns:90px minmax(0,1fr)}}

/* Brand browsing stays within its product category. */
.panasonic-browse{margin:22px 0 8px}
.panasonic-browse[hidden]{display:none}
.panasonic-modes{display:flex;gap:24px;border-bottom:1px solid var(--line)}
.panasonic-modes button{border:0;border-bottom:3px solid transparent;background:none;padding:10px 0 13px;min-height:44px;font-size:16px;color:#5e697a;font-weight:600}
.panasonic-modes button[aria-pressed="true"]{color:var(--navy);border-bottom-color:var(--navy)}
.panasonic-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.panasonic-filters button{border:1px solid #d8dfe8;border-radius:6px;padding:9px 13px;min-height:44px;background:#fff;color:#40516a;font-size:14px;line-height:1.5}
.panasonic-filters button:hover{background:#f0f4fa}
.panasonic-filters button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
@media(max-width:760px){.panasonic-modes{gap:20px}.panasonic-modes button{font-size:15px}.panasonic-filters{gap:7px}.panasonic-filters button{padding:8px 10px;font-size:13px}}
/* Shared sidebar category hierarchy; brand content filters remain independent. */
#categories > details[data-group] .category-button,
#categories > details[data-group] .category-branch > summary {
  min-height:44px;font-size:13px;font-weight:400;line-height:1.6;color:#5e697a;
  padding:11px 12px 11px 15px;
}
#categories > details[data-group] .category-branch {margin:0;border:0;}
#categories > details[data-group] .category-branch > summary {border-left:3px solid transparent;}
#categories > details[data-group] .category-branch > summary::after {
  content:"";display:block;flex:0 0 7px;width:7px;height:7px;
  border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);margin-right:3px;
}
#categories > details[data-group] .category-branch[open] > summary::after {transform:rotate(135deg);color:#5e697a;}
#categories > details[data-group] .category-branch > .category-button {
  margin-left:18px;width:calc(100% - 18px);padding-left:17px;border-left:1px solid #dce2eb;
}
#categories > details[data-group] .category-branch > summary:hover,
#categories > details[data-group] .category-button:hover {background:#f8f9fb;color:var(--navy);}
#categories > details[data-group] .category-button[aria-current="true"] {
  background:#f0f4fa;color:var(--navy);font-weight:600;border-left-color:var(--orange);
  box-shadow:inset 2px 0 var(--orange);
}

/* Valve navigation: separate product type and brand entry points. */
#categories > details[data-group="valves"] .category-section {margin-top:16px;}
#categories > details[data-group="valves"] .category-section-label {margin:0;padding:8px 12px 6px 18px;color:#657084;font-size:12px;font-weight:500;line-height:1.5;}
#categories > details[data-group="valves"] .category-section + .category-section {border-top:1px solid #e4e8ef;padding-top:8px;}

/* Valve product information: shared identity, technical tables tailored to selection. */
.valve-browse{display:flex;align-items:flex-end;gap:20px;padding:20px 0 26px;border-bottom:1px solid #dfe5ee;margin-bottom:24px;flex-wrap:wrap}
.valve-browse[hidden]{display:none}.valve-browse label{display:grid;gap:9px;font-size:14px;color:#314465;min-width:210px}.valve-browse select{font:inherit;color:#172650;background:#fff;border:1px solid #bcc8d9;border-radius:5px;padding:12px 36px 12px 12px;max-width:100%}.valve-browse button{padding:12px 16px;background:white;color:#172650;border:1px solid #bcc8d9;border-radius:5px;font:inherit;cursor:pointer}
.valve-card-identity{font-size:13px;line-height:1.6;color:#55657d;margin:0 0 8px;overflow-wrap:anywhere}.valve-product-visual img{object-fit:contain}.product-card:has(.valve-card-identity){display:flex;flex-direction:column}.product-card:has(.valve-card-identity) .product-link{order:-1}.product-card:has(.valve-card-identity) h3{margin-bottom:8px}
.valve-detail .detail-layout{align-items:start}.valve-detail .detail-visual{min-width:0}.valve-detail .detail-visual img{max-height:430px;object-fit:contain}.valve-detail .detail-facts dd{overflow-wrap:anywhere;line-height:1.8}.valve-detail .detail-facts dt{color:#52647c}.valve-detail .detail-info h2{line-height:1.4}.valve-features{padding-left:20px;line-height:1.9;color:#334963;margin:24px 0}.valve-technical{padding:0 40px 36px;color:#243b5a}.valve-spec-section{padding:30px 0;border-top:1px solid #dfe5ee}.valve-spec-section h3{font-size:22px;color:#152650;margin:0 0 20px}.valve-unit,.valve-provenance{font-size:14px;line-height:1.8;color:#53647b}.valve-spec-section ul{padding-left:22px;line-height:1.9}.valve-spec-section li+li{margin-top:10px}
.valve-table-scroll{max-width:100%;overflow-x:auto;margin:18px 0;overscroll-behavior-x:contain;border:1px solid #dfe5ee;scrollbar-color:#9daec3 #f1f4f8;scrollbar-width:thin}.valve-table-scroll table{border-collapse:collapse;min-width:100%;font-size:15px;line-height:1.7;font-variant-numeric:tabular-nums}.valve-table-scroll caption{text-align:left;padding:12px 16px;color:#52647c;font-size:13px;background:#fff}.valve-table-scroll th,.valve-table-scroll td{padding:12px 16px;border-bottom:1px solid #dfe5ee;border-right:1px solid #e9edf3;text-align:left;min-width:72px;white-space:nowrap}.valve-table-scroll th{font-weight:500;background:#f0f3f8;color:#243b5a}.valve-table-scroll tr:last-child>*{border-bottom:0}.valve-table-scroll td{background:#fff}.valve-drawings{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:10px 0 20px}.valve-drawings img{width:auto;max-width:min(100%,520px);max-height:450px;object-fit:contain}.valve-source-table{margin:24px 0;overflow-x:auto}.valve-source-table img{display:block;max-width:100%;width:auto;max-height:600px;object-fit:contain}.valve-image-link{display:block;max-width:100%;font-size:14px;color:#243b5a;text-underline-offset:4px}.valve-image-link span{display:block;padding-top:10px}.valve-provenance{padding-top:24px;border-top:1px solid #dfe5ee}.valve-browse :focus-visible,.valve-table-scroll:focus-visible{outline:2px solid #c58439;outline-offset:3px}
@media(max-width:760px){.valve-browse{gap:14px}.valve-browse label{min-width:0;flex:1 1 180px}.valve-technical{padding:0 20px 28px}.valve-spec-section{padding:24px 0}.valve-spec-section h3{font-size:19px}.valve-table-scroll th,.valve-table-scroll td{padding:10px 12px}.valve-detail .detail-layout{gap:24px}.valve-detail .detail-visual img{max-height:280px}}

/* Original catalog photos: hide adjacent print outside the complete product silhouette. */
img[src$="/891uxd-product.png"] { clip-path: polygon(55% 0, 100% 0, 100% 100%, 32% 100%, 32% 84%, 0 84%, 0 16%, 55% 16%); }
img[src$="/891uxc-product.png"] { clip-path: polygon(0 0, 75% 0, 75% 20%, 100% 20%, 100% 100%, 0 100%); }

.product-visual img[src$="/891uxd-product.png"], .product-visual img[src$="/891uxc-product.png"] { width:auto; height:auto; max-width:100%; max-height:100%; }
.detail-visual img[src$="/891uxd-product.png"], .detail-visual img[src$="/891uxc-product.png"] { width:auto; height:auto; max-width:100%; max-height:430px; }
.detail-visual:has(img[src$="/891uxd-product.png"]), .detail-visual:has(img[src$="/891uxc-product.png"]) { background:#fff; }
@media(max-width:760px){.detail-visual img[src$="/891uxd-product.png"], .detail-visual img[src$="/891uxc-product.png"]{max-height:280px;}}

/* Technical drawings grouped by purpose; source aspect ratios stay intact. */
.valve-diagram{margin:0;min-width:0;max-width:100%}
.valve-diagram figcaption{font-size:15px;color:#52647c;margin-bottom:16px}
.valve-clean-drawings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;margin:24px 0 32px;padding:0}
.valve-clean-drawings .valve-image-link{display:flex;flex-direction:column;align-items:flex-start}
.valve-clean-drawings img{width:auto;max-width:100%;height:320px;object-fit:contain;object-position:left center}
.valve-clean-drawings .valve-image-link span{padding:12px 0;text-decoration:underline}
.valve-clean-drawings img[src*="wiringdiagrams"]{height:180px}
.valve-clean-drawings img[src$="plsu-diagrams-clean-1.png"]{height:auto;max-height:320px;clip-path:polygon(0 0,100% 0,100% 86%,81% 86%,81% 100%,0 100%)}
@media(max-width:760px){.valve-clean-drawings{grid-template-columns:1fr;gap:24px}.valve-clean-drawings img{height:auto;max-height:320px}.valve-clean-drawings img[src*="wiringdiagrams"]{height:auto;max-height:180px}}

/* FUSAN uses the shared valve detail hierarchy; source tables remain legible at full width. */
.fusan-spec-sheet{margin:24px 0 32px;max-width:100%}.fusan-spec-sheet figcaption{font-size:15px;line-height:1.7;color:#52647c;margin-bottom:16px;overflow-wrap:anywhere}
.fusan-spec-sheet .valve-image-link{display:block;width:100%}.fusan-spec-sheet img{display:block;width:auto;max-width:100%;height:auto;max-height:none;background:#fff}.fusan-spec-sheet .valve-image-link span{display:inline-block;padding:12px 0;text-decoration:underline}
.fusan-spec-more{border-top:1px solid #dfe5ee;border-bottom:0;margin:16px 0}.fusan-spec-more>summary{padding:20px 0;font-weight:500;overflow-wrap:anywhere}.fusan-spec-more .fusan-spec-sheet{margin-top:0}.fusan-spec-more .fusan-spec-sheet figcaption{display:none}

/* Z-TIDE official product views */
.valve-product-views{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;margin-top:16px}.valve-product-views a{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dfe5ee;padding:10px;flex:1 1 100px}.product-detail .valve-product-views img{height:130px;max-width:100%;object-fit:contain}.valve-product-views a:focus-visible{outline:3px solid #c58439;outline-offset:3px}

.wire-selection{margin-top:28px;padding:24px 0;border-top:1px solid #dfe5ee}.wire-selection h3{margin:0 0 20px;font-size:21px}.wire-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wire-controls label{display:flex;flex-direction:column;gap:10px;font-size:15px;color:#344969}.wire-controls select{width:100%;min-height:48px;border:1px solid #8a9ab2;background:#fff;color:#162650;border-radius:4px;padding:10px;font:inherit}.wire-controls select:focus-visible,.wire-table-jump:focus-visible{outline:3px solid #cf8a38;outline-offset:3px}.wire-choice{font-size:19px;font-weight:600;margin:24px 0 8px}.wire-table-jump{padding:12px 0;border:0;background:transparent;color:#162650;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit}.wire-selection dd{font-variant-numeric:tabular-nums}@media(max-width:760px){.wire-controls{grid-template-columns:1fr}.wire-selection{padding-top:20px}}

/* Wire series share the existing product-detail visual hierarchy. */
.wire-selection select { width:100%; max-width:100%; }
.wire-selection .detail-facts dd { font-variant-numeric:tabular-nums; }
.wire-table-jump { cursor:pointer; }
.wire-detail .detail-visual { background:#fff; }
.wire-detail .detail-facts { grid-template-columns:145px minmax(0,1fr); }
.wire-detail .valve-technical { scroll-margin-top:80px; }
@media(max-width:760px){
 .wire-detail .detail-facts { grid-template-columns:115px minmax(0,1fr); }
 .wire-selection .detail-facts { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
 .wire-choice { overflow-wrap:anywhere; }
}

.wire-detail .wire-controls { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
.wire-detail .valve-spec-section { scroll-margin-top:80px; }
@media(max-width:760px){.wire-detail .wire-controls { grid-template-columns:minmax(0,1fr); }}

/* Cable discovery: keep the existing navy / white product-center identity. */
.cable-browse{margin:12px 0 20px;padding:22px 0 16px;border-top:1px solid #dce2eb;border-bottom:1px solid #dce2eb}
.cable-browse[hidden]{display:none}
.cable-filter-row{display:flex;align-items:flex-start;gap:20px;margin-bottom:18px}
.cable-filter-label{flex:0 0 72px;padding-top:12px;font-weight:600;color:#18274f;font-size:14px}
.cable-filter-choices{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.cable-filter-button{font:inherit;font-size:14px;line-height:1.5;min-height:44px;padding:10px 15px;background:#fff;color:#344766;border:1px solid #ccd5e1;border-radius:4px;cursor:pointer}
.cable-filter-button[aria-pressed=true]{background:#172451;color:#fff;border-color:#172451}
.cable-filter-button:not(:disabled):hover{border-color:#172451}
.cable-filter-button:disabled{color:#747b86;background:#f5f6f8;border-color:#e3e6eb;cursor:not-allowed}
.cable-filter-button:focus-visible,.cable-filter-clear:focus-visible,.cable-filter-mobile:focus-visible{outline:2px solid #cf6b17;outline-offset:3px}
.cable-filter-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#52627a}
.cable-filter-status p{margin:0;line-height:1.6}
.cable-filter-clear{font:inherit;min-height:44px;border:0;background:transparent;color:#172451;text-decoration:underline;text-underline-offset:4px;padding:8px 0;cursor:pointer}
.cable-filter-clear[hidden]{display:none}
.cable-filter-mobile{display:none}
@media(max-width:760px){
 .cable-browse{padding:16px 0;margin-top:4px}
 .cable-filter-row{display:block;margin-bottom:16px}
 .cable-filter-label{display:block;padding:0;margin-bottom:8px}
 .cable-filter-button{padding:10px 12px}
 .cable-filter-row:nth-child(2) .cable-filter-choices{display:none}
 .cable-filter-mobile{display:block;width:100%;min-height:46px;background:white;color:#172451;border:1px solid #ccd5e1;border-radius:4px;font:inherit;font-size:16px;padding:10px}
}

/* Cable discovery: keep the existing navy / white product-center identity. */
.valve-discovery{margin:12px 0 20px;padding:22px 0 16px;border-top:1px solid #dce2eb;border-bottom:1px solid #dce2eb}
.valve-discovery[hidden]{display:none}
.valve-filter-row{display:flex;align-items:flex-start;gap:20px;margin-bottom:18px}
.valve-filter-label{flex:0 0 72px;padding-top:12px;font-weight:600;color:#18274f;font-size:14px}
.valve-filter-choices{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.valve-filter-button{font:inherit;font-size:14px;line-height:1.5;min-height:44px;padding:10px 15px;background:#fff;color:#344766;border:1px solid #ccd5e1;border-radius:4px;cursor:pointer}
.valve-filter-button[aria-pressed=true]{background:#172451;color:#fff;border-color:#172451}
.valve-filter-button:not(:disabled):hover{border-color:#172451}
.valve-filter-button:disabled{color:#747b86;background:#f5f6f8;border-color:#e3e6eb;cursor:not-allowed}
.valve-filter-button:focus-visible,.valve-filter-clear:focus-visible,.valve-filter-mobile:focus-visible{outline:2px solid #cf6b17;outline-offset:3px}
.valve-filter-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#52627a}
.valve-filter-status p{margin:0;line-height:1.6}
.valve-filter-clear{font:inherit;min-height:44px;border:0;background:transparent;color:#172451;text-decoration:underline;text-underline-offset:4px;padding:8px 0;cursor:pointer}
.valve-filter-clear[hidden]{display:none}
.valve-filter-mobile{display:none}
@media(max-width:760px){
 .valve-discovery{padding:16px 0;margin-top:4px}
 .valve-filter-row{display:block;margin-bottom:16px}
 .valve-filter-label{display:block;padding:0;margin-bottom:8px}
 .valve-filter-button{padding:10px 12px}
 .valve-filter-row:nth-child(2) .valve-filter-choices{display:none}
 .valve-filter-mobile{display:block;width:100%;min-height:46px;background:white;color:#172451;border:1px solid #ccd5e1;border-radius:4px;font:inherit;font-size:16px;padding:10px}
}

.valve-source-choice{display:flex;gap:12px;align-items:center;margin:12px 0;font-size:13px}.valve-source-choice select{font:inherit;padding:10px;max-width:100%;color:#172451;background:white;border:1px solid #ccd5e1}

/* Product-first navigation across the catalog. */
.discovery-title{font-size:15px;font-weight:600;margin:0 0 18px;color:#172653}
.discovery-row{display:flex;align-items:flex-start;gap:18px;margin:14px 0}.discovery-row>span{flex:0 0 72px;padding-top:12px;color:#637086;font-size:14px}
.discovery-row select{font:inherit;color:#172653;background:#fff;border:1px solid #d5dce8;border-radius:4px;padding:12px;max-width:100%;min-width:210px}
.discovery-chips{display:flex;flex-wrap:wrap;gap:8px}.discovery-chips button,.discovery-clear{font:inherit;background:white;color:#172653;border:1px solid #d5dce8;border-radius:4px;padding:11px 15px;cursor:pointer}.discovery-chips button[aria-pressed=true]{background:#172653;border-color:#172653;color:white}.discovery-chips button:disabled{opacity:.4;cursor:default}.has-chips select{display:none}.discovery-clear{margin-top:10px;font-size:14px}.discovery-browse[hidden]{display:none}
@media(max-width:760px){.discovery-row{display:block}.discovery-row>span{display:block;padding:0;margin-bottom:8px}.discovery-row select,.has-chips select{display:block;width:100%;min-width:0}.discovery-chips{display:none}}

.category-hub>.subcategories>.category-branch{margin-top:4px}.category-hub .category-branch>summary{font-weight:400}.category-hub .category-branch>.category-button{border-left:1px solid #d5dce8;margin-left:20px;width:calc(100% - 20px);padding-left:20px}

.product-chip-filters[hidden]{display:none}.product-chip-row{display:flex;gap:24px;align-items:flex-start;margin:0 0 20px}.product-chip-row:last-child{margin-bottom:0}.product-chip-label{flex:0 0 88px;padding-top:13px;font-size:14px;font-weight:600;color:var(--navy)}.product-chip-choices{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.product-chip-choices button,.product-chip-clear{font:inherit;font-size:14px;line-height:1.5;padding:12px 17px;min-height:44px;border:1px solid #cfd8e6;border-radius:4px;background:#fff;color:var(--navy);cursor:pointer}.product-chip-choices button:hover{background:#f1f4f9}.product-chip-choices button[aria-pressed=true]{color:#fff;background:#172653;border-color:#172653}.product-chip-choices .product-chip-more,.product-chip-clear{border-color:transparent;text-decoration:underline;text-underline-offset:4px}.product-chip-clear{margin-top:8px}
@media(max-width:760px){.product-chip-row{display:block;margin-bottom:20px}.product-chip-label{display:block;padding:0;margin-bottom:10px}.product-chip-choices{gap:8px}.product-chip-choices button{padding:10px 12px;font-size:13px}.product-chip-filters{padding-top:20px;padding-bottom:20px}}

/* Keep catalog original image resolution, including small accessories. */
.product-detail .detail-visual:has(img[src*="/assets/alaska/"]){background:#fff;min-height:0;position:static}
.product-detail .detail-visual img[src*="/assets/alaska/"]{width:auto;height:auto;max-width:100%;max-height:420px}
.product-visual img[src*="/assets/alaska/"]{width:auto;height:auto;max-width:100%;max-height:220px}

/* UNI-D extends the existing product detail layout. */
.product-detail.unid-detail .detail-visual{background:#fff;min-height:260px}
.product-detail.unid-detail .detail-visual>img{width:auto;height:auto;max-width:100%;max-height:340px;object-fit:contain}
.product-detail.unid-detail .valve-drawings{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.product-detail.unid-detail .valve-drawings img{width:auto;max-width:100%;height:auto;max-height:460px;object-fit:contain}
.product-detail.unid-detail .valve-spec-section:has(a[href*="wiring-"]) .valve-drawings{grid-template-columns:1fr}
.product-detail.unid-detail .valve-table-scroll{font-variant-numeric:tabular-nums}
.product-detail.unid-detail .detail-facts dd{overflow-wrap:anywhere}
@media(max-width:640px){.product-detail.unid-detail .detail-visual{min-height:200px}.product-detail.unid-detail .detail-visual>img{max-height:260px}}

/* Shihlin detailed product sheets use the shared product detail layout. */
.seec-detail .detail-visual>img{width:100%;height:320px;object-fit:contain;background:#fff}.seec-downloads{margin:18px 0;padding:14px 16px;background:#f4f6f8;border-radius:10px}.seec-downloads summary{cursor:pointer;font-weight:600}.seec-downloads li{margin:9px 0;overflow-wrap:anywhere}.seec-downloads a{color:#285a8c}.seec-detail .detail-info h2{overflow-wrap:anywhere}.seec-detail .valve-product-views img{height:110px;object-fit:contain;background:white}@media(max-width:640px){.seec-detail .detail-visual>img{height:240px}}

.product-image-viewer{width:min(1100px,94vw);max-width:94vw;max-height:94dvh;border:0;border-radius:14px;padding:18px;background:#fff;overflow:auto;box-shadow:0 20px 80px #0005}
.product-image-viewer::backdrop{background:rgba(18,30,45,.65)}
.product-image-viewer>button{position:sticky;top:0;display:block;margin:0 0 14px auto;background:white;cursor:pointer;z-index:1}
.product-image-viewer>img{display:block;width:100%;height:auto;object-fit:contain;background:white}

.product-discontinued{display:inline-block;margin:10px 0;padding:8px 12px;border:1px solid #b7774c;background:#fff5eb;color:#85411b;border-radius:6px;font-weight:600}

.product-inquiry{display:inline-block;align-self:center;margin:14px auto 8px;padding:10px 18px;color:#19264e;border:1px solid #bec8dc;border-radius:4px;text-decoration:none;font-size:15px;font-weight:500;line-height:1.5;background:#fff}.product-inquiry:hover{border-color:#bd631d;color:#a74e10}.product-inquiry:focus-visible{outline:3px solid #c66d22;outline-offset:3px}.product-card>.product-inquiry{display:table}.detail-info>.product-inquiry{background:#19264e;color:white}

/* Enlarge air-admittance valve artwork; retain the existing detail frame and layout. */
.product-detail .detail-visual:has(> img[src^="/assets/air-admittance/"]){overflow:hidden}
.product-detail .detail-visual > img[src^="/assets/air-admittance/"]{transform:scale(1.2);transform-origin:center}

/* Product-list help, followed by the shared site footer in the integrated site. */
.contact-strip{padding:28px 32px;margin:40px 0 24px}
.contact-strip h2{margin:0;font-size:22px;line-height:1.4}
.contact-strip p{font-size:16px;line-height:1.7}
.contact-strip a{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 24px;border-radius:999px;background:#347943;font-size:16px;font-weight:700}
.contact-strip a:hover{background:#286135}
.contact-strip a svg{width:20px;height:20px;flex:none}

@media(max-width:760px){
 .contact-strip{padding:24px;margin:28px 0 16px}
 .contact-strip h2{font-size:20px}
 .contact-strip a{display:inline-flex;margin-top:18px}

}

/* Keep every product hero in normal flow with compact, proportional media. */
.product-detail .detail-layout .detail-visual{position:static;min-height:0;padding:16px;align-self:start}
.product-detail .detail-layout .detail-visual>img{width:auto;height:auto;max-width:100%;max-height:300px;object-fit:contain}
@media(max-width:760px){.product-detail .detail-layout .detail-visual{padding:12px}.product-detail .detail-layout .detail-visual>img{max-height:220px}}

/* Official Alaska originals: remove outer whitespace in the layout without resampling. */
.alaska-photo-frame{display:block;position:relative;overflow:hidden;flex:none;width:min(100%,calc(190px * var(--photo-ratio)));margin:auto;background:#fff}
.product-visual .alaska-photo-frame>img,.product-detail .detail-visual .alaska-photo-frame>img{position:absolute;max-width:none;max-height:none;object-fit:fill;margin:0;transform:none}
.product-detail .detail-layout .detail-visual:has(.alaska-photo-frame){background:#fff}
.product-detail .detail-visual .alaska-photo-frame{width:min(100%,calc(300px * var(--photo-ratio)))}
@media(max-width:760px){.product-detail .detail-visual .alaska-photo-frame{width:min(100%,calc(220px * var(--photo-ratio)))}}

/* Product photography uses a plain white surface across every brand. */
.product-detail .detail-layout .detail-visual,.product-visual{background:#fff;border:0;border-radius:0;box-shadow:none}