@media(max-width:768.98px){.mega-swatch__back{width:100%;margin-bottom:1.6rem;border-bottom:1px solid var(--nav-line-color)}}.mega-swatch__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;margin:0;padding:0;list-style:none}.mega-swatch__col{min-width:0}.mega-swatch__col:first-child .mega-swatch__items li:not(:last-child){border-bottom:1px solid var(--nav-line-color, rgba(0, 0, 0, .12));padding-block:1.2rem}.mega-swatch__col:first-child .mega-swatch__items li{margin:0}.mega-swatch__heading{margin:0 0 1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--nav-line-color, rgba(0, 0, 0, .12));color:rgb(var(--nav-child-text-color));font-size:1.4rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mega-swatch__items{margin:0;padding:0;list-style:none}.mega-swatch__items>li+li{margin-top:1rem}.mega-swatch__item{display:flex;align-items:center;gap:1.6rem;padding:.6rem 0;color:rgb(var(--nav-child-text-color));text-decoration:none}.mega-swatch__img-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;overflow:hidden}.mega-swatch__img{width:100%;height:100%;object-fit:contain}.mega-swatch__text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.mega-swatch__title{font-size:1.5rem;font-weight:600;line-height:1.3;transition:color .15s ease}.mega-swatch__desc{color:rgba(var(--nav-child-text-color) / .6);font-size:1.3rem;line-height:1.4}.mega-swatch__banner{width:100%;margin-top:2rem;background-color:var(--mega-swatch-banner-bg, #f5f0e8)}.mega-swatch__banner-inner{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;padding:2rem var(--gutter)}.mega-swatch__banner-left{display:flex;align-items:center;gap:2rem;min-width:0}.mega-swatch__banner-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.mega-swatch__banner-img{width:5rem;height:auto;object-fit:contain}.mega-swatch__banner-copy{display:flex;flex-direction:column;gap:.4rem;min-width:0}.mega-swatch__banner-heading{color:rgb(var(--nav-child-text-color));font-size:1.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.mega-swatch__banner-text{color:rgba(var(--nav-child-text-color) / .75);font-size:1.4rem;line-height:1.4}.mega-swatch__banner-btn{flex:0 0 auto;display:inline-flex;align-items:center;padding:1.4rem 3rem;border-radius:var(--btn-border-radius, 0);background-color:#111;color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:opacity .15s ease}.mega-swatch__banner-btn:hover{opacity:.85}.right-img__col img{width:100%;aspect-ratio:1 / 1.2;display:block;object-fit:cover}@media(min-width:769px){.main-nav__child.mega-nav.mega-nav--swatch{padding-bottom:0;padding-top:calc(6 * var(--space-unit))}.mega-nav--swatch>.container{max-width:var(--page-width, 1400px);margin-inline:auto;padding-inline:var(--gutter);padding-bottom:calc(6 * var(--space-unit))}.mega-swatch__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem}.mega-swatch__grid:has(.right-img__col){grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem}.right-img__col img{aspect-ratio:1 / 1.5}.mega-swatch__col+.mega-swatch__col{padding-inline-start:5rem;border-inline-start:1px solid var(--nav-line-color, rgba(0, 0, 0, .12))}.mega-swatch__heading{margin:0 0 2rem;padding-bottom:1.4rem}.mega-swatch__item:hover .mega-swatch__title{color:rgb(var(--header-accent-color, var(--nav-child-text-color)))}.mega-swatch__banner{margin-top:0}.mega-swatch__banner-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:3rem;max-width:var(--page-width, 1400px);margin-inline:auto;padding:2.4rem var(--gutter)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/navigation-mega-swatch.css.map */