nav.mobile-menu{position:fixed;left:0;top:0}#menu-checkbox,.mobile-menu__btn span{display:none}.mobile-menu__btn{display:flex;color:var(--header-text-color);width:var(--menu-button-width);font-size:25px;height:50px;line-height:50px;padding:0 20px;cursor:pointer;transition:width .3s ease-in-out}.mobile-menu__btn,.sidebar{background-color:var(--menu-bg-color)}.sidebar{border-right:1px solid var(--menu-bg-color);color:#232322;position:fixed;width:min(100vw,500px);height:100vh;z-index:10;transition:transform .3s ease-in-out;transform:translateX(-100vw);overflow-y:auto}.sidebar__inner{display:flex;flex-direction:column;min-height:100%}.sidebar__nav{flex-shrink:0}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar ul li{border-top:1px solid #fff;border-bottom:1px solid #fff;background-color:#fff}.sidebar .nav-accent{background-color:var(--menu-bg-color)}.sidebar hr{border:none;height:1px;background-color:inherit}.sidebar ul a,.sidebar ul a:visited{position:relative;text-decoration:none;display:block;padding:0 20px;font-size:16px;width:100%}.sidebar ul a li i{margin-right:15px}.sidebar ul li:has(a.active),.sidebar ul li:has(a:hover){background-color:#f0f0f0}.sidebar__collections{display:none}#menu-checkbox:checked~.sidebar{transform:translateX(0)}#menu-checkbox:checked+.mobile-menu__btn{width:min(100vw,500px);padding:0 20px}#menu-checkbox:checked+.mobile-menu__btn span{display:inline}.sidebar__logo{display:none}@media (min-height:700px){.sidebar__logo{display:flex}}@media (min-width:1024px){#menu-checkbox:checked+.mobile-menu__btn,.sidebar{width:80vw}.sidebar__inner{flex-direction:row;height:100%}.sidebar__nav{width:280px;flex-shrink:0;overflow-y:auto}.sidebar__collections{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:8px;padding:8px;flex:1;height:calc(100vh - 50px);background-color:#fff}.sidebar__collection-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff}.sidebar__collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sidebar__collection-card:hover img{transform:scale(1.05)}.sidebar__collection-label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;font-size:14px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,.6))}}