/* JPP identity: warm paper, architectural spacing, deep ink and restrained blue. */
.jpp-products-head{padding-top:30px;padding-bottom:46px}.jpp-products-head .breadcrumb{margin-bottom:38px}.jpp-products-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.jpp-products-intro h1{font-size:clamp(40px,4.6vw,68px);line-height:1.08;letter-spacing:-.055em}.jpp-products-intro>.eyebrow,.jpp-products-intro .eyebrow{margin-bottom:22px}.jpp-products-intro>div:last-child>p{color:var(--muted);line-height:1.8;margin-bottom:20px}.jpp-products-intro>div:last-child{padding-bottom:8px;min-width:265px}.jpp-divisions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.jpp-divisions>a{position:relative;display:flex;flex-direction:column;padding:25px 48px 25px 24px;gap:7px;border:1px solid var(--line);background:var(--white);border-radius:4px;transition:background .18s,color .18s;min-width:0}.jpp-divisions>a>span{font-size:15px}.jpp-divisions>a>strong{font-size:12px;font-weight:400;letter-spacing:.015em;color:var(--muted)}.jpp-divisions>a>b{position:absolute;right:22px;top:26px;color:var(--blue);font-size:18px;font-weight:400}.jpp-divisions>a:hover{background:var(--soft);color:var(--ink)}.jpp-divisions>a[aria-current=page]{background:var(--night);border-color:var(--night);color:var(--white)}.jpp-divisions>a[aria-current=page]>strong{color:#c5d1ce}.jpp-divisions>a[aria-current=page]>b{color:var(--sand)}
.jpp-collection-entry{padding-top:66px;padding-bottom:15px}.jpp-collection-entry h2{margin:18px 0 28px}.catalog-layout{grid-template-columns:235px minmax(0,1fr);gap:40px;align-items:start}.catalog-layout .filter-panel{position:static;background:none;border:0;padding:0;min-width:0}.catalog-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.catalog-results{min-width:0}.jpp-category-menu{margin-bottom:32px}.filter-panel .jpp-category-menu>summary,.filter-panel .jpp-category-menu[open]>summary{background:none;color:var(--ink);padding:0 0 18px;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;align-items:center;min-height:48px}.jpp-category-menu nav>a{display:block;padding:15px 12px;margin:8px 0;color:var(--muted);font-size:13px;min-height:44px}.jpp-category-menu section h2{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:20px 12px 10px}.jpp-category-menu section>a{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:4px;min-height:48px;position:relative;margin:3px 0;background:none}.jpp-category-menu strong{font-size:13px;font-weight:500;letter-spacing:0}.jpp-category-menu small{font-size:11px;color:var(--muted);line-height:1.45}.jpp-category-menu a:hover{background:var(--soft);color:var(--ink)}.jpp-category-menu a[aria-current=page]{background:#e9eef7;color:var(--blue);box-shadow:inset 2px 0 var(--blue)}.jpp-category-menu a[aria-current=page] small{color:#465f83}.filter-panel #filters-details{padding:0;background:none;border:0;border-top:1px solid var(--line)}.filter-panel #filters-details>summary{font-size:14px;padding:18px 0}.filter-panel #filters{padding:0}.filter-panel .filter-divider{display:none}.filter-panel .filter-top{padding-top:14px}.jpp-category-context{padding:0 0 24px;border-bottom:1px solid var(--line);margin-bottom:22px}.jpp-category-context>.eyebrow{margin-bottom:13px}.jpp-category-context h2{font-size:32px;margin-bottom:9px}.jpp-category-context>p:not(.eyebrow){font-size:14px;color:var(--muted)}.jpp-category-context details{margin-top:13px}.jpp-category-context summary{color:var(--blue);font-size:12px;padding:6px 0;min-height:32px}.jpp-category-context summary:after{content:' ＋'}.jpp-category-context details[open] summary:after{content:' −'}.jpp-category-context details p{font-size:13px;color:var(--muted);max-width:680px;padding:10px 0 0}.taxonomy-search .catalog-search{margin:0 0 16px}.results-toolbar{margin-bottom:22px}.results-toolbar p{font-size:12px}.sort-label{font-size:12px}.jpp-service{background:var(--night);color:white;padding:40px;border-radius:4px}.jpp-service h3{font-size:32px;margin:24px 0}.jpp-service>p:not(.eyebrow){color:#c6d3d1;max-width:540px;line-height:1.9;margin-bottom:28px}.jpp-service .eyebrow{color:var(--sand)}.product-visual img{object-fit:contain}.product-card h3{font-size:18px;line-height:1.35}.product-card .model-code{font-size:12px}.product-card .product-info{min-width:0}.product-visual .variant-tag{font-size:10px}.taxonomy-glossary{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:80px;margin-bottom:80px;padding-top:50px;border-top:1px solid var(--line)}.taxonomy-glossary h2{margin:20px 0}.taxonomy-glossary p{font-size:14px;color:var(--muted)}.taxonomy-glossary details{border-bottom:1px solid var(--line)}.taxonomy-glossary summary{padding:20px 0;font-size:14px}.taxonomy-glossary details p{padding-bottom:20px}
/* Single-column product narrative: description first, then its actual images. */
.product-detail-grid{align-items:start}.detail-gallery{min-width:0}.detail-image{background:white}.detail-image img{object-fit:contain}.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:16px 2px 20px}.gallery-thumb{flex:0 0 72px;width:72px;height:72px;border:1px solid var(--line);border-radius:4px;padding:6px;background:#fff}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.gallery-thumb[aria-pressed=true]{border:2px solid var(--blue)}.variant-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 20px}.variant-filters label{min-width:0}.variant-filters select{font-size:12px;padding:11px 26px 11px 10px}.config-panel #variant-select{font-size:12px;width:100%;max-width:100%;text-overflow:ellipsis}.config-panel label{font-size:12px}.config-panel #reset-variants{margin:10px 0}.config-panel #variant-match-status{margin-top:10px}.detail-copy h1{overflow-wrap:anywhere;font-size:clamp(32px,3.5vw,50px)}.product-story{max-width:1100px;display:flex;flex-direction:column;gap:30px}.product-story-copy{display:block;max-width:860px}.product-story-copy p{font-size:17px;line-height:1.85;color:var(--ink);margin-bottom:13px;overflow-wrap:anywhere}.product-story-copy p:first-child{font-size:28px;line-height:1.35;letter-spacing:-.025em;margin-bottom:24px}.product-story-images{display:flex;flex-direction:column;align-items:center;gap:36px;width:100%}.product-feature-media{display:block;max-width:100%}.product-feature-media img{max-width:100%;height:auto;margin:auto}.variant-table th,.variant-table td{font-size:12px}.variant-table tbody tr:hover{background:var(--soft)}#legacy-project-note{padding-top:28px;padding-bottom:28px;background:var(--soft)}#legacy-project-note p{margin-bottom:18px;max-width:800px}.spec-row dd{overflow-wrap:anywhere}.comparison-card select{font-size:12px}
@media(min-width:1000px){.detail-gallery{position:sticky;top:120px}.product-detail-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px}}
@media(max-width:1080px){.jpp-products-intro h1{font-size:52px}.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.catalog-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jpp-divisions>a{padding:22px 33px 22px 18px}.jpp-divisions>a>b{right:12px}.jpp-divisions>a>span{font-size:13px}.jpp-divisions>a>strong{font-size:10px}.taxonomy-glossary{gap:35px}}
@media(max-width:760px){.jpp-products-head{padding-top:22px;padding-bottom:26px}.jpp-products-head .breadcrumb{margin-bottom:26px}.jpp-products-intro{display:block;margin-bottom:28px}.jpp-products-intro h1{font-size:42px}.jpp-products-intro>div:last-child{min-width:0;padding:22px 0 0}.jpp-products-intro>div:last-child>p{font-size:13px;margin-bottom:12px}.jpp-products-intro>div:last-child>p br{display:none}.jpp-divisions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.jpp-divisions>a{padding:18px 28px 18px 14px}.catalog-layout{display:block}.jpp-category-menu{margin-bottom:20px}.filter-panel .jpp-category-menu>summary,.filter-panel .jpp-category-menu[open]>summary{padding:14px 16px;border:1px solid var(--line);border-radius:4px;background:white}.jpp-category-menu[open] nav{max-height:430px;overflow-y:auto;padding:6px;border:1px solid var(--line)}.catalog-layout .filter-panel{margin-bottom:28px}.filter-help{display:none}.jpp-category-context h2{font-size:29px}.catalog-layout .product-grid{gap:24px 14px}.catalog-layout .product-info h3{font-size:15px}.product-bottom{font-size:11px}.taxonomy-glossary{grid-template-columns:1fr;gap:25px;margin-top:50px;margin-bottom:50px;padding-top:32px}.product-story{gap:24px}.product-story-copy p{font-size:15px}.product-story-copy p:first-child{font-size:24px}.product-story-images{gap:24px}.product-detail-grid{gap:32px}.gallery-thumb{flex-basis:60px;width:60px;height:60px}.jpp-service{padding:26px}.variant-filters{gap:10px}}
@media(max-width:380px){.jpp-products-intro h1{font-size:36px}.jpp-divisions>a>span{font-size:12px}.catalog-layout .product-grid{grid-template-columns:1fr}.variant-filters{grid-template-columns:1fr}.jpp-divisions>a>strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.jpp-divisions>a{transition:none}}
@media print{.gallery-thumbnails,.variant-filters{display:none}.detail-gallery{position:static}.product-story-images{break-inside:auto}}

/* Compact catalog opening; product discovery stays near the first fold. */
.jpp-products-head{padding-bottom:28px}.jpp-products-head .breadcrumb{margin-bottom:24px}.jpp-products-intro{margin-bottom:28px}.jpp-products-intro h1{font-size:clamp(36px,4vw,56px)}.jpp-products-intro .eyebrow{margin-bottom:16px}.jpp-divisions>a{padding-top:20px;padding-bottom:20px}.jpp-category-context{padding-bottom:14px;margin-bottom:16px}.active-filters:has(>button:only-child[data-clear-filter=division]){display:none}

/* PRODUCT PRESENTATION REFINEMENT */
/* The vendor icon treatment has a 45px height ceiling. Keep strips readable at
   that fixed height without stretching them to row width or clipping symbols.
   A narrow screen scrolls only this labeled region, never the whole page. */
.product-story-images{align-items:flex-start;gap:28px;min-width:0}
.product-story-images .product-feature-media{width:auto;max-width:100%;align-self:flex-start}
.product-story-images .product-feature-media img{display:block;width:auto;height:auto;max-width:100%;margin:0;object-fit:contain}
.product-story-images .product-icon-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 0 10px;scrollbar-width:thin;overscroll-behavior-x:contain}
.product-story-images .product-feature-media--icons{display:block;width:max-content;max-width:none;margin:0;line-height:0}
.product-story-images .product-feature-media--icons img{width:auto;height:45px;max-height:45px;max-width:none;object-fit:contain;aspect-ratio:auto}
.product-icon-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.icon-scroll-hint{display:none;font-size:12px;color:var(--muted);margin-top:-22px;line-height:1.6}
.product-story-title{font-size:28px;line-height:1.35;letter-spacing:-.025em;margin:0 0 24px;overflow-wrap:anywhere}
.product-story-copy--translated p{font-size:17px;line-height:1.85;margin:0 0 18px}
@media(max-width:760px){.product-story-title{font-size:24px}.product-story-copy--translated p{font-size:15px}.icon-scroll-hint{display:block}.product-story-images{gap:24px}}
@media print{.product-story-images .product-icon-scroll{overflow:visible}.icon-scroll-hint{display:none}}