details[is=details-mega].kozbino-mega-menu__details>summary{list-style:none}details[is=details-mega].kozbino-mega-menu__details>summary::-webkit-details-marker{display:none}.kozbino-mega-menu__trigger{cursor:pointer}.kozbino-mega-menu__details[open] .kozbino-mega-menu__trigger .menu__item-text,.kozbino-mega-menu__details[open] .kozbino-mega-menu__trigger .btn__text{color:rgb(var(--color-primary))}.kozbino-mega-menu__details[open] .kozbino-mega-menu__trigger .svg-icon{transform:rotate(180deg)}.kozbino-mega-menu__trigger .svg-icon{transition:transform var(--animation-fast)}.kozbino-mega-menu__category-heading:focus-visible,.kozbino-mega-menu__category-link:focus-visible,.kozbino-mega-menu__view-all:focus-visible,.kozbino-mega-menu__need-card:focus-visible,.kozbino-mega-menu__promo-link:focus-visible,.kozbino-mobile-menu :is(a,button):focus-visible{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:.3rem}@media(min-width:1024px){.kozbino-mega-menu .mega-menu__container{padding-block-end:2.4rem;background-color:transparent}.kozbino-mega-menu__wrapper{display:grid;grid-template-columns:minmax(0,1fr) clamp(26rem,23vw,34rem);gap:0;overflow:hidden;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--blocks-radius);background:rgb(var(--color-background));box-shadow:0 1.6rem 3.6rem rgba(var(--color-foreground),.12)}.kozbino-mega-menu__wrapper--no-needs{grid-template-columns:minmax(0,1fr)}.kozbino-mega-menu__wrapper:not(.kozbino-mega-menu__wrapper--no-needs){grid-template-columns:minmax(0,1fr) clamp(32rem,29vw,40rem)}.kozbino-mega-menu__main{min-width:0;padding:clamp(2.4rem,2.8vw,4rem)}.kozbino-mega-menu__view-all{display:inline-flex;align-items:center;min-height:2.4rem;margin-block-end:2rem;color:rgb(var(--color-primary));font-family:var(--font-navigation-family);font-size:calc(var(--font-body-size) * .9);font-weight:var(--font-navigation-weight);letter-spacing:var(--font-heading-letter-spacing);text-transform:var(--navigation-transform)}.kozbino-mega-menu__category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem clamp(2rem,2.4vw,4rem);align-items:start}.kozbino-mega-menu__category-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.kozbino-mega-menu__category-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.kozbino-mega-menu__category-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.kozbino-mega-menu__category{min-width:0;break-inside:avoid}.kozbino-mega-menu__category-heading{display:inline-flex;margin-block-end:1rem;color:rgb(var(--color-primary));font-family:var(--font-navigation-family);font-size:calc(var(--font-body-size) * .92);font-weight:var(--font-navigation-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:1.35;text-transform:var(--navigation-transform)}.kozbino-mega-menu__category-links,.kozbino-mega-menu__needs-list,.kozbino-mobile-menu__list,.kozbino-mobile-menu__needs-list,.kozbino-mobile-menu__benefits{margin:0;padding:0;list-style:none}.kozbino-mega-menu__category-links{display:grid;gap:.65rem}.kozbino-mega-menu__category-link{display:inline-flex;padding-block:.15rem;color:rgba(var(--color-foreground),.86);font-size:calc(var(--font-body-size) * .95);line-height:1.45}.kozbino-mega-menu__needs{min-width:0;margin:clamp(1.6rem,1.8vw,2.4rem) clamp(1.6rem,1.8vw,2.4rem) clamp(1.6rem,1.8vw,2.4rem) 0;padding:clamp(1.8rem,2vw,2.6rem);border:.1rem dashed rgba(var(--color-primary),.42);border-radius:var(--blocks-radius);background:rgba(var(--color-secondary-background),.42)}.kozbino-mega-menu__needs-heading{margin:0 0 1.6rem;color:rgb(var(--color-foreground));font-family:var(--font-navigation-family);font-size:var(--font-h6-size);font-weight:var(--font-navigation-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:1.25;text-transform:var(--navigation-transform)}.kozbino-mega-menu__needs-list{display:grid;gap:.9rem}.kozbino-mega-menu__need-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.1rem;align-items:center;min-height:8.8rem;padding:.6rem;border-radius:var(--small-blocks-radius);color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 .3rem .8rem rgba(var(--color-foreground),.07);transition:background-color var(--animation-fast),transform var(--animation-fast),box-shadow var(--animation-fast)}.kozbino-mega-menu__need-media{width:8.8rem;height:7.6rem;overflow:hidden;border-radius:calc(var(--small-blocks-radius) * .8);background:rgb(var(--color-secondary-background))}.kozbino-mega-menu__need-media img{display:block;width:100%;height:100%;object-fit:cover}.kozbino-mega-menu__need-copy{display:grid;min-width:0;gap:.25rem}.kozbino-mega-menu__need-title{color:rgb(var(--color-foreground));font-size:calc(var(--font-body-size) * .98);line-height:1.25}.kozbino-mega-menu__need-subtitle{color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-size:calc(var(--font-body-size) * .82);line-height:1.35}.kozbino-mega-menu__need-arrow{display:inline-flex;align-items:center;color:rgb(var(--color-foreground))}.kozbino-mega-menu__promo{margin-block-start:clamp(2.8rem,3vw,4rem);overflow:hidden;border-radius:var(--pcard-radius)}.kozbino-mega-menu__promo-link{display:grid;grid-template-columns:minmax(0,.82fr) minmax(20rem,1.18fr);min-height:17rem;color:rgb(var(--color-foreground));background:rgb(var(--color-secondary-background))}.kozbino-mega-menu__promo-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(2rem,2.8vw,3.2rem)}.kozbino-mega-menu__promo-heading{margin:0;font-family:var(--font-heading-family);font-size:var(--font-h5-size);font-weight:var(--font-heading-weight);line-height:1.16}.kozbino-mega-menu__promo-text{margin:.8rem 0 0;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-size:calc(var(--font-body-size) * .92);line-height:1.45}.kozbino-mega-menu__promo-action{display:inline-flex;align-items:center;min-height:3.8rem;margin-block-start:1.6rem;padding-inline:1.8rem;border-radius:var(--buttons-radius);color:rgb(var(--color-button-text));background:rgb(var(--color-button));font-family:var(--font-button-family);font-size:calc(var(--font-body-size) * .82);font-weight:var(--font-button-weight);letter-spacing:var(--buttons-letter-spacing);text-transform:var(--buttons-transform)}.kozbino-mega-menu__promo-media{min-height:17rem}.kozbino-mega-menu__promo-media img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:hover){.kozbino-mega-menu__need-card:hover{background:rgb(var(--color-background));transform:translate(.25rem);box-shadow:0 .5rem 1rem rgba(var(--color-foreground),.1)}.kozbino-mega-menu__category-link:hover,.kozbino-mega-menu__category-heading:hover,.kozbino-mega-menu__view-all:hover{color:rgb(var(--color-primary))}}}@media(min-width:1024px)and (max-width:1279.98px){.kozbino-mega-menu__wrapper:not(.kozbino-mega-menu__wrapper--no-needs){grid-template-columns:minmax(0,1fr) minmax(23rem,28rem)}.kozbino-mega-menu__wrapper--no-needs{grid-template-columns:minmax(0,1fr)}.kozbino-mega-menu__category-grid--4,.kozbino-mega-menu__category-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}.kozbino-mega-menu__main{padding:2.4rem}}@media(min-width:1024px)and (max-width:1120px){.kozbino-mega-menu__category-grid--3,.kozbino-mega-menu__category-grid--4,.kozbino-mega-menu__category-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}.kozbino-mega-menu__need-media{width:5.8rem;height:5.8rem}}@media(min-width:1024px){.kozbino-mobile-menu{display:none}}@media(max-width:1023.98px){.menu-drawer:has(.kozbino-mobile-menu){position:fixed;z-index:32;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;height:100dvh}.menu-drawer:has(.kozbino-mobile-menu) .drawer__inner{max-width:min(100%,48rem)}.menu-drawer .kozbino-mobile-menu{display:block;width:100%;height:100%;overflow:hidden}.kozbino-mobile-menu__stage{position:relative;width:100%;height:100%;overflow:hidden}.kozbino-mobile-menu__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background));opacity:0;pointer-events:none;transform:translate(100%);visibility:hidden;transition:transform .22s cubic-bezier(.3,1,.3,1),opacity .18s ease,visibility 0s linear .22s}.kozbino-mobile-menu__panel.is-active{z-index:2;opacity:1;pointer-events:auto;transform:translate(0);visibility:visible;transition-delay:0s}.kozbino-mobile-menu__panel.is-before{z-index:1;opacity:.98;transform:translate(-30%);visibility:visible;transition-delay:0s}.kozbino-mobile-menu__header{display:grid;grid-template-columns:4.4rem minmax(0,1fr) 4.4rem;align-items:center;flex:0 0 auto;min-height:6.4rem;padding-inline:1.2rem;border-block-end:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.kozbino-mobile-menu__panel--root .kozbino-mobile-menu__header{grid-template-columns:minmax(0,1fr) 4.4rem}.kozbino-mobile-menu__header--root{position:relative;display:flex;justify-content:center;min-height:6.8rem;padding-inline:1.2rem}.kozbino-mobile-menu__header--root .kozbino-mobile-menu__close{position:absolute;inset-inline-start:1.2rem;inset-inline-end:auto}.kozbino-mobile-menu__brand{display:inline-flex;max-width:min(15rem,calc(100% - 14rem));min-height:4.4rem;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.kozbino-mobile-menu__brand-image{display:block;width:auto;max-width:100%;max-height:2.8rem}.kozbino-mobile-menu__brand-text{overflow:hidden;font-family:var(--font-heading-family);font-size:var(--font-h6-size);font-weight:var(--font-heading-weight);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.kozbino-mobile-menu__header-actions{position:absolute;inset-inline-end:1.2rem;display:flex;align-items:center}.kozbino-mobile-menu__header-action{display:inline-flex;width:4.4rem;min-width:4.4rem;height:4.4rem;min-height:4.4rem;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.kozbino-mobile-menu__header-cart-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.kozbino-mobile-menu__title{grid-column:2;margin:0;overflow:hidden;color:rgb(var(--color-foreground));font-family:var(--font-navigation-family);font-size:var(--font-h6-size);font-weight:var(--font-navigation-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:1.2;text-align:center;text-overflow:ellipsis;text-transform:var(--navigation-transform);white-space:nowrap}.kozbino-mobile-menu__panel--root .kozbino-mobile-menu__title{grid-column:1;padding-inline-start:.8rem;text-align:start}.kozbino-mobile-menu__back,.kozbino-mobile-menu__close{display:inline-flex;width:4.4rem;min-width:4.4rem;height:4.4rem;min-height:4.4rem;padding:0;align-items:center;justify-content:center;color:rgb(var(--color-foreground));border-radius:50%}.kozbino-mobile-menu__back{grid-column:1}.kozbino-mobile-menu__close{grid-column:3}.kozbino-mobile-menu__panel--root .kozbino-mobile-menu__close{grid-column:2}.menu-drawer nav .kozbino-mobile-menu__panel-scroll{flex:1 1 auto;min-height:0;padding:0 1.6rem max(2.4rem,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto}.kozbino-mobile-menu__search{display:block;margin:1.2rem 0 1.8rem}.kozbino-mobile-menu__search-field{position:relative;display:flex;align-items:center}.kozbino-mobile-menu__search-input{min-height:4.4rem;padding-inline:1.4rem 5rem;font-size:calc(var(--font-body-size) * .9);line-height:1.2}.kozbino-mobile-menu__search-submit{position:absolute;inset-inline-end:0;display:inline-flex;width:4.4rem;min-width:4.4rem;height:4.4rem;min-height:4.4rem;padding:0;align-items:center;justify-content:center;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.kozbino-mobile-menu__list{display:grid}.kozbino-mobile-menu__item{border-block-end:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.kozbino-mobile-menu__row,.kozbino-mobile-menu__view-all,.kozbino-mobile-menu__needs-link{display:flex;width:100%;min-height:5.2rem;padding:1rem 0;align-items:center;justify-content:space-between;gap:1.2rem;color:rgb(var(--color-foreground));border:0;background:transparent;font-family:var(--font-navigation-family);font-size:var(--font-body-size);font-weight:var(--font-navigation-weight);letter-spacing:0;line-height:1.25;text-align:start;text-transform:var(--navigation-transform)}.kozbino-mobile-menu__row--utility,.kozbino-mobile-menu__needs-link,.kozbino-mobile-menu__view-all{color:rgb(var(--color-primary))}.kozbino-mobile-menu__row-leading{display:inline-flex;min-width:0;align-items:center;gap:1.2rem}.kozbino-mobile-menu__row-leading>:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kozbino-mobile-menu__row-icon{display:inline-flex;flex:0 0 auto;color:rgb(var(--color-primary));width:2.2rem;justify-content:center}.kozbino-mobile-menu__row-icon .kozbino-menu-icon{width:2.2rem;height:2.2rem}.kozbino-mobile-menu__panel--root .kozbino-mobile-menu__row{min-height:5.4rem;font-size:calc(var(--font-body-size) * .94)}.kozbino-mobile-menu__row>.svg-icon,.kozbino-mobile-menu__view-all>.svg-icon,.kozbino-mobile-menu__needs-link>.svg-icon{flex:0 0 auto}.kozbino-mobile-menu__utility{margin-block-start:1.6rem;border-block-start:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.kozbino-mobile-menu__benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;margin-block:2rem 0;padding:1.4rem;border-radius:var(--blocks-radius-mobile);background:rgb(var(--color-secondary-background))}.kozbino-mobile-menu__benefit-link{display:grid;gap:.8rem;color:rgb(var(--color-foreground))}.kozbino-mobile-menu__benefit-icon{display:inline-flex;color:rgb(var(--color-primary))}.kozbino-mobile-menu__benefit-link strong,.kozbino-mobile-menu__benefit-link small{display:block}.kozbino-mobile-menu__benefit-link strong{font-size:calc(var(--font-body-size) * .84);line-height:1.25}.kozbino-mobile-menu__benefit-link small{margin-block-start:.35rem;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-size:calc(var(--font-body-size) * .72);line-height:1.35}.kozbino-mobile-menu__footer{flex:0 0 auto;padding:1.6rem max(1.6rem,env(safe-area-inset-right)) max(1.6rem,env(safe-area-inset-bottom)) max(1.6rem,env(safe-area-inset-left));border-block-start:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));background:rgb(var(--color-background))}.kozbino-mobile-menu__row--visual{min-height:8.4rem;text-transform:none}.kozbino-mobile-menu__row-media{width:6.4rem;height:6.4rem;flex:0 0 auto;overflow:hidden;border-radius:var(--small-blocks-radius);background:rgb(var(--color-secondary-background))}.kozbino-mobile-menu__row-media img{display:block;width:100%;height:100%;object-fit:cover}.kozbino-mobile-menu__row-copy{display:grid;flex:1 1 auto;min-width:0;gap:.35rem}.kozbino-mobile-menu__row-copy strong{font-size:var(--font-body-size);line-height:1.25}.kozbino-mobile-menu__row-copy small{color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-family:var(--font-body-family);font-size:calc(var(--font-body-size) * .82);font-weight:var(--font-body-weight);line-height:1.35;text-transform:none}.kozbino-mobile-menu__view-all{margin-block-end:.8rem;border-block-end:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.kozbino-mobile-menu__panel:not(.kozbino-mobile-menu__panel--root) .kozbino-mobile-menu__title{color:rgb(var(--color-primary));font-size:calc(var(--font-body-size) * .98)}.kozbino-mobile-menu__needs-link{margin-block-start:2.4rem;border-block:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.kozbino-mobile-menu__needs-list{display:grid;gap:1rem;padding-block-start:1.6rem}.kozbino-mobile-menu .kozbino-mega-menu__need-card{display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;gap:1.2rem;min-height:8rem;padding:.6rem;align-items:center;color:rgb(var(--color-foreground));border-radius:var(--small-blocks-radius);background:rgb(var(--color-secondary-background))}.kozbino-mobile-menu .kozbino-mega-menu__need-media{width:7.2rem;height:6.8rem;overflow:hidden;border-radius:calc(var(--small-blocks-radius) * .8)}.kozbino-mobile-menu .kozbino-mega-menu__need-media img{display:block;width:100%;height:100%;object-fit:cover}.kozbino-mobile-menu .kozbino-mega-menu__need-copy{display:grid;min-width:0;gap:.25rem}.kozbino-mobile-menu .kozbino-mega-menu__need-title{font-size:var(--font-body-size);line-height:1.25}.kozbino-mobile-menu .kozbino-mega-menu__need-subtitle{color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-size:calc(var(--font-body-size) * .82);line-height:1.35}.kozbino-mobile-menu .kozbino-mega-menu__promo{margin-block-start:2.4rem;overflow:hidden;border-radius:var(--pcard-radius)}.kozbino-mobile-menu .kozbino-mega-menu__promo-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,.8fr);min-height:13rem;color:rgb(var(--color-foreground));background:rgb(var(--color-secondary-background))}.kozbino-mobile-menu .kozbino-mega-menu__promo-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.8rem}.kozbino-mobile-menu .kozbino-mega-menu__promo-heading{margin:0;font-family:var(--font-heading-family);font-size:var(--font-h6-size);font-weight:var(--font-heading-weight);line-height:1.18}.kozbino-mobile-menu .kozbino-mega-menu__promo-text{margin:.55rem 0 0;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-size:calc(var(--font-body-size) * .82);line-height:1.35}.kozbino-mobile-menu .kozbino-mega-menu__promo-action{display:inline-flex;min-height:3.4rem;margin-block-start:1.2rem;padding-inline:1.3rem;align-items:center;border-radius:var(--buttons-radius);color:rgb(var(--color-button-text));background:rgb(var(--color-button));font-family:var(--font-button-family);font-size:calc(var(--font-body-size) * .72);font-weight:var(--font-button-weight);letter-spacing:var(--buttons-letter-spacing);text-transform:var(--buttons-transform)}.kozbino-mobile-menu .kozbino-mega-menu__promo-media{min-height:13rem}.kozbino-mobile-menu .kozbino-mega-menu__promo-media img{display:block;width:100%;height:100%;object-fit:cover}}@media(max-width:374.98px){.kozbino-mobile-menu__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.kozbino-mega-menu__trigger .svg-icon,.kozbino-mega-menu__need-card,.kozbino-mobile-menu__panel{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/kozbino-mega-menu.css.map */