[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}
.catalog-menu{display:none}
.catalog-intro{position:relative;overflow:hidden;background:#eaf0f8;border-bottom:1px solid #d5dfeb}
.intro-grid{display:grid;grid-template-columns:1.65fr minmax(210px,.9fr);gap:40px;align-items:stretch}
.intro-text{padding-block:30px 40px;align-self:center;position:relative;z-index:1}
.crumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:#52627b}
.crumbs a:hover,.intro-text p a:hover,.item-details:hover,.catalog-empty a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{color:#8594aa}
.catalog-intro h1{font-size:clamp(43px,4.8vw,78px);margin:23px 0 11px;color:#162e52;line-height:1.04}
.catalog-dot{color:#bf3147}
.intro-text p{max-width:560px;font-size:clamp(15px,1.15vw,17px);color:#41536e;line-height:1.6}
.intro-text p a,.catalog-empty a{color:#16467f;text-decoration:underline;text-underline-offset:3px}
.intro-photo{position:relative;margin-right:min(-3vw,-20px);overflow:hidden;min-height:186px}
.intro-photo img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center 48%;filter:saturate(.75)}
.intro-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eaf0f8 0%,#eaf0f848 17%,transparent 46%);pointer-events:none}
.catalog-directory{padding-block:clamp(28px,3.8vw,58px) 60px;min-height:43vh}
.catalog-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.family-switch{display:flex;gap:3px;flex-wrap:wrap;align-items:center}
.family-switch button{background:transparent;border:1px solid transparent;color:#465773;border-radius:5px;min-height:42px;padding:9px 14px;font-size:14px;font-weight:500}
.family-switch button[aria-pressed="true"]{background:#163e7c;color:white}
.family-switch button[aria-pressed="false"]:hover{background:#e8eef6;color:#173968}
.catalog-search{position:relative;max-width:100%;width:290px}
.catalog-search .i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#61748a}
.catalog-search input{width:100%;padding:10px 32px 10px 41px;min-height:42px;border:1px solid #b9c6d6;border-radius:6px;font-size:14px;background:#fff}
.results-summary{display:flex;align-items:center;gap:16px;margin:21px 0 10px;color:#51637a;font-size:13px;min-height:23px}
#clear-filters{background:transparent;text-decoration:underline;text-underline-offset:3px;color:#173f7f;font-size:13px;padding:4px 0}
.catalog-list{padding:0;margin:0;list-style:none}
.catalog-item{display:grid;align-items:center;grid-template-columns:96px minmax(0,1fr) auto;gap:22px;border-top:1px solid #d6dfeb;padding:14px 0}
.catalog-item:last-child{border-bottom:1px solid #d6dfeb}
.item-image{display:block;width:100%;aspect-ratio:1;padding:6px;overflow:hidden;border:1px solid #dbe3ed;border-radius:6px;background:#fff}
.item-image:hover{border-color:#92aacc}
.item-image img,.product-photo-frame img{display:block;width:100%;height:100%;object-fit:contain}
.item-name{font-size:clamp(18px,1.48vw,24px);line-height:1.3;letter-spacing:-.025em;font-weight:500;color:#162f51;overflow-wrap:anywhere}
.item-category{font-size:12px;color:#576b84;margin-bottom:3px}
.item-actions{display:flex;align-items:center;gap:clamp(16px,2.8vw,44px)}
.item-details,.item-quote{display:inline-flex;gap:7px;align-items:center;min-height:40px;font-size:13px;font-weight:500}
.item-details{color:#425977}
.item-actions .i{width:15px;height:15px}
.item-quote{color:#143e82;padding:6px 11px;background:#eaf0f8;border:1px solid #cfdaea;border-radius:5px}
.item-quote:hover{background:#dbe7f6;border-color:#aec1de}
.catalog-more{text-align:center;margin-top:24px}
.catalog-more button{color:#163e7c;background:#fff;border:1px solid #b8c7da}
.catalog-more button:hover{background:#eaf1fa}
.catalog-empty{padding:32px 0;border-top:1px solid #d4dfeb}
.catalog-empty h2{font-size:25px;margin:0 0 7px}
.catalog-empty p{font-size:15px;color:#516179;margin:0 0 15px}
footer{border-top:1px solid #d6dfeb}
@media(max-width:780px){
 .catalog-menu{display:block}
 .catalog-menu summary{list-style:none;cursor:pointer;border:1px solid #becbda;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:39px;height:39px}
 .catalog-menu summary::-webkit-details-marker{display:none}
 .catalog-menu summary span{display:block;width:17px;height:2px;background:#163657}
 .catalog-menu[open] summary span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .catalog-menu[open] summary span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .catalog-menu nav{position:absolute;top:100%;left:0;right:0;display:grid;background:var(--paper);box-shadow:0 10px 14px #1a305111;padding:7px 24px 14px;border-bottom:1px solid #cadaeb}
 .catalog-menu nav a{padding:10px 0;font-size:14px}
 .intro-grid{grid-template-columns:1.5fr .65fr;gap:12px}
 .catalog-tools{align-items:flex-start;flex-direction:column}
 .catalog-search{width:100%}
}
@media(max-width:620px){
 .intro-grid{display:block}
 .intro-text{padding-block:22px 28px}
 .catalog-intro h1{margin:16px 0 9px}
 .intro-photo{display:none}
 .family-switch{gap:2px}
 .family-switch button{font-size:13px;min-height:39px;padding:7px 10px}
 .catalog-tools{gap:11px}
 .catalog-item{grid-template-columns:clamp(63px,18vw,90px) minmax(0,1fr);gap:4px 13px;padding:14px 0}
 .item-image{grid-row:span 2;padding:4px}
 .item-actions{grid-column:2;gap:12px;flex-wrap:wrap}
 .item-quote,.item-details{min-height:34px}
 .item-name{font-size:19px}
 .results-summary{margin:14px 0 8px}
}

.item-name a:hover,.spec-back:hover,.related-products a:hover span{text-decoration:underline;text-underline-offset:3px}
.product-band{background:#eaf0f8;border-bottom:1px solid var(--rule)}
.product-band .crumbs{padding-block:17px;flex-wrap:wrap}
.product-sheet{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"photo title" "photo overview" "photo specs";gap:22px clamp(32px,5vw,86px);align-items:start;align-content:start;padding-block:clamp(34px,4.5vw,72px)}
.product-heading{grid-area:title;align-self:end}
.product-heading h1{color:var(--ink);font-size:clamp(34px,3.3vw,56px);line-height:1.08;margin:14px 0 0;letter-spacing:-.045em;overflow-wrap:anywhere}
.product-overview{grid-area:overview}
.product-sheet .spec-box{grid-area:specs}
.product-photo{grid-area:photo;margin:0;min-width:0}
.product-photo-frame{aspect-ratio:1;padding:clamp(15px,2.2vw,35px);background:#fff;border:1px solid #d9e2ee;border-radius:8px;overflow:hidden}
.product-photo figcaption{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.45}
.product-description{font-size:clamp(16px,1.4vw,21px);line-height:1.6;color:var(--muted);margin-bottom:28px;max-width:56ch}
.spec-back{display:inline-block;margin:10px 0 10px 15px;font-weight:500;color:var(--blue);font-size:14px}
.spec-box{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--blue);border-radius:5px;padding:24px}
.spec-box h2,.related-products h2{color:var(--ink);font-size:clamp(24px,2vw,34px);letter-spacing:-.04em;line-height:1.25}
.spec-box dl{margin:20px 0 0;font-size:15px}
.spec-box dl div{border-top:1px solid var(--rule);padding:13px 0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:12px}
.spec-box dl div:last-child{padding-bottom:0}
.spec-box dt{color:var(--muted)}
.spec-box dd{font-weight:500;margin:0;overflow-wrap:anywhere}
.related-products{background:#edf2f8;border-top:1px solid var(--rule);padding-block:35px 44px}
.related-products ul{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px}
.related-products a{border-top:2px solid #c3cfdd;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--blue);font-weight:500}
@media(max-width:760px){
 .product-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "photo" "overview" "specs";gap:20px;padding-block:28px 36px}
 .product-band .crumbs{padding-block:13px}
 .product-photo-frame{max-width:420px;margin:auto}
 .product-photo figcaption{max-width:420px;margin:7px auto 0}
 .product-heading h1{font-size:clamp(30px,6.4vw,43px)}
 .product-description{margin-bottom:17px}
 .spec-box{padding:20px}
}

.image-label{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
