.menu-drawer.nt-ready>.menu-drawer__close-button,.menu-drawer.nt-ready>.menu-drawer__navigation,.menu-drawer.nt-ready>.menu-drawer__featured-content,.menu-drawer.nt-ready~.menu-drawer__backdrop{display:none!important}#Details-menu-drawer-container .menu-drawer.nt-ready{top:0;height:100vh;height:100dvh;width:100%;max-width:none;background:var(--color-background-top-row,#fff);border-right:0;padding:0;overflow-y:auto;overflow-x:hidden}#Details-menu-drawer-container:not([open]) .menu-drawer.nt-ready{transform:translate(-100%)!important;visibility:hidden!important}#Details-menu-drawer-container[open] .menu-drawer.nt-ready{transform:none!important;visibility:visible!important}@media(min-width:750px){#Details-menu-drawer-container .menu-drawer.nt-ready{--nt-headerh:var(--header-group-height,69px);top:var(--nt-headerh);height:calc(100dvh - var(--nt-headerh));width:30vw;min-width:380px;max-width:480px;transition:opacity .45s ease,transform .45s cubic-bezier(.32,.72,0,1),visibility .45s}.menu-drawer.nt-ready~.menu-drawer__backdrop{display:block!important;position:fixed;inset:var(--header-group-height,69px) 0 0 0;z-index:17;background:#fff6;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;opacity:0!important;visibility:visible;pointer-events:none;transition:opacity .3s linear}.menu-drawer.nt-ready.is-shown~.menu-drawer__backdrop{opacity:1!important;pointer-events:auto}}@media(prefers-reduced-motion:reduce){#Details-menu-drawer-container .menu-drawer.nt-ready,.menu-drawer.nt-ready~.menu-drawer__backdrop{transition:none}}#Details-menu-drawer-container .header-drawer-icon--open{display:flex}#Details-menu-drawer-container .header-drawer-icon--close,#Details-menu-drawer-container[open] .header-drawer-icon--open{display:none}#Details-menu-drawer-container[open] .header-drawer-icon--close{display:flex}.nt-menu{display:flex;flex-direction:column;min-height:100%;padding:0 24px 28px}.nt-menu__top{display:flex;align-items:center;justify-content:flex-start;min-height:44px;margin-top:calc(var(--nt-close-y, calc(var(--header-group-height,137px) - var(--header-height,69px) / 2)) - 22px)}.nt-menu__logo{position:relative;display:inline-block;width:var(--nt-logo-w,67px);height:var(--nt-logo-h,20px)}.nt-menu__logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nt-grad);-webkit-mask:var(--nt-logo) no-repeat left center;-webkit-mask-size:contain;mask:var(--nt-logo) no-repeat left center;mask-size:contain}.nt-menu__close{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;margin-inline-start:-2px;padding:0;border:0;background:none;cursor:pointer;color:var(--nt-ink,#1A1A1A);font:inherit;font-size:17px;font-weight:400;line-height:1;letter-spacing:-.01em}.nt-menu__closeicon{--icon-stroke-width:1.5px;display:block;width:20px;height:20px;transform:rotate(180deg)}.nt-menu__close svg{width:20px;height:20px;display:block}@media(hover:hover){.nt-menu__close:hover{opacity:.6}}.nt-menu__hero{position:relative;display:flex;align-items:center;flex:0 0 auto;height:120px;border-radius:10px;overflow:hidden;margin:12px 0 16px;text-decoration:none;isolation:isolate}.nt-menu__hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.nt-menu__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--nt-hero-overlay,.4))}.nt-menu__hero span{position:relative;z-index:2;padding-inline:24px;color:#fff;font-size:20px;font-weight:500;line-height:1.2}.nt-menu__hero--empty{background:var(--nt-surface,#F7F7F7)}.nt-menu__hero--empty span{color:var(--nt-ink,#1A1A1A)}.nt-menu__rows{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.nt-menu__link{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--nt-ink,#1A1A1A);font-size:17px;line-height:1.3}.nt-menu__link--media{min-height:75px;margin-bottom:16px}.nt-menu__link--plain{min-height:38px}.nt-menu__thumb{flex:0 0 auto;display:block;width:75px;height:75px;border-radius:6px;overflow:hidden;background:var(--nt-surface,#F7F7F7)}.nt-menu__thumb img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.nt-menu__label{flex:1 1 auto;min-width:0}.nt-menu__chev{flex:0 0 auto;width:12px;height:12px;display:block;color:var(--nt-ink,#1A1A1A)}.nt-menu__chev svg{width:100%;height:100%;display:block}.nt-menu__children{list-style:none;margin:0 0 12px;padding:0 0 0 87px;display:flex;flex-direction:column;gap:8px}.nt-menu__children a{text-decoration:none;color:var(--nt-muted,#737373);font-size:15px}.nt-menu .menu-drawer__utility-links{margin:19px 0 0;padding:0;display:block}.nt-menu .menu-drawer__localization,.nt-menu .drawer-localization{margin:0;padding:0}.nt-menu .drawer-localization__button,.nt-menu .localization-form__select{display:flex;align-items:center;gap:12px;padding:0;margin:0;border:0;background:transparent;font-size:17px;color:var(--nt-ink,#1A1A1A);cursor:pointer;list-style:none}.nt-menu .drawer-localization__button::-webkit-details-marker{display:none}.nt-menu .drawer-localization__button--label{font-size:17px;font-weight:400;margin:0}.nt-menu .icon-flag{width:24px;height:24px;border-radius:50%;overflow:hidden;flex:0 0 auto}.nt-menu .icon-caret{width:12px;height:12px}.nt-menu__secondary{list-style:none;display:flex;flex-direction:column;gap:14px;margin:auto 0 0;padding:30px 0 4px}.nt-menu__secondary a{display:block;font-size:15px;line-height:1.2;color:var(--nt-muted,#737373);text-decoration:none}@media(hover:hover){.nt-menu__secondary a:hover{color:var(--nt-ink,#1A1A1A)}}.nt-menu__secondary a:focus-visible{outline:2px solid var(--nt-ink,#1A1A1A);outline-offset:3px}.nt-menu__secondary+.nt-menu__pay{margin-top:0}.nt-menu__pay{list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;margin:auto 0 0;padding:28px 0 0}.nt-menu__pay li{display:inline-flex}.nt-menu__pay svg{width:36px;height:25px;display:block;filter:grayscale(1);opacity:.45}@media(min-width:750px)and (hover:hover)and (pointer:fine){.nt-menu__close,.nt-menu__top{display:none}}.nt-menu__primary{list-style:none;margin:0;padding:14px 0 0;display:flex;flex-direction:column}.nt-menu__primary a{display:block;padding:7px 0;font-size:19px;font-weight:600;line-height:1.25;color:var(--nt-ink,#1A1A1A);text-decoration:none}@media(hover:hover){.nt-menu__primary a:hover{opacity:.6}}.nt-menu__group{margin-top:30px}.nt-menu__grouptitle{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--nt-muted,#737373)}.nt-menu__group-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.nt-menu__group-rows>li{position:relative}.nt-menu__grouplink{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;font-size:16px;line-height:1.3;color:var(--nt-ink,#1A1A1A);text-decoration:none}.nt-menu__grouplink .nt-menu__chev{flex:0 0 auto;width:12px;height:12px;color:var(--nt-muted,#737373)}@media(hover:hover){.nt-menu__grouplink:hover{opacity:.6}}.nt-menu__flyout{display:none}@media(min-width:750px){.nt-menu__flyout{display:block;position:fixed;top:var(--nt-headerh,69px);left:clamp(380px,30vw,480px);width:min(30vw,420px);height:calc(100dvh - var(--nt-headerh,69px));background:var(--color-background-top-row,#fff);padding:22px 28px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-10px);transition:opacity .28s ease,transform .28s ease,visibility .28s}.nt-menu__has-flyout.is-open>.nt-menu__flyout{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nt-menu__has-flyout.is-open>.nt-menu__grouplink{opacity:.6}.nt-menu__flyout ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.nt-menu__flyout a{display:flex;align-items:center;gap:16px;padding:8px 0;text-decoration:none;color:var(--nt-ink,#1A1A1A);font-size:16px}.nt-menu__flyimg{flex:0 0 auto;width:74px;height:74px;border-radius:6px;overflow:hidden;background:var(--nt-surface,#F7F7F7);display:block}.nt-menu__flyimg img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.nt-menu__flylabel{min-width:0}@media(hover:hover){.nt-menu__flyout a:hover .nt-menu__flylabel{opacity:.6}}}@media(max-width:749px){.nt-menu__flyout{display:block;padding:2px 0 6px}.nt-menu__flyout ul{list-style:none;margin:0;padding:0}.nt-menu__flyout a{display:flex;align-items:center;gap:12px;padding:6px 0;text-decoration:none;color:var(--nt-muted,#737373);font-size:15px}.nt-menu__flyimg{flex:0 0 auto;width:44px;height:44px;border-radius:6px;overflow:hidden;background:var(--nt-surface,#F7F7F7);display:block}.nt-menu__flyimg img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}}@media(min-width:750px){.nt-menu{padding:0 28px 32px 100px}}@media(min-width:750px){.menu-drawer.nt-ready.is-shown~.menu-drawer__backdrop{transition:opacity .45s linear}.menu-drawer.nt-ready~.menu-drawer__backdrop{transition:opacity .3s linear}.nt-menu__flyout{transform:translate(-16px);transition:opacity .28s linear,transform .32s cubic-bezier(.16,1,.3,1),visibility .32s}}@media(prefers-reduced-motion:reduce){#Details-menu-drawer-container .menu-drawer.nt-ready,#Details-menu-drawer-container[open] .menu-drawer.nt-ready,#Details-menu-drawer-container:not([open]) .menu-drawer.nt-ready,.menu-drawer.nt-ready~.menu-drawer__backdrop,.nt-menu__flyout{transition:none}}@media(min-width:750px){#Details-menu-drawer-container .menu-drawer.nt-ready{opacity:0;pointer-events:none;visibility:visible!important;transform:translate(-26px)!important;transition:opacity .3s linear,transform .35s ease-in}#Details-menu-drawer-container .menu-drawer.nt-ready.is-shown{opacity:1;pointer-events:auto;transform:none!important;transition:opacity .45s linear,transform .5s cubic-bezier(.16,1,.3,1)}}@media(min-width:750px){#Details-menu-drawer-container .menu-drawer.nt-ready{--nt-menu-bg:#fff;box-shadow:1px 0 0 transparent;transition:opacity .3s linear,transform .35s ease-in,box-shadow .28s linear}#Details-menu-drawer-container .menu-drawer.nt-ready.is-shown{transition:opacity .45s linear,transform .5s cubic-bezier(.16,1,.3,1),box-shadow .28s linear}#Details-menu-drawer-container .menu-drawer.nt-ready:has(.nt-menu__has-flyout.is-open){box-shadow:1px 0 0 var(--nt-line,#EBEBEB)}}@media(min-width:750px){.nt-menu__flyout{background:var(--nt-menu-bg,#fff)}}@media(min-width:750px){body.nt-home-top #header-component{transition:background-color .3s linear,color .3s linear}body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown){background:#fff;transition:background-color .45s linear,color .45s linear}body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown),body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) svg,body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .menu-list__link,body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .menu-list__link-title,body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .header__icon,body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .nt-shop-label,body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .header-actions__action{color:var(--nt-ink,#1A1A1A)}body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .header-logo:after{background:var(--nt-grad)}body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .cart-bubble{color:#fff}body.nt-home-top #header-component:has(.menu-drawer.nt-ready.is-shown) .cart-bubble__background{background:var(--nt-grad)}body.nt-home-top .shopify-section-group-header-group:has(.nt-ann-band){transition:background-color .3s linear}body.nt-home-top:has(.menu-drawer.nt-ready.is-shown) .shopify-section-group-header-group:has(.nt-ann-band){background:#fff;transition:background-color .45s linear}}@media(max-width:749px){#Details-menu-drawer-container[open] .menu-drawer.nt-ready{transform:translate(-100%)!important;visibility:visible!important;transition:transform var(--animation-speed,.125s) var(--animation-timing-fade-out,cubic-bezier(.4,0,.2,1))!important}#Details-menu-drawer-container[open] .menu-drawer.nt-ready.is-shown{transform:none!important;transition:transform var(--animation-speed,.125s) var(--animation-timing-fade-in,cubic-bezier(.16,1,.3,1))!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/netto-menu.css.map */