:root{--blue:#064469;--deep:#072d44;--orange:#ffa729;--turquoise:#3298ad;--pale:#edf4f7;--muted:#526b79;--line:#d7e2e7;--radius:8px;font-family:Arial,Helvetica,sans-serif;color:#193644;background:#fff;font-size:16px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-1px}h2{font-size:1.7rem;line-height:1.22}h3{font-size:1.05rem;line-height:1.5}p{line-height:1.65}small,.muted{font-size:.875rem;color:var(--muted);line-height:1.5}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar{background:var(--blue);color:white;font-size:.875rem;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:18px}.topbar a{color:white;text-decoration:none}.header{display:flex;gap:32px;align-items:center;padding:18px 0}.logo{width:168px;flex-shrink:0}.logo img{width:100%;height:auto;display:block}.search{display:flex;background:var(--pale);border:1px solid var(--line);border-radius:6px;flex:1;overflow:hidden}.search input{padding:14px 16px;background:transparent;border:0;min-width:0;flex:1;color:var(--deep)}.search button{padding:12px 22px;border:0;background:var(--orange);color:var(--deep);font-weight:bold}.quote-link{padding:12px 16px;border:1px solid var(--line);border-radius:6px;text-decoration:none;white-space:nowrap}.quote-link span{padding:3px 8px;border-radius:20px;background:var(--pale);margin-left:5px}.main-nav{display:flex;gap:28px;flex-wrap:wrap;padding:13px 0;border-top:1px solid var(--line);font-size:.875rem}.main-nav a{text-decoration:none;padding:4px 0}.main-nav a[aria-current]{font-weight:bold}header{border-bottom:1px solid var(--line)}.hero{background:var(--blue);color:white}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:48px 0}.hero p{max-width:470px;color:#d7e7ed;font-size:1.1rem}.eyebrow{font-size:.75rem!important;letter-spacing:1.8px;font-weight:bold;color:var(--turquoise);margin-bottom:16px}.hero .eyebrow{color:#b8dce7}.hero-image{position:relative;overflow:hidden;border-radius:14px;background:white}.hero-image img{display:block;width:100%;height:330px;object-fit:contain}.hero-image span{position:absolute;bottom:18px;left:18px;background:var(--pale);color:var(--deep);padding:7px 12px;border-radius:5px;font-size:.875rem}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}.primary,.secondary,.outline-light{padding:13px 19px;border:0;border-radius:6px;display:inline-block;text-decoration:none;font-size:.875rem;font-weight:bold;line-height:1.5}.primary{background:var(--orange);color:var(--deep)}.secondary{background:var(--pale);color:var(--blue);border:1px solid var(--line)}.outline-light{border:1px solid #91b6ca;color:white}.benefits{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:22px 0;font-size:.875rem;color:var(--blue);border-bottom:1px solid var(--line)}.section{padding:42px 0}.compact{padding-top:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:22px}.section-heading h2{margin-bottom:0}.section-heading a{font-size:.875rem}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-tile{border:1px solid var(--line);padding:23px;border-radius:var(--radius);text-decoration:none;transition:background .15s}.category-tile:hover{background:var(--pale)}.category-number{font-size:.875rem;color:var(--turquoise)}.category-tile h3{margin:12px 0 5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;min-width:0}.card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--muted);margin-bottom:18px}.product-card small{overflow-wrap:anywhere}.status{background:#e6f2ec;color:#21513a;padding:5px 9px;border-radius:4px;display:inline-block;font-size:.875rem}.status.soon{background:#fff0d8;color:#714708}.status.check{background:var(--pale);color:var(--blue)}.product-card h3{margin:12px 0 22px;flex:1}.product-card h3 a{text-decoration:none;overflow-wrap:anywhere}.card-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.text-link{font-size:.875rem}.quote-add{font-size:.875rem;color:var(--blue);background:var(--pale);border:0;border-radius:5px;padding:9px 13px}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:12px 0}.image-pair>a{background:var(--pale);text-decoration:none;overflow:hidden;border-radius:var(--radius)}.image-pair img{width:100%;height:250px;object-fit:contain;background:white;display:block}.image-pair>a>div{padding:24px}.image-pair h2{margin:10px 0 0}.brand-row{display:flex;flex-wrap:wrap;gap:12px}.brand-row a{padding:18px 23px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-weight:bold}.manual-banner{padding:30px 35px;margin-top:20px;background:var(--pale);display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:var(--radius)}.manual-banner img{width:130px;height:auto;mix-blend-mode:multiply}.manual-banner h2{margin-bottom:10px}.manual-banner p{max-width:530px}.branch-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.branch-preview a{padding:22px 0;border-top:2px solid var(--blue);font-weight:bold;text-decoration:none}.branch-preview small{display:block;margin-top:7px;font-weight:normal}.help-strip{background:var(--blue);color:white;margin-top:25px}.help-strip .wrap{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.help-strip h2{margin-bottom:10px}.help-strip p{margin:0;color:#d4e7ee}.footer-grid{padding:38px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:30px}.footer-grid img{width:145px;height:auto}.footer-grid strong{display:block;font-size:.875rem;margin-bottom:14px}.footer-grid a{display:block;margin-top:9px;font-size:.875rem;text-decoration:none}.footer-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 0;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.page-heading{max-width:880px;margin-bottom:30px}.page-heading h1{margin-bottom:18px}.page-heading p{color:var(--muted)}.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px;margin-bottom:20px}label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:var(--blue)}input,select,textarea{padding:12px 14px;border:1px solid var(--line);border-radius:5px;color:var(--deep);background:white;max-width:100%;min-width:0;width:100%}textarea{resize:vertical}.pagination{display:flex;justify-content:center;gap:12px;align-items:center;margin:25px 0}.pagination button{padding:10px 15px;background:var(--pale);border:1px solid var(--line);border-radius:5px;font-size:.875rem}.pagination button:disabled{opacity:.45;cursor:default}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.guide-grid article{padding:27px;background:var(--pale);border-radius:var(--radius)}.guide-grid article h2{font-size:1.4rem}.guide-grid p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:1rem;color:var(--blue)}details p{margin:15px 0 0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-grid a{padding:25px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.brand-grid h2{font-size:1.25rem;margin-bottom:8px}.breadcrumbs{font-size:.875rem;color:var(--muted);margin-bottom:28px}.product-detail{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;margin-bottom:45px}.product-detail h1{font-size:2.25rem;overflow-wrap:anywhere;line-height:1.25}.sku{font-size:.875rem;color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1.4fr;gap:14px 20px;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:.875rem}dt{color:var(--muted)}dd{margin:0}.product-aside{background:var(--pale);padding:32px;border-radius:var(--radius);align-self:start}.product-aside img{mix-blend-mode:multiply}.product-aside h2{font-size:1.4rem;margin:25px 0 14px}.steps{padding-left:25px;margin:30px 0 40px;max-width:900px}.steps li{padding:10px 0;line-height:1.6}.quote-form,.contact-form{display:grid;gap:20px;max-width:650px}.quote-form{margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.quote-form h2{margin-bottom:0}.quote-form .actions{margin:0}.quote-row{display:grid;grid-template-columns:1fr 120px 80px;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.quote-row h3{margin-bottom:7px}.quote-row input{padding:10px}.quote-row button{border:0;background:none;color:var(--blue);font-size:.875rem}.quote-row .quantity{font-size:.875rem}.contact-form button{justify-self:start}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);background:var(--deep);color:white;padding:13px 20px;border-radius:6px;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}#toast.show{opacity:1}
@media(max-width:950px){.category-grid,.brand-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.header{gap:18px}.product-grid{grid-template-columns:1fr 1fr}.hero-layout{gap:25px}.hero-image img{height:300px}.footer-grid{grid-template-columns:1fr 1fr}.product-detail{gap:25px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.topbar{font-size:.75rem}.header{flex-wrap:wrap;padding:15px 0}.logo{width:125px}.quote-link{margin-left:auto;font-size:.875rem;padding:10px}.search{order:3;flex-basis:100%}.main-nav{gap:12px 20px;padding:10px 0}.hero-layout{grid-template-columns:1fr;padding:32px 0;gap:28px}.hero h1{font-size:2.5rem}.hero-image img{height:260px}.benefits{gap:10px;flex-direction:column}.section{padding:30px 0}.category-grid,.brand-grid{grid-template-columns:1fr 1fr}.category-tile{padding:19px}.section-heading h2{font-size:1.45rem}.product-card{padding:18px}.image-pair,.guide-grid,.product-detail{grid-template-columns:1fr}.manual-banner{padding:24px}.manual-banner img{display:none}.branch-preview{grid-template-columns:1fr}.branch-preview a{padding:17px 0}.footer-grid{gap:25px}.product-detail h1{font-size:1.8rem}.filters{gap:12px}.search button{padding:12px}.guide-grid article{padding:23px}.quote-row{grid-template-columns:1fr 95px}.quote-row>button{grid-column:2}.contact-form{max-width:none}}
@media(max-width:390px){.product-grid,.filters,.footer-grid{grid-template-columns:1fr}.topbar .wrap>span{display:none}.topbar .wrap{justify-content:center}.category-grid{gap:10px}.category-tile{padding:15px}.category-tile h3{font-size:1rem}.hero h1{font-size:2.1rem}.actions>*{width:100%;text-align:center}.manual-banner h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.variant-table{overflow-x:auto;margin-top:24px}.variant-table table{width:100%;border-collapse:collapse;font-size:14px}.variant-table th,.variant-table td{padding:16px;text-align:left;border-bottom:1px solid #dbe3e8}.variant-table th{background:#064469;color:#fff}.variant-table tr[hidden]{display:none}#variant-brand{display:block;padding:12px;max-width:320px;margin-top:8px}

/* Product family photos */
.card-photo{margin:0 0 16px;background:white;border-radius:10px;overflow:hidden}.card-photo img{width:100%;height:185px;object-fit:contain;display:block}.card-photo figcaption{font-size:11px;text-align:center;color:#647b87;padding:4px 8px}.family-photo{margin:20px 0 28px;max-width:420px;background:#fff;border:1px solid #e2e9ed;border-radius:12px;padding:16px}.family-photo img{display:block;width:100%;height:300px;object-fit:contain}.family-photo figcaption{font-size:13px;line-height:1.5;color:#526c7a;margin-top:10px}.product-aside .family-photo{margin-top:0}.product-aside .family-photo img{width:100%;height:240px}

.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.department-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:white;display:flex;flex-direction:column;min-width:0}.department-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--pale);color:var(--blue);margin-bottom:23px}.department-icon svg{width:28px;height:28px}.department-card h3{font-size:1.5rem;margin:0 0 12px}.department-card p{color:var(--muted);font-size:.95rem;margin:0 0 20px;min-height:3em}.department-card ul{list-style:none;padding:0;margin:0 0 24px;flex:1}.department-card li+li{border-top:1px solid var(--line)}.department-card li a{display:block;padding:9px 0;text-decoration:none;font-size:.875rem}.department-card li a:hover{text-decoration:underline}.department-link{font-weight:bold;text-decoration:none;margin-top:auto;display:flex;gap:12px}.department-card small{color:var(--muted);margin-top:10px}.category-return{padding-top:25px;font-size:.875rem}.category-return+.section{padding-top:22px}.category-extras{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.category-extras h2{font-size:1.2rem}#catalogue[data-department] .filters{grid-template-columns:1.1fr 1.4fr 1fr 1fr 1fr}@media(min-width:1600px){.department-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#catalogue[data-department] .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.department-grid{grid-template-columns:1fr}.department-card{padding:24px}#catalogue[data-department] .filters{grid-template-columns:1fr}.department-card p{min-height:0}}

.catalog-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;align-items:start}.catalog-sidebar{border:0;padding:0}.catalog-sidebar>summary{display:none}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar-heading button{border:0;background:none;color:var(--blue);text-decoration:underline;font-size:.8rem;padding:5px}.catalog-sidebar>p{font-size:.8rem;margin:10px 0 18px}.facet-box{border:1px solid var(--line);border-radius:16px;background:white;padding:18px;margin-bottom:14px}.facet-box>summary{font-size:.8rem;text-transform:uppercase;font-weight:bold;letter-spacing:.4px}.facet-options{max-height:245px;overflow:auto;margin-top:15px;display:grid;gap:12px;padding-right:4px}.facet-option{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:.8rem;line-height:1.4;color:var(--deep);cursor:pointer}.facet-option input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--blue);padding:0}.facet-option span{flex:1}.facet-option small{color:var(--muted);font-size:.7rem}.facet-option:has(input:disabled){opacity:.45}.catalog-main{min-width:0}.catalog-search-label{margin-bottom:20px}.results-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin-bottom:22px;background:var(--pale)}.results-bar p{font-weight:bold;margin:0;font-size:.9rem}.results-bar label{flex-direction:row;align-items:center;font-size:.8rem;white-space:nowrap}.results-bar select{width:auto;padding:9px}.catalog-main .product-grid{gap:16px}.catalog-main .product-card{padding:18px}.empty-results{padding:28px;border:1px solid var(--line);border-radius:12px}@media(max-width:1050px){.catalog-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.results-bar{align-items:start;flex-direction:column}}@media(max-width:760px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{border:1px solid var(--line);padding:16px;border-radius:14px}.catalog-sidebar>summary{display:list-item;font-weight:bold;margin-bottom:14px}.sidebar-heading{margin-top:8px}.facet-options{max-height:180px}.results-bar{flex-direction:row;align-items:center}.catalog-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.catalog-main .product-grid{grid-template-columns:1fr}.results-bar{align-items:start;flex-direction:column}}
/* Rodfor dropdown navigation */
.main-nav{position:relative;gap:8px 18px;align-items:center;overflow:visible}
.nav-group{position:relative}
.nav-group summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 4px;cursor:pointer;list-style:none;color:#064469;border-radius:5px}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:focus-visible{outline:2px solid #ffab23;outline-offset:2px}
.nav-group[open] summary,.nav-group summary:hover{color:#064469;background:#edf5f8}
.nav-current summary{font-weight:700}
.nav-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .15s}
.nav-group[open] .nav-chevron{transform:rotate(225deg);margin-top:3px}
.nav-panel{position:absolute;top:100%;left:0;z-index:100;width:285px;max-height:55vh;overflow-y:auto;overscroll-behavior:contain;background:white;border:1px solid #d8e4ec;border-top:3px solid #ffab23;border-radius:0 0 9px 9px;box-shadow:0 12px 28px #17394a24;padding:10px;display:grid;gap:3px}
.main-nav .nav-panel a{display:block;padding:11px 12px;line-height:1.35;white-space:normal;border-radius:4px}
.main-nav .nav-panel a:hover,.main-nav .nav-panel a:focus-visible{background:#edf5f8;color:#064469;outline:2px solid #ffab23;outline-offset:-2px}
.nav-panel a:first-child{font-weight:700;background:#f5f8fa}
.nav-panel-brands{width:510px;grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-panel-brands a:first-child{grid-column:1/-1}
.nav-group:nth-last-child(-n+2) .nav-panel{left:auto;right:0}
@media(max-width:900px){.main-nav{gap:2px 14px}.nav-group{position:static}.nav-panel,.nav-group:nth-last-child(-n+2) .nav-panel{left:0;right:0;width:auto;max-height:55vh}.nav-panel-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-group summary{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}

/* Rodfor compact home categories */
.department-card.compact-category{position:relative;padding:0;display:block;border-radius:16px}
.category-disclosure>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;min-height:164px;cursor:pointer;list-style:none;text-align:center;border-radius:16px}
.category-disclosure>summary::-webkit-details-marker{display:none}
.compact-category .department-icon{width:64px;height:64px;margin:0}
.compact-category .department-icon svg{width:34px;height:34px}
.compact-category h3{font-size:1.25rem;margin:0}
.category-disclosure>summary:focus-visible{outline:3px solid #ffab23;outline-offset:2px}
.category-disclosure[open]>summary,.category-disclosure>summary:hover{background:#f2f8fb}
.category-content{position:absolute;z-index:60;left:-1px;right:-1px;top:100%;background:white;padding:22px;border:1px solid #d8e4ec;border-top:3px solid #ffab23;border-radius:0 0 16px 16px;box-shadow:0 12px 25px #17394a24;max-height:55vh;overflow:auto;overscroll-behavior:contain}
.category-content p{min-height:0}
.category-content small{display:block}
.department-card:has(.category-disclosure[open]){z-index:61}
@media(max-width:600px){.category-disclosure>summary{flex-direction:row;justify-content:flex-start;min-height:104px;padding:20px;text-align:left}.category-content{position:static;max-height:none;border-width:1px 0 0;border-radius:0 0 16px 16px;box-shadow:none}}