
@font-face{font-family:UvamMenu;src:url('../../fonts/common/juliussansone-regular-b540bcad92.ttf') format('truetype');font-display:swap}
#uvam-common-header,#uvam-menu-dialog,#uvam-menu-search{font-family:UvamMenu,sans-serif;color:#4e4e4e;box-sizing:border-box}#uvam-common-header *,#uvam-menu-dialog *,#uvam-menu-search *{box-sizing:border-box}
#uvam-common-header{height:88px;width:100%;display:flex;align-items:center;gap:44px;padding:0 3%;background:white;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10010}
body.uvam-common-home #uvam-common-header{position:fixed;left:0;top:0;background:transparent;border-color:transparent;color:white;transition:background .3s,color .3s}
body.uvam-common-home #uvam-common-header.is-scrolled{background:rgba(255,255,255,.97);border-color:#eee;color:#4e4e4e}
#uvam-common-header a,#uvam-menu-dialog a{color:inherit;text-decoration:none}#uvam-common-header button,#uvam-menu-dialog button,#uvam-menu-search button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
#uvam-common-header .uc-brand{display:flex;align-items:center;flex-shrink:0}#uvam-common-header .uc-brand img{display:block;width:46px;height:52px;object-fit:contain}body.uvam-common-home #uvam-common-header:not(.is-scrolled) .uc-brand img{filter:brightness(0) invert(1)}
#uvam-common-header .uc-desktop-nav{display:flex;align-items:center;gap:28px;font-size:16px;white-space:nowrap}#uvam-common-header .uc-actions{margin-left:auto;display:flex;align-items:center;gap:28px}#uvam-common-header .uc-icon{display:grid;place-items:center;width:30px;height:34px}#uvam-common-header svg{width:28px;height:28px}#uvam-common-header .uc-shop{border:1px solid currentColor;padding:12px 18px;white-space:nowrap;font-size:17px;line-height:1}
#uvam-common-header .uc-toggle{display:none;width:30px;height:34px;position:relative}#uvam-common-header .uc-toggle span{position:absolute;left:2px;width:26px;height:1px;background:currentColor;top:11px}#uvam-common-header .uc-toggle span:last-child{top:23px}
#uvam-menu-dialog[hidden],#uvam-menu-search[hidden]{display:none!important}#uvam-menu-dialog{position:fixed;inset:0;z-index:10030;background:rgba(37,35,30,.32)}#uvam-menu-dialog .uc-panel{position:absolute;right:0;top:0;width:390px;max-width:100%;height:100%;height:100dvh;background:#fcfbf8;overflow-y:auto;padding:22px 36px 30px;display:flex;flex-direction:column;overscroll-behavior:contain}
#uvam-menu-dialog .uc-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:58px}#uvam-menu-dialog .uc-panel-head img{width:40px;height:44px;object-fit:contain}#uvam-menu-dialog .uc-close{width:28px;height:28px;position:relative}#uvam-menu-dialog .uc-close:before,#uvam-menu-dialog .uc-close:after{content:'';position:absolute;left:0;top:13px;width:28px;height:1px;background:currentColor;transform:rotate(45deg)}#uvam-menu-dialog .uc-close:after{transform:rotate(-45deg)}
#uvam-menu-dialog .uc-mobile-nav{display:flex;flex-direction:column;gap:30px;font-size:25px;line-height:1.4}#uvam-menu-dialog .uc-drawer-shop{font-size:25px;line-height:1.4;border:1px solid currentColor;margin:42px -12px 0;padding:15px 12px;text-align:center}
#uvam-menu-dialog .uc-social{display:flex;align-items:center;gap:14px;font-size:20px;margin-top:auto;padding-top:64px;margin-bottom:30px}#uvam-menu-dialog .uc-social svg{width:32px;height:32px;flex-shrink:0}#uvam-menu-dialog .uc-copyright{font-size:12px;line-height:2;margin:0}
#uvam-menu-search{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:10040;padding:110px 20px 20px}#uvam-menu-search form{background:white;max-width:600px;margin:auto;padding:30px;display:flex;gap:15px;align-items:center}#uvam-menu-search input{font:16px UvamMenu,sans-serif;min-width:0;flex:1;padding:12px;border:1px solid #aaa}#uvam-menu-search button{font-size:16px}
#uvam-common-header a:focus-visible,#uvam-common-header button:focus-visible,#uvam-menu-dialog a:focus-visible,#uvam-menu-dialog button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1150px) and (min-width:1024px){#uvam-common-header{gap:24px}#uvam-common-header .uc-desktop-nav{gap:18px;font-size:14px}#uvam-common-header .uc-actions{gap:18px}#uvam-common-header .uc-shop{font-size:15px}}
@media(max-width:1023px){#uvam-common-header{height:72px;padding:0 20px;gap:20px}#uvam-common-header .uc-brand img{width:38px;height:40px}#uvam-common-header .uc-desktop-nav,#uvam-common-header .uc-search,#uvam-common-header .uc-cart{display:none}#uvam-common-header .uc-toggle{display:block}#uvam-common-header .uc-actions{gap:26px}#uvam-common-header .uc-shop{border:0;padding:0;font-size:17px}}
@media(max-width:480px){#uvam-menu-dialog .uc-panel{width:100%}}
@media(prefers-reduced-motion:reduce){#uvam-common-header{transition:none}}
/* Legacy header shells are replaced only on pages opting into the common menu. */
body.uvam-common-enabled #site-header,body.uvam-common-enabled #site-header-minimized,body.uvam-common-enabled #nt-follow-header{display:none!important}

[data-uvam-common-menu]{position:sticky;top:0;z-index:10010}#uvam-common-header{position:relative}body.uvam-common-home [data-uvam-common-menu]{position:fixed;top:0;left:0;right:0;width:100%;z-index:10010}body.uvam-common-home #uvam-new-top .nt-hero-logo{display:none!important}

/* 2026-10-15: compact mobile/tablet controls; PC header rules unchanged. */
@media(max-width:1023px){
 #uvam-common-header .uc-shop{border:1px solid currentColor;padding:12px 18px;font-size:10.2px;text-align:right;line-height:1;display:block}
 #uvam-common-header .uc-toggle{transform:scale(.8);transform-origin:right center}
 #uvam-menu-dialog .uc-panel{width:87.5vw;max-width:none;padding-left:clamp(24px,4.6vw,36px);padding-right:clamp(24px,4.6vw,36px)}
 #uvam-menu-dialog .uc-mobile-nav,#uvam-menu-dialog .uc-drawer-shop{font-size:20px}
 #uvam-menu-dialog .uc-social{font-size:16px}
}
footer .uc-footer-social{display:inline-flex!important;align-items:center;justify-content:center;color:white!important;width:32px;height:32px;font-size:0!important;text-decoration:none}
footer .uc-footer-social svg{width:32px!important;height:32px!important;display:block}
footer .uc-footer-shop{border:1px solid currentColor!important;border-radius:0!important;font-family:UvamMenu,sans-serif!important;text-decoration:none}
footer .uc-footer-menu,footer .uc-footer-menu a{font-family:UvamMenu,sans-serif!important;font-weight:400}

/* Compact mobile/tablet revision. Visual hamburger edges and shop border have equal 16px gaps. */
@media(max-width:1023px){
 #uvam-common-header{padding-right:16px}
 #uvam-common-header .uc-actions{gap:16px}
 #uvam-common-header .uc-toggle{width:17px;min-width:17px;transform:none}
 #uvam-common-header .uc-toggle span{left:0;width:16.64px;top:13px}
 #uvam-common-header .uc-toggle span:last-child{top:20.68px}
 #uvam-menu-dialog .uc-panel{padding-top:18px;padding-bottom:20px}
 #uvam-menu-dialog .uc-panel-head{margin-bottom:30px}
 #uvam-menu-dialog .uc-mobile-nav{font-size:13.333px;gap:20px;line-height:1.4}
 #uvam-menu-dialog .uc-drawer-shop{font-size:13.333px;line-height:1.4;margin:28px 0 0;padding:10px 8px;align-self:flex-start;min-width:66.667%;max-width:100%}
 #uvam-menu-dialog .uc-social{padding-top:28px;margin-top:28px;margin-bottom:18px}
 #uvam-menu-dialog .uc-copyright{font-size:11px;line-height:1.7}
 footer .uc-footer-social{display:flex!important;justify-content:flex-end;gap:12px;width:max-content!important;max-width:100%;height:32px!important;margin-left:auto!important;margin-right:0!important;font:16px UvamMenu,sans-serif!important;line-height:1.4!important}
 footer .uc-footer-social .uc-footer-follow{display:inline;font:16px UvamMenu,sans-serif!important;color:inherit}
}
@media(max-width:1023px) and (max-height:580px){
 #uvam-menu-dialog .uc-panel-head{margin-bottom:18px}
 #uvam-menu-dialog .uc-mobile-nav{gap:14px}
 #uvam-menu-dialog .uc-drawer-shop{margin-top:20px}
 #uvam-menu-dialog .uc-social{padding-top:16px;margin-top:16px;margin-bottom:14px}
}
@media(min-width:1024px){footer .uc-footer-follow{display:none!important}}

/* Approved drawer motion: 800ms, with the existing layout unchanged. */
@media(max-width:1023px){
 #uvam-menu-dialog{background:rgba(37,35,30,0);transition:background-color 800ms cubic-bezier(.22,1,.36,1)}
 #uvam-menu-dialog .uc-panel{transform:translateX(100%);transition:transform 800ms cubic-bezier(.22,1,.36,1);will-change:transform}
 #uvam-menu-dialog.uc-motion-open{background:rgba(37,35,30,.32)}
 #uvam-menu-dialog.uc-motion-open .uc-panel{transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){#uvam-menu-dialog,#uvam-menu-dialog .uc-panel{transition:none!important}}
