.jj-header-section{position:relative;z-index:20}@media screen and (max-width:749px){#header-group{position:sticky;top:0;z-index:20}}@media screen and (min-width:750px){html:has(:is(.jj-plp__bar,.jj-hero--overlay-nav,.jj-header--overlay)) #header-group{position:sticky;top:0;z-index:20}}.jj-header{position:relative;background:var(--jj-color-background);color:var(--jj-color-text)}.jj-header,.jj-drawer,#search-modal{-webkit-tap-highlight-color:transparent}.jj-header__inner{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;align-items:start;min-height:96px;padding:24px var(--jj-gutter) 0}.jj-header__left{display:flex;align-items:center}.jj-header__primary-list,.jj-header__secondary-list{display:flex;flex-wrap:wrap}.jj-header__primary-list{gap:0}.jj-header__primary-link{display:block;padding:0 8px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;white-space:nowrap}.jj-header__primary-link.is-active{font-weight:900}.jj-header__center{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:1px}.jj-header__logo{display:block;width:190px;height:21px}.jj-header__wordmark{display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--jj-wordmark) center / contain no-repeat;mask:var(--jj-wordmark) center / contain no-repeat}.jj-header__logo-img{display:block;width:100%;height:100%;object-fit:contain}.jj-header__logo-img--overlay{display:none}.jj-header__logo--junior{width:64px;height:24px}.jj-header__center:has(>.jj-header__logo--junior){gap:8px;padding-top:0}.jj-header__secondary-list{justify-content:center;gap:0}.jj-header__secondary-link{display:block;padding:0 8px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.25px;white-space:nowrap}.jj-header__logo,.jj-header__action{transition:none}.jj-header__primary-link,.jj-header__secondary-link{position:relative}.jj-header__primary-link:after,.jj-header__secondary-link:after{content:"";position:absolute;inset-inline:8px;top:21px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-out}.jj-header__primary-link:hover:after,.jj-header__secondary-link:hover:after{transform:scaleX(1)}.jj-header__right{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding-top:2px}.jj-header__action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit}.jj-header__action .jj-icon path{vector-effect:non-scaling-stroke}@media screen and (min-width:750px){.jj-header__right{gap:14px}.jj-header__action{box-sizing:content-box;padding:0 8px}.jj-header__action:after{content:"";position:absolute;inset-inline:7px;top:calc(100% + 3px);height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-out}.jj-header__action:hover:after{transform:scaleX(1)}}.jj-header :is(a,button):focus-visible{outline:1px solid currentColor;outline-offset:4px}.jj-header__cart{position:relative;display:flex}.jj-header__cart .cart-bubble{--cart-bubble-background: var(--jj-color-text);--cart-bubble-text: #eff0f5;position:absolute;top:.5px;left:10px;width:10px;padding:0;font-family:var(--jj-font)}.jj-header__cart .cart-bubble__text{color:#eff0f5;font-size:6px;line-height:10px}.jj-header__cart .cart-bubble__text-count{color:#eff0f5}.jj-header__burger{display:none}.jj-mega{position:absolute;inset-inline:0;top:100%;color:var(--jj-color-text);text-align:start}.jj-mega[hidden]{display:none}.jj-mega:not([hidden]){animation:jj-mega-in .2s ease-out}@keyframes jj-mega-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.jj-mega:not([hidden]){animation:none}}.jj-mega__inner{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:412px;padding:32px 48px;background:var(--jj-color-background);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.jj-header:is(.is-mega-open,.is-search-open){box-shadow:inset 0 -1px #cdcdcd}@media screen and (min-width:750px){.jj-header--overlay:is(:hover,.is-scrolled) .jj-header__inner,html:has(.jj-hero--overlay-nav) .jj-header--overlay:is(:hover,.is-scrolled) .jj-header__inner{box-shadow:inset 0 -1px #cdcdcd}}@media screen and (max-width:749px){html:has(.jj-hero--overlay-nav) .jj-header:not(.is-scrolled){background:transparent;color:var(--jj-color-inverse)}html:has(.jj-hero--overlay-nav) .jj-header--overlay:not(.is-scrolled) .jj-header__logo-img--overlay{display:block;filter:none}html:has(.jj-hero--overlay-nav) .jj-header--overlay:not(.is-scrolled) .jj-header__logo-img--overlay~.jj-header__logo-img--solid{display:none}html:has(.jj-hero--overlay-nav) .jj-header.is-scrolled .jj-header__inner{min-height:59px;border-bottom-color:#cdcdcd}}.jj-mega__columns{display:flex}.jj-mega__column{display:flex;flex-direction:column;gap:12px;width:260px}.jj-mega__links{display:flex;flex-direction:column;gap:12px}.jj-mega__title,.jj-mega__link{display:block;font-size:12px;line-height:18px;letter-spacing:0}.jj-mega__title{font-weight:900}.jj-mega__link{font-weight:400}.jj-mega__title:hover,.jj-mega__link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.jj-mega__feature{position:relative;display:flex;align-items:flex-end;flex:0 0 360px;height:354px;margin-block-start:-11px;margin-inline-end:-28px;overflow:hidden;color:var(--jj-color-inverse)}.jj-mega__feature-cta{position:relative;display:flex;align-items:center;gap:10px;padding:16px 16px 17px;font-size:14px;font-weight:900;line-height:20px;letter-spacing:.25px}.jj-mega__veil{position:absolute;inset-inline:0;top:100%;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.jj-header:is(:hover,.is-mega-open,.is-search-open,.is-scrolled){background:var(--jj-color-background);color:var(--jj-color-text)}@media screen and (min-width:750px){.jj-header:not(.jj-header--overlay) .jj-header__inner{box-shadow:inset 0 -1px #cdcdcd}}@media screen and (min-width:750px){.jj-header--overlay{position:absolute;inset-inline:0;top:0;background:transparent;color:var(--jj-color-inverse)}.jj-header--overlay .jj-header__logo-img--overlay{display:block}.jj-header--overlay .jj-header__logo-img--overlay~.jj-header__logo-img--solid{display:none}.jj-header--overlay:is(:hover,.is-mega-open,.is-search-open,.is-scrolled) .jj-header__logo-img--overlay:not(:only-child){display:none}.jj-header--overlay:is(:hover,.is-mega-open,.is-search-open,.is-scrolled) .jj-header__logo-img--overlay~.jj-header__logo-img--solid{display:block}.jj-header--overlay:is(:hover,.is-mega-open,.is-search-open,.is-scrolled) .jj-header__logo-img--overlay:only-child{filter:invert(1)}}@media screen and (max-width:749px){.jj-mega{display:none}}#search-modal .search-modal__content{position:fixed;inset:var(--jj-search-top, 0px) 0 auto;width:100%;max-width:none;height:auto;min-height:141px;max-height:calc(100dvh - var(--jj-search-top, 0px));margin:0;padding:24px var(--jj-gutter) 20px;border:0;border-radius:0;box-shadow:none}#search-modal .search-modal__content::backdrop{display:block;animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(transparent var(--jj-search-top, 0px),rgb(0 0 0 / .4) var(--jj-search-top, 0px))}@media screen and (max-width:749px){#search-modal .search-modal__content{min-height:151px;padding:16px var(--jj-gutter) 20px}#search-modal .search-modal__content:has(.predictive-search-results__no-results){min-height:calc(100dvh - var(--jj-search-top, 0px))}}@media screen and (min-width:750px){#search-modal .search-modal__content{inset:0 0 auto;min-height:613px;max-height:100dvh;padding:28px var(--jj-gutter) 20px}#search-modal :is(.jj-search-chips,.jj-search-recs){margin-top:28px}#search-modal .jj-search-recs__header{padding-inline-end:40px}#search-modal .predictive-search-form:has(>.jj-search-chips){display:grid;grid-template-columns:311px minmax(0,1fr);column-gap:28px;align-items:start}#search-modal .predictive-search-form:has(>.jj-search-chips)>.predictive-search-form__header{grid-column:1 / -1}#search-modal .predictive-search-form:has(>.jj-search-chips)>.predictive-search-form__content-wrapper{top:0}#search-modal .predictive-search-form:has(.predictive-search-results__no-results)>.predictive-search-form__content-wrapper{grid-column:1 / -1}#search-modal .jj-search-chips{flex-direction:column;align-items:flex-start;gap:16px;padding-inline:20px}#search-modal .search-modal__content::backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006}}@media screen and (max-width:749px){.jj-header__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;min-height:58px;padding:16px 10px 0;border-bottom:1px solid #cdcdcd}.jj-header:not(.jj-header--overlay) .jj-header__inner{min-height:59px}.jj-header__burger,.jj-header__burger .jj-icon{display:flex;width:26px;height:26px}.jj-header__primary,.jj-header__secondary,.jj-header__action--account{display:none}.jj-header__center{justify-content:center;min-height:26px;padding-top:0}.jj-header__logo-img--overlay:not(:only-child){display:none}.jj-header__logo-img--overlay:only-child{display:block;filter:invert(1)}.jj-header__right{gap:10px;padding-top:0}.jj-header__action,.jj-header__action .jj-icon{width:26px;height:26px}.jj-header__cart .cart-bubble{top:.5px;left:16px;width:10px}.jj-header__cart .cart-bubble__text{font-size:5px;line-height:7.5px}.jj-header__action--search:before{top:-9px;right:-1px;bottom:-9px;left:-17px}}.jj-drawer{margin:0;padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:var(--jj-color-background);color:var(--jj-color-text);font-family:var(--jj-font)}.jj-drawer::backdrop{background:transparent}.jj-drawer[open]{animation:jj-drawer-in .4s ease-out}@keyframes jj-drawer-in{0%{transform:translate(-100%)}}.jj-drawer__panel{--jj-drawer-gap: 34px;position:relative;display:flex;flex-direction:column;gap:var(--jj-drawer-gap);min-height:100%;padding:6px 20px 14px}.jj-drawer__top{position:relative;display:flex;justify-content:center;min-height:44px;padding-top:13px}.jj-drawer__close{position:absolute;top:14px;right:0;display:flex;width:24px;height:24px}.jj-drawer__tabs{display:flex;justify-content:center;gap:17px}.jj-drawer__tab{display:block;font-size:12px;font-weight:400;line-height:18px;letter-spacing:.25px;opacity:.5}.jj-drawer__tab.is-active{font-size:14px;line-height:20px;font-weight:900;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;opacity:1}.jj-drawer__list{display:flex;flex-direction:column}.jj-drawer__footer{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:26px;padding-bottom:28px;border-top:1px solid #cdcdcd}.jj-drawer__account{position:relative;display:flex;align-items:center;padding-inline:8px;font-size:12px;line-height:18px;letter-spacing:.25px}.jj-drawer__account:after{content:"";position:absolute;top:-13px;right:0;bottom:-13px;left:0}.jj-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:89px;border-top:1px solid #cdcdcd;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.25px;text-align:start}.jj-drawer__link>.jj-icon--arrow path{stroke-width:2.16}.jj-drawer__link--sub{min-height:90px;padding-left:10px;cursor:pointer;list-style:none}.jj-drawer__sub .jj-drawer__list{border-bottom:1px solid #cdcdcd}.jj-drawer__sub .jj-drawer__acc-list{border-bottom:0}.jj-drawer__link--sub:hover{color:inherit}.jj-drawer__link--sub::-webkit-details-marker{display:none}.jj-drawer__acc-minus,.jj-drawer__acc[open] .jj-drawer__acc-plus{display:none}.jj-drawer__acc[open] .jj-drawer__acc-minus{display:block}.jj-drawer__acc-list{display:flex;flex-direction:column;gap:26px;padding:8px 0 16px 20px;padding-block:13px 31px;border-bottom:1px solid #cdcdcd}.jj-drawer__acc-link{position:relative;display:flex;align-items:center;font-size:12px;line-height:18px;letter-spacing:.25px}.jj-drawer__acc-link:before{content:"";position:absolute;top:-13px;right:0;bottom:-13px;left:0}.jj-drawer__panel>.jj-drawer__list{position:relative;flex:1 0 auto}.jj-drawer__panel>.jj-drawer__list:has(>li>.jj-drawer__sub:not([hidden])){clip-path:inset(0 0 calc(-1 * var(--jj-drawer-gap)))}.jj-drawer__sub{position:absolute;inset:0 0 calc(-1 * var(--jj-drawer-gap));z-index:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--jj-color-background)}.jj-drawer__sub[hidden]{display:none}.jj-drawer__sub:not([hidden]){animation:jj-drawer-sub-in .4s ease-out}@keyframes jj-drawer-sub-in{0%{transform:translate(-100%)}}.jj-drawer__back{display:flex;align-items:center;gap:16px;min-height:89px;border-top:1px solid #cdcdcd;font-size:16px;line-height:24px;letter-spacing:.25px}.jj-drawer__back-icon{flex-shrink:0}.jj-drawer__back-icon path{stroke-width:2.16}@media(prefers-reduced-motion:reduce){.jj-drawer[open],.jj-drawer__sub:not([hidden]){animation:none}}.jj-drawer :is(a,button):focus-visible{outline:1px solid currentColor;outline-offset:2px}#search-modal .predictive-search-form__header,#search-modal .predictive-search-form__header-inner{padding:0;border:0;border-radius:0;background:transparent}#search-modal .predictive-search-form__header{--color-border: #9e9e9e;border-bottom:0}#search-modal .predictive-search-form__header:after{content:"";position:absolute;inset-inline:40px -5px;bottom:0;height:1px;background:var(--color-border);pointer-events:none}#search-modal .predictive-search-form__header:before{content:none}#search-modal .predictive-search__icon{left:0;width:30px;height:30px;color:var(--jj-color-text)}#search-modal .predictive-search__icon>svg{width:30px;height:30px}#search-modal .predictive-search__icon path{vector-effect:non-scaling-stroke}#search-modal input.search-input{padding-block:7px;padding-inline-start:40px;font-family:var(--jj-font);font-size:16px;line-height:24px;letter-spacing:.25px}#search-modal input.search-input::placeholder{color:#9e9e9e}#search-modal predictive-search-component:not(:has([data-search-results])) .predictive-search-form__content-wrapper{display:none}.jj-search-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.jj-search-chips__chip{display:flex;align-items:center;padding:8px 24px;border:0;color:var(--jj-color-text);font-family:var(--jj-font);font-size:12px;line-height:18px;letter-spacing:.25px;text-decoration:none;text-transform:uppercase}#search-modal .predictive-search-form:has(.predictive-search-results__no-results)>.jj-search-chips{display:none}.jj-search-recs{margin-top:32px;font-family:var(--jj-font);color:var(--jj-color-text)}#search-modal predictive-search-component:has([data-search-results]) .jj-search-recs:not(.jj-search-recs--results){display:none}.jj-search-recs--results{display:block;margin-top:0}.jj-search-recs--results .jj-search-recs__title{text-transform:uppercase}#search-modal .predictive-search-results__pill{font-weight:900}#search-modal .predictive-search-results__pill mark{background:none;color:inherit;font-weight:400}.jj-search-recs__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.jj-search-recs__title{margin:0;font-family:var(--jj-font);font-size:14px;font-weight:900;line-height:20px;letter-spacing:.25px;text-transform:none}.jj-search-recs__arrows{display:flex;gap:8px}.jj-search-recs__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;background:var(--jj-color-background);color:var(--jj-color-text)}.jj-search-recs__arrow--prev .jj-icon{transform:rotate(90deg)}.jj-search-recs__arrow--next .jj-icon{transform:rotate(-90deg)}.jj-search-recs__track{display:flex;gap:12px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.jj-search-recs__track::-webkit-scrollbar{display:none}.jj-search-recs__item{flex:0 0 222px;min-width:0;scroll-snap-align:start}.jj-search-card{display:flex;flex-direction:column;color:var(--jj-color-text)}.jj-search-card__image{position:absolute;top:0;right:0;bottom:0;left:0}.jj-search-card__link{display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none}.jj-search-card:is(:hover,:has(:focus-visible)) .jj-plp-card__quick{transform:none;visibility:visible}.jj-search-card__media{position:relative;display:block;aspect-ratio:222 / 336;overflow:hidden;background:#f4f3f3}.jj-search-card__img{opacity:0;transition:opacity .3s ease-in-out}.jj-search-card__img.is-active{opacity:1}.jj-search-card__progress{position:absolute;inset:auto 0 0;z-index:2;height:3px;background:#fff9;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.jj-search-card__progress-fill{display:block;width:calc((var(--jj-card-slide, 0) + 1) / var(--jj-card-count, 1) * 100%);height:100%;background:var(--jj-color-text);transition:width .3s ease-in-out}@media screen and (min-width:750px){.jj-search-card:is(:hover,:has(:focus-visible)) .jj-search-card__progress{opacity:0}}@media(prefers-reduced-motion:reduce){.jj-search-card__img,.jj-search-card__progress,.jj-search-card__progress-fill{transition:none}}.jj-search-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:400;line-height:15.6px;letter-spacing:.25px;text-transform:uppercase}.jj-search-card__price{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.jj-search-card__net-price{font-size:10px;line-height:12px;color:#8c8c8c}.jj-search-card__info{position:relative}.jj-search-card__add{display:none}.jj-search-card__link:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media screen and (min-width:750px){.jj-search-card__link{padding:12px 10px}.jj-search-card__title{display:block;line-height:19px;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width:749px){.jj-search-recs{margin-top:24px}.jj-search-recs:not(.jj-search-recs--results){margin-top:36px}.jj-search-recs:not(.jj-search-recs--results) .jj-search-recs__header{margin-bottom:10px}.jj-search-recs--results{margin-top:20px}.jj-search-recs--results .jj-search-recs__header{margin-bottom:10px}.jj-search-recs__title{font-size:16px;line-height:19.2px;letter-spacing:0}.jj-search-recs__arrows{display:none}.jj-search-recs__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-x:visible;scroll-snap-type:none}.jj-search-card__link{padding:8px}.jj-search-card__title{padding-right:26px;font-size:10px;line-height:16px}.jj-search-card__add{position:absolute;top:8px;right:8px;z-index:2;display:flex}.jj-search-card__add-button{width:18px;height:18px;color:var(--jj-color-text)}.jj-search-card__price{font-size:12px;line-height:18px}.jj-search-card__net-price{line-height:16px;letter-spacing:.25px}.jj-search-card .jj-plp-card__quick{display:none}.jj-search-recs__item:nth-child(n+5){display:none}}#search-modal :is(.predictive-search-results__title,.resource-card__title,.resource-card__subtext,.price,.predictive-search-results__pill){font-family:var(--jj-font);letter-spacing:.25px}#search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(auto-fill,222px);gap:20px}#search-modal .predictive-search-results__card--product .resource-card__title{font-size:12px;font-weight:400;line-height:18px}#search-modal .predictive-search-results__card--product .price{font-size:14px;font-weight:900;line-height:20px}#search-modal .predictive-search-form__footer{display:none}#search-modal .predictive-search-results__no-results{font-family:var(--jj-font);font-size:20px;line-height:28px;letter-spacing:.25px;text-align:start}@media screen and (min-width:750px){#search-modal input.search-input{font-size:14px;line-height:18px}#search-modal .predictive-search__icon,#search-modal .predictive-search__icon>svg{width:18px;height:18px}#search-modal .predictive-search-form__header{padding-inline:42px}#search-modal .predictive-search__icon{left:42px}#search-modal input.search-input{padding-inline-start:28px}#search-modal .predictive-search-form__header:after{inset-inline:70px 42px}#search-modal .predictive-search__close-modal-button,#search-modal .predictive-search__reset-button{display:none}#search-modal .predictive-search-results__inner:has(.jj-search-recs--results){padding-block-start:0}#search-modal .predictive-search-form__content-wrapper>.predictive-search-form__content{padding-block-end:0}#search-modal .predictive-search-results__no-results{padding-block-start:17px;padding-inline-start:41px}}@media screen and (max-width:749px){#search-modal input.search-input{line-height:20px}#search-modal input.search-input::placeholder{font-size:12px}#search-modal .predictive-search-form__header:after{bottom:5px}#search-modal .predictive-search-form__header{margin-inline:-10px -18px}#search-modal .predictive-search__reset-button{display:none}#search-modal .predictive-search__close-modal-button :is(.svg-wrapper,svg){width:15px;height:15px}#search-modal .predictive-search__close-modal-button{justify-content:flex-end;margin-inline-end:-20px}#search-modal .jj-search-chips{flex-direction:column;align-items:flex-start;gap:14px;margin-inline:-20px}.jj-search-chips{margin-top:9px}.jj-search-chips__chip{font-size:10px;line-height:16px}#search-modal .predictive-search-results__no-results{margin-block-start:7px;font-size:16px;line-height:24px}#search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(auto-fill,162px);gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-jj-header.css.map */