
:root{--yolo-header-h:88px;--yh-admin-top:0px;--yh-flight-gap:0px}
html{scroll-padding-top:calc(var(--yolo-header-h) + var(--yh-admin-top) + var(--yh-flight-gap) + 16px)}
body{margin:0;background:var(--yolo-paper);color:var(--yolo-ink)}
body.admin-bar{--yh-admin-top:32px}
body:has(#yolo-archive){--yh-flight-gap:34px}
body #header.yh-header{box-sizing:border-box;position:fixed;top:calc(var(--yh-admin-top) + var(--yh-flight-gap))!important;left:0;right:0;z-index:10020;width:100%;height:var(--yolo-header-h)!important;min-height:var(--yolo-header-h)!important;padding:12px clamp(22px,5vw,80px)!important;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;color:var(--yolo-ink);background:#fff!important;border-bottom:1px solid var(--yolo-line)!important;font-family:Inter,Arial,sans-serif;box-shadow:none!important;backdrop-filter:none!important}
#header.yh-header *,#header.yh-header *::before,#header.yh-header *::after{box-sizing:border-box}
#header.yh-header a{color:inherit;text-decoration:none}
body #header.yh-header .logo{display:flex;align-items:center;justify-content:flex-start;width:126px!important;height:62px!important;min-width:0}
body #header.yh-header .logo img{display:block;width:126px!important;height:62px!important;max-height:62px!important;object-fit:contain;filter:none!important;opacity:1}
#header.yh-header .yh-nav{justify-self:end}
#header.yh-header .yh-nav ul{display:flex;align-items:center;gap:clamp(22px,2.2vw,34px);list-style:none;margin:0;padding:0}
#header.yh-header .yh-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;white-space:nowrap}
#header.yh-header .yh-nav a::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--yolo-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
#header.yh-header .yh-nav a:hover::after,#header.yh-header .yh-nav a:focus-visible::after{transform:scaleX(1)}
body #header.yh-header .yh-right{display:flex;align-items:center;justify-content:flex-end;gap:24px!important;min-width:0}
body #header.yh-header .yh-right a.yh-cart{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 20px!important;white-space:nowrap;border:1px solid var(--yolo-ink)!important;border-radius:8px!important;background:var(--yolo-ink)!important;color:#fff!important;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;transition:background .2s ease,border-color .2s ease}
body #header.yh-header .yh-right a.yh-cart:hover{background:var(--yolo-accent)!important;border-color:var(--yolo-accent)!important;color:#fff!important}
#header.yh-header .yh-cart-mobile{display:none}
#header.yh-header .yh-menu{display:none;position:relative}
#header.yh-header .yh-menu summary{cursor:pointer;list-style:none;font:inherit;min-height:44px}
#header.yh-header .yh-menu summary::-webkit-details-marker{display:none}
#header.yh-header .yh-menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#header.yh-header .yh-menu-panel{background:#fff;color:var(--yolo-ink)}
#header.yh-header .yh-menu-panel a{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:20px;border-bottom:1px solid var(--yolo-line);font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
#header.yh-header .yh-menu-panel a:last-child{border:0}
#header.yh-header .yh-menu-panel small{display:none}
body #header.yh-header :where(a,summary):focus-visible{outline:3px solid var(--yolo-accent-hover)!important;outline-offset:4px}
.yh-skip{position:fixed;left:16px;top:-140px;z-index:10100;padding:12px 16px;border-radius:8px;background:var(--yolo-ink);color:#fff;font:600 14px/1.4 Inter,Arial,sans-serif}
.yh-skip:focus{top:calc(var(--yh-admin-top) + 8px)}
#yb-content-start{scroll-margin-top:calc(var(--yolo-header-h) + var(--yh-admin-top) + var(--yh-flight-gap) + 12px)}
@media(max-width:1024px){
 :root{--yolo-header-h:72px}
 body #header.yh-header{padding:8px 22px!important;gap:12px!important}
 body #header.yh-header .logo{width:98px!important;height:54px!important}
 body #header.yh-header .logo img{width:98px!important;height:54px!important;max-height:54px!important}
 #header.yh-header .yh-nav{display:none!important}
 body #header.yh-header .yh-right{gap:10px!important}
 body #header.yh-header .yh-menu{display:block!important;position:static!important}
 body #header.yh-header .yh-right a.yh-cart,
 body #header.yh-header .yh-menu summary{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:8px!important;position:relative!important}
 body #header.yh-header .yh-menu summary{border:1px solid var(--yolo-line)!important;background:var(--yolo-surface)!important;color:var(--yolo-ink)!important}
 #header.yh-header .yh-cart-label{display:none!important}
 #header.yh-header .yh-cart-mobile{display:grid!important;place-items:center!important;width:100%;height:100%;position:relative}
 #header.yh-header .yh-cart-mobile svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 #header.yh-header .yh-cart-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--yolo-accent);color:#fff;font:700 10px/18px Arial,sans-serif;text-align:center}
 #header.yh-header .yh-cart-count[hidden]{display:none!important}
 #header.yh-header .yh-menu-icon{width:18px;height:14px;display:flex;flex-direction:column;justify-content:center;gap:5px}
 #header.yh-header .yh-menu-icon i{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .2s ease}
 #header.yh-header .yh-menu[open] .yh-menu-icon i:first-child{transform:translateY(3.25px) rotate(45deg)}
 #header.yh-header .yh-menu[open] .yh-menu-icon i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
 body #header.yh-header .yh-menu-panel{position:fixed!important;left:0!important;right:0!important;top:var(--yh-menu-top,calc(var(--yolo-header-h) + var(--yh-admin-top) + var(--yh-flight-gap)))!important;width:auto!important;max-height:calc(100dvh - var(--yh-menu-top,calc(var(--yolo-header-h) + var(--yh-admin-top) + var(--yh-flight-gap))) - 16px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px 22px 22px!important;border:0!important;border-bottom:1px solid var(--yolo-line)!important;background:#fff!important;box-shadow:0 18px 30px rgba(24,26,29,.08)!important}
}
@media(max-width:782px){body.admin-bar{--yh-admin-top:46px}}
@media(max-width:390px){body #header.yh-header{padding-inline:18px!important}body #header.yh-header .yh-right{gap:8px!important}}
@media(prefers-reduced-motion:reduce){body:has(#yolo-archive){--yh-flight-gap:0px}#header.yh-header *,#header.yh-header *::before,#header.yh-header *::after{transition:none!important;animation:none!important}}
