.nav-row.nav-row--river{padding:.6rem 0 .3rem;display:block}.nav-row--river .brand{width:fit-content}.river-navigation{margin-top:.15rem}.river-navigation .nav-toggle{display:none}.river-navigation .nav-links,.river-navigation .nav-links.open{background:0 0;border:0;grid-template-columns:repeat(9,minmax(0,1fr));gap:.2rem;max-height:none;padding:0;display:grid;position:static;overflow:visible}.river-navigation .nav-links li{min-width:0}.river-navigation .nav-links a,.river-navigation .nav-links a.nav-eye{height:102px;min-height:44px;color:var(--forest-deep);white-space:normal;text-align:center;background:0 0;border:0;border-radius:12px;place-items:center;gap:0;padding:0;font-size:.9rem;font-weight:700;text-decoration:none;display:grid;position:relative}.river-nav-art{aspect-ratio:1;pointer-events:none;background-image:url(/images/river-navigation.webp);background-repeat:no-repeat;background-size:300% 300%;width:104px;max-width:100%;height:auto;transition:transform .18s;position:absolute;top:0;left:50%;transform:translate(-50%)}.river-nav-art--0{background-position:0 0}.river-nav-art--1{background-position:50% 0}.river-nav-art--2{background-position:100% 0}.river-nav-art--3{background-position:0%}.river-nav-art--4{background-position:50%}.river-nav-art--5{background-position:100%}.river-nav-art--6{background-position:0 100%}.river-nav-art--8{background-position:100% 100%}.river-nav-art--0,.river-nav-art--8{background-image:url(/images/river-navigation-v2.webp)}.river-nav-art--7{background-image:url(/images/support-empty-bag-rolls.webp);background-position:50%;background-size:contain}.river-nav-label{z-index:2;background:#f8f4ecf2;border-radius:5px;max-width:100%;margin-top:47px;padding:.13rem .4rem;line-height:1.15;position:relative;box-shadow:0 1px 3px #112f251f}.river-navigation .nav-links a:hover,.river-navigation .nav-links a.nav-eye:hover{color:var(--forest-deep);background:#718d6214}.river-navigation .nav-links a:hover .river-nav-art{transform:translate(-50%)translateY(-3px)}.river-navigation .nav-links a[aria-current=page] .river-nav-label{background:var(--forest);color:#fff}.river-navigation .nav-links a:focus-visible{outline:3px solid var(--forest);outline-offset:2px}.river-navigation .nav-eye-logo{z-index:1;background:var(--eye-deep);border-radius:50%;width:26px;height:26px;position:absolute;top:10px;right:8%;overflow:hidden}.river-navigation .nav-eye-logo .we-mark{inset:3px;transform:scale(.37)}.river-nav-description{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:761px){body:has(.river-navigation) #main{scroll-margin-top:184px}body:has(.river-navigation) main [id]{scroll-margin-top:184px}}@media (min-width:761px) and (max-width:980px){.river-nav-art{width:86px}.river-navigation .nav-links a,.river-navigation .nav-links a.nav-eye{height:91px;font-size:.82rem}.river-nav-label{margin-top:36px;padding-inline:.22rem}}@media (max-width:760px){.nav-row.nav-row--river{padding:.75rem 0;display:flex}.river-navigation{margin-top:0}.river-navigation .nav-toggle{display:block}.river-navigation .nav-links{display:none}.river-navigation .nav-links.open{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;max-height:calc(100dvh - 76px);padding:.6rem 4vw 1rem;display:grid;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 20px #112f251f}.river-navigation .nav-links a,.river-navigation .nav-links a.nav-eye{height:104px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.river-nav-art{transition:none}.river-navigation .nav-links a:hover .river-nav-art{transform:translate(-50%)}}
