.sardines-nav{--snav-height: 78px;--snav-mobile-height: 64px;--snav-panel-radius: 24px;--snav-card-radius: 14px;--snav-speed: .24s;--snav-ease: cubic-bezier(.2, .75, .2, 1);position:sticky;top:0;display:grid;grid-template-columns:1fr auto 1fr;width:100%;height:var(--snav-height);padding:8px clamp(18px,2.25vw,38px);align-items:center;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--glacier) 96%,transparent);color:var(--espresso);backdrop-filter:blur(12px) saturate(.9);-webkit-backdrop-filter:blur(12px) saturate(.9);transform:translateY(0);transition:transform .18s var(--snav-ease),background-color .18s ease,color .18s ease,border-color .18s ease;z-index:220;font:400 10px/1 var(--font-interface);letter-spacing:.09em}.sardines-nav.campaign-header-home{position:fixed}.sardines-nav.campaign-header-home:not(.is-scrolled):not(.is-menu-open){border-color:color-mix(in srgb,var(--glacier) 24%,transparent);background:transparent;color:var(--glacier);backdrop-filter:none;-webkit-backdrop-filter:none}.sardines-nav.is-hidden:not(.is-menu-open){transform:translateY(calc(-100% - 2px))}.sardines-nav .campaign-brand{grid-column:2;grid-row:1;position:relative;z-index:2}.sardines-nav__left,.sardines-nav__utilities{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(18px,2vw,32px);min-width:0}.sardines-nav__left{grid-column:1;grid-row:1;justify-self:start}.sardines-nav__utilities{grid-column:3;grid-row:1;justify-self:end}.sardines-nav__left a,.sardines-nav__left button,.sardines-nav__utilities a,.sardines-nav__utilities button,.sardines-nav__mobile-panel a,.sardines-nav__mobile-panel button{color:inherit}.sardines-nav__left>a,.sardines-nav__shop-trigger,.sardines-nav__mobile-trigger,.sardines-nav__utilities>a,.sardines-nav__utilities>button{min-height:44px;padding:0;display:inline-flex;align-items:center;border:0;border-bottom:1px solid transparent;background:transparent;cursor:pointer;font:400 10px/1 var(--font-interface);letter-spacing:.09em}.sardines-nav__left>a:hover,.sardines-nav__left>a:focus-visible,.sardines-nav__shop-trigger:hover,.sardines-nav__shop-trigger:focus-visible,.sardines-nav__shop-trigger[aria-expanded=true],.sardines-nav__utilities>a:hover,.sardines-nav__utilities>a:focus-visible,.sardines-nav__utilities>button:hover,.sardines-nav__utilities>button:focus-visible{border-color:currentColor}.sardines-nav__mobile-trigger,.sardines-nav__mobile-panel{display:none}.sardines-nav__shop-panel{position:absolute;left:50%;top:calc(100% + 10px);width:min(1040px,calc(100vw - 48px));padding:22px 22px 16px;border:1px solid color-mix(in srgb,var(--espresso) 10%,transparent);border-radius:var(--snav-panel-radius);background:color-mix(in srgb,var(--glacier) 95%,transparent);color:var(--espresso);box-shadow:0 18px 44px color-mix(in srgb,var(--espresso) 9%,transparent);backdrop-filter:blur(16px) saturate(.88);-webkit-backdrop-filter:blur(16px) saturate(.88);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px) scale(.995);transform-origin:50% 0;transition:opacity var(--snav-speed) var(--snav-ease),transform var(--snav-speed) var(--snav-ease),visibility 0s linear var(--snav-speed);z-index:230}.sardines-nav__shop-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) scale(1);transition-delay:0s}.sardines-nav__products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sardines-nav__product{min-width:0;padding:10px;display:grid;grid-template-rows:172px auto;gap:13px;border-radius:var(--snav-card-radius);background:transparent;transition:background-color .15s ease}.sardines-nav__product:hover,.sardines-nav__product:focus-visible{background:color-mix(in srgb,var(--bisque) 48%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sardines-nav__product-media{display:block;min-width:0;overflow:hidden;border-radius:11px;background:color-mix(in srgb,var(--bisque) 56%,var(--glacier))}.sardines-nav__product-media img,.sardines-nav__mobile-product-media img{display:block;width:100%;height:100%;padding:0;object-fit:cover;transition:transform .18s var(--snav-ease)}.sardines-nav__product:hover img,.sardines-nav__product:focus-visible img{transform:scale(1.012)}.sardines-nav__product-copy{display:block;min-width:0}.sardines-nav__product-copy strong,.sardines-nav__product-copy>span{display:block}.sardines-nav__product-copy strong{overflow:hidden;font:400 13px/1.2 var(--font-interface);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.sardines-nav__product-copy>span{display:-webkit-box;overflow:hidden;margin-top:6px;color:color-mix(in srgb,var(--espresso) 66%,transparent);font:400 11px/1.4 var(--font-interface);-webkit-box-orient:vertical;-webkit-line-clamp:2}.sardines-nav__shop-utilities{display:flex;justify-content:center;gap:clamp(25px,4vw,58px);margin-top:13px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--espresso) 14%,transparent)}.sardines-nav__shop-utilities a,.sardines-nav__mobile-utilities>a{min-height:44px;display:inline-flex;align-items:center;font:400 9px/1 var(--font-technical);letter-spacing:.09em}.sardines-nav__shop-utilities a:hover,.sardines-nav__shop-utilities a:focus-visible{text-decoration:underline;text-underline-offset:5px}.sardines-nav .currency-switcher-menu{z-index:240}html.sardines-mobile-nav-open,html.sardines-mobile-nav-open body{overflow:hidden}@media(max-width:960px){.sardines-nav{--snav-panel-radius: 22px;height:var(--snav-mobile-height);padding:5px 14px}.sardines-nav .campaign-brand{position:absolute;left:50%;grid-column:auto;transform:translate(-50%)}.sardines-nav__shop-trigger,.sardines-nav__left>a,.sardines-nav__utilities .currency-switcher,.sardines-nav__utilities>a{display:none}.sardines-nav__mobile-trigger{display:inline-flex;min-width:44px}.sardines-nav__utilities{gap:0}.sardines-nav__utilities>button{font-size:9px}.sardines-nav__shop-panel{display:none}.sardines-nav__mobile-panel{position:fixed;left:12px;right:12px;top:calc(var(--snav-mobile-height) + 12px);max-height:calc(100dvh - var(--snav-mobile-height) - 24px);padding:20px;display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--espresso) 10%,transparent);border-radius:var(--snav-panel-radius);background:color-mix(in srgb,var(--glacier) 97%,transparent);color:var(--espresso);box-shadow:0 18px 44px color-mix(in srgb,var(--espresso) 10%,transparent);backdrop-filter:blur(16px) saturate(.88);-webkit-backdrop-filter:blur(16px) saturate(.88);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.995);transition:opacity var(--snav-speed) var(--snav-ease),transform var(--snav-speed) var(--snav-ease),visibility 0s linear var(--snav-speed);z-index:230}.sardines-nav__mobile-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.sardines-nav__mobile-panel-head{min-height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--espresso) 14%,transparent);font:400 9px/1 var(--font-technical);letter-spacing:.1em}.sardines-nav__mobile-panel-head button{min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;font:inherit;letter-spacing:inherit}.sardines-nav__mobile-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0}.sardines-nav__mobile-primary a{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font:400 11px/1 var(--font-interface);letter-spacing:.08em}.sardines-nav__mobile-primary a:active,.sardines-nav__mobile-primary a:focus-visible{background:color-mix(in srgb,var(--bisque) 52%,transparent)}.sardines-nav__mobile-products{display:grid;gap:7px}.sardines-nav__mobile-product{min-height:94px;padding:6px;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:13px;border-radius:14px}.sardines-nav__mobile-product:active,.sardines-nav__mobile-product:focus-visible{background:color-mix(in srgb,var(--bisque) 52%,transparent)}.sardines-nav__mobile-product-media{display:block;width:82px;height:82px;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--bisque) 56%,var(--glacier))}.sardines-nav__mobile-utilities{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--espresso) 14%,transparent)}.sardines-nav__mobile-utilities>a{border-bottom:1px solid color-mix(in srgb,var(--espresso) 12%,transparent)}.sardines-nav__mobile-utilities .currency-switcher{grid-column:1 / -1}.sardines-nav__mobile-utilities .currency-switcher summary{width:100%;justify-content:space-between}.sardines-nav__mobile-utilities .currency-switcher-menu{position:static;width:100%;margin-top:4px;border-color:color-mix(in srgb,var(--espresso) 14%,transparent);box-shadow:none}}@media(max-width:370px){.sardines-nav{padding-inline:10px}.sardines-nav__mobile-panel{left:8px;right:8px;padding:16px}.sardines-nav__mobile-primary{gap:3px}.sardines-nav__mobile-product{grid-template-columns:70px minmax(0,1fr)}.sardines-nav__mobile-product-media{width:70px;height:76px}}@media(prefers-reduced-motion:reduce){.sardines-nav,.sardines-nav__shop-panel,.sardines-nav__mobile-panel,.sardines-nav__product,.sardines-nav__product-media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sardines-navigation.css.map */