@media screen and (min-width:1100px){.list-menu--has-panel{position:relative}.list-menu--has-panel:hover:after,.list-menu--has-panel:focus-within:after,.list-menu--has-panel.list-menu--megamenu-visible:after{content:"";position:absolute;z-index:5;right:1.2rem;bottom:0;left:1.2rem;height:.2rem;border-radius:1rem;background:#70bf00;pointer-events:none}.dynamic-mega-menu{top:0}.dynamic-mega-menu .dynamic-mega-menu__wrapper{width:100vw;height:549px;max-height:549px;padding:calc(var(--header-height) + 1.2rem) 0 0;display:block;overflow-y:auto;scrollbar-gutter:stable;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-border),.12);box-shadow:0 1.6rem 4rem rgba(var(--color-shadow),.08)}.dynamic-mega-menu .dynamic-mega-menu__wrapper:before{content:"";position:absolute;z-index:3;top:var(--header-height);right:0;left:0;height:.1rem;background:rgba(var(--color-foreground),.18);pointer-events:none}.dynamic-mega-menu__main{--dynamic-mega-navigation-width: minmax(23rem, .85fr);display:grid;grid-template-columns:var(--dynamic-mega-navigation-width) minmax(0,2.15fr) minmax(26rem,.9fr);min-height:31rem;padding-bottom:2.4rem}.dynamic-mega-menu__main--without-promotion{--dynamic-mega-navigation-width: minmax(23rem, .72fr);grid-template-columns:var(--dynamic-mega-navigation-width) minmax(0,2.28fr)}.dynamic-mega-menu__navigation-wrap{min-width:0;padding-inline-end:2.4rem;border-inline-end:.1rem solid rgba(var(--color-border),.16);text-align:start}.dynamic-mega-menu__eyebrow{display:block;margin:0 0 1.4rem;color:rgba(var(--color-foreground),.58);font-family:var(--font-header-menu-family);font-size:1.1rem;font-weight:600;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.dynamic-mega-menu__navigation{display:flex;flex-direction:column;gap:.8rem}.dynamic-mega-menu__top-level-description{display:-webkit-box;margin:2.4rem 0 0;overflow:hidden;color:rgba(var(--color-foreground),.56);font-size:1.2rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:4}.dynamic-mega-menu__category{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:7.6rem;padding:1.4rem 1.6rem;color:rgb(var(--color-foreground));text-decoration:none;border-radius:.8rem;background:rgb(var(--color-background-secondary));transition:color var(--duration-default),background-color var(--duration-default)}.dynamic-mega-menu__category--active{color:#fff;background:#70bf00}.dynamic-mega-menu__category-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.45rem;text-align:start}.dynamic-mega-menu__category-title{font-family:var(--font-header-menu-family);font-style:var(--font-header-menu-style);font-size:1.6rem;font-weight:600;line-height:1.25}.dynamic-mega-menu__category-description{display:-webkit-box;overflow:hidden;color:rgba(var(--color-foreground),.58);font-size:1.2rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dynamic-mega-menu__category--active .dynamic-mega-menu__category-description{color:#ffffffc7}.dynamic-mega-menu__category-arrow{display:flex;flex:0 0 auto;font-size:1.8rem;line-height:1;opacity:.55;transition:opacity var(--duration-default),transform var(--duration-default)}.dynamic-mega-menu__category:hover .dynamic-mega-menu__category-arrow,.dynamic-mega-menu__category:focus-visible .dynamic-mega-menu__category-arrow{opacity:1;transform:translate(.2rem)}.dynamic-mega-menu__panels{min-width:0;padding-block:0;padding-inline-start:0;padding-inline-end:2.4rem}.dynamic-mega-menu__main:has(.dynamic-mega-menu__panel--active[data-dynamic-mega-category-content]) .dynamic-mega-menu__panels{grid-column:2 / -1;padding-inline-end:0}.dynamic-mega-menu__main:has(.dynamic-mega-menu__panel--active[data-dynamic-mega-category-content]) .dynamic-mega-menu__promotion{display:none}.dynamic-mega-menu__panel[hidden],.dynamic-mega-menu__color-panel[hidden]{display:none}.dynamic-mega-menu__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.dynamic-mega-menu__category-content{display:flex;width:100%;max-width:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.8rem;padding:0 0 .8rem}.dynamic-mega-menu__category-content-title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-brand-family);font-size:1.8rem;line-height:1.2}.dynamic-mega-menu__category-content-title--rich :where(p){margin:0}.dynamic-mega-menu__category-content-title--rich .highlight-green{color:#1a7f37}.dynamic-mega-menu__category-content-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:161px;height:32px;padding:0;border:none;border-radius:16px;background-color:#1b1b19;color:#fff;font-family:var(--font-header-menu-family);font-size:1.4rem;text-decoration:none;transition:background-color var(--duration-default) ease,color var(--duration-default) ease}.dynamic-mega-menu__category-content-button:hover,.dynamic-mega-menu__category-content-button:focus-visible{background-color:#70bf00;color:#fff}.dynamic-mega-menu__category-content-button .icon-arrow-small{width:1.6rem;height:1.6rem}.dynamic-mega-menu__category-content-title-2,.dynamic-mega-menu__category-content-description{width:100%;color:rgba(var(--color-foreground),.72);font-size:1.4rem;line-height:1.5}.dynamic-mega-menu__category-content-title-2 :where(p),.dynamic-mega-menu__category-content-description :where(p){margin:0}.dynamic-mega-menu__category-content-media{width:100%;max-width:none;height:34rem;overflow:hidden;border-radius:5px;background:#eaeaec}.dynamic-mega-menu__category-content-media-link{display:block;width:100%;height:100%}.dynamic-mega-menu__category-content-media img{display:block;width:100%;height:100%;object-fit:cover}.dynamic-mega-menu__card{display:flex;min-width:0;flex-direction:column;align-items:center;color:rgb(var(--color-foreground));text-align:center;text-decoration:none}.dynamic-mega-menu__card-media{display:block;width:100%;overflow:hidden;aspect-ratio:1 / 1;border-radius:.8rem;background:rgb(var(--color-background-secondary))}.dynamic-mega-menu__card-media img,.dynamic-mega-menu__card-media svg{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.4,0,.25,1)}.dynamic-mega-menu__card-title{margin-top:1.2rem;font-family:var(--font-header-menu-family);font-size:1.6rem;line-height:1.25}.dynamic-mega-menu__card-copy{display:flex;width:100%;min-height:0;margin-top:0;padding:1.4rem 1.2rem;flex:1;flex-direction:column;align-items:center;justify-content:flex-start;border:0;border-radius:0;background:transparent}.dynamic-mega-menu__card--framed{width:calc(100% + .2rem);height:auto;margin-inline:-.1rem;overflow:hidden;background:#fff;border:1px solid #f5f5f7;border-radius:5px;box-shadow:3px 4px 10px #00000026}.dynamic-mega-menu__card--framed .dynamic-mega-menu__card-media{flex:0 0 auto;border-radius:0}.dynamic-mega-menu__card--framed .dynamic-mega-menu__card-copy{border-top:1px solid #e3e3e7}.dynamic-mega-menu__card--framed .dynamic-mega-menu__card-title{margin-top:0}.dynamic-mega-menu__card-description{display:-webkit-box;margin-top:.5rem;overflow:hidden;color:rgba(var(--color-foreground),.58);font-size:1.15rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dynamic-mega-menu__card:hover .dynamic-mega-menu__card-media img,.dynamic-mega-menu__card:focus-visible .dynamic-mega-menu__card-media img{transform:scale(1.035)}.dynamic-mega-menu__promotion{min-width:0;padding-inline-start:2.4rem;border-inline-start:.1rem solid rgba(var(--color-border),.16);text-align:center}.dynamic-mega-menu__promotion-media{width:100%;overflow:hidden;aspect-ratio:16 / 9;border-radius:.8rem;background:rgb(var(--color-background-secondary))}.dynamic-mega-menu__promotion-media img{width:100%;height:100%;object-fit:cover}.dynamic-mega-menu__promotion-heading{margin:1.4rem 0 0;font-family:var(--font-header-menu-family);font-size:2rem;line-height:1.2}.dynamic-mega-menu__promotion-description{margin-top:.6rem;color:rgba(var(--color-foreground),.62);font-size:1.2rem}.dynamic-mega-menu__promotion-description>*{margin:0}.dynamic-mega-menu__promotion-link{display:inline-flex;align-items:center;gap:.8rem;margin-top:.8rem;color:rgb(var(--color-foreground));font-size:1.25rem;text-decoration:none}.dynamic-mega-menu__promotion-link .icon-arrow-small,.dynamic-mega-menu__compare .icon-arrow-small,.dynamic-mega-menu__colors-all .icon-arrow-small{width:1.8rem;height:1.8rem}.dynamic-mega-menu__compare{display:flex;min-height:9rem;margin-top:1.6rem;padding:1.4rem;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;color:rgb(var(--color-foreground));text-decoration:none;border:.1rem solid rgba(var(--color-border),.28);border-radius:.8rem}.dynamic-mega-menu__compare strong{font-size:1.4rem}.dynamic-mega-menu__compare span{color:rgba(var(--color-foreground),.58);font-size:1.1rem}.dynamic-mega-menu__colors{background:rgba(var(--color-background-secondary),.82);border-top:.1rem solid rgba(var(--color-border),.1)}.dynamic-mega-menu__colors-inner{display:grid;grid-template-columns:minmax(15rem,.55fr) minmax(0,2.45fr) minmax(15rem,.6fr);min-height:10rem;align-items:center}.dynamic-mega-menu__colors-label{font-family:var(--font-header-menu-family);font-size:1.1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.dynamic-mega-menu__color-panels{min-width:0;padding:1.4rem 2.4rem;border-inline:.1rem solid rgba(var(--color-border),.14)}.dynamic-mega-menu__color-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}.dynamic-mega-menu__color-group{min-width:0}.dynamic-mega-menu__colors:not(:has(.dynamic-mega-menu__color-panel--active .dynamic-mega-menu__color-group)){display:none}.dynamic-mega-menu__color-row{display:flex;align-items:center;gap:1.2rem;margin-top:.8rem}.dynamic-mega-menu__color-row-label{flex:0 0 7.5rem;font-size:1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.dynamic-mega-menu__color-row .dynamic-mega-menu__swatches{margin-top:0}.dynamic-mega-menu__color-title{display:block;overflow:hidden;color:rgb(var(--color-foreground));font-family:var(--font-header-menu-family);font-size:1.15rem;font-weight:600;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.dynamic-mega-menu__swatches{display:flex;margin-top:.8rem;align-items:center;flex-wrap:wrap;gap:.65rem}.dynamic-mega-menu__swatch{width:2rem;height:2rem;flex:0 0 auto;border:.2rem solid rgb(var(--color-background));border-radius:50%;background-color:var(--swatch-color, rgba(var(--color-foreground), .12));background-image:var(--swatch-image);background-position:center;background-size:cover;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2);transition:transform var(--duration-default)}.dynamic-mega-menu__swatch:hover,.dynamic-mega-menu__swatch:focus-visible{transform:scale(1.12)}.dynamic-mega-menu__colors-all{display:flex;padding-inline-start:2.4rem;align-items:center;justify-content:space-between;gap:1.6rem;color:rgb(var(--color-foreground));font-size:1.25rem;text-decoration:none}.centered-menu{top:0}.centered-menu .centered-menu__wrapper{width:100vw;height:auto;max-height:100vh;display:block;overflow-y:auto;padding:calc(var(--header-height) + 2.4rem) 0 2.4rem;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-border),.12);box-shadow:0 1.6rem 4rem rgba(var(--color-shadow),.08)}.centered-menu .centered-menu__wrapper:before{content:"";position:absolute;z-index:3;top:var(--header-height);right:0;left:0;height:.1rem;background:rgba(var(--color-foreground),.18);pointer-events:none}.centered-menu__list{display:flex;margin:0;padding:0;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:1.6rem;list-style:none}.centered-menu__item{width:min(30rem,100%);min-width:0;flex:0 1 30rem}.centered-menu__item .dynamic-mega-menu__card{height:100%}}@media screen and (min-width:1100px)and (max-width:1279px){.dynamic-mega-menu__main{grid-template-columns:minmax(21rem,.8fr) minmax(0,2.2fr)}.dynamic-mega-menu__promotion{display:none}}@media(prefers-reduced-motion:reduce){.dynamic-mega-menu__category,.dynamic-mega-menu__category-arrow,.dynamic-mega-menu__card-media img,.dynamic-mega-menu__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-dynamic-mega-menu.css.map */