.stars{--s:14px;--r:5;--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.00 2.10 L14.85 8.88 L22.18 9.49 L16.61 14.30 L18.29 21.46 L12.00 17.65 L5.71 21.46 L7.39 14.30 L1.82 9.49 L9.15 8.88Z'/%3E%3C/svg%3E");width:calc(var(--s) * 5);height:var(--s);vertical-align:-.14em;background:linear-gradient(90deg, var(--ink) calc(var(--r) / 5 * 100%), var(--sand-300) 0);-webkit-mask:var(--star) 0 0 / var(--s) var(--s) repeat-x;-webkit-mask:var(--star) 0 0 / var(--s) var(--s) repeat-x;mask:var(--star) 0 0 / var(--s) var(--s) repeat-x;flex:none;display:inline-block}.stars--xs{--s:12px}.stars--m{--s:16px}.stars--l{--s:22px}.stars--one{width:var(--s);background:var(--ink)}.card__meta--rated{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;display:flex}.card__meta .rate{color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.card__meta .rate__n{color:var(--muted);font-weight:400}@container (width<=160px){.card__meta .rate__n{display:none}}.card{background:var(--white);box-shadow:var(--card-rest);transition:translate .7s var(--silk), box-shadow .7s var(--silk);flex-direction:column;padding:6px;list-style:none;display:flex;position:relative}.card__in{flex-direction:column;height:100%;margin:0;display:flex;container-type:inline-size}.card.is-out{display:none}@media (hover:hover) and (pointer:fine){.card:hover{box-shadow:var(--card-lift);translate:0 -6px}}.card__media{aspect-ratio:4/5;background:var(--white);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cors.fine .card__media[data-lens]{cursor:zoom-in}.card__hit{display:block;position:absolute;inset:0}.card__pic{transition:opacity .6s var(--silk);position:absolute;inset:0;overflow:hidden}.card__img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.card__pic.is-framed .card__img{inset:auto;left:calc(var(--fx) / var(--fw) * -100%);top:calc(var(--fy) / var(--fh) * -100%);width:calc(100% / var(--fw));height:calc(100% / var(--fh));object-fit:fill}.card__pic--b{opacity:0}.card.is-worn .card__pic--b{opacity:1}.card.is-worn .card__pic--a{opacity:0}.card.is-soldout .card__img{filter:saturate(.55)}.card.is-soldout:not(.is-worn) .card__pic--a,.card.is-soldout.is-worn .card__pic--b{opacity:.8}.card__swap{z-index:3;position:absolute;top:8px;right:8px}.card__qv{z-index:3;display:none;position:absolute;bottom:8px;right:8px}.js .card__qv{display:inline-flex}@media (hover:hover) and (pointer:fine){.js .card__qv{opacity:0;transition:opacity .35s var(--silk), translate .5s var(--silk);translate:0 6px}.card:hover .card__qv,.card:focus-within .card__qv{opacity:1;translate:0}}.card__tag{z-index:3;position:absolute;bottom:8px;left:8px}.card__last{z-index:3;pointer-events:none;margin:0;display:flex;position:absolute;top:14px;left:14px}@container (width<=173px){.card .tag{letter-spacing:.06em;padding:6px}}@container (width<=153px){.card.has-worn .card__last{top:52px}}@container (width<=190px){.card.has-worn .card__last--few{top:52px}}.card__sizes{z-index:4;box-shadow:var(--edge), 0 -10px 30px -18px #1a1a1a66;background:#fffffff7;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.card__sizes .label{width:100%;color:var(--sand-800)}.card__sizes .szchip{flex:1 1 0;min-width:52px;padding:0 6px}.card__body{grid-template-columns:1fr auto;align-items:baseline;gap:4px 8px;margin-top:auto;padding:12px 6px 6px;display:grid}.card__name{font-family:var(--f-display);letter-spacing:-.015em;margin:0;font-size:clamp(20px,1.05rem + .55vw,26px);font-weight:600;line-height:1}.card__name a{min-block-size:24px;color:inherit;margin-block:-2px;padding-block:2px;text-decoration:none;display:inline-block}.card__name a:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.card__price{margin:0;font-size:15px}.card__meta{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px}.card.is-soldout .card__meta{color:var(--wine-600);font-weight:500}.card__cta{grid-column:1/-1;margin-top:10px}.lens-gl{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (width<=420px){.card__body{padding-inline:4px}.card__price{font-size:14px}.card .btn--sm{padding:0 10px}}@media (prefers-reduced-motion:reduce){.card,.card__pic{transition:none}}html.rm .card,html.rm .card__pic{transition:none}
