.nav{position:relative}.navin{max-width:1400px}.navin #topFamilies{display:flex}.navin .family-button.on{background:#eaf1f5;color:#174a73}.mega-menu{position:absolute;left:50%;transform:translateX(-50%);width:min(1400px,100%);z-index:3;background:#fff;border:1px solid #bacad5;box-shadow:0 18px 38px #0b223924;padding:22px 28px;border-radius:0 0 12px 12px}.mega-heading{display:flex;align-items:center;gap:20px;border-bottom:1px solid #dce3e8;padding-bottom:14px}.mega-heading>span{color:#657583;font-size:13px}.mega-heading>button{margin-left:auto;background:#eef3f6;border:0;padding:8px 12px;border-radius:5px}.mega-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.mega-columns h3{font-size:15px;margin:20px 0 8px}.family-button{display:block;border:0;background:none;text-align:left;padding:8px 11px;color:#263d50;border-radius:5px;font-weight:600}.family-button:hover,.family-button.on{background:#eaf1f5;color:#174a73}.sub-family{display:block;border:0;background:transparent;color:#657583;padding:6px 11px;font-size:13px}.sub-family:hover{color:#174a73;text-decoration:underline}.wrap{max-width:1400px}.header,.utility{max-width:1400px}.hero{box-shadow:none;border-radius:10px;padding:24px 28px}.hero h1{font-size:30px}.hero p{font-size:14px}.quick-panel{background:#fff;color:#102335;border-radius:9px;overflow:hidden}.quick-panel summary{list-style:none;padding:18px;color:#102335}.quick-panel summary>strong{display:block;font-size:18px}.quick-panel summary>span{display:block;font-size:13px;color:#657583;margin-top:4px}.quick-panel[open] summary{border-bottom:1px solid #dce3e8}.quick-panel .quote h2{display:none}.contact-strip{padding:12px 18px}.trust{gap:10px;margin:14px 0}.trust div{padding:11px 16px;font-size:14px}.work{grid-template-columns:205px 1fr}.cats{max-height:calc(100dvh - 30px);overflow:auto;padding:14px 10px}.cats h2{font-size:15px}.cats h3{font-size:12px;margin:18px 10px 5px;color:#71818d}.cats .family-button{width:100%;font-size:14px}.catalog-breadcrumb{font-size:12px;color:#71818d;margin-bottom:7px}.catalog h2{font-size:25px}.catalog-filters{margin:0 0 20px;background:#f7f9fa;border:1px solid #e2e8ec;border-radius:8px;padding:12px 16px}.facet-row{display:flex;align-items:start;gap:12px;margin-bottom:10px}.facet-row>strong{flex:0 0 62px;font-size:12px;padding-top:7px;color:#627783}.facet-row>div{display:flex;gap:6px;flex-wrap:wrap}.facet{padding:5px 10px;border-radius:5px;border:1px solid #d3dde4;background:white;color:#435b6d;font-size:13px}.facet.selected{color:white;background:#174a73;border-color:#174a73}.fit-note,.choose-hint{font-size:12px;color:#647987;margin:6px 0}.fit-note{padding-top:7px;border-top:1px solid #e2e8ec}.card h3{line-height:1.4;min-height:44px}.product-connection{font-size:12px;color:#435b6d;margin:8px 0 4px}.product-connection b{font-weight:700;margin-right:4px}.product-config{font-size:11px;color:#73838d;min-height:32px}.card .spec{min-height:38px}.card .price{font-size:22px;margin-top:8px}.product-image{height:225px}.no-results{grid-column:1/-1;padding:30px}.no-results button{padding:10px;border:1px solid #dce3e8;background:white;border-radius:6px}.catalog-art{background-color:white}.catalog-head select{font-size:13px}.brand-watermark{opacity:.25}#familySidebar{scrollbar-width:thin}.catalog{scroll-margin-top:12px}
@media(max-width:1450px){.header,.utility,.wrap{margin-left:20px;margin-right:20px}.navin{padding-left:20px}.grid{gap:12px}.catalog{padding:18px}}
@media(max-width:1000px){.mega-columns{grid-template-columns:repeat(3,1fr)}.work{grid-template-columns:1fr}.cats{display:flex;position:static;max-height:none;gap:5px}.cats h2,.cats h3{display:none}.cats .family-button{width:auto;white-space:nowrap}.hero{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(3,1fr)}.catalog-art{width:180px;height:180px}.product-image{height:212px}.header,.utility,.wrap{margin-left:0;margin-right:0}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;gap:15px}.hero h1{font-size:26px}.hero h1 br{display:none}.quick-panel summary{padding:12px 15px}.quick-panel summary>strong{font-size:15px}.quick-panel summary>span{font-size:12px}.mega-menu{padding:16px;max-height:75dvh;overflow:auto}.mega-columns{grid-template-columns:repeat(2,1fr)}.mega-heading{gap:10px}.mega-heading>span{display:none}.card{padding-left:12px;padding-right:12px}.product-image{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.catalog-art{width:160px;height:160px}.product-image{height:195px}.card h3{font-size:15px}.card .material{display:block}.card .material b{margin-right:6px}.card .spec{display:block;font-size:12px;min-height:54px}.card .spec b{margin-right:6px}.cardfoot{flex-direction:column}.price-spec{font-size:11px}.card .price{font-size:20px}.facet-row{display:block}.facet-row>strong{display:block;margin-bottom:6px}.catalog-head{gap:10px;flex-direction:row;align-items:end}.catalog-head p{font-size:12px}.catalog h2{font-size:21px}.catalog-filters{padding:10px}.trust{grid-template-columns:repeat(2,1fr)}.trust div{padding:10px;font-size:13px}.trust small{font-size:11px}.contact-strip small{font-size:12px}.catalog{padding:12px}.wrap{padding:0 12px}.photo-label{font-size:10px}.product-config{min-height:45px}.navin{padding-left:0}}
@media(max-width:380px){.catalog-art{width:135px;height:135px}.product-image{height:172px}.card .price{font-size:18px}.cardfoot button{font-size:12px}.hero h1{font-size:22px}}

.related-families{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}.related-families b{font-size:12px;color:#627783;margin-right:5px}.related-families button{border:0;background:#eaf1f5;color:#174a73;font-size:12px;padding:6px 10px;border-radius:5px}

/* Full-width storefront. An inactive advertising slot takes no space. */
.header,.utility,.navin,.wrap,.business-footer>div{max-width:none;width:100%;margin-left:0;margin-right:0}
.wrap,.navin{padding-left:0;padding-right:0}
.header,.utility{padding-left:16px;padding-right:16px}
.header{grid-template-columns:210px minmax(0,1fr) auto}
.mega-menu{left:0;transform:none;width:100%;max-width:none}
.work{grid-template-columns:205px minmax(0,1fr);gap:16px}
.work>*{min-width:0}
.hero,.contact-strip,.cats,.catalog{border-radius:0}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.card{min-width:0;overflow-wrap:anywhere}
.ad-rail[hidden]{display:none!important}
.ad-rail{align-self:start;background:#fff;border:1px solid var(--line);padding:12px;min-width:0}
.ad-label{margin:0 0 10px;color:var(--muted);font-size:12px}
.ad-content img{display:block;max-width:100%;height:auto}
.ad-content a{display:block}
.ad-rail:not([hidden]){grid-column:1/-1}
@media(min-width:1280px){
  .work:has(>.ad-rail:not([hidden])){grid-template-columns:205px minmax(0,1fr) 326px}
  .ad-rail:not([hidden]){grid-column:3;grid-row:1}
}
@media(max-width:1000px){
  .work{grid-template-columns:minmax(0,1fr)}
  .header{grid-template-columns:minmax(0,1fr) auto}
  .header .search{grid-column:1/-1;grid-row:2}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:340px){.grid{grid-template-columns:minmax(0,1fr)}}

/* Compact brand introduction: typography and a clear quote entry point. */
.hero{position:relative;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:36px;padding:24px 32px;background:radial-gradient(ellipse at 55% 0%,#214b64 0%,transparent 65%),linear-gradient(110deg,#0a2034,#103149);border-top:1px solid #335066;border-bottom:3px solid #e7ad40;align-items:center}
.hero-copy{min-width:0;border-left:3px solid #e7ad40;padding-left:22px}
.hero-brandline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px}
.hero-brand{color:#f6c56b;font-size:12px;letter-spacing:.17em;font-weight:800}
.hero-category{color:#b9cbd8;font-size:13px;border-left:1px solid #587080;padding-left:18px}
.hero h1{font-size:clamp(28px,2.6vw,38px);font-weight:800;line-height:1.25;letter-spacing:-1.4px;margin:0 0 17px;word-break:keep-all}
.hero h1 span{color:#f6c56b}
.hero h1 br{display:block}
.hero-steps{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0;color:#e3edf3;font-size:14px}
.hero-steps li{display:flex;align-items:center;gap:7px}
.hero-steps b{font-size:11px;font-weight:700;letter-spacing:.04em;color:#c4a365}
.hero .quick-panel{min-width:0;background:#fbfcfd;border:1px solid #dbe5ec;border-radius:10px;box-shadow:0 10px 28px #06152124}
.hero .quick-panel summary{padding:17px 20px;list-style:none;cursor:pointer}
.hero .quick-panel summary::-webkit-details-marker{display:none}
.hero .quick-panel summary:focus-visible{outline:3px solid #e7ad40;outline-offset:-4px}
.hero .quick-panel summary:hover{background:#f3f7fa}
.hero .quick-panel summary>.quick-kicker{margin:0 0 5px;color:#537084;font-size:12px;font-weight:700}
.hero .quick-panel summary>strong{font-size:20px;line-height:1.4;letter-spacing:-.5px;color:#102f45;word-break:keep-all}
.hero .quick-panel summary>.quick-description{margin-top:5px;font-size:14px;line-height:1.5;color:#5f7280;word-break:keep-all}
.hero .quick-panel summary>.quick-action{margin-top:13px;padding-top:10px;border-top:1px solid #dbe5ec;display:flex;align-items:center;justify-content:space-between;color:#143d59;font-size:14px;font-weight:800}
.quick-toggle{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f5b83e;color:#102f45;font-size:20px;line-height:1;transition:transform .15s ease}
.quick-opened{display:none}
.quick-panel[open] .quick-opened{display:inline}
.quick-panel[open] .quick-closed{display:none}
.quick-panel[open] .quick-toggle{transform:rotate(45deg)}
.hero .quick-panel .quote{background:#fbfcfd;padding:16px;border-radius:0}
.hero .quote input{font-size:14px;padding:10px}
@media(max-width:1100px){
 .hero{gap:24px;padding:22px 24px;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
 .hero-copy{padding-left:18px}
 .hero-steps{gap:8px 16px;font-size:13px}
}
@media(max-width:760px){
 .hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 18px}
 .hero-copy{padding-left:14px}
 .hero-brandline{gap:7px 10px;margin-bottom:10px}
 .hero-category{font-size:12px;padding-left:10px}
 .hero h1{font-size:clamp(25px,5vw,32px);margin-bottom:13px;letter-spacing:-1px}
 .hero-steps{gap:6px 12px;font-size:12px}
 .hero-steps li{gap:5px}
 .hero .quick-panel summary{padding:12px 15px}
 .hero .quick-panel summary>strong{font-size:18px}
 .hero .quick-panel summary>.quick-description{display:none}
 .hero .quick-panel summary>.quick-action{margin-top:10px;padding-top:8px}
}
@media(prefers-reduced-motion:reduce){.quick-toggle{transition:none}}

/* Original plant panorama, softly blended into the middle of the banner. */
.hero{isolation:isolate}
.hero-scene{position:absolute;z-index:0;inset:0 21% 0 23%;max-height:280px;pointer-events:none;background-image:linear-gradient(180deg,rgba(10,32,52,.2),rgba(10,32,52,.45));background-size:cover;background-position:center 58%;opacity:.74;filter:saturate(.65);-webkit-mask-image:linear-gradient(90deg,transparent,#000 19%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 19%,#000 78%,transparent)}
.hero-copy,.hero .quick-panel{position:relative;z-index:1}
@media(max-width:1400px){.hero-scene{left:28%;right:18%;opacity:.5}}
@media(max-width:1100px){.hero-scene{left:22%;right:0;opacity:.28}}
@media(max-width:760px){.hero-scene{left:10%;right:0;max-height:190px;opacity:.24;background-position:center 55%}}
.family-button{text-decoration:none}
.card h3 a{color:inherit;text-decoration:none}
.card h3 a:hover,.card h3 a:focus-visible{text-decoration:underline;color:var(--blue)}

/* Material information and prices have distinct, consistent backgrounds. */
.card{display:flex;flex-direction:column;padding-bottom:0}
.card .product-image{padding:0;margin-bottom:0;flex-shrink:0}
.material-panel{background:#eef4f8;color:#102f45}
.card .material-panel{margin:0 -16px;padding:16px;flex:1}
.card .material{background:#e0eaf1;margin-top:10px}
.card .product-config{color:#526879}
.sales-panel{background:#fff4df;border-top:1px solid #ead2a4;padding:16px;color:#102f45}
.card .sales-panel{margin:0 -16px}
.card .sales-panel .price{margin-top:0}
.card .price small,.price-label{color:#644b22;font-weight:800;font-size:12px}
.card .price-spec,.card .source-note{color:#5c625f}
.card .cardfoot{margin-top:14px}
#sizePrices .guide{background:#eef4f8;border:1px solid #dae5ee;padding:14px}
.size-table th{background:#fff0d2;color:#644b22}
.size-table td:last-child{background:#fffaf0}
#selectedPrice{background:#fff4df;border:1px solid #ead2a4;border-radius:6px}
@media(max-width:760px){.card .material-panel,.card .sales-panel{margin-left:-12px;margin-right:-12px;padding:13px 12px}}

.department-nav{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0;border-bottom:1px solid #dce3e8;margin-bottom:8px}.department-nav button{border:1px solid #c6d2dc;border-radius:7px;background:#fff;color:#173d5b;padding:10px 16px;font-weight:700}.department-nav button.on,.department-nav button:hover{background:#173d5b;color:#fff}.department-nav button:focus-visible{outline:3px solid #f3a712;outline-offset:2px}@media(max-width:560px){.department-nav{padding:12px 14px;gap:6px}.department-nav button{padding:9px 10px;font-size:13px}}