.nn-card{display:block;position:relative}.nn-card__link{text-decoration:none;color:inherit;display:block}.nn-card__media{position:relative;overflow:hidden;background:var(--nn-color-secondary);aspect-ratio:3 / 4;margin-bottom:.75rem}@media(min-width:640px){.nn-card__media{margin-bottom:1rem}}.nn-card__image,.nn-card__placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease,transform .7s ease}.nn-card__image--hover{opacity:0}@media(hover:hover){.nn-card:hover .nn-card__image--primary{transform:scale(1.04)}.nn-card:hover .nn-card__image--hover{opacity:1;transform:scale(1.04)}}.nn-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.nn-card__placeholder-svg{fill:var(--nn-color-text-muted);opacity:.35}.nn-card__badge{position:absolute;top:.5rem;left:.5rem;background:var(--nn-color-primary);color:var(--nn-color-background);font-family:var(--nn-font-body);font-size:.5rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:.3125rem .625rem;z-index:1}@media(min-width:640px){.nn-card__badge{top:.75rem;left:.75rem;font-size:.5625rem;padding:.375rem .75rem}}.nn-card__badge--soft{background:color-mix(in srgb,var(--nn-color-text) 75%,transparent)}.nn-card__quick-add{position:absolute;left:0;right:0;bottom:0;margin:0;transform:translateY(0);transition:transform .3s ease}@media(hover:hover){.nn-card__quick-add{transform:translateY(100%)}.nn-card:hover .nn-card__quick-add,.nn-card:focus-within .nn-card__quick-add{transform:translateY(0)}}.nn-card__quick-add-btn{-webkit-appearance:none;appearance:none;width:100%;border:0;cursor:pointer;padding:.875rem 1rem;background:color-mix(in srgb,var(--nn-color-primary) 95%,transparent);color:var(--nn-color-background);font-family:var(--nn-font-body);font-size:.5625rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media(min-width:640px){.nn-card__quick-add-btn{font-size:.625rem;letter-spacing:.3em;padding:.875rem 1rem}}.nn-card__quick-add-btn:hover{background:var(--nn-color-primary)}.nn-card__quick-add-btn:disabled{opacity:.6;cursor:not-allowed}.nn-card__quick-add-btn .nn-icon{width:.9375rem;height:.9375rem}.nn-card__quick-add-btn.is-loading .nn-icon{animation:nn-spin .8s linear infinite}@keyframes nn-spin{to{transform:rotate(360deg)}}.nn-card__body{text-align:center}.nn-card__eyebrow{margin:0;font-family:var(--nn-font-body);font-size:.5625rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--nn-color-text-muted)}@media(min-width:640px){.nn-card__eyebrow{font-size:.625rem}}.nn-card__title{margin:.25rem 0;font-family:var(--nn-font-heading);font-weight:400;font-size:.875rem;letter-spacing:.01em;color:var(--nn-color-text);line-height:1.25}@media(min-width:640px){.nn-card__title{font-size:1rem}}.nn-card__price{margin:0;font-family:var(--nn-font-body);font-weight:300;font-size:.8125rem;color:var(--nn-color-text-muted)}@media(min-width:640px){.nn-card__price{font-size:.875rem}}.nn-card__price-compare{text-decoration:line-through;margin-right:.4rem;opacity:.6}.nn-card__rating{margin-top:.4rem;display:flex;justify-content:center;min-height:0}.nn-card__rating .jdgm-star.jdgm--on,.nn-card__rating .jdgm-star.jdgm--half{color:var(--nn-color-primary)!important}.nn-card__rating .jdgm-star.jdgm--off{color:color-mix(in srgb,var(--nn-color-primary) 22%,transparent)!important}.nn-card__rating .jdgm-prev-badge__text{font-family:var(--nn-font-body)!important;font-size:.6875rem!important;letter-spacing:.05em!important;color:var(--nn-color-text-muted)!important}.nn-card__rating .jdgm-prev-badge[data-average-rating="0.00"],.nn-card__rating .jdgm-prev-badge[data-number-of-reviews="0"]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/nn-product-card.css.map */