:root{color-scheme:only light}
body>header .hp-wrap{padding:18px 24px;background:#f5f8fc url('../assets/img/catalog/hero-pattern.png') center/cover;color:#14233b;font:500 14px/1.55 Manrope,Arial,sans-serif}.hp-panel{max-width:1680px;margin:auto;display:flex;align-items:center;background:#fffffff2;border:1px solid white;border-radius:24px;padding:18px 20px;box-shadow:0 12px 34px #eabf2920;min-height:106px;gap:0}.hp-panel a{color:inherit;text-decoration:none}.hp-logo{display:flex;align-items:center;flex:1.15;padding-right:20px;min-width:135px}.hp-logo img{width:190px;max-width:100%;height:auto}.hp-contact{display:flex;align-items:center;gap:12px;border-left:1px solid #e0e5ed;padding:0 18px;min-height:65px;white-space:nowrap}.hp-address{flex:1.4}.hp-email{flex:1}.hp-phones{flex:1}.hp-icon{display:grid;place-items:center;background:#fff6df;color:#efad00;flex-shrink:0;width:43px;height:43px;border-radius:14px}.hp-icon svg{width:25px;height:25px;fill:#efad00}.hp-hours svg{fill:none}.hp-contact a{display:block}.hp-muted{display:block;color:#8a9bb5!important;font-size:12px;margin-top:3px}.hp-email a.hp-muted{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.hp-social{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 18px;border-left:1px solid #e0e5ed;min-height:65px}.hp-social>span,.hp-social>a{display:grid;justify-items:center;font-size:12px;gap:4px;cursor:default}.hp-social i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%}.hp-social svg{width:27px;height:27px}.hp-max{background:linear-gradient(135deg,#883bff,#3426ef)}.hp-tg{background:linear-gradient(#34c9f7,#0096c7)}.hp-action{border-left:1px solid #e0e5ed;padding-left:20px;min-height:65px;display:flex;align-items:center}.hp-action button{display:flex;align-items:center;gap:9px;background:linear-gradient(120deg,#ffd42b,#ffc400);border:0;border-radius:12px;padding:15px 20px;min-height:54px;font:600 14px Manrope,Arial,sans-serif;cursor:pointer;white-space:nowrap;color:#122139;box-shadow:0 10px 24px #ffc40019}.hp-action svg{width:20px;height:20px;fill:currentColor}.hp-action button:hover{background:#ffda38;box-shadow:0 8px 22px #ffc40038}.hp-panel :focus-visible{outline:3px solid #b78800;outline-offset:4px}.hp-menu{display:none}.hp-hours{padding-right:20px}.hp-phones a:hover,.hp-email a:hover{color:#a27a00}
@media(max-width:1400px){body>header .hp-wrap{padding:14px 18px}.hp-panel{padding:15px;min-height:94px}.hp-contact{padding:0 12px;gap:9px;font-size:11px}.hp-icon{width:34px;height:38px;border-radius:11px}.hp-icon svg{width:22px;height:22px}.hp-logo{padding-right:14px;min-width:135px}.hp-logo img{width:160px}.hp-social{gap:12px;padding:0 12px}.hp-muted{font-size:10px}.hp-action{padding-left:12px}.hp-action button{font-size:12px;padding:12px;min-height:48px}.hp-social i{width:31px;height:31px}.hp-social>span,.hp-social>a{font-size:11px}}
@media(max-width:1150px){.hp-panel{flex-wrap:wrap;gap:12px}.hp-address{display:none}.hp-contact{flex:1}.hp-social{flex:0 0 auto}.hp-logo{flex:1}.hp-hours{display:none}.hp-menu{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex-shrink:0;border:1px solid #e2e7ee;border-radius:10px;background:white;color:#14233b;cursor:pointer}.hp-menu svg{width:23px;height:23px}.hp-action{border:0}}
@media(max-width:768px){body>header .hp-wrap{padding:10px}.hp-panel{border-radius:17px;padding:12px;gap:10px}.hp-logo{flex:1;min-width:120px;max-width:none}.hp-logo img{width:145px}.hp-email,.hp-phones,.hp-social{display:none}.hp-action{padding:0;min-height:44px}.hp-action button{min-height:44px;font-size:11px;padding:10px;gap:5px}.hp-action svg{width:15px}.hp-menu{width:40px}.hp-panel{min-height:78px}}
@media(max-width:380px){.hp-logo{min-width:100px}.hp-logo img{width:115px}.hp-panel{gap:7px;padding:10px}.hp-action button{font-size:10px}.hp-action svg{display:none}}
.hp-logo img{display:block!important;visibility:visible!important;opacity:1!important;object-fit:contain;flex:none}
/* Keep the site header available while scrolling. */
body > header{position:sticky;top:0;z-index:100;background:rgba(248,251,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body:has(.mc-draft)>header{position:sticky;top:0;z-index:100;background:rgba(248,251,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(prefers-reduced-transparency:reduce){body>header,body:has(.mc-draft)>header{background:#f8fbff;backdrop-filter:none}}
/* Shared site background from the approved design system. */
body{background:#f2f7ff url('../assets/img/site-background.webp') center top/cover fixed no-repeat}

.hp-social i{position:relative;overflow:hidden;background:transparent}.hp-social .hp-tg img{display:block;width:100%;height:100%;object-fit:contain}.hp-social .hp-max{border-radius:22%}.hp-social .hp-max img{position:absolute;max-width:none;width:260%;height:120%;left:-80%;top:-10%;object-fit:fill}

/* MAX uses the supplied transparent logo asset. */
.hp-social .hp-max{background:transparent!important}
.hp-social .hp-max svg{display:none!important}
.hp-social .hp-max img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:none;object-fit:contain!important;transform:scale(1.35)}

/* Keep the shared header inside the viewport at intermediate widths. */
.hp-panel{box-sizing:border-box;width:100%;}
@media(max-width:1150px) and (min-width:769px){
 body>header .hp-wrap{overflow-x:hidden}
 .hp-panel{min-width:0;overflow:hidden}
 .hp-logo{flex:1 1 180px;min-width:0}
 .hp-email,.hp-phones{flex:0 1 205px;min-width:0}
 .hp-contact>div{min-width:0;overflow:hidden;text-overflow:ellipsis}
 .hp-social{flex:0 0 58px;padding:0 8px}
 .hp-action{flex:0 0 auto}
}

.hp-social>a{cursor:pointer}.hp-social>a:hover{color:#a27a00}