.nl-pcard{position:relative;display:flex;flex-direction:column;height:100%;color:var(--nl-ink);font-family:var(--nl-font)}.nl-pcard__media{position:relative;isolation:isolate;aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:var(--nl-r-lg);overflow:hidden;background:var(--nl-paper);transition:transform var(--nl-d-base) var(--nl-ease-pop),box-shadow var(--nl-d-base) var(--nl-ease)}.nl-pcard__img{position:relative;display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--nl-d-slow) var(--nl-ease-out)}.nl-pcard__media--contain .nl-pcard__img{object-fit:contain}.nl-pcard__img--placeholder{fill:var(--nl-line)}.nl-pcard__flavor{position:absolute;z-index:1;inset-block-start:var(--nl-s-1);inset-inline-start:var(--nl-s-1);max-width:calc(100% - var(--nl-s-2));white-space:nowrap;overflow:hidden;pointer-events:none;transform-origin:left center;transition:transform var(--nl-d-fast) var(--nl-ease-pop)}.nl-pcard__flavor-long{display:none}.nl-pcard__badge{position:absolute;z-index:1;inset-block-start:var(--nl-s-1);inset-inline-end:var(--nl-s-1);display:inline-flex;align-items:center;min-height:28px;padding:0 .75rem;border-radius:var(--nl-r-pill);background:var(--nl-ink);color:var(--nl-on-accent);font:var(--nl-w-bold) var(--nl-t-caption)/1 var(--nl-font);white-space:nowrap}@media(max-width:749px){.nl-pcard--soldout .nl-pcard__flavor{inset-block-start:auto;inset-block-end:var(--nl-s-1)}}@media(min-width:750px){.nl-pcard__flavor{inset-block-start:var(--nl-s-2);inset-inline-start:var(--nl-s-2);max-width:calc(100% - var(--nl-s-4))}.nl-pcard__badge{inset-block-start:var(--nl-s-2);inset-inline-end:var(--nl-s-2)}.nl-pcard__flavor-short{display:none}.nl-pcard__flavor-long{display:inline}.nl-pcard--soldout .nl-pcard__badge{inset-block-start:auto;inset-block-end:var(--nl-s-2)}}.nl-pcard--soldout .nl-pcard__img{opacity:.5}.nl-pcard__body{display:flex;flex-direction:column;flex:1;gap:.375rem;padding:var(--nl-s-2) .25rem 0}.nl-pcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin:0}.nl-pcard__line{color:var(--nl-ink-muted);font:var(--nl-w-semibold) var(--nl-t-caption)/1.2 var(--nl-font)}.nl-pcard__new{min-height:22px;padding:0 .5rem}.nl-pcard__title{margin:0;min-height:2.1em;color:var(--nl-ink);font:var(--nl-w-bold) clamp(1.0625rem,.9rem + .55vw,1.5rem)/1.05 var(--nl-font-display);text-wrap:balance;overflow-wrap:break-word}.nl-pcard__link{color:inherit;text-decoration:none}.nl-pcard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--nl-r-lg)}.nl-pcard__link:focus-visible{outline:none}.nl-pcard__link:focus-visible:after{outline:3px solid var(--nl-ink);outline-offset:4px}.nl-pcard__sub{margin:0;color:var(--nl-ink-muted);font:var(--nl-w-regular) var(--nl-t-caption)/1.35 var(--nl-font);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:750px){.nl-pcard__sub{font-size:var(--nl-t-small)}}.nl-pcard__strength{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--nl-s-1);margin-block:auto var(--nl-s-1);padding-block-start:.25rem}.nl-pcard__strength+.nl-pcard__foot{margin-block-start:0}.nl-pcard__chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:56px;padding:0 .75rem;border:var(--nl-border);border-radius:var(--nl-r-pill);background:transparent;color:var(--nl-ink);font:var(--nl-w-bold) var(--nl-t-caption)/1 var(--nl-font);text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:transform var(--nl-d-fast) var(--nl-ease-pop),background-color var(--nl-d-fast) var(--nl-ease)}a.nl-pcard__chip:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}@media(hover:hover){a.nl-pcard__chip:hover{background:var(--nl-paper);transform:translateY(-2px)}}a.nl-pcard__chip:active,.nl-pcard__chip.is-current{background:var(--nl-ink);color:var(--nl-on-accent)}.nl-pcard__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"price add" "unit unit" "state state";container-type:inline-size;align-items:center;column-gap:var(--nl-s-1);row-gap:.125rem;margin-block-start:auto;padding-block-start:var(--nl-s-1)}.nl-pcard__foot .nl-price{display:contents}.nl-pcard__foot .nl-price__main{grid-area:price;min-width:0}.nl-pcard__foot .nl-price__unit{grid-area:unit}.nl-pcard__foot>.nl-pcard__form,.nl-pcard__foot>.nl-pcard__add,.nl-pcard__foot>.nl-pcard__soldout-note{grid-area:add}.nl-pcard__foot>.nl-pcard__soldout-note{margin-inline-start:var(--nl-s-1)}.nl-pcard__form{position:relative;z-index:2;margin:0}.nl-pcard__add{position:relative;z-index:2;flex:none;display:inline-grid;place-items:center;width:var(--nl-hit);height:var(--nl-hit);padding:0;border:2px solid var(--nl-accent);border-radius:50%;background:var(--nl-accent);color:var(--nl-on-accent);text-decoration:none;cursor:pointer;box-sizing:border-box;transition:transform var(--nl-d-fast) var(--nl-ease-pop),background-color var(--nl-d-fast) var(--nl-ease),box-shadow var(--nl-d-fast) var(--nl-ease)}.nl-pcard__add svg{grid-area:1 / 1;stroke-width:2.5;transition:transform var(--nl-d-base) var(--nl-ease-pop),opacity var(--nl-d-fast) var(--nl-ease)}.nl-pcard__add-check{opacity:0;transform:scale(.4)}@media(hover:hover){.nl-pcard__add:hover{background:var(--nl-accent-hover);border-color:var(--nl-accent-hover);transform:translateY(-2px) scale(1.06);box-shadow:var(--nl-shadow-lift)}.nl-pcard__add:hover .nl-pcard__add-plus{transform:rotate(90deg)}}.nl-pcard__add:active{transform:scale(.94);box-shadow:none}.nl-pcard__add:focus-visible{outline:3px solid var(--nl-ink);outline-offset:3px}.nl-pcard__add[aria-busy=true]{cursor:progress;pointer-events:none}.nl-pcard__add[aria-busy=true] .nl-pcard__add-plus{animation:nl-spin .9s linear infinite}.nl-pcard__add.is-added{background:var(--nl-accent);border-color:var(--nl-accent);color:var(--nl-on-accent);transform:none;box-shadow:none}.nl-pcard__add.is-added .nl-pcard__add-plus{opacity:0;transform:scale(.4)}.nl-pcard__add.is-added .nl-pcard__add-check{opacity:1;transform:none}.nl-pcard__add--link{background:transparent;border-color:var(--nl-line-strong);color:var(--nl-ink)}@media(hover:hover){.nl-pcard__add--link:hover{background:var(--nl-ink);border-color:var(--nl-ink);color:var(--nl-on-accent)}}.nl-pcard__soldout-note{flex:none;display:inline-flex;align-items:center;min-height:32px;padding:0 .75rem;border-radius:var(--nl-r-pill);border:2px solid var(--nl-line);color:var(--nl-ink-muted);font:var(--nl-w-bold) var(--nl-t-caption)/1 var(--nl-font)}.nl-pcard__add--off,.nl-pcard__add--off:hover,.nl-pcard__add:disabled{background:var(--nl-surface-2);border-color:var(--nl-surface-2);color:var(--nl-ink-muted);cursor:not-allowed;transform:none;box-shadow:none}@media(hover:hover){.nl-pcard:hover .nl-pcard__media{transform:translateY(-4px);box-shadow:var(--nl-shadow-lift)}.nl-pcard:hover .nl-pcard__img{transform:scale(1.04)}.nl-pcard:hover .nl-pcard__flavor{transform:rotate(-2deg)}.nl-pcard--soldout:hover .nl-pcard__img{transform:none}}.nl-scheme-dark .nl-pcard,.nl-scheme-dark .nl-pcard__title,.nl-scheme-dark .nl-pcard .nl-price{color:var(--nl-ink-inverse)}.nl-scheme-dark .nl-pcard__line,.nl-scheme-dark .nl-pcard__sub{color:var(--nl-ink-inverse-muted)}.nl-scheme-dark .nl-pcard__chip{border-color:var(--nl-ink-inverse);color:var(--nl-ink-inverse)}.nl-scheme-dark .nl-pcard__chip.is-current,.nl-scheme-dark .nl-pcard__add{background:var(--nl-ink-inverse);border-color:var(--nl-ink-inverse);color:var(--nl-ink)}.nl-flavor-stage .nl-pcard__line,.nl-flavor-stage .nl-pcard__sub,.nl-flavor-stage--duo .nl-pcard__line,.nl-flavor-stage--duo .nl-pcard__sub{color:var(--nl-ink)}.nl-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--nl-s-1);row-gap:.125rem;color:var(--nl-ink);font-family:var(--nl-font)}.nl-price__main{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--nl-s-1)}.nl-price__value{font:var(--nl-w-bold) var(--nl-t-body)/1.1 var(--nl-font)}.nl-price__amount,.nl-price__unit-val{white-space:nowrap}.nl-price__from{font-weight:var(--nl-w-medium)}.nl-price__compare{font-size:var(--nl-t-small)}.nl-price__unit{flex-basis:100%;line-height:1.3}.nl-pcard .nl-price__value{font-size:var(--nl-t-body-lg)}.nl-price--lg .nl-price__value{font:var(--nl-w-black) var(--nl-t-h3)/1 var(--nl-font-display)}@media(prefers-reduced-motion:reduce){.nl-pcard__media,.nl-pcard__img,.nl-pcard__flavor,.nl-pcard__chip,.nl-pcard__add,.nl-pcard__add svg{transition:none}.nl-pcard__add[aria-busy=true] .nl-pcard__add-plus{animation:none}.nl-pcard:hover .nl-pcard__media,.nl-pcard:hover .nl-pcard__img,.nl-pcard:hover .nl-pcard__flavor,.nl-pcard__add:hover,.nl-pcard__add:hover .nl-pcard__add-plus,a.nl-pcard__chip:hover{transform:none}}.nl-pcard__nic{display:inline-flex;align-items:center;min-height:22px;padding:0 .5rem;border:2px solid var(--nl-line);border-radius:var(--nl-r-pill);color:var(--nl-ink);font:var(--nl-w-bold) var(--nl-t-caption)/1.1 var(--nl-font);box-sizing:border-box}.nl-pcard__nic--yes{border-color:var(--nl-ink)}.nl-scheme-dark .nl-pcard__nic{border-color:var(--nl-ink-inverse);color:var(--nl-ink-inverse)}.nl-pcard__add-icon{display:grid;place-items:center}.nl-pcard__add--mg{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:auto;min-width:var(--nl-hit);padding:0 .875rem 0 .625rem;border-radius:var(--nl-r-pill)}.nl-pcard__add-mg{font:var(--nl-w-bold) var(--nl-t-caption)/1 var(--nl-font);white-space:nowrap}@media(hover:hover){.nl-pcard__add--mg:hover{transform:translateY(-2px)}}.nl-pcard__add--mg:active{transform:scale(.98)}@container (max-width: 150px){.nl-pcard__add--mg{width:var(--nl-hit);padding:0}.nl-pcard__add-mg{display:none}}.nl-pcard__incart{grid-area:state;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--nl-s-1);margin-block-start:var(--nl-s-1)}.nl-pcard__incart[hidden]{display:none}.nl-pcard__incart-link{display:inline-flex;align-items:center;min-height:var(--nl-hit);color:var(--nl-ink);font:var(--nl-w-bold) var(--nl-t-small)/1.2 var(--nl-font);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--nl-line)}@media(hover:hover){.nl-pcard__incart-link:hover{text-decoration-color:var(--nl-ink)}}.nl-pcard__minus{flex:none;display:inline-grid;place-items:center;width:var(--nl-hit);height:var(--nl-hit);padding:0;border:var(--nl-border);border-radius:50%;background:transparent;color:var(--nl-ink);cursor:pointer;box-sizing:border-box;transition:transform var(--nl-d-fast) var(--nl-ease-pop),background-color var(--nl-d-fast) var(--nl-ease)}.nl-pcard__minus svg{stroke-width:2.5}@media(hover:hover){.nl-pcard__minus:hover{background:var(--nl-paper);transform:translateY(-2px)}}.nl-pcard__minus:active{background:var(--nl-ink);color:var(--nl-on-accent);transform:scale(.94)}.nl-pcard__minus[aria-busy=true]{cursor:progress;pointer-events:none;background:var(--nl-surface-2)}@media(scripting:none){.nl-pcard__minus{display:none}}.nl-scheme-dark .nl-pcard__incart-link{color:var(--nl-ink-inverse)}.nl-scheme-dark .nl-pcard__minus{border-color:var(--nl-ink-inverse);color:var(--nl-ink-inverse)}.nl-toast{position:fixed;z-index:35;inset-inline:var(--nl-gutter);inset-block-end:calc(var(--nl-s-2) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:var(--nl-s-2);max-width:30rem;margin-inline:auto;padding:.5rem .5rem .5rem 1.25rem;border-radius:var(--nl-r-pill);background:var(--nl-surface-dark);color:var(--nl-ink-inverse);box-shadow:var(--nl-shadow-pop);font:var(--nl-w-medium) var(--nl-t-small)/1.3 var(--nl-font);opacity:0;visibility:hidden;transform:translateY(calc(100% + var(--nl-s-2)));transition:transform var(--nl-d-base) var(--nl-ease-pop),opacity var(--nl-d-fast) var(--nl-ease),visibility 0s linear var(--nl-d-base)}.nl-toast.is-shown{opacity:1;visibility:visible;transform:none;transition:transform var(--nl-d-base) var(--nl-ease-pop),opacity var(--nl-d-fast) var(--nl-ease),visibility 0s}.nl-toast__text{min-width:0;margin:0}.nl-toast__text strong{font-weight:var(--nl-w-bold)}.nl-toast__link{flex:none;display:inline-flex;align-items:center;min-height:var(--nl-hit);padding:0 1.125rem;border-radius:var(--nl-r-pill);background:var(--nl-ink-inverse);color:var(--nl-ink);font:var(--nl-w-bold) var(--nl-t-small)/1 var(--nl-font);text-decoration:none;white-space:nowrap}.nl-toast__link:focus-visible{outline-color:var(--nl-ink-inverse)}@media(hover:hover){.nl-toast__link:hover{background:var(--nl-paper)}}.nl-reveal:has(.nl-pcard){opacity:1;transform:none;transition:none}.nl-reveal:not(.is-visible) .nl-pcard__img{opacity:0}.nl-reveal .nl-pcard__img{transition:opacity var(--nl-d-slow) var(--nl-ease-out),transform var(--nl-d-slow) var(--nl-ease-out)}.nl-pcard__body,.nl-pcard__title,.nl-pcard .nl-price{opacity:1}.nl-pcard__title>.nl-pcard__link:hover,.nl-pcard__title>.nl-pcard__link:visited{color:inherit}@media(scripting:none){.nl-reveal:not(.is-visible) .nl-pcard__img{opacity:1}}@media(prefers-reduced-motion:reduce){.nl-reveal:not(.is-visible) .nl-pcard__img{opacity:1}.nl-pcard__minus,.nl-toast,.nl-toast.is-shown{transition:none}.nl-toast,.nl-pcard__minus:hover,.nl-pcard__minus:active,.nl-pcard__add--mg:hover,.nl-pcard__add--mg:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/nl-product-card.css.map */