body{--header-height: 60px;--header-group-height: var(--header-height);--transparent-header-offset-boolean: 0}#header-group:has(#header-component[sticky]){display:contents}.custom-header-section:has(#header-component[sticky]){display:contents}.custom-header-section:not(:has(#header-component[sticky])){position:relative;z-index:var(--layer-heightened, 3)}.custom-header-section{font-family:var(--font-heading--family)}header-component.custom-header[sticky=always],header-component.custom-header[sticky=scroll-up][data-sticky-state=active]{position:sticky;top:-1px;z-index:var(--layer-sticky, 8)}header-component.custom-header[data-sticky-state]{transition:opacity var(--animation-speed, .2s) var(--animation-easing, ease-in-out);opacity:1}header-component.custom-header[data-sticky-state=idle]{opacity:0}header-component.custom-header{display:block;position:relative;z-index:var(--layer-heightened, 3)}.custom-header__icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.custom-header__icon>svg{width:100%;height:100%;display:block}.custom-header__announcement-inner{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem var(--page-margin, 1rem);font-size:.8125rem;letter-spacing:.01em}.custom-header__announcement-divider{width:1px;height:1rem;background-color:currentColor;opacity:.5}@media(max-width:749px){.custom-header__announcement-text--secondary,.custom-header__announcement-divider{display:none}}.custom-header__top{padding-inline:var(--page-margin, 1rem)}.custom-header__top-inner{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:var(--content-max-width);margin-inline:auto;min-height:70px;padding-block:0}.custom-header__top-side{display:flex;align-items:flex-start;gap:2px}@media(max-width:749px){.custom-header__top{display:none}}.custom-header__pill{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--color-pill-text);text-decoration:none;background-color:var(--color-pill-background);border-radius:0 0 10px 10px;cursor:pointer;transition:background-color var(--animation-speed, .125s) var(--animation-easing, ease-in-out)}.custom-header__top-side .custom-header__pill:not(:first-child){border-bottom-left-radius:0}.custom-header__top-side .custom-header__pill:not(:last-child){border-bottom-right-radius:0}.custom-header__pill:hover{background-color:var(--color-pill-hover-background)}.custom-header__pill:active{background-color:color-mix(in srgb,var(--color-pill-hover-background) 85%,#000 15%)}.custom-header__pill:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-header__pill .custom-header__icon,.custom-header__pill .custom-header__icon-roll{width:.95rem;height:.95rem}.custom-header__pill .custom-header__icon-roll{--icon-roll-gap: 4px;gap:var(--icon-roll-gap)}.custom-header__icon-roll{display:inline-flex;flex-direction:column;overflow:hidden;flex-shrink:0}.custom-header__icon-roll>.custom-header__icon{width:100%;height:100%;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-header__pill:hover .custom-header__icon-roll>.custom-header__icon{transform:translateY(calc(-100% - var(--icon-roll-gap, 0px)))}.custom-header__mobile-top{display:none}@media(max-width:749px){.custom-header__mobile-top{display:flex;gap:2px}.custom-header__pill--mobile{flex:1 1 0;justify-content:center;gap:10px;padding:14px 18px;border-radius:0}.custom-header__pill--mobile .custom-header__icon,.custom-header__pill--mobile .custom-header__icon-roll{width:14px;height:14px}}.custom-header__main{background-color:var(--color-background);color:var(--color-foreground);padding-inline:var(--page-margin, 1rem)}header-component.custom-header[data-sticky-state=active] .custom-header__main{border-block-end:1px solid rgb(var(--color-foreground-rgb) / .06);box-shadow:0 12px 40px -8px #00000026}.custom-header__main-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;width:100%;max-width:var(--content-max-width);margin-inline:auto;min-height:33px;padding-block:1rem;border-block-end:1px solid rgb(var(--color-foreground-rgb) / .06)}:is(body:has(#header-group~main>.seo-hidden-h1:first-child+section.custom-page-banner-section .custom-page-banner__inner:first-child),body:has(#header-group~main>.seo-hidden-h1:first-child+section.custom-banner-slider-section),body:has(#header-group~main>.seo-hidden-h1:first-child+section.custom-fishlab-plp-hero-wrapper),body:has(#header-group~main>section.custom-page-banner-section:first-child .custom-page-banner__inner:first-child),body:has(#header-group~main>section.custom-banner-slider-section:first-child),body:has(#header-group~main>section.custom-fishlab-plp-hero-wrapper:first-child)) .custom-header__main-inner{border-bottom:0}body.template-page-fishlab .custom-header__top,body.template-page-fishlab .custom-header__mobile-top,body.template-page-fishlab .custom-header__main{--color-background: var(--color-okuma-grey);--color-background-rgb: var(--color-okuma-grey-rgb)}body.template-page-fishlab .custom-header__announcement{background-color:var(--color-fishlab-blue)}body.template-page-fishlab .custom-header__pill{--color-pill-background: var(--color-okuma-pearl)}@media(min-width:990px){.custom-header__actions>*:not(:first-child,:last-child){margin-left:20px}}@media(min-width:750px){.custom-header__main-inner{min-height:88px}}.custom-header__logo{display:inline-flex;align-items:center;color:var(--color-foreground-heading);text-decoration:none}.custom-header__logo-image{display:block;width:auto;height:auto;max-height:33px;max-width:var(--logo-width-mobile, 142px)}@media(min-width:750px){.custom-header__logo-image{max-width:var(--logo-width-desktop, 142px);max-height:40px}}.custom-header__logo-image--svg{width:var(--logo-width-mobile, 142px);color:var(--color-foreground)}.custom-header__logo-image--svg>svg{display:block;width:100%;height:auto}@media(min-width:750px){.custom-header__logo-image--svg{width:var(--logo-width-desktop, 142px)}}.custom-header__nav{display:none}@media(min-width:990px){.custom-header__nav{display:flex;align-items:center;justify-self:start;gap:.5rem;padding-inline-start:1.75rem}}.custom-header__nav-list{position:relative;display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}.custom-header__nav-highlight{position:absolute;top:50%;left:0;height:calc(1em + 2.25rem);width:var(--nav-highlight-w, 0);background-color:var(--color-foreground);border-radius:10px;transform:translate3d(var(--nav-highlight-x, 0),-50%,0);opacity:0;pointer-events:none;transition:transform .3s var(--animation-easing, ease-in-out),width .3s var(--animation-easing, ease-in-out),opacity .2s var(--animation-easing, ease-in-out)}.custom-header__nav-highlight.is-active{opacity:1}.custom-header__nav-highlight.is-snapping{transition:none}.custom-header__nav-link{position:relative;z-index:1;display:inline-flex;align-items:center;padding:1.125rem;font-size:1rem;font-weight:700;line-height:1;color:var(--color-foreground);text-decoration:none;border-radius:10px;background:transparent}.custom-header__nav-link:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-header__nav-roll{display:inline-flex;flex-direction:column;height:1.2em;overflow:hidden}.custom-header__nav-roll-text{display:block;flex-shrink:0;height:1.2em;line-height:1.2;white-space:nowrap;transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-header__nav-roll-text--default{color:var(--color-foreground)}.custom-header__nav-roll-text--hover{color:var(--color-background)}.custom-header__nav-link:hover .custom-header__nav-roll-text,.custom-header__nav-link.is-highlighted .custom-header__nav-roll-text{transform:translateY(-100%)}.custom-header__nav-divider{width:1px;height:1.5rem;margin-inline:.75rem;background-color:rgb(var(--color-foreground-rgb) / .2)}.custom-header__nav-featured{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--color-foreground)}.custom-header__nav-featured-image{width:1.75rem;height:1.75rem;object-fit:contain}.custom-header__nav-featured-label{display:inline-block;padding:.375rem .625rem;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-background);background-color:var(--color-foreground);border-radius:.25rem;transition:background-color var(--animation-values, .125s ease-in-out)}.custom-header__nav-featured:hover .custom-header__nav-featured-label{background-color:var(--color-primary-hover, var(--color-foreground))}.custom-header__actions{display:flex;align-items:center;justify-self:end}.custom-header__icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;color:var(--color-foreground);background:transparent;border:0;cursor:pointer;text-decoration:none;border-radius:10px}.custom-header__icon-button:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-header__icon-button .custom-header__icon,.custom-header__icon-button .custom-header__icon-roll{width:24px;height:24px}.custom-header__icon-button .custom-header__icon-roll{--icon-roll-gap: 6px;gap:var(--icon-roll-gap)}.custom-header__account .custom-header__icon,.custom-header__account .custom-header__icon-roll{width:20px;height:20px}.custom-header__icon-button:hover .custom-header__icon-roll>.custom-header__icon{transform:translateY(calc(-100% - var(--icon-roll-gap, 0px)))}@media(min-width:990px){.custom-header__menu-toggle{display:none}}@media(max-width:989px){.custom-header__hide-mobile{display:none}}.custom-header__cart-drawer{display:flex;align-items:center;--cart-drawer-padding: var(--padding-xl) var(--padding-xl);--cart-drawer-padding-desktop: var(--padding-xl) var(--padding-2xl)}.custom-header__cart-icon{display:flex;align-items:center;position:relative}.custom-header__cart-icon .cart-bubble{width:20px}.cart-drawer__dialog{position:fixed;overflow:hidden;border-radius:0;width:100%;height:100%;margin:0 0 0 auto;padding:0;border-left:var(--style-border-drawer, 1px solid transparent);box-shadow:var(--shadow-drawer, none);background-color:var(--color-background)}@media screen and (min-width:750px){.cart-drawer__dialog{width:var(--sidebar-width, 420px);max-width:95vw}}.cart-drawer__dialog:modal{max-height:100dvh;overflow-y:hidden}.cart-drawer__inner{height:100%;overflow:hidden}.cart-drawer__content{height:calc(100% - var(--header-height));display:flex;flex-direction:column;padding:0;background-color:var(--color-background);flex-grow:1;overflow-y:auto}.cart-drawer__heading{display:flex;align-items:center;gap:var(--gap-xs);margin-bottom:0}.cart-drawer__close-button{margin-right:calc(var(--padding-sm, 8px) * -1);top:var(--margin-sm, 8px)}@media screen and (max-width:749px){.cart-drawer__close-button{top:var(--margin-2xs, 4px)}}.cart-drawer--empty .cart-drawer__content{text-align:center;min-height:auto;align-items:center;justify-content:center;flex-grow:1}.cart-drawer--empty .cart-drawer__heading{margin-bottom:var(--margin-sm, 8px)}.cart-drawer--empty .cart-items__wrapper{display:flex;flex-direction:column;align-items:center;text-align:center}.cart-drawer--empty .cart-items__empty-button{margin-top:var(--margin-md, 16px)}.cart-drawer__items{display:flex;flex-direction:column;padding-inline:var(--cart-drawer-padding);overflow-y:auto}@media screen and (min-width:750px){.cart-drawer__items{padding-inline:var(--cart-drawer-padding-desktop)}}.cart-drawer__items .cart-items__table-row{padding-bottom:var(--gap-xl);border-bottom:var(--style-border-width, 1px) solid var(--color-border);margin-bottom:var(--gap-xl)}.cart-drawer__items .cart-items__table-row:has(+.cart-items__nested-line){border-bottom:none;margin-bottom:0}.cart-drawer__items .cart-items__table-row:last-child{border-bottom:none;padding-block-end:0;margin-block-end:0}.cart-drawer__summary{--cart-drawer-summary-padding: var(--padding-lg, 24px);position:sticky;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xl);padding:var(--cart-drawer-summary-padding);margin-top:auto;background-color:var(--color-background);-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--cart-drawer-summary-padding));mask-image:linear-gradient(to bottom,transparent,black var(--cart-drawer-summary-padding))}@media screen and (min-width:750px){.cart-drawer__summary{--cart-drawer-summary-padding: var(--padding-2xl, 32px)}}.cart-drawer__dialog[cart-summary-sticky=false] .cart-drawer__summary{position:static;-webkit-mask-image:none;mask-image:none}.cart-drawer__dialog[cart-summary-sticky=false] .cart-drawer__items{overflow:unset}.cart-drawer__header{background-color:var(--color-background);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--cart-drawer-padding);border-bottom:none;position:sticky;top:0;z-index:1}@media screen and (min-width:750px){.cart-drawer__header{padding-inline:var(--cart-drawer-padding-desktop)}}.cart-drawer--empty .cart-drawer__header{justify-content:right;border-bottom:none;padding-bottom:0}.cart-drawer--empty .cart-drawer__heading{text-align:center;display:flex;justify-content:center}.cart-drawer--empty .cart-drawer__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;margin-top:0}.cart-drawer__heading .cart-bubble{width:fit-content;border-radius:var(--style-border-radius-buttons-primary, 4px);aspect-ratio:auto;padding:var(--cart-padding)}.cart-drawer__heading .cart-bubble[data-maintain-ratio]{width:min(1lh,22px);height:min(1lh,22px)}.cart-drawer__heading .cart-bubble__text{font-family:var(--font-paragraph--family);font-weight:var(--font-paragraph--weight)}.cart-drawer__heading .cart-bubble__background{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10-25, .15))}.cart-drawer__heading .cart-bubble__text{color:var(--color-foreground);font-size:clamp(var(--font-size--3xs, 10px),.75em,var(--font-size--xs, 12px))}.cart-bubble--animating .cart-bubble__background{animation:grow var(--animation-speed) var(--animation-easing)}.cart-bubble--animating .cart-bubble__text{transform:translateY(var(--start-y, -1em));opacity:var(--start-opacity, 1);animation:move-and-fade var(--animation-speed) var(--animation-easing)}.cart-actions summary{padding-inline:0;padding-block:var(--padding-sm, 8px);line-height:1.2;min-height:var(--minimum-touch-target, 44px)}.custom-header__account{background:transparent}.custom-header__account shopify-account{--shopify-account-font-heading: var(--font-heading--family);--shopify-account-font-body: var(--font-body--family);--shopify-account-radius-base: var(--style-border-radius-popover, 8px);--shopify-account-color-background: var(--color-background);--shopify-account-color-text: var(--color-foreground);--shopify-account-color-accent: var(--color-primary-button-background);--shopify-account-color-accent-text: var(--color-primary-button-text)}.custom-header__account shopify-account:not(:defined){min-width:20px;height:20px;display:flex;justify-content:center;align-items:center}@media(max-width:749px){.custom-header__actions{padding:10px 0}.custom-header__icon-button{width:auto;height:auto;padding:0;border-radius:0}}.custom-header__drawer-component{display:flex;align-items:center}.custom-header__drawer-details{position:static;display:flex;align-items:center}.custom-header__drawer-details>summary{list-style:none;padding-block:0;color:var(--color-foreground)}.custom-header__drawer-details>summary:hover{color:var(--color-foreground)}.custom-header__drawer-details>summary::-webkit-details-marker{display:none}.custom-header__drawer{position:fixed;inset-block-start:0;inset-inline-start:0;width:100%;max-width:24rem;height:100dvh;background-color:var(--color-background);color:var(--color-foreground);z-index:var(--layer-menu-drawer, 18);display:block;transform:translate(-100%);visibility:hidden;transition:transform var(--drawer-animation-speed, .2s) var(--animation-easing, ease-in-out),visibility var(--drawer-animation-speed, .2s) var(--animation-easing, ease-in-out);overflow-y:auto}.custom-header__drawer-details.menu-open .custom-header__drawer{transform:translate(0);visibility:visible}.custom-header__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-block-end:1px solid rgb(var(--color-foreground-rgb) / .08)}.custom-header__drawer-title{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.custom-header__drawer-body{padding:1rem 1.25rem}.custom-header__drawer-list{margin:0;padding:0;list-style:none}.custom-header__drawer-list a{display:block;padding:.875rem 0;font-size:1rem;font-weight:600;color:var(--color-foreground);text-decoration:none;border-block-end:1px solid rgb(var(--color-foreground-rgb) / .08)}.custom-header__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--layer-menu-drawer, 18) - 1);display:block;opacity:0;pointer-events:none;transition:opacity .2s var(--animation-easing, ease-in-out)}.custom-header__drawer-details.menu-open .custom-header__scrim{opacity:1;pointer-events:auto}@media(max-width:989px){.custom-header__drawer{inset-block-start:var(--okuma-mobile-header-height, 0px);inset-inline-start:0;max-width:none;width:100%;height:calc(100dvh - var(--okuma-mobile-header-height, 0px));transform:none;clip-path:inset(0 0 100% 0);transition:clip-path var(--drawer-animation-speed, .25s) var(--animation-easing, ease-in-out),visibility var(--drawer-animation-speed, .25s) var(--animation-easing, ease-in-out);overflow-y:auto}.custom-header__drawer-details.menu-open .custom-header__drawer{transform:none;clip-path:inset(0);visibility:visible}.custom-header__scrim{inset-block-start:var(--okuma-mobile-header-height, 0px)}.custom-header__drawer-header{display:none}.custom-header__drawer-body{padding:0}.custom-header__actions:has(.custom-header__drawer-details[open])>*:not(.custom-header__drawer-component){visibility:hidden}.custom-header__menu-icon--open{display:flex;color:var(--color-foreground)}.custom-header__menu-icon--close{display:none;color:var(--color-foreground)}.custom-header__drawer-details[open] .custom-header__menu-icon--open{display:none}.custom-header__drawer-details[open] .custom-header__menu-icon--close{display:flex;color:var(--color-foreground)}.custom-header__main-inner{display:flex;justify-content:space-between}.custom-header__actions>*:not(:first-child){margin-left:1rem}}.custom-header__mobile-social{display:none}@media(max-width:749px){.custom-header__mobile-social{display:block;background-color:var(--color-background);color:var(--color-foreground);padding:0}.custom-header__social-list{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin:0;padding:0;list-style:none}.custom-header__social-list a{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-foreground)}.custom-header__social-list .custom-header__icon{width:1.5rem;height:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-header.css.map */