/* LIT shared header (litgraphics-chrome) — site-chrome.css from the 2026-10-08 design package,
   every rule scoped to .lit-chrome so theme pages can't restyle it and it can't restyle them. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../litgraphics-product/assets/fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../litgraphics-product/assets/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Neutralise theme/page CSS inside the header (theme pages style header, nav, ul, a, img…). */
.lit-chrome,.lit-chrome *,.lit-chrome *:before,.lit-chrome *:after{box-sizing:border-box}
/* Neue Haas Grotesk (Povilas 2026-10-09: "neue haas"), Inter while the Adobe kit loads or if it can't. */
.lit-chrome,.lit-chrome-search{--lit-chrome-font:"neue-haas-grotesk-text","Neue Haas Grotesk Text Pro",Inter,Arial,sans-serif}
.lit-chrome{position:relative;z-index:1000;font-family:var(--lit-chrome-font);line-height:1.3;text-align:left}
.lit-chrome a{text-decoration:none}
.lit-chrome img{max-width:none;border:0;box-shadow:none}
.lit-chrome ul,.lit-chrome li{margin:0;padding:0;list-style:none}
.lit-chrome li:before,.lit-chrome li:after{content:none}
.lit-chrome button{margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;border-radius:0}
.lit-chrome .site-header{margin:0;width:auto;max-width:none;float:none}
/* Closed panels stay closed whatever display the panel styles set (the preview relied on its page CSS for this). */
.lit-chrome [hidden]{display:none!important}
.lit-chrome .skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.lit-chrome .skip-link:focus{position:absolute;z-index:1001;top:8px;left:8px;padding:12px;background:#ddb88d;color:#111}
/* Theme-rendered pages: the theme's own header stays in the markup (its scripts expect it) but is hidden. */
body.lit-chrome-theme #yolo-header,body.lit-chrome-theme #yolo-mobile-header,body.lit-chrome-theme .yolo-top-bar,body.lit-chrome-theme .yolo-mobile-header{display:none!important}
/* Shared LIT header: generated by components/site-header.mjs. */
.lit-chrome .site-header{position:relative;isolation:isolate;z-index:20;background:rgba(0,0,0,.78);color:#fff;font-family:var(--lit-chrome-font)}
body:not(.lit-cat-page) .lit-chrome .site-header:before{position:absolute;inset:0;z-index:-1;content:"";background:#000}
.lit-chrome .site-header[data-nav-open],.lit-chrome .site-header[data-mega-open]{background:#000}
.lit-chrome .site-header .header-inner{height:80px;width:min(100% - 80px,1360px);max-width:none;padding:0;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lit-chrome .site-header .brand{flex:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.lit-chrome .site-header .brand img{width:48px;height:auto;aspect-ratio:273.8926/242.5567;object-fit:contain;filter:none;mix-blend-mode:normal}
.lit-chrome .site-navigation{margin-left:auto}
.lit-chrome .site-header .nav-list,.lit-chrome .site-header .mega-column{list-style:none;padding:0;margin:0}
.lit-chrome .site-header .nav-list{display:flex;align-items:center;gap:26px}
.lit-chrome .site-header .nav-item{height:80px;display:flex;align-items:center}
.lit-chrome .site-header .nav-item>a,.lit-chrome .site-header .nav-trigger{display:flex;align-items:center;gap:7px;min-height:44px;border:0;padding:0;background:none;color:#fff;font:600 12px/1.3 var(--lit-chrome-font);white-space:nowrap;text-decoration:none}
.lit-chrome .site-header .nav-item>a:hover,.lit-chrome .site-header .nav-trigger:hover,.lit-chrome .site-header .nav-trigger[aria-expanded=true]{color:#ddb88d}
.lit-chrome .site-header .nav-trigger svg{flex:none;transition:transform .15s}
.lit-chrome .site-header .nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.lit-chrome .site-header a:focus-visible,.lit-chrome .site-header button:focus-visible{outline:2px solid #ddb88d;outline-offset:4px}
.lit-chrome .site-header .header-tools{display:flex;align-items:center;gap:20px;flex:none}
.lit-chrome .site-header .header-tools .icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:35px;height:40px;padding:0;border:0;background:none;color:#fff;flex-direction:row;gap:0}
.lit-chrome .site-header .header-tools .icon-button img{flex:none;max-width:none}
.lit-chrome .site-header .header-tools .search-icon:before,.lit-chrome .site-header .header-tools .search-icon:after{content:none}
.lit-chrome .site-header .header-tools .menu-icon{display:none}
.lit-chrome .site-header #cart-count{position:absolute;right:0;top:1px;min-width:13px;height:13px;padding:0 3px;border-radius:999px;background:#686868;color:#fff;font-size:8px;line-height:13px;text-align:center}
.lit-chrome .site-header .mega-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(100% - 80px,1248px);min-height:260px;display:flex;overflow:hidden;background:#fff;color:#222;box-shadow:0 12px 24px #0002;border:1px solid #e5e5e5}
.lit-chrome .site-header .mega-links{position:relative;z-index:1;width:72%;padding:24px 32px 28px}
.lit-chrome .site-header .mega-overview{display:inline-flex;align-items:center;gap:20px;min-height:30px;margin-bottom:10px;color:#786146;font-size:11px;line-height:1.3;text-decoration:none}
.lit-chrome .site-header .mega-overview:hover{text-decoration:underline;text-underline-offset:4px}
.lit-chrome .site-header .mega-columns{display:grid;grid-template-columns:repeat(var(--menu-columns),minmax(0,1fr));gap:24px}
.lit-chrome .site-header .mega-column a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:45px;padding:7px 0;color:#222;font-size:11px;line-height:1.3;text-transform:uppercase;text-decoration:none}
.lit-chrome .site-header .mega-panel a:focus-visible{outline-color:#8b5b2e}
.lit-chrome .site-header .mega-column a:after{content:"";display:block;width:28px;height:1px;margin-top:7px;background:#aaa;transition:width .15s}
.lit-chrome .site-header .mega-column a:hover:after,.lit-chrome .site-header .mega-column a:focus-visible:after{width:48px;background:#222}
.lit-chrome .site-header .mega-art{position:absolute;inset:0 0 0 auto;width:38%;pointer-events:none}
.lit-chrome .site-header .mega-art--bike,.lit-chrome .site-header .mega-art--forks{clip-path:polygon(43% 0,100% 0,100% 100%,0 100%);background:#292929}
.lit-chrome .site-header .mega-art--bike{background-image:url('assets/menu-bike.webp');background-size:cover;background-position:55% center}
.lit-chrome .site-header .mega-art--bike img,.lit-chrome .site-header .mega-art--forks img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.lit-chrome .site-header .mega-art--bike img{object-position:calc(55% + clamp(16px,2.1vw,30px)) center}
.lit-chrome .site-header .mega-art--forks img{object-position:60% center}
.lit-chrome .site-header .mega-art--plastics{width:30%;display:flex;align-items:center;justify-content:center;padding:20px 24px 20px 0}
.lit-chrome .site-header .mega-art--plastics img{width:100%;height:100%;object-fit:contain}
.lit-chrome .site-header .mega-panel--plastics .mega-links{width:65%}
.lit-chrome .site-header .mega-art--custom{width:44%;clip-path:polygon(48% 0,100% 0,100% 100%,0 100%);background:#202020 url('assets/menu-pattern.webp') center/cover no-repeat}
.lit-chrome .site-header .mega-art--custom>span{position:absolute;right:24px;bottom:27px;color:#fff;text-align:right;font-size:18px;font-weight:600;line-height:1.4}
.lit-chrome .site-header .mega-panel--custom .mega-links{width:66%}
.lit-chrome .site-header .mega-panel--custom{min-height:240px}
.lit-chrome .site-header .nav-item[data-menu-item=info]{position:relative}
.lit-chrome .site-header .mega-panel--info{left:auto;right:0;transform:none;width:240px;min-height:0}
.lit-chrome .site-header .mega-panel--info .mega-links{width:100%;padding:14px 24px}
.lit-chrome .site-header .mega-panel--info .mega-column a{text-transform:none;font-size:12px}
.lit-chrome .announcement{background:#ddb88d;color:#111;padding:10px 20px;text-align:center;font-family:var(--lit-chrome-font);font-size:12px;font-weight:700;letter-spacing:.015em}
@media(max-width:1100px) and (min-width:901px){
.lit-chrome .site-header .nav-list{gap:17px}
.lit-chrome .site-header .nav-item>a,.lit-chrome .site-header .nav-trigger{font-size:11px}
.lit-chrome .site-header .header-tools{gap:12px}
.lit-chrome .site-header .header-inner{gap:18px}
}
@media(max-width:900px){
.lit-chrome .site-header .site-navigation{display:none;position:absolute;top:100%;left:0;right:0;margin:0;max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain;padding:8px 24px 20px;background:#000;box-shadow:0 12px 20px #0004}
.lit-chrome .site-header[data-nav-open] .site-navigation{display:block}
.lit-chrome .site-header .nav-list{display:block}
.lit-chrome .site-header .nav-item{display:block;height:auto;border-bottom:1px solid #ffffff30}
.lit-chrome .site-header .nav-item>a,.lit-chrome .site-header .nav-trigger{width:100%;justify-content:space-between;min-height:49px;font-size:13px;padding:10px 5px}
.lit-chrome .site-header .header-tools .menu-icon{display:flex}
.lit-chrome .site-header .nav-item[data-menu-item=info]{position:static}
.lit-chrome .site-header .mega-panel,.lit-chrome .site-header .mega-panel--info{position:static;transform:none;display:block;width:100%;min-height:0;border:0;background:#000;color:#fff;box-shadow:none}
.lit-chrome .site-header .mega-links,.lit-chrome .site-header .mega-panel--plastics .mega-links,.lit-chrome .site-header .mega-panel--custom .mega-links,.lit-chrome .site-header .mega-panel--info .mega-links{width:100%;padding:0 5px 15px 18px}
.lit-chrome .site-header .mega-columns{display:block}
.lit-chrome .site-header .mega-column a,.lit-chrome .site-header .mega-panel--info .mega-column a{min-height:44px;color:#fff;font-size:11px;line-height:1.4;text-transform:uppercase}
.lit-chrome .site-header .mega-panel a:focus-visible{outline-color:#ddb88d}
.lit-chrome .site-header .mega-column a:after{display:none}
.lit-chrome .site-header .mega-overview{min-height:44px;margin:0;color:#ddb88d;font-size:11px}
.lit-chrome .site-header .mega-art{display:none}
}
@media(max-width:700px){
.lit-chrome .site-header .header-inner{height:67px;width:calc(100% - 32px);padding:0}
.lit-chrome .site-header .brand img{width:40px;height:auto}
.lit-chrome .site-header .header-tools{gap:13px}
.lit-chrome .site-header .header-tools .icon-button{width:31px}
.lit-chrome .site-header .site-navigation{max-height:calc(100dvh - 97px)}
.lit-chrome .announcement{padding:9px 12px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
.lit-chrome .site-header .nav-trigger svg,.lit-chrome .site-header .mega-column a:after{transition:none}
}

/* The one site search dialog. */
.lit-chrome-search{width:min(600px,calc(100% - 32px));max-width:none;padding:26px;border:0;border-radius:6px;font-family:var(--lit-chrome-font);color:#222;background:#fff}
.lit-chrome-search::backdrop{background:#000a}
.lit-chrome-search__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.lit-chrome-search__top h2{margin:0;font:700 22px/1.2 var(--lit-chrome-font);letter-spacing:-.02em;color:#222;text-transform:none}
.lit-chrome-search__close{width:44px;height:44px;border:0;background:none;font-size:28px;line-height:1;color:#222;cursor:pointer}
.lit-chrome-search label{display:block;margin-bottom:8px;font-size:12px;font-weight:600}
.lit-chrome-search__row{display:flex;gap:8px}
.lit-chrome-search input[type=search]{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid #cfcfcf;border-radius:4px;font:inherit;font-size:15px;color:#222;background:#fff;box-shadow:none}
.lit-chrome-search button[type=submit]{height:46px;padding:0 18px;border:0;border-radius:4px;background:#ddb88d;color:#151515;font:700 13px var(--lit-chrome-font);cursor:pointer}
/* Horizontal logo "LIT Graphics" (Povilas 2026-10-15: brand name readable in the header) */
.lit-chrome .site-header .brand img.lit-logo-h{width:150px;height:auto;aspect-ratio:912/244;object-fit:contain}
@media(max-width:1100px) and (min-width:901px){.lit-chrome .site-header .brand img.lit-logo-h{width:128px}}
@media(max-width:700px){.lit-chrome .site-header .brand img.lit-logo-h{width:120px}}