.site-header{top:4px;background:#fff;border-bottom:1px solid #e9eef4}.site-header .nav-wrap{width:calc(100% - 96px);min-height:76px;gap:20px;flex-wrap:nowrap;position:relative}.site-header .brand{gap:10px}.site-header .site-logo{width:82px;height:82px;object-fit:contain}.site-header .brand-name,.site-header .brand-name>span{font-size:1.3rem;letter-spacing:-.025em;line-height:1.08;font-weight:850;color:#082d58}.site-header .main-nav{gap:24px;flex-wrap:nowrap;align-items:center}.site-header .main-nav>a{color:#324f74;font-size:.76rem;padding-block:18px;font-weight:600}.site-header .main-nav>a[aria-current]{color:#ed1b2f}.site-header .main-nav>a[aria-current]:after{background:#ed1b2f;border-radius:4px;height:4px;bottom:14px}.site-header .main-nav .nav-account{background:#ed1b2f;color:#fff;border-color:#ed1b2f;padding:10px 22px;border-radius:28px;font-size:.76rem;gap:8px}.site-header .nav-account .icon{width:17px;height:17px}.site-header:after{content:"";position:absolute;left:38%;bottom:-1px;width:24px;height:15px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}.brand-stripe{position:fixed;top:0;left:0;right:0;height:4px;z-index:120;background:linear-gradient(90deg,#ED1B2F 0 34%,#ACC42A 34% 55%,#006CB8 55%)}@media(min-width:911px){.site-header .menu-toggle{display:none}.site-header .main-nav{display:flex;position:static;padding:0;box-shadow:none;background:transparent;flex-direction:row;align-items:center;border-bottom:0}.site-header .nav-logout{display:block}}@media(max-width:910px){.site-header .nav-wrap{width:calc(100% - 48px);min-height:76px}.site-header .menu-toggle{display:block}.site-header .main-nav{display:none;position:absolute;top:100%;left:-24px;right:-24px;background:#fff;padding:12px 24px 22px;box-shadow:0 14px 20px #17385815;align-items:stretch;flex-direction:column;gap:0}.site-header .main-nav.open{display:flex}.site-header .main-nav>a{padding:5px 0}.site-header .main-nav>a[aria-current]:after{display:none}.site-header .main-nav .nav-account{margin-top:0px;justify-content:flex-start}.site-header .nav-logout{display:block;padding-top:10px}.site-header .nav-logout button{width:100%;text-align:left}.site-header:after{display:none}}@media(max-width:600px){.site-header .nav-wrap{width:calc(100% - 36px);min-height:72px}.site-header .site-logo{width:66px;height:66px}.site-header .brand-name,.site-header .brand-name>span{font-size:1rem}.site-header .main-nav{top:100%;left:-18px;right:-18px;padding:12px 18px 20px}}@media print{.site-header,.brand-stripe{display:none}}
/* Home: the diagonal starts immediately after the full logo block. */
:is(.prg-home-page,.prg-login-page) .site-header{border-bottom:0}
:is(.prg-home-page,.prg-login-page) .site-header:after{display:none}
:is(.prg-home-page,.prg-login-page) .site-header .brand{position:relative;align-self:stretch}
:is(.prg-home-page,.prg-login-page) .site-header .brand:after{content:"";position:absolute;top:100%;left:-48px;width:calc(100% + 48px + 24px);height:20px;background:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%);pointer-events:none}

@media(max-width:600px){:is(.prg-home-page,.prg-login-page) .site-header .brand:after{left:-18px;width:calc(100% + 18px + 16px)}}

@media(max-width:380px){.site-header .brand{gap:8px}.site-header .site-logo{width:62px;height:62px}.site-header .brand-name,.site-header .brand-name>span{font-size:.92rem}}

/* v1.8.7: compact navigation with the large logo extending into its step. */
.site-header .nav-wrap{min-height:68px}
.site-header .brand{position:relative;align-self:stretch;padding-left:92px;min-height:68px}
.site-header .site-logo{position:absolute;left:0;top:0;z-index:1}
.site-header .main-nav>a{padding-block:5px}
@media(max-width:600px){.site-header .nav-wrap{min-height:64px}.site-header .brand{min-height:64px;padding-left:76px}}
@media(max-width:380px){.site-header .brand{padding-left:70px}}
/* Etalase: twice the previous visible text allowance. */
.catalog-page .card-body p{-webkit-line-clamp:6}

/* Manual adjustment confirmed by user, 2026-10-10. */
.site-header .brand-name{position:relative;top:10px}

/* Login application links. */
.login-app-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.login-app-links .button{padding:10px 12px;font-size:.8rem;gap:8px}
.login-app-links .login-risethub{background:#006CB8;border-color:#006CB8}
.login-app-links .login-risethub:hover{background:#005896;border-color:#005896}
.login-app-links .login-inventory{background:#ACC42A;border-color:#ACC42A;color:#17344b}
.login-app-links .login-inventory:hover{background:#97af20;border-color:#97af20}
@media(max-width:600px){.login-app-links{grid-template-columns:1fr}}

.login-team-welcome{font-size:.85rem;line-height:1.5;color:#425c77;margin:22px 0 12px}.login-team-welcome strong{color:#082d58}.login-team-welcome+.login-app-links{margin-top:0}

.contact-internal-portals{margin-top:24px;width:100%;max-width:none}.contact-internal-portals .login-team-welcome{margin-top:0}

.contact-internal-portals .login-app-links{display:flex;flex-wrap:wrap;justify-content:flex-start}.contact-internal-portals .login-app-links .button{flex:0 0 auto;width:auto}

/* Signed-in account links: keep existing typography, remove button decoration. */
.site-header .main-nav:has(.nav-logout) .nav-account,
.site-header .main-nav:has(.nav-logout) .nav-account:hover{background:transparent;border:0;border-radius:0;color:#324f74;padding-inline:0;box-shadow:none}
.site-header .nav-logout button,
.site-header .nav-logout button:hover{background:transparent;border:0;border-radius:0;padding-inline:0;box-shadow:none}

/* Double the hamburger line width while preserving its height. */
.site-header .menu-toggle .icon{width:20px;height:20px;transform:scaleX(2);margin-inline:10px}

/* Keep desktop link spacing consistent when base mobile styles activate. */
@media(min-width:911px){.site-header .main-nav>a:not(.nav-account){padding-inline:0}}

/* Prevent mobile browsers from enlarging individual text blocks on rotation. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:910px){
.site-header .main-nav{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
}
/* Use the phone header dimensions on short, landscape touch screens. */
@media(max-width:910px) and (max-height:500px) and (orientation:landscape) and (pointer:coarse){
.site-header .nav-wrap{width:calc(100% - 36px);min-height:64px}
.site-header .brand{min-height:64px;padding-left:76px}
.site-header .site-logo{width:66px;height:66px}
.site-header .brand-name,.site-header .brand-name>span{font-size:1rem}
.site-header .main-nav{left:-18px;right:-18px;padding:12px 18px 20px;max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}
:is(.prg-home-page,.prg-login-page) .site-header .brand:after{left:-18px;width:calc(100% + 18px + 16px);height:12px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}
}

/* Place the active menu marker below the compact link text. */
@media(min-width:911px){
.site-header .main-nav>a[aria-current]:after{display:block;top:auto;bottom:-2px;height:3px}
}