@charset "UTF-8";.product-card{--product-card-type: clamp(.9375rem, 4.4vw, var(--font-size-xl));position:relative;display:grid;gap:var(--space-sm)}.product-card__media{position:relative;aspect-ratio:4/3;overflow:hidden}.product-card__image,.product-card__scene{position:absolute;inset:0;inline-size:100%;block-size:100%;object-position:center}.product-card__image{object-fit:contain}.product-card__scene{object-fit:contain;opacity:0;transition:opacity var(--motion-base) var(--motion-ease-out)}.product-card__meta{display:grid;gap:var(--space-sm);margin-inline:3.05%}.product-card__headline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3xs) var(--space-md);align-items:center}.product-card__naming{display:contents}.product-card__cart,.product-card__sold-out{grid-column:2}.product-card__name{grid-column:1/-1;margin:0;font-family:var(--font-body);font-size:calc(var(--product-card-type) + 1px);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.product-card__link{color:inherit;text-decoration:none}.product-card__link:after{position:absolute;inset:0;content:""}.product-card__price{grid-column:1/-1;margin:0;font-size:var(--product-card-type);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.product-card__cart{position:relative;z-index:1;display:none;flex-shrink:0;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--color-surface-inverse);color:var(--color-text-inverse);transition:background-color var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}.product-card__cart:before{width:1.25rem;height:1.25rem;background:currentcolor;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.4301%205.92993L20.5001%2011.9999L14.4301%2018.0699'%20stroke='%23000'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M3.5%2012H20.33'%20stroke='%23000'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center/contain;mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.4301%205.92993L20.5001%2011.9999L14.4301%2018.0699'%20stroke='%23000'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M3.5%2012H20.33'%20stroke='%23000'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center/contain;transition:translate var(--motion-fast) var(--motion-ease-out);content:""}.product-card__rating{display:flex;gap:var(--space-2xs);align-items:center;margin:0;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-tight)}.product-card__stars{display:flex;gap:var(--space-3xs);align-items:center}.product-card__star{width:1.25rem;height:1.25rem;background:var(--color-accent);-webkit-mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='material-symbols:star'%3e%3cpath%20id='Vector'%20d='M4.85352%2017.5001L6.20768%2011.6459L1.66602%207.70841L7.66602%207.18758L9.99935%201.66675L12.3327%207.18758L18.3327%207.70841L13.791%2011.6459L15.1452%2017.5001L9.99935%2014.3959L4.85352%2017.5001Z'%20fill='%23F5A300'/%3e%3c/g%3e%3c/svg%3e") no-repeat center/contain;mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='material-symbols:star'%3e%3cpath%20id='Vector'%20d='M4.85352%2017.5001L6.20768%2011.6459L1.66602%207.70841L7.66602%207.18758L9.99935%201.66675L12.3327%207.18758L18.3327%207.70841L13.791%2011.6459L15.1452%2017.5001L9.99935%2014.3959L4.85352%2017.5001Z'%20fill='%23F5A300'/%3e%3c/g%3e%3c/svg%3e") no-repeat center/contain}.product-card__cart-label,.product-card__score{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.product-card:hover .product-card__scene,.product-card:focus-within .product-card__scene{opacity:1}.product-card__cart:hover,.product-card__cart:focus-visible,.product-card:hover .product-card__cart,.product-card:focus-within .product-card__cart{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 var(--border-width-hairline) var(--color-border)}.product-card__cart:hover:before,.product-card:hover .product-card__cart:before,.product-card:focus-within .product-card__cart:before{translate:.125rem 0}.product-card :is(a):focus-visible{outline:var(--focus-ring-width) solid var(--color-text);outline-offset:var(--focus-ring-width)}@media(min-width:36rem){.product-card__name{font-size:var(--font-size-xl)}.product-card__cart{display:grid}.product-card__price{grid-column:1;font-size:var(--font-size-xl)}.product-card__headline{display:flex;gap:var(--space-md);align-items:center;justify-content:space-between}.product-card__naming{display:grid;gap:var(--space-3xs);min-width:0}}.product-card--compact{align-content:start;gap:1.375rem}.product-card--compact .product-card__name,.product-card--compact .product-card__price{font-size:var(--font-size-md)}.product-card--compact .product-card__cart{width:2.375rem;height:2.375rem}.product-card--compact .product-card__cart:before{width:1.125rem;height:1.125rem}.product-card--compact .product-card__rating{font-size:var(--font-size-sm)}.product-card--compact .product-card__meta{align-content:start;margin-inline:0;gap:.625rem}.product-card[data-reveal]{opacity:0}.product-card[data-reveal=in]{animation:product-card-rise var(--motion-base) var(--motion-ease-out) both}.product-card[data-reveal=in]:nth-child(4n+1){animation-delay:0ms}.product-card[data-reveal=in]:nth-child(4n+2){animation-delay:60ms}.product-card[data-reveal=in]:nth-child(4n+3){animation-delay:.12s}.product-card[data-reveal=in]:nth-child(4n+4){animation-delay:.18s}@keyframes product-card-rise{0%{opacity:0;translate:0 var(--space-md)}to{opacity:1;translate:0 0}}
