.sg-card{position:relative;color:var(--sg-ink)}.sg-card__frame{position:relative;transition:transform var(--sg-dur-3) var(--sg-ease)}.sg-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--sg-ratio, 4 / 5);border:1px solid var(--sg-line);border-radius:22px;background:var(--sg-tile, var(--sg-tile-blush));transition:box-shadow var(--sg-dur-3) var(--sg-ease),border-color var(--sg-dur-2) ease}.sg-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--sg-dur-3) var(--sg-ease),transform 1.2s var(--sg-ease)}.sg-card__img--alt{opacity:0}.sg-card__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:rgb(var(--sg-ink-rgb) / .3);font:italic 500 1.6rem/1 var(--sg-font-display)}.sg-card__badge{position:absolute;top:10px;inset-inline-start:10px;z-index:1;padding:6px 11px;border-radius:999px;background:var(--sg-card);color:var(--sg-ink);font:700 10.5px/1 var(--sg-font-body);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--sg-shadow)}.sg-card__badge--sale{display:inline-flex;align-items:center;gap:6px;padding:5px 5px 5px 12px;background:var(--sg-accent);color:var(--sg-on-accent)}.sg-card__badge--sale b{padding:4px 8px;border-radius:999px;background:var(--sg-card);color:var(--sg-accent);font-weight:700;letter-spacing:.02em}.sg-card__qv{position:absolute;inset-inline-end:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0;border:1px solid var(--sg-line);border-radius:999px;background:var(--sg-card);color:var(--sg-ink);box-shadow:var(--sg-shadow);font:600 13px/1 var(--sg-font-body);cursor:pointer;transition:opacity var(--sg-dur-2) var(--sg-ease),transform var(--sg-dur-2) var(--sg-ease),background-color var(--sg-dur-2) ease,color var(--sg-dur-2) ease}.sg-card__qv:hover{background:var(--sg-btn-bg);color:var(--sg-btn-text)}.sg-card__qv-text{display:none}.sg-card__body{display:block;padding:12px 4px 0;color:inherit;text-decoration:none}.sg-card__title{margin:0;color:var(--sg-ink);font:500 15px/1.3 var(--sg-font-body);letter-spacing:0}.sg-card__hook{display:-webkit-box;margin:4px 0 0;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--sg-muted);font:400 13px/1.35 var(--sg-font-body)}.sg-card__price{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;color:var(--sg-ink);font:600 14px/1.2 var(--sg-font-body)}.sg-card__price s{color:var(--sg-muted);font-weight:400;font-size:13px}.sg-card__price.is-sale .sg-card__now{color:var(--sg-accent);font-size:15px;font-weight:700}.sg-card__off{padding:3px 8px;border-radius:999px;background:rgb(var(--sg-accent-rgb) / .14);color:var(--sg-accent);font:700 11px/1.2 var(--sg-font-body);font-style:normal;letter-spacing:.02em}.sg-card__dots{display:flex;gap:5px;margin-top:9px}.sg-card__dot{width:12px;height:12px;border:1px solid var(--sg-line-strong);border-radius:50%}.sg-card--sale .sg-card__media{border-color:rgb(var(--sg-accent-rgb) / .45)}.sg-card--arch .sg-card__media{border-radius:var(--sg-arch)}.sg-card--arch .sg-card__body{text-align:center}.sg-card--arch .sg-card__price,.sg-card--arch .sg-card__dots{justify-content:center}.sg-card--arch .sg-card__badge{inset-inline-start:50%;transform:translate(-50%);top:14px}.sg-card--minimal .sg-card__media{border-color:transparent;border-radius:14px}.sg-card--tile .sg-card__media{border-bottom:0;border-radius:22px 22px 0 0}.sg-card--tile .sg-card__body{padding:14px 16px 16px;border:1px solid var(--sg-line);border-top:0;border-radius:0 0 22px 22px;background:var(--sg-tile)}@media(hover:hover){.sg-card:hover .sg-card__frame{transform:translateY(-4px)}.sg-card:hover .sg-card__media{box-shadow:var(--sg-shadow-lift)}.sg-card:hover .sg-card__img--alt{opacity:1}.sg-card:hover .sg-card__img:not(.sg-card__img--alt){transform:scale(1.03)}.sg-card__qv{opacity:0;transform:translateY(6px)}.sg-card:hover .sg-card__qv,.sg-card__qv:focus-visible{opacity:1;transform:none;padding:0 16px}.sg-card:hover .sg-card__qv-text,.sg-card__qv:focus-visible .sg-card__qv-text{display:inline}}@media(prefers-reduced-motion:reduce){.sg-card__frame,.sg-card__media,.sg-card__img,.sg-card__qv{transition:none}.sg-card:hover .sg-card__frame,.sg-card:hover .sg-card__img:not(.sg-card__img--alt){transform:none}}.sg-pdp__price s+span,.sg-qv__price s+span{color:var(--sg-accent)}.sg-pdp__price s,.sg-qv__price s{order:2}.sg-pdp__price s+span,.sg-qv__price s+span{order:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/supra-card.css.map */