/* v49x50hdr PREVIEW (JF 11-06): homepage header = shop header layout. HFR disc left, name mark center (signpost on narrow), moon + clock/CONTACT right, one baseline. */
html body .ct-top.jfh{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:end;min-height:76px;padding:0 12px 12px!important;box-sizing:border-box}
.ct-top.jfh>.jhl{grid-column:1;justify-self:start;display:flex;align-items:flex-end}
.ct-top.jfh>.ct-mark{grid-column:2;justify-self:center;--fs:clamp(16px,1.6vw,22px)!important}
.ct-top.jfh>.jf5-narrow{grid-column:2;justify-self:center;display:none}
.ct-top.jfh img.jfsign{height:44px;width:auto;display:block}
.ct-top.jfh>.jhr{grid-column:3;justify-self:end;display:flex;align-items:flex-end;gap:6px}
.ct-top.jfh .jhr .jf-moon{margin:0!important;position:static!important}
.ct-top.jfh .srf{position:relative!important;right:auto;bottom:auto;width:44px;height:44px;z-index:1}
.ct-top.jfh .srf-lbl{display:none!important}
.ct-top.jfh .srf-btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ct-top.jfh .srf-disc{display:block;width:100%;height:100%;border-radius:50%;pointer-events:none}
.ct-top.jfh .srf.is-on .srf-disc{animation:jfhSpin 1.8s linear infinite}
@keyframes jfhSpin{to{transform:rotate(360deg)}}
.ct-top.jfh .srf-pp{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#111;box-shadow:0 0 0 2px #fff}
.ct-top.jfh .srf-pp::before{content:"";position:absolute;left:6px;top:4px;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.ct-top.jfh .srf.is-on .srf-pp::before{left:5px;top:4px;width:2px;height:8px;border:0;background:#fff;box-shadow:4px 0 0 #fff}
.ct-top.jfh .oc-ckwrap{display:inline-flex;flex-direction:column;align-items:stretch;transform:scale(.8);transform-origin:right bottom;margin-left:-14px}
.ct-top.jfh .np-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid currentColor;padding:0 8px;height:54px;box-sizing:border-box;font:400 11px/1.2 "Space Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ct-top.jfh .oc-cbar{display:flex;align-items:center;justify-content:center;margin-top:-1px;padding:5px 8px;font:700 10px/1.2 "Space Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:#111;color:#fff;border:1px solid #111}
.ct-top.jfh .oc-cbar:hover,.ct-top.jfh .oc-cbar:focus-visible{background:#fff;color:#111}
html[data-theme="dark"] .ct-top.jfh .oc-cbar{background:#fff;color:#111;border-color:#fff}
@media(max-width:999px){.ct-top.jfh>.ct-mark{display:none!important}.ct-top.jfh>.jf5-narrow{display:block}}
@media(max-width:760px){html body .ct-top.jfh{min-height:64px;padding:0 6px 10px!important}.ct-top.jfh img.jfsign{height:36px}.ct-top.jfh .srf{width:34px;height:34px}.ct-top.jfh .oc-ckwrap{transform:scale(.72)}.ct-top.jfh .np-clock{height:50px;font-size:11px;letter-spacing:.02em;padding:0 4px}}
