.n10-card{--n10-card-radius: 16px;container-type:inline-size;container-name:n10card;position:relative;display:flex;flex-direction:column;width:100%;border-radius:var(--n10-card-radius);overflow:hidden;background:var(--n10-card-bg, #f4f4f4);color:#000;text-align:center}.n10-card *{box-sizing:border-box}.grid__item>.n10-card{height:100%}.n10-card a.n10-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;text-decoration:none;color:inherit;border-radius:inherit}.n10-card__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.n10-card__badge{position:absolute;top:0;right:0;z-index:6;display:flex;align-items:center;justify-content:center;min-width:60px;height:30px;padding:6px 10px;background:#fff;color:#000;font-family:var(--n10-font-display, var(--font-heading-family, inherit));font-size:18px;font-weight:700;line-height:17px;letter-spacing:0;text-transform:uppercase;border-radius:0 16px}.n10-card__badge--esgotado{background:#000;color:#fff;font-size:14px;min-width:0;padding:6px 12px}.n10-card__media{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-start;width:100%;pointer-events:none}.n10-card__img{display:block;width:min(300px,100%);height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center}.n10-card__img--alt{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease}.n10-card .placeholder-svg{background:transparent;opacity:.32;mix-blend-mode:multiply}.n10-card__info{position:relative;z-index:3;padding:0 10px 32px;pointer-events:none}.n10-card__title{font-family:var(--n10-font-display, var(--font-heading-family, inherit));font-size:24px;line-height:24px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:#000;max-width:90%;margin:0 auto 10px;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.n10-card__prices{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 10px;font-family:var(--font-body-family, inherit);font-size:16px;line-height:1.2;color:#000}.n10-card__compare{font-size:14px;color:#838383;text-decoration:line-through}.n10-card__price{font-weight:700}.n10-card__actions{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.n10-card__actions:not(:has(.n10-card__opts)){padding-top:38px}.n10-card__opts{position:relative;z-index:2;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;width:fit-content;max-width:100%;min-height:28px;margin:0 auto;border:1px solid #000;border-radius:5px;overflow:hidden;background:transparent;pointer-events:auto}.n10-card__opt-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.n10-card__opt{flex:0 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:2px 6px;font-family:var(--font-body-family, inherit);font-size:11px;font-weight:700;line-height:20px;letter-spacing:0;color:#000;text-transform:none;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;border-left:1px solid #000;transition:background .15s ease}.n10-card__opt-input:first-of-type+.n10-card__opt{border-left:0}.n10-card__opt:hover{background:#ffffff8c}.n10-card__opt-input:checked+.n10-card__opt{background:#fff;color:#000}.n10-card__opt-input:disabled+.n10-card__opt{opacity:.4;cursor:not-allowed;text-decoration:line-through}.n10-card__opt-input:focus-visible+.n10-card__opt{outline:2px solid #000;outline-offset:-2px}@container n10card (max-width: 268px){.n10-card__opt{padding:2px 4px;font-size:10px;line-height:18px;letter-spacing:-.01em}.n10-card__prices{gap:6px;font-size:15px}}@container n10card (max-width: 208px){.n10-card__opts{flex-direction:column;width:100%;min-height:0}.n10-card__opt{width:100%;padding:3px 6px;line-height:17px;border-left:0;border-top:1px solid #000}.n10-card__opt-input:first-of-type+.n10-card__opt{border-top:0}.n10-card__actions{width:100%}}.n10-card__btn{position:relative;z-index:2;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:105px;max-width:100%;padding:6px 12px;background:#000;color:#fff;border:0;border-radius:5px;font-family:var(--n10-btn-font, var(--font-body-family, inherit));font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;transition:opacity .15s ease}.n10-card__btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.n10-card__btn:hover{opacity:.85}.n10-card__btn[disabled]{opacity:.45;cursor:not-allowed}.n10-card__btn.is-loading{opacity:.6;pointer-events:none}@media screen and (min-width:750px)and (hover:hover){.n10-card{display:block;aspect-ratio:300 / 394;isolation:isolate}.n10-card:after{content:"";position:absolute;z-index:1;left:-30%;top:100%;width:160%;height:500px;border-radius:202px;background:var(--n10-card-hover, #37d42f);transition:top .8s ease,margin-top .8s ease;pointer-events:none}.n10-card__media{position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;transition:transform .5s ease}.n10-card__img{width:100%;max-width:300px;transform:scale(var(--n10-card-zoom, 1));transition:transform .5s ease}.n10-card__img--alt{top:50%;transform:translate(-50%,-50%) scale(var(--n10-card-zoom, 1))}.n10-card__info{position:absolute;left:0;right:0;bottom:0;padding:0 10px 18px;transform:translateY(110%);opacity:0;transition:transform .5s ease,opacity .3s ease}.n10-card__title{font-size:20px;line-height:21px;min-height:42px;-webkit-line-clamp:3;line-clamp:3;margin-bottom:8px}.n10-card__compare{color:#0009}.n10-card:hover:after,.n10-card:focus-within:after{top:0;margin-top:-30%}.n10-card:hover .n10-card__media,.n10-card:focus-within .n10-card__media{transform:translateY(-25%) scale(.64)}.n10-card:hover .n10-card__img,.n10-card:focus-within .n10-card__img{transform:scale(1)}.n10-card:hover .n10-card__info,.n10-card:focus-within .n10-card__info{transform:none;opacity:1}.n10-card:hover .n10-card__img--alt,.n10-card:focus-within .n10-card__img--alt{opacity:1}}@media(prefers-reduced-motion:reduce){.n10-card:after,.n10-card__media,.n10-card__info,.n10-card__img--alt,.n10-card__btn,.n10-card__opt{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/n10-card.css.map */