@media(min-width:769px){.mega-nav--cards .main-nav__item--go{display:none}.mega-nav--cards.main-nav__child{max-height:calc(100vh - var(--content-start, 150px));overflow-x:hidden;overflow-y:auto}.mega-nav--cards .container.mega-cards__container{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,36vw,500px);column-gap:calc(8 * var(--space-unit));align-items:start}.mega-nav--cards .mega-cards__container--split{grid-template-columns:minmax(0,1fr) clamp(420px,38vw,640px)}.mega-nav--cards .mega-cards__container--no-side{grid-template-columns:minmax(0,1fr)}.mega-nav--cards .mega-cards__main--with-side{padding-inline-end:calc(8 * var(--space-unit));border-inline-end:1px solid rgba(0,0,0,.08)}.mega-nav--cards .mega-cards__side--split .mega-cards__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:nav-gap-x-4{column-gap:calc(4 * var(--space-unit))}.md\:nav-gap-y-4{row-gap:calc(4 * var(--space-unit))}}.mega-cards__main,.mega-cards__side,.mega-cards__feature-grid,.mega-cards__feature-slot{min-width:0}.mega-cards__side{display:flex;flex-direction:column;gap:calc(4 * var(--space-unit));width:100%;max-width:100%}.mega-nav--cards .child-nav{margin-bottom:calc(4 * var(--space-unit))}.mega-nav--cards .child-nav>li:has(>.mega-card){display:flex}.mega-cards__feature-grid{display:grid;gap:calc(4 * var(--space-unit));width:100%;max-width:100%}.mega-cards__feature-grid--single{grid-template-columns:minmax(0,1fr)}.mega-cards__feature-slot--product,.mega-cards__feature-slot--product .card{height:100%}.mega-cards__feature-slot>*{min-width:0;max-width:100%}.mega-cards__feature-slot--product .card{width:100%;border-radius:12px;overflow:hidden;background:var(--card-bg-color, #fff);border:1.5px solid var(--card-border-color, #e5e7eb);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.mega-cards__feature-slot--product .card:hover,.mega-cards__feature-slot--product .card:focus-within{border-color:var(--card-border-hover-color, #6366f1)}.mega-cards__feature-slot--product .card__media{border-radius:12px 12px 0 0}@media(min-width:769px){.mega-cards__side--split .mega-cards__feature-slot--product,.mega-cards__feature-grid--two .mega-cards__feature-slot--product{max-width:220px}.mega-cards__side--split .mega-cards__feature-slot--product .card__info,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__info,.mega-cards__side--split .mega-cards__feature-slot--product .card__content,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__content{display:flex;flex-direction:column;gap:calc(1.5 * var(--space-unit));padding:calc(2.5 * var(--space-unit)) calc(3 * var(--space-unit)) calc(3 * var(--space-unit))}.mega-cards__side--split .mega-cards__feature-slot--product .card__title,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__title{font-size:1.4rem;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.78rem}.mega-cards__side--split .mega-cards__feature-slot--product .card__price,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__price,.mega-cards__side--split .mega-cards__feature-slot--product .price,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .price{font-size:1.5rem;line-height:1.2;margin-top:calc(.5 * var(--space-unit))}.mega-cards__side--split .mega-cards__feature-slot--product .card__rating,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__rating,.mega-cards__side--split .mega-cards__feature-slot--product .product-rating,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .product-rating{font-size:1.2rem;opacity:.7;margin:0}.mega-cards__side--split .mega-cards__feature-slot--product .card__vendor,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__vendor,.mega-cards__side--split .mega-cards__feature-slot--product .card__swatches,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__swatches{display:none}.mega-cards__side--split .mega-cards__feature-slot--product .card__quick-add,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .card__quick-add,.mega-cards__side--split .mega-cards__feature-slot--product .btn,.mega-cards__feature-grid--two .mega-cards__feature-slot--product .btn{padding:calc(1.5 * var(--space-unit)) calc(2.5 * var(--space-unit));font-size:1.2rem}}.mega-cards__promo{min-height:var(--promo-min-height, 250px);height:100%;border-radius:12px;overflow:hidden;box-sizing:border-box}.mega-cards__side--stacked .mega-cards__promo{min-height:max(var(--promo-min-height, 250px),290px)}.mega-cards__promo.promo:after,.mega-cards__promo.promo:before{display:none!important;content:none!important;background:none!important}.mega-cards__promo .media{opacity:1!important}.mega-cards__promo .media img{opacity:1}.mega-cards__promo-content{display:flex;flex-direction:column;gap:calc(2 * var(--space-unit));max-width:100%;min-width:0;word-break:break-word;overflow-wrap:anywhere}.mega-cards__promo-heading{margin:0;font-weight:700;line-height:1.1;letter-spacing:-.01em;word-break:break-word;overflow-wrap:anywhere}.mega-cards__promo-subheading{margin:0;line-height:1.35;opacity:.95}.mega-cards__promo-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:calc(2 * var(--space-unit));padding:calc(2.5 * var(--space-unit)) calc(5 * var(--space-unit));border-radius:8px;font-weight:700;font-size:.9em;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;transition:filter .18s ease,transform .18s ease}.mega-cards__promo-button:hover,.mega-cards__promo-button:focus-visible{filter:brightness(1.08);text-decoration:none}.mega-cards__promo.justify-center .mega-cards__promo-content,.mega-cards__promo.justify-center .mega-cards__promo-button{align-self:center}.mega-card{display:flex;align-items:center;gap:calc(3 * var(--space-unit));width:100%;height:100%;padding:calc(3 * var(--space-unit));border:1.5px solid var(--card-border-color, #e5e7eb);border-radius:12px;background:var(--card-bg-color, #fff);text-decoration:none;color:inherit;box-shadow:0 1px 2px #0f172a0a;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.mega-card:hover,.mega-card:focus-visible{border-color:var(--card-border-hover-color, #6366f1);box-shadow:0 12px 28px #0f172a1a;transform:translateY(-2px);text-decoration:none}.mega-card__image{flex:0 0 auto;width:var(--card-image-size, 64px);height:var(--card-image-size, 64px);border-radius:10px;overflow:hidden;background:var(--card-image-bg-color, #f5f3ff);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0f172a0a}.mega-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .22s ease}.mega-card:hover .mega-card__image img,.mega-card:focus-visible .mega-card__image img{transform:scale(1.04)}.mega-card__content{display:flex;flex-direction:column;gap:calc(1 * var(--space-unit));min-width:0}.mega-card__title{display:block;font-weight:600;color:var(--card-title-color, #1e3a8a);font-size:.95em;line-height:1.3}.mega-card__excerpt{display:block;color:var(--card-excerpt-color, #6b7280);font-size:.8em;line-height:1.4;font-weight:400}.mega-card__excerpt p{margin:0}.mega-card__excerpt p+p{margin-top:.3em}.mega-cards__testimonial{display:flex;flex-direction:column;height:100%;margin:0;padding:calc(4 * var(--space-unit));border:1.5px solid rgba(var(--testimonial-border-color, 99 102 241) / 1);border-radius:12px;background:#fff}.mega-cards__stars{display:inline-flex;gap:2px;margin-bottom:calc(2 * var(--space-unit));color:rgb(var(--testimonial-star-color, 245 158 11))}.mega-cards__star{width:16px;height:16px;flex-shrink:0}.mega-cards__star--custom{display:inline-block;object-fit:contain}.mega-cards__testimonial-text{font-size:.88em;line-height:1.45;margin-bottom:calc(2 * var(--space-unit))}.mega-cards__testimonial-text p{margin:0}.mega-cards__testimonial-author{font-weight:600;font-size:.9em}.mega-cards__testimonial-subtitle{font-size:.8em;color:#6b7280}.mega-cards__cta{display:inline-flex;align-items:center;gap:calc(1 * var(--space-unit));padding:calc(2 * var(--space-unit)) 0 0;font-weight:700;text-transform:uppercase;font-size:.9em;color:rgb(var(--cta-color, 30 58 138));text-decoration:none;letter-spacing:.02em}.mega-cards__cta:hover,.mega-cards__cta:focus-visible{text-decoration:underline;text-underline-offset:3px}.mega-cards__cta:hover .mega-cards__cta-arrow,.mega-cards__cta:focus-visible .mega-cards__cta-arrow{transform:translate(3px)}.mega-cards__cta-arrow{transition:transform .18s ease}.mega-cards__bar{display:block;width:100%;padding:calc(2 * var(--space-unit)) var(--gutter);text-align:center;font-size:.85em;font-weight:500;letter-spacing:.02em;text-decoration:none}.mega-cards__bar:hover,.mega-cards__bar:focus-visible{text-decoration:none;opacity:.95}.mega-nav--cards.main-nav__child{padding-top:0;padding-bottom:0}.mega-cards__bar--top{margin-bottom:calc(6 * var(--space-unit))}.mega-cards__bar--bottom{margin-top:calc(6 * var(--space-unit))}.mega-nav--cards.main-nav__child>.container:first-child{padding-top:calc(8 * var(--space-unit))}.mega-nav--cards.main-nav__child>.container:last-child{padding-bottom:calc(8 * var(--space-unit))}.mega-cards__brands{display:flex;align-items:center;gap:calc(6 * var(--space-unit));flex-wrap:wrap;margin-top:calc(6 * var(--space-unit))}.mega-cards__brands-label{font-weight:700;font-size:.9em;font-family:IBMPlexSans-Bold!important;flex-shrink:0}.mega-cards__brand-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:calc(6 * var(--space-unit));flex:1 1 0}.mega-cards__brand-item{display:inline-flex;align-items:center}.mega-cards__brand-item img{max-height:var(--brand-logo-max-height, 38px);width:auto;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:filter .18s ease,opacity .18s ease}.mega-cards__brand-item:hover img,.mega-cards__brand-item:focus-within img{filter:grayscale(0%);opacity:1}.mega-cards__brand-link{display:inline-flex;align-items:center}@media(min-width:1280px){.mega-nav--cards .container.mega-cards__container{column-gap:calc(12 * var(--space-unit))}.mega-nav--cards .mega-cards__container--stacked{grid-template-columns:minmax(0,1fr) 440px}.mega-nav--cards .mega-cards__container--split{grid-template-columns:minmax(0,1fr) clamp(480px,34vw,680px)}}@media(max-width:768.98px){.js .main-nav__child.mega-nav--cards{padding-left:0!important;padding-right:0!important}.main-nav__item:has(.mega-nav--cards),.mega-nav--cards .main-nav__item{padding-top:0!important;padding-bottom:0!important}.mega-nav--cards .main-nav>li,.mega-nav--cards .child-nav>li,.mega-nav--cards .grandchild-nav>li{border-bottom:0!important}.mega-nav--cards .child-nav>li>.mega-card{border:1.5px solid var(--card-border-color, #e5e7eb)!important}.mega-nav--cards .child-nav>li>.mega-card:hover,.mega-nav--cards .child-nav>li>.mega-card:focus-visible,.mega-nav--cards .child-nav>li>.mega-card.is-active{border-color:var(--card-border-hover-color, #6366f1)!important}.mega-nav--cards .container.mega-cards__container{display:block;padding-left:calc(4 * var(--space-unit));padding-right:calc(4 * var(--space-unit))}.mega-nav--cards .child-nav{display:flex!important;flex-direction:column;gap:calc(2.5 * var(--space-unit));margin:0 0 calc(4 * var(--space-unit)) 0;padding:0;list-style:none}.mega-nav--cards .child-nav>li{list-style:none;margin:0}.mega-nav--cards .child-nav>li:has(>.mega-card){display:flex}.mega-nav--cards .main-nav__item--back{padding-inline-start:0;font-weight:500;color:rgb(var(--header-accent-color))}.mega-nav--cards .main-nav__item-header{padding-inline-start:0;padding-block:calc(1 * var(--space-unit)) calc(2 * var(--space-unit));font-size:2.2rem;font-weight:700;letter-spacing:-.01em}.mega-card{width:100%;gap:calc(3.5 * var(--space-unit));padding:calc(3.5 * var(--space-unit));border-radius:12px;box-shadow:0 1px 2px #0000000a}.mega-card__image{width:64px;height:64px;border-radius:10px}.mega-card__content{gap:calc(1 * var(--space-unit))}.mega-card__title{font-size:1.6rem;line-height:1.35}.mega-card__excerpt{font-size:1.4rem;line-height:1.45}.mega-card__excerpt p{margin:0}.mega-nav--cards .mega-cards__side{display:flex;flex-direction:column;gap:calc(4 * var(--space-unit));margin-top:calc(4 * var(--space-unit))}.mega-nav--cards .mega-cards__main--with-side{padding-inline-end:0;border-inline-end:none}.mega-nav--cards .mega-cards__promo{min-height:220px;height:auto}.mega-nav--cards .mega-cards__promo-heading{font-size:2.4rem;line-height:1.15}.mega-nav--cards .mega-cards__promo-subheading{font-size:1.5rem}.mega-nav--cards .mega-cards__promo-button{font-size:1.3rem;padding:calc(2.5 * var(--space-unit)) calc(4 * var(--space-unit))}.mega-nav--cards .mega-cards__testimonial{padding:calc(4 * var(--space-unit));border-radius:12px}.mega-nav--cards .mega-cards__testimonial-text{font-size:1.4rem;line-height:1.5}.mega-nav--cards .mega-cards__testimonial-author{font-size:1.45rem}.mega-nav--cards .mega-cards__testimonial-subtitle{font-size:1.3rem}.mega-nav--cards .mega-cards__star{width:18px;height:18px}.mega-nav--cards .mega-cards__cta{display:inline-flex;margin-top:0;font-size:1.4rem;padding:calc(1 * var(--space-unit)) 0}.mega-nav--cards .mega-cards__brands{display:flex;flex-direction:column;align-items:flex-start;gap:calc(3 * var(--space-unit));margin-top:calc(5 * var(--space-unit));padding-top:calc(4 * var(--space-unit));border-top:1px solid rgba(0,0,0,.08)}.mega-cards__brands-label{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.mega-cards__brand-list{display:flex;flex-wrap:wrap;align-items:center;gap:calc(4 * var(--space-unit)) calc(6 * var(--space-unit));width:100%;padding:0;margin:0;list-style:none}.mega-cards__brand-item img{max-height:var(--brand-logo-max-height, 38px);width:auto}.mega-cards__feature-grid{gap:calc(3 * var(--space-unit))}.mega-nav--cards .mega-cards__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(2.5 * var(--space-unit))}.mega-nav--cards .mega-cards__feature-slot--promo,.mega-nav--cards .mega-cards__feature-slot--testimonial{grid-column:1 / -1;max-width:100%}.mega-nav--cards .mega-cards__feature-slot--product{max-width:100%}.mega-nav--cards .mega-cards__feature-slot--product .card__media{background:#f8f7fb}.mega-nav--cards .mega-cards__feature-slot--product .card__info,.mega-nav--cards .mega-cards__feature-slot--product .card__content{padding:calc(2 * var(--space-unit)) calc(2.5 * var(--space-unit)) calc(2.5 * var(--space-unit));gap:calc(1 * var(--space-unit))}.mega-nav--cards .mega-cards__feature-slot--product .card__title{font-size:1.35rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mega-nav--cards .mega-cards__feature-slot--product .card__price,.mega-nav--cards .mega-cards__feature-slot--product .price{font-size:1.4rem}.mega-nav--cards .mega-cards__feature-slot--product .card__vendor,.mega-nav--cards .mega-cards__feature-slot--product .card__swatches{display:none}.mega-cards__bar{padding:calc(2.5 * var(--space-unit)) calc(4 * var(--space-unit));font-size:1.4rem}.mega-cards__bar--top{margin-bottom:calc(4 * var(--space-unit))}.mega-cards__bar--bottom{margin-top:calc(4 * var(--space-unit))}}@media(max-width:480px){.mega-nav--cards .container.mega-cards__container{padding-left:calc(3 * var(--space-unit));padding-right:calc(3 * var(--space-unit))}.mega-card{padding:calc(3 * var(--space-unit));gap:calc(3 * var(--space-unit))}.mega-card__image{width:56px;height:56px}.mega-card__title{font-size:1.5rem}.mega-card__excerpt{font-size:1.35rem}.mega-cards__brand-list{gap:calc(3 * var(--space-unit)) calc(4 * var(--space-unit))}.mega-cards__brand-item img{max-height:var(--brand-logo-max-height, 38px)}}@media(hover:hover)and (pointer:fine){.mega-cards__feature-slot--product .card__media.has-hover-image:hover .card__main-image{visibility:visible!important;opacity:1!important}.mega-cards__feature-slot--product .card__media.has-hover-image:hover .card__hover-image{visibility:hidden!important;opacity:0!important}}details:has(>.main-nav__child.mega-nav--cards)>summary svg{transition:transform .52s cubic-bezier(.33,1,.68,1);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}details:has(>.main-nav__child.mega-nav--cards).is-open>summary svg{transform:rotate(180deg)}details[open]>.mega-nav--cards{clip-path:inset(0 0 100% 0);opacity:0}details.is-open>.mega-nav--cards{animation:mega-cards-curtain-down .42s cubic-bezier(.22,1,.36,1) both;transform-origin:top center}@keyframes mega-cards-curtain-down{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-6px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}@media(max-width:768.98px){details.is-open>.mega-nav--cards{animation:mega-cards-curtain-down-mobile .34s cubic-bezier(.22,1,.36,1) both}}@keyframes mega-cards-curtain-down-mobile{0%{opacity:.4;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){details.is-open>.mega-nav--cards{animation:none!important}.mega-card,.mega-card__image img{transition:none!important}.mega-card:hover,.mega-card:focus-visible,.mega-card:hover .mega-card__image img,.mega-card:focus-visible .mega-card__image img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/navigation-mega-cards.css.map */