:root{--menu-width:100%;--left-width:65%;--right-width:35%;--menu-close:5%;--bg:#1b2b46;--accent:var(--color-link,#c8d7ea);--color-title:#e6eef9;--color-desc:rgba(255,255,255,0.6);--transition-menu:560ms cubic-bezier(0.2,0.9,0.25,1);--transition-items:420ms cubic-bezier(0.2,0.9,0.25,1)}body.menu-open{overflow:hidden}.menu-overlay{position:fixed;inset:0;z-index:2200;pointer-events:none;height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100)}.menu-overlay.open{background:var(--bg);pointer-events:auto;transition:background var(--transition-menu)}.menu-inner{position:absolute;top:0;left:0;width:100%;height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:row;transform:translateX(-100%);transition:transform var(--transition-menu);will-change:transform;pointer-events:none}.menu-overlay.open .menu-inner{transform:translateX(0);pointer-events:auto}.menu-left{flex:1 1;color:var(--color-title);padding:64px;display:flex;box-sizing:border-box}.menu-left-block{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:130px;margin-right:64px}.menu-brand{font-family:Cormorant-Garamond,serif;font-size:34px;letter-spacing:.06em;margin:0 0 10px}.menu-nav ul{list-style:none;padding:0;margin:0}.menu-nav li{margin:0;overflow:hidden;transform:translateY(18px);opacity:0;transition:transform var(--transition-items),opacity var(--transition-items);transition-delay:calc(var(--i) * 40ms)}.menu-nav li:not(:last-child){margin-bottom:22px}.menu-overlay.open .menu-nav li{transform:translateY(0);opacity:1}.menu-nav a{font-size:64px;line-height:80px;font-family:Cormorant-Garamond,serif;letter-spacing:-.02em}.menu-cta .action,.menu-nav a{text-decoration:none;color:var(--color-title)}.menu-cta .action{display:inline-block;margin-top:18px;border:1px solid rgba(255,255,255,.08);padding:10px 18px}.menuActions{display:flex;flex-direction:column;gap:64px}.menuBlock .cta{padding:12px 24px}.menu-footer{margin-top:auto;color:var(--color-desc);font-size:14px}.menuFooterSocials{display:flex;gap:48px;margin:0}.menuFooterContacts{display:flex;gap:64px;margin-bottom:24px;color:var(--color-link)}.menuLabel{margin-bottom:40px;font-size:18px;line-height:24px}.menu-right{width:var(--right-width);background-image:url(/fish-img/fish-menu.webp);background-size:cover;background-position:50%}.menu-close-area{width:var(--menu-close);display:flex;align-items:center;justify-content:space-around;cursor:pointer;transition:background .3s ease}.menu-close{position:relative;z-index:2;background:none;border:none;cursor:pointer;padding:2rem;transition:transform .2s ease,fill .3s ease}.menu-close-area:hover .menu-close{transform:scale(1.2) rotate(180deg)}.menu-divider,.submenu-divider{width:1px;height:100%;background:linear-gradient(0deg,transparent,white,transparent);opacity:.6;z-index:1}.submenu-divider{top:0}.submenu-collection{display:flex;position:relative}.fish-list{list-style:none;margin:0;padding:0 0 0 64px}.fish-list li{cursor:pointer;display:flex;flex-direction:column;gap:0;margin-bottom:24px}.fish-name{font-size:48px;color:#cad1e0;text-transform:uppercase;line-height:37px}.fish-name,.fish-type{font-family:Cormorant-Garamond,serif}.fish-type{font-size:24px;color:#91a3c4}.linkBtnMenu{position:relative;display:inline;padding:0;background:transparent;border:none;color:var(--color-link);cursor:pointer;white-space:nowrap;width:-moz-fit-content;width:fit-content}.linkBtnMenu:after{content:"";position:absolute;bottom:-2px;left:0;height:1px;width:0;background:currentColor;transition:width .3s ease}.linkBtnMenu:hover:after{width:100%}.fish-preview{position:absolute;right:-130px;width:100px;height:100px;pointer-events:none}.fish-preview img{width:100%;height:100%;object-fit:contain}.fish-list-back{position:absolute;top:140px;left:20px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;z-index:5;color:var(--color-title);font-size:16px;font-family:Lato,sans-serif}.fish-list-back:before{content:"";display:inline-block;width:20px;height:20px;background:url(/img-svg/svg-back.svg) no-repeat 50%;background-size:contain}.fish-list-back:after{content:"назад"}@media screen and (min-width:1921px){.fish-preview{right:-170px;width:150px;height:150px}}@media (min-width:1400px) and (max-width:1500px){.menu-nav li:not(:last-child){margin-bottom:1px}.menu-left-block{gap:60px}.fish-list li{margin-bottom:6px}.menu-left{padding:44px 0 44px 119px}.menu-close{padding:1rem}.fish-list{padding-left:50px}.fish-name{font-size:43px}}@media (max-width:1440px){.menu-nav a{font-size:48px;line-height:63px}.menu-nav li:not(:last-child){margin-bottom:18px}.menu-left{padding:40px 0 40px 100px}.menu-left-block{gap:60px;margin-right:34px}.menuLabel{margin-bottom:25px}.menu-close{padding:1rem}.menuActions{gap:32px}.fish-name{font-size:22px;line-height:22px}.fish-type{font-size:18px}.fish-list li{margin-bottom:12px}.fish-list{padding-left:30px}}@media (max-width:980px){.menu-right{display:none}.menu-close-area,.menu-inner{flex-direction:column}.menu-close-area{width:100%;bottom:unset;z-index:21}.menu-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,white,transparent)}.menu-left{width:100%;padding:196px 40px;align-items:center;justify-content:center}.menu-left-block{margin-right:0;align-items:center}.menu-nav{text-align:center}.menu-nav a{font-size:40px;line-height:53px}.menu-nav li:not(:last-child){margin-bottom:26px}.menuActions{flex-direction:row}.menuBlock{text-align:center}.menuBlock .cta{padding:8px 16px}.menuFooterContacts p,.menuLabel{font-size:16px}.menuFooterSocials{justify-content:center}.menu-close{padding:36px}.submenu-divider{display:none}.fish-list{padding-left:0;padding-top:125px}.submenu-collection{position:absolute;top:0;left:0;width:100%;max-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;padding:20px;overflow-y:auto}.submenu-collection .fish-list{display:flex;flex-direction:column;gap:16px;text-align:center}.fish-list li{align-items:center}.fish-list-back{display:flex}.fish-preview{display:none!important}}@media (min-width:980px){.fish-list li:first-child,.fish-list-back{display:none}}@media (max-width:430px){.menu-close{padding:20px}.menu-close-area{position:-webkit-sticky;position:sticky}.menu-left{padding:22px}.menu-nav a{font-size:32px;line-height:36px}.menu-left-block{height:100%}.fish-list li{margin-bottom:5px}.menuActions{flex-direction:column}.menuLabel{margin-bottom:19px;color:var(--color-title)}.menu-nav a{line-height:44px}.menu-nav li:not(:last-child){margin-bottom:5px}.submenu-collection .fish-list{gap:0}.fish-list-back{position:-webkit-sticky;position:sticky;margin-top:58px;top:0;padding-bottom:18px}.fish-list{padding:0}}@media (min-width:361px) and (max-width:376px){.menu-left{padding:40px 22px}.menu-nav li:not(:last-child){margin-bottom:7px}.menu-left-block{gap:42px}.fish-list li{margin-bottom:1px}.fish-list-back{padding-bottom:10px}}@media (max-width:360px){.fish-list li{margin-bottom:6px}.menu-left{padding:40px 22px 84px}}