/* Isolated interaction layer; original Flatsome styles are kept in assets/. */
:root{--wp--preset--font-family--caveat:Caveat,cursive}
html{background:#fff}body{margin:0}.accent-font{font-family:Caveat,cursive!important}
#header{z-index:50}#search-lightbox{display:none!important}
#header .has-dropdown>.nav-dropdown{display:none;opacity:0;visibility:hidden;pointer-events:none;left:0!important;right:auto;top:100%;transform:none;margin-top:0}
#header .has-dropdown.prototype-open>.nav-dropdown{display:block;opacity:1;visibility:visible;pointer-events:auto}
#header .menu-item-design-container-width{position:static}
#header .header-inner{position:relative;width:100%;max-width:none;padding-left:32px;padding-right:32px}
#header .menu-item-design-container-width>.nav-dropdown{width:min(800px,calc(100vw - 40px));max-width:calc(100vw - 40px);left:200px!important}
#header .nav-dropdown .row{width:100%;margin:0}
#header .nav-dropdown{max-height:calc(100dvh - 110px);overflow-y:auto}
#header a:focus-visible,dialog a:focus-visible,button:focus-visible{outline:3px solid #f58220;outline-offset:4px}
.prototype-note{text-align:center;background:#f5f6f8;color:#596473;font-size:12px;padding:16px}
dialog{border:0;padding:40px;width:min(540px,calc(100vw - 32px));max-height:85dvh;overflow:auto;color:#4a4a4a;box-shadow:0 15px 80px #0004}
dialog::backdrop{background:#001d3f99}dialog h2{color:#014082;margin-right:25px}
.prototype-close{position:absolute;right:8px;top:3px;min-width:40px;padding:0!important;background:none!important;color:#014082!important;font-size:30px;border:0;margin:0}
.prototype-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6a7786}
#destination-path{font-size:13px;overflow-wrap:anywhere;background:#f4f6f8;padding:12px}
#mobile-menu{height:100dvh;max-height:100dvh;margin:0 auto 0 0;width:min(340px,90vw);padding:55px 24px 24px}
#mobile-menu ul{list-style:none;margin:0;padding:0}#mobile-menu li{margin:0;border-bottom:1px solid #e8e8e8}
#mobile-menu a,#mobile-menu .mobile-toggle{padding:14px 0;display:block;color:#014082;font-weight:700}
#mobile-menu .mobile-toggle{background:none;border:0;text-transform:uppercase;font-size:15px;text-align:left;width:100%;line-height:1.5;margin:0}
#mobile-menu .mobile-toggle::after{content:'⌄';float:right}#mobile-menu .mobile-toggle[aria-expanded=true]::after{content:'⌃'}
#mobile-menu .mobile-submenu{padding:0 0 10px 12px}#mobile-menu .mobile-submenu a{font-size:14px;font-weight:400;padding:10px 0}
[hidden]{display:none!important}
@media(max-width:849px){#header .menu-item-design-container-width>.nav-dropdown{left:0!important}.prototype-note{font-size:11px}dialog{padding:36px 24px}}

/* Draw dropdown chevrons locally so they never depend on a cross-site icon font. */
#header .icon-angle-down{display:inline-block!important;width:8px!important;height:8px!important;min-width:8px;margin-left:9px!important;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);font-size:0!important;line-height:0!important;vertical-align:middle;transition:transform .15s ease}
#header .icon-angle-down::before{content:none!important}
#header .prototype-open>.nav-top-link .icon-angle-down{transform:translateY(2px) rotate(225deg)}
#mobile-menu .mobile-toggle::after{content:'';display:block;width:8px;height:8px;margin:5px 3px 0 12px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
#mobile-menu .mobile-toggle[aria-expanded=true]::after{content:'';transform:translateY(3px) rotate(225deg)}

/* Reference header: outline icons above Account, Quote and Cart labels. */
#header .nav-right>.utility-item{margin:0 0 0 22px}
#header .utility-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:55px;min-height:64px;padding:3px 0;color:#414852;text-transform:none;font-size:15px;font-weight:700;line-height:1.2}
#header .utility-link:hover{color:#f58220}
#header .utility-icon{position:relative;display:block;width:30px;height:32px}
#header .utility-icon svg{display:block;width:30px;height:32px}
#header .utility-label{line-height:1.2;white-space:nowrap}
#header .utility-count{position:absolute;top:-6px;right:-10px;display:flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 4px;border-radius:50%;background:#f58220;color:white;font-size:11px;font-weight:700;line-height:1}
@media(min-width:850px) and (max-width:1100px){#header .nav-right>.utility-item{margin-left:12px}#header .utility-link{min-width:48px;font-size:14px}}

/* Uniforms: category hover switches the adjacent panel within one continuous dropdown. */
#header .uniforms-nav{position:static}
#header .uniforms-nav.prototype-open>.uniforms-mega{display:grid;grid-template-columns:1.1fr 1.05fr .9fr}
#header .uniforms-nav>.uniforms-mega{left:0!important;right:0;width:100%;max-width:none;padding:34px 30px 38px;background:#fff;border:1px solid #eee;box-shadow:0 12px 24px #0002;min-height:440px}
#header .uniforms-column{padding:0 28px;text-align:left}
#header .uniforms-column+ .uniforms-column{border-left:1px solid #eee}
#header .uniforms-column h2{margin:0 0 25px;color:#f58220;font-size:16px;line-height:1.3;font-weight:700;text-transform:uppercase}
#header .uniforms-column h3{font-size:17px;margin:0 0 13px;color:#333;font-weight:700}
#header .uniforms-groups>button,#header .uniforms-groups>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;padding:10px 12px;margin:0;border:0;border-radius:0;background:transparent;color:#333;font-size:16px;line-height:1.4;font-weight:600;text-transform:none;letter-spacing:0;text-align:left;box-shadow:none}
#header .uniforms-groups>.is-active,#header .uniforms-groups>button:hover,#header .uniforms-groups>a:hover{background:#fff3e9;color:#da6510}
.uniforms-arrow{display:block;width:8px;height:8px;margin-right:3px;border:solid #9b9b9b;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg)}
#header .uniforms-panel ul{list-style:none;margin:0;padding:0}
#header .uniforms-panel li{margin:0;border:0}
#header .uniforms-panel a{display:block;padding:11px 0;color:#333;font-size:16px;font-weight:400;line-height:1.4;text-transform:none}
#header .uniforms-panel a:hover,#header .uniforms-brand:hover{color:#f58220}
#header .uniforms-column .uniforms-view-all{font-size:15px;font-weight:700;margin-top:19px}
#header .uniforms-brand{display:block;margin:0 0 26px;padding:10px 0;color:#333;font-size:22px;font-weight:700;line-height:1.3;text-transform:none;letter-spacing:0}
#header .uniforms-column a:focus-visible,#header .uniforms-group:focus-visible{outline:2px solid #f58220;outline-offset:2px}
#mobile-menu .mobile-brands-title{color:#f58220;font-size:13px;font-weight:700;text-transform:uppercase;margin:15px 0 0}
@media(min-width:850px) and (max-width:1100px){#header .hide-for-medium{display:none!important}#header .show-for-medium{display:block!important}#header .medium-logo-center .logo{position:absolute;left:50%;transform:translateX(-50%);margin:0}#header .header-inner{justify-content:space-between}}

/* Equipment shares the Uniforms surface, with direct links until subcategories exist. */
#header .equipment-nav{position:static}
#header .equipment-nav>.equipment-mega{left:0!important;right:0;width:100%;max-width:none;padding:34px 58px 38px;background:#fff;border:1px solid #eee;box-shadow:0 12px 24px #0002;min-height:440px}
#header .equipment-mega h2{margin:0 0 25px;color:#f58220;font-size:16px;line-height:1.3;font-weight:700;text-transform:uppercase;text-align:left}
#header .equipment-columns{display:grid;grid-template-columns:1fr 1fr;gap:56px}
#header .equipment-columns ul{list-style:none;margin:0;padding:0}
#header .equipment-columns ul+ul{border-left:1px solid #eee;padding-left:28px}
#header .equipment-columns li{margin:0;border:0}
#header .equipment-category{display:block;min-height:43px;padding:10px 12px;color:#333;font-size:16px;line-height:1.4;font-weight:600;text-transform:none;letter-spacing:0;text-align:left}
#header .equipment-category:hover{background:#fff3e9;color:#da6510}
#header .equipment-category:focus-visible{outline:2px solid #f58220;outline-offset:2px}

/* Make room for Fitout and the separate uniform portal. */
@media(min-width:1101px){#header .nav-right>.utility-item{margin-left:12px}#header .utility-link{font-size:14px;min-width:48px}#header .nav-left>.menu-item{margin:0 12px}#header .nav-left>.menu-item>.nav-top-link{font-size:13px;letter-spacing:.04em}#header #logo{width:180px;margin-right:15px}}
@media(min-width:1101px) and (max-width:1279px){#header .hide-for-medium{display:none!important}#header .show-for-medium{display:block!important}#header .medium-logo-center .logo{position:absolute;left:50%;transform:translateX(-50%);margin:0}#header .header-inner{justify-content:space-between}}
@media(max-width:1279px){#header .mobile-nav .uniform-portal{margin:0 0 0 14px}#header .mobile-nav .uniform-portal .utility-link{font-size:11px;min-width:44px}#header .mobile-nav .uniform-portal .utility-label{white-space:normal;max-width:48px;text-align:center}}

/* Keep the full-width masthead comfortably inset on smaller screens. */
@media(max-width:1279px){#header .header-inner{padding-left:16px;padding-right:16px}}

/* Roanna's reference: compact sentence-case navigation and rounded actions.
   Scope typography to the header and USP panel so the hero is unchanged. */
#header,#header .nav>li>a,#header .mobile-header-actions a,.usp-section{font-family:Inter,Arial,sans-serif}
#header #masthead{height:88px;background:#fff}
#header .header-inner{height:88px;max-width:1600px;margin:auto;padding:0 56px;gap:20px}
#header #logo{width:138px;flex:0 0 138px;margin:0}
#header #logo img{width:138px;max-height:54px;object-fit:contain}
#header .header-inner>.flex-grow{margin-left:auto;flex:0 1 auto}
#header .nav-left{gap:30px;flex-wrap:nowrap}
#header .nav-left>.menu-item{margin:0}
#header .nav-left>.menu-item>.nav-top-link{padding:20px 0;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.4;text-transform:none;color:#222;white-space:nowrap}
#header .nav-left>.menu-item>.nav-top-link:hover,#header #menu-item-16396>.nav-top-link{color:#c65308}
#header .nav-left>.menu-item>.nav-top-link>.icon-angle-down{display:none!important}
#header .nav-right{gap:8px;flex-wrap:nowrap}
#header .nav-right>.utility-item{margin:0}
#header .utility-link{min-width:40px;min-height:44px;padding:8px;color:#222;font-size:14px;letter-spacing:0;line-height:1.3;text-transform:none}
#header .utility-icon,#header .utility-icon svg{width:22px;height:22px}
#header .nav-right .utility-link:not(.header-action) .utility-label,#header .utility-count{display:none}
#header .header-action{display:flex;min-height:46px;min-width:0;padding:12px 19px;border:1px solid #252525;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap;background:#fff;box-shadow:none}
#header .quote-action{background:#c65308;border-color:#c65308;color:#fff}
#header .quote-action:hover{background:#a84304;border-color:#a84304;color:#fff}
#header .portal-action:hover{background:#fff3e9;color:#a84304;border-color:#a84304}
#header .mobile-header-actions{display:none}
.usp-section{position:relative;padding:28px 28px 32px;background:#fff}
.usp-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1340px;margin:0 auto;list-style:none;padding:34px 0;border:1px solid #ece3dc;border-radius:20px;background:#fff;box-shadow:0 18px 40px #30221812}
.usp-item{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;margin:0;padding:0 28px}
.usp-item+.usp-item{border-left:1px solid #ece3dc}
.usp-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #fae9dc;border-radius:15px;background:#fceee3;color:#d95700}
.usp-icon svg{width:24px;height:24px}
.usp-item h2{font-family:inherit;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.4;color:#222;margin:0}
@media(min-width:1280px) and (max-width:1439px){#header .header-inner{padding:0 32px;gap:16px}#header .nav-left{gap:22px}#header .header-action{padding:12px 14px}.usp-section{padding-left:28px;padding-right:28px}.usp-item{padding:0 20px}}
@media(max-width:1279px){
 #header #masthead{height:auto}
 #header .header-inner{height:76px;padding:0 24px}
 #header .header-inner>.flex-left{margin:0}
 #header .mobile-nav.nav-left{gap:0}
 #header .mobile-header-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0 20px 14px}
 #header .mobile-header-actions>li{margin:0}
 #header .mobile-header-actions .utility-label{white-space:nowrap}
 .usp-section{padding:24px}
 .usp-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;padding:28px 8px}
 .usp-item{justify-content:flex-start;padding:0 24px}
 .usp-item:nth-child(3){border-left:0}
 .usp-item:nth-child(n+3){border-top:1px solid #ece3dc;padding-top:24px}
}
@media(max-width:599px){
 #header .header-inner{padding:0 16px}
 #header #logo,#header #logo img{width:126px}
 #header .header-action{padding:11px 16px}
 .usp-section{padding:20px 16px}
 .usp-panel{grid-template-columns:minmax(0,1fr);padding:8px 22px;gap:0;border-radius:18px}
 .usp-item{padding:22px 0}
 .usp-item+.usp-item{border-left:0;border-top:1px solid #ece3dc;padding-top:22px}
}