/* One mobile storefront header across all customer-facing pages. Desktop is unchanged. */
@media(max-width:699px){
body>.topline{display:none}
body>header,body.home-reference-layout>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:74px;height:auto;padding:16px 20px;width:100%;max-width:none;margin:0;border:0;border-bottom:1px solid #e1e6ed;border-radius:0;position:sticky;top:0;z-index:20;background:#fff}
body>header>.brand{display:block;flex:0 0 auto;min-width:0}
body>header .logo-crop,body.home-reference-layout>header .logo-crop{display:block;width:clamp(145px,40vw,175px)!important;aspect-ratio:auto;overflow:visible}
body>header .logo-crop img{position:static;display:block;width:100%;height:auto;max-width:100%;margin:0;filter:none}
body>header .header-actions,body.home-reference-layout>header .header-actions{display:flex;align-items:center;gap:0;margin-left:auto;flex:0 0 auto}
body>header .header-actions>.button,body>header .header-actions>.cart-button{display:none}
body>header .menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:9px;border:0;background:transparent;color:#0b2d5b;font-size:0;line-height:1;flex:0 0 44px}
body>header .menu-button:before{content:'';display:block;width:25px;height:3px;border-radius:3px;background:currentColor;box-shadow:0 -8px currentColor,0 8px currentColor}
body>header .menu-button[aria-expanded="true"]:before{transform:rotate(90deg)}
body>header #nav,body>header #uploadSiteNav{display:none;position:absolute;top:100%;left:0;width:100%;margin:0;padding:13px 20px 18px;border-bottom:1px solid #e1e6ed;background:#fff;box-shadow:0 10px 15px #0b2d5b0c;max-height:calc(100dvh - 76px);overflow-y:auto;gap:3px;order:3}
body>header #nav.open,body>header #uploadSiteNav.open{display:grid}
body>header nav a,body.home-reference-layout>header nav a{display:block;font-size:14px;line-height:1.6;font-weight:600;padding:10px 0;text-decoration:none;color:#0b2d5b}
html{scroll-padding-top:90px}
body>.upload-header{gap:12px}
body>.upload-header>.upload-brand{order:0;margin-right:auto}
body>.upload-header>.upload-menu-button{order:1}
body>.upload-header>#backLink{order:3;flex-basis:100%;font-size:11px;margin:0;text-decoration:none;color:#607084}
body>.upload-header>span{display:none}
body>.upload-header>#uploadSiteNav{top:100%}
}
@media(min-width:700px){.upload-menu-button,#uploadSiteNav{display:none}}

@media(max-width:699px){.custom-intro h1{font-size:clamp(29px,8vw,34px);overflow-wrap:anywhere}.custom-page h2{overflow-wrap:anywhere}}

/* Shared compact header: preserve control sizes and reduce vertical whitespace. */
body>header,body.home-reference-layout>header{min-height:0;padding-top:15px;padding-bottom:15px}
@media(min-width:700px){
body>header,body.home-reference-layout>header{width:100%;max-width:none;margin:0;border:0;border-bottom:1px solid #e1e6ed;border-radius:0;position:sticky;top:0;z-index:20;background:#fff}
body>header .logo-crop,body.home-reference-layout>header .logo-crop{width:240px;aspect-ratio:auto;overflow:visible}
body>header .logo-crop img{position:static;display:block;width:100%;height:auto;max-width:100%;margin:0}
}
@media(min-width:1000px){
body>header,body.home-reference-layout>header{padding-inline:max(35px,calc((100% - 1240px)/2));gap:24px}
body>header .logo-crop,body.home-reference-layout>header .logo-crop{width:250px}
body>header #nav{gap:22px}
body>header #nav a{font-size:14px;font-weight:700}
}
@media(max-width:699px){
body>header,body.home-reference-layout>header{padding-top:10px;padding-bottom:10px;min-height:0}
}

/* Trim transparent space inside the logo asset without scaling the artwork. */
body>header .logo-crop,body.home-reference-layout>header .logo-crop{position:relative;aspect-ratio:2170/425;overflow:hidden}
body>header .logo-crop img{position:absolute;top:-32.941176%;left:0;width:100%;height:auto}

/* Keep the brand artwork clear in WebKit and other browsers. */
body>header .brand,body>header .logo-crop,body>header .logo-crop img,body>header .upload-brand{
filter:none!important;-webkit-filter:none!important;box-shadow:none!important;text-shadow:none!important;opacity:1;mix-blend-mode:normal;
}