/* Shared mobile shell, enabled independently in each shop's site settings. */
#linoNavigation {display:none}
@media (max-width:760px), (hover:none) and (pointer:coarse) {
  html.lino-mobile-nav-ready .sp-page-root>.sp-nav,
  html.lino-mobile-nav-ready body #btnSiteMenu#btnSiteMenu,
  html.lino-mobile-nav-ready body #mobileMenuHeader#mobileMenuHeader,
  html.lino-mobile-nav-ready body #desktopStoreHeader#desktopStoreHeader {display:none!important}
  #linoNavigation {display:block!important;--lino-bar-height:calc(60px + env(safe-area-inset-top,0px));font-family:Arial,sans-serif;color:#111}
  #linoNavigation *,#linoNavigation *::before,#linoNavigation *::after {box-sizing:border-box}
  #linoNavigation .lino-nav-spacer {height:var(--lino-bar-height)}
  #linoNavigation .lino-nav-bar {position:fixed!important;inset:0 0 auto!important;z-index:15001!important;width:100%!important;height:var(--lino-bar-height)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:env(safe-area-inset-top,0px) 18px 0!important;background:#fff!important;border:0!important;border-bottom:1px solid #ecebea!important;box-shadow:none!important;gap:20px!important}
  #linoNavigation .lino-nav-brand {display:flex;align-items:center;max-width:65%;height:44px;text-decoration:none;color:#111;font-size:18px;letter-spacing:.04em}
  #linoNavigation .lino-nav-brand img {display:block;width:auto!important;height:26px!important;max-width:160px!important;max-height:26px!important;object-fit:contain}
  #linoNavigation .lino-nav-toggle {display:block!important;position:relative!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111!important;box-shadow:none!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  #linoNavigation .lino-nav-toggle span {position:absolute!important;left:10px!important;top:21px!important;width:24px!important;height:2px!important;border:0!important;background:currentColor!important;transform:translateY(-4px);transform-origin:center;transition:transform .26s cubic-bezier(.22,1,.36,1)}
  #linoNavigation .lino-nav-toggle span+span {transform:translateY(4px)}
  #linoNavigation.is-open .lino-nav-toggle span {transform:rotate(45deg)}
  #linoNavigation.is-open .lino-nav-toggle span+span {transform:rotate(-45deg)}
  #linoNavigation .lino-nav-drawer {position:fixed!important;inset:var(--lino-bar-height) 0 0!important;z-index:15000!important;width:100%!important;height:calc(100dvh - var(--lino-bar-height))!important;max-height:none!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;transform:translateX(100%);opacity:.5;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease}
  #linoNavigation .lino-nav-drawer[hidden] {display:none!important}
  #linoNavigation.is-open .lino-nav-drawer {transform:translateX(0);opacity:1}
  #linoNavigation .lino-nav-content {height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px 24px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:32px}
  #linoNavigation nav {display:flex;flex-direction:column;gap:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
  #linoNavigation .lino-nav-primary {flex:0 0 auto}
  #linoNavigation .lino-nav-link,#linoNavigation .lino-nav-catalog {display:flex!important;align-items:center;justify-content:space-between;min-height:52px;width:100%;margin:0!important;padding:10px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;text-align:left!important;color:#111!important;font:400 25px/1.25 Arial,sans-serif!important;letter-spacing:-.02em!important;cursor:pointer;transition:color .15s ease,transform .15s ease}
  #linoNavigation .lino-nav-link:active,#linoNavigation .lino-nav-catalog:active {transform:translateX(3px);color:#666!important}
  #linoNavigation [aria-current=page] {font-weight:700!important;text-decoration:underline!important;text-underline-offset:7px}
  #linoNavigation .lino-nav-mark {font-size:25px;font-weight:400;margin-left:16px}
  #linoNavigation .lino-nav-footer {margin-top:auto!important;padding-top:22px!important;border-top:1px solid #dedede}
  #linoNavigation .lino-nav-footer .lino-nav-link {font-size:16px!important;line-height:1.4!important;min-height:42px;color:#5d5d5d!important;letter-spacing:0!important;padding:8px 0!important}
  #linoNavigation .lino-nav-categories {padding:4px 0 12px 14px;margin:4px 0 12px;border-left:1px solid #ddd}
  #linoNavigation .lino-nav-categories[hidden] {display:none!important}
  #linoNavigation .lino-nav-category-link,#linoNavigation .lino-nav-category summary {display:block;padding:10px 0;color:#444;text-decoration:none;font:400 17px/1.4 Arial,sans-serif;cursor:pointer}
  #linoNavigation .lino-nav-category {padding:0 0 0 12px}
  #linoNavigation .lino-nav-status {font:400 14px/1.5 Arial,sans-serif;color:#777}
  #linoNavigation button:focus-visible,#linoNavigation a:focus-visible,#linoNavigation summary:focus-visible {outline:2px solid #111;outline-offset:3px}
  #linoNavigation.is-floating {--lino-bar-height:0px}
  #linoNavigation.is-floating .lino-nav-brand {display:none!important}
  #linoNavigation.is-floating .lino-nav-bar {height:0!important;padding:0!important;border:0!important;background:transparent!important;pointer-events:none}
  #linoNavigation.is-floating .lino-nav-toggle {position:absolute!important;left:max(12px,env(safe-area-inset-left,0px))!important;top:calc(12px + env(safe-area-inset-top,0px))!important;width:50px!important;height:50px!important;min-width:50px!important;flex-basis:50px!important;border:1px solid #e5e5e5!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;box-shadow:0 3px 14px rgba(0,0,0,.1)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}
  #linoNavigation.is-floating .lino-nav-toggle span {left:12px!important;top:23px!important}
  #linoNavigation.is-floating .lino-nav-content {padding-top:calc(84px + env(safe-area-inset-top,0px))}
}
@media(prefers-reduced-motion:reduce) {
  #linoNavigation *,#linoNavigation *::before,#linoNavigation *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
