.nn-grid{padding:var(--nn-section-mobile) 0}.nn-grid--white{background-color:var(--nn-white)}.nn-grid--cream{background-color:var(--nn-cream)}.nn-grid__inner{width:100%;max-width:var(--nn-container);margin:0 auto;padding:0 1.6rem}.nn-grid__head{max-width:58rem;margin:0 auto var(--nn-xl);text-align:center}.nn-grid__eyebrow{margin:0 0 var(--nn-sm);font-family:var(--nn-font-body);font-size:1.1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--nn-muted)}.nn-grid__heading{margin:0;font-family:var(--nn-font-display);font-size:var(--nn-fs-section);font-weight:500;line-height:1.15;letter-spacing:-.01em;color:var(--nn-forest-deep)}.nn-grid__sub{margin:var(--nn-md) auto 0;font-family:var(--nn-font-body);font-size:1.6rem;line-height:1.6;color:var(--nn-muted)}.nn-grid__sub>p{margin:0}.nn-grid__tablist{display:flex;justify-content:flex-start;gap:var(--nn-lg);margin-bottom:var(--nn-xl);padding-bottom:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--nn-line)}.nn-grid__tablist::-webkit-scrollbar{display:none}.nn-grid__tab{flex:0 0 auto;position:relative;padding:0 0 var(--nn-sm);background:none;border:0;font-family:var(--nn-font-body);font-size:1.5rem;font-weight:500;color:var(--nn-muted);cursor:pointer;white-space:nowrap;transition:color .2s var(--nn-ease)}.nn-grid__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background-color:var(--nn-forest-deep);transform:scaleX(0);transform-origin:center;transition:transform .24s var(--nn-ease)}.nn-grid__tab:hover{color:var(--nn-forest-deep)}.nn-grid__tab[aria-selected=true]{color:var(--nn-forest-deep);font-weight:600}.nn-grid__tab[aria-selected=true]:after{transform:scaleX(1)}.nn-grid__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--nn-lg) var(--nn-md);margin:0;padding:0;list-style:none}.nn-grid__item{display:flex}.nn-card{position:relative;display:flex;flex-direction:column;width:100%}.nn-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--nn-ivory);border-radius:var(--nn-r-card)}.nn-card__img,.nn-card__placeholder-svg{width:100%;height:100%;object-fit:contain;padding:12%;transition:transform .4s var(--nn-ease)}.nn-card__placeholder-svg{fill:var(--nn-sage);opacity:.5}.nn-card__badge{position:absolute;top:var(--nn-sm);left:var(--nn-sm);padding:.4rem 1.2rem;font-family:var(--nn-font-body);font-size:1.1rem;font-weight:600;letter-spacing:.06em;color:var(--nn-white);background-color:var(--nn-rose);border-radius:var(--nn-r-pill)}.nn-card__badge--muted{color:var(--nn-white);background-color:var(--nn-muted)}.nn-card__body{padding:var(--nn-md) .4rem 0;text-align:center}.nn-card__title{margin:0;font-family:var(--nn-font-body);font-size:1.5rem;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--nn-ink)}.nn-card__link{color:inherit;text-decoration:none}.nn-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.nn-card__link:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.nn-card__prices{display:flex;align-items:baseline;justify-content:center;gap:var(--nn-xs);margin:.6rem 0 0;font-family:var(--nn-font-body);font-size:1.5rem}.nn-card__compare{color:var(--nn-muted);font-weight:400}.nn-card__price{color:var(--nn-ink);font-weight:600}.nn-card--soldout .nn-card__img{opacity:.6}.nn-card__add{position:relative;z-index:1;margin-top:var(--nn-sm);padding:0 .4rem}.nn-card__form{margin:0}.nn-card__btn{display:flex;align-items:center;justify-content:center;gap:var(--nn-xs);width:100%;min-height:44px;padding:0 1.6rem;font-family:var(--nn-font-body);font-size:1.4rem;font-weight:600;letter-spacing:.02em;text-align:center;text-decoration:none;color:var(--nn-white);background-color:var(--nn-forest-deep);border:1px solid var(--nn-forest-deep);border-radius:var(--nn-r-pill);cursor:pointer;transition:background-color .2s var(--nn-ease),color .2s var(--nn-ease)}.nn-card__btn:hover{background-color:var(--nn-forest);border-color:var(--nn-forest)}.nn-card__btn--ghost{color:var(--nn-forest-deep);background-color:transparent}.nn-card__btn--ghost:hover{color:var(--nn-white);background-color:var(--nn-forest-deep)}.nn-card__btn .loading__spinner{display:none}.nn-card__btn[aria-disabled=true] .loading__spinner,.nn-card__form.loading .nn-card__btn .loading__spinner{display:block}.nn-grid__foot{margin-top:var(--nn-xl);text-align:center}.nn-grid__viewall{display:inline-flex;align-items:center;min-height:48px;padding:0 3.2rem;font-family:var(--nn-font-body);font-size:1.5rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--nn-forest-deep);background-color:transparent;border:1px solid var(--nn-forest-deep);border-radius:var(--nn-r-pill);transition:background-color .2s var(--nn-ease),color .2s var(--nn-ease),transform .2s var(--nn-ease)}.nn-grid__viewall:hover{color:var(--nn-white);background-color:var(--nn-forest-deep);transform:translateY(-2px)}@media screen and (min-width:750px){.nn-grid{padding:var(--nn-section) 0}.nn-grid__inner{padding:0 2.4rem}.nn-grid__tablist{justify-content:center;gap:var(--nn-xl)}.nn-grid__list{grid-template-columns:repeat(3,1fr);gap:var(--nn-xl) var(--nn-lg)}}@media screen and (min-width:990px){.nn-grid__list{grid-template-columns:repeat(4,1fr)}}@media(hover:hover){.nn-card__add{opacity:0;transform:translateY(6px);transition:opacity .24s var(--nn-ease),transform .24s var(--nn-ease)}.nn-card:hover .nn-card__add,.nn-card:focus-within .nn-card__add{opacity:1;transform:translateY(0)}.nn-card:hover .nn-card__media{box-shadow:var(--nn-shadow-soft)}.nn-card:hover .nn-card__img{transform:scale(1.04)}}@keyframes nnFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nn-grid__list[data-nn-reveal] .nn-grid__item{opacity:0;transform:translateY(20px)}.nn-grid__list[data-nn-reveal].nn-is-visible .nn-grid__item{animation:nnFadeUp .6s var(--nn-ease) both;animation-delay:var(--nn-d, 0ms)}@media(prefers-reduced-motion:reduce){.nn-grid__list[data-nn-reveal] .nn-grid__item,.nn-grid__list[data-nn-reveal].nn-is-visible .nn-grid__item{animation:none!important;opacity:1!important;transform:none!important}.nn-card__img,.nn-card:hover .nn-card__img,.nn-card__add,.nn-grid__viewall:hover,.nn-grid__tab:after{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-bestsellers-grid.css.map */