.graphite-product-card{color:#191b20;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}
.graphite-card-media{position:relative;min-width:0}
.graphite-product-card .graphite-card-image{display:block;position:relative;aspect-ratio:4/5;background:#f4f5f7;border:0;border-radius:0;box-shadow:none;overflow:hidden;isolation:isolate}
.graphite-card-photo{position:absolute;inset:4%;display:block;opacity:1;transition:opacity 340ms ease;pointer-events:none}
.graphite-card-photo>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none;transition:transform 650ms cubic-bezier(.2,.7,.2,1)}
.graphite-card-photo--alternate{opacity:0}
.graphite-product-card[data-graphite-active="1"] .graphite-card-photo[data-graphite-photo="0"]{opacity:0}
.graphite-product-card[data-graphite-active="1"] .graphite-card-photo[data-graphite-photo="1"]{opacity:1}
.graphite-card-empty{display:grid;height:100%;place-content:center;color:#5d626a;font-size:13px;padding:20px;text-align:center}
.graphite-product-card .graphite-card-sold{left:14px;bottom:14px;max-width:calc(100% - 28px);padding:7px 10px;background:#f4f5f7;color:#191b20;border:1px solid #d4d7dc;border-radius:0;font-size:11px;pointer-events:none}
.graphite-product-card .graphite-card-copy{padding:18px 0 0}
.graphite-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.graphite-card-heading>h2,.graphite-card-heading>h3{min-width:0;margin:0;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}
.graphite-product-card .graphite-card-heading>.df-money{font-size:13px;line-height:1.5;margin:0;flex-shrink:0;text-align:right}
.graphite-card-heading .df-money s{display:block;color:#5d626a;font-size:11px;font-weight:400}
.graphite-product-card .graphite-card-colors{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:10px;min-height:18px}
.graphite-card-swatches{display:inline-flex;align-items:center;gap:5px}
.graphite-product-card .graphite-card-colors>span:last-child{width:auto;margin:0;color:#5d626a;font-size:11px}
.graphite-product-card .graphite-card-swatches .df-color-dot{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #191b2030}
.graphite-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:7px}
.graphite-card-views{display:flex;gap:16px;align-items:center}
.graphite-card-views[hidden]{display:none}
.graphite-card-views button{position:relative;border:0;border-radius:0;box-shadow:none;background:transparent;color:#626771;min-height:44px;padding:10px 0;font:inherit;font-size:11px;cursor:pointer}
.graphite-card-views button:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:#191b20;transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.graphite-card-views button[aria-pressed="true"]{color:#191b20}
.graphite-card-views button[aria-pressed="true"]:after{transform:scaleX(1)}
.graphite-product-card .graphite-card-shop{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 0;font-size:11px;line-height:1.4;border:0;color:#191b20;text-decoration:none}
.graphite-card-shop .df-icon{width:14px;height:14px;transition:transform 220ms ease}
.graphite-card-shop:hover .df-icon,.graphite-card-shop:focus-visible .df-icon{transform:translateX(3px)}
.graphite-product-card a:focus-visible,.graphite-card-views button:focus-visible{outline:2px solid #191b20;outline-offset:4px}
.graphite-card-enter{animation:graphite-card-enter 520ms cubic-bezier(.2,.7,.2,1) both}
@keyframes graphite-card-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.graphite-card-image:hover .graphite-card-photo>img{transform:scale(1.025)}}
@media(max-width:1100px){.graphite-card-heading{display:block}.graphite-product-card .graphite-card-heading>.df-money{text-align:left;margin-top:5px}.graphite-card-heading .df-money s{display:inline;margin-left:5px}}
@media(max-width:640px){.graphite-card-photo{inset:2%}.graphite-product-card .graphite-card-copy{padding-top:12px}.graphite-card-heading>h2,.graphite-card-heading>h3{font-size:14px}.graphite-product-card .graphite-card-heading>.df-money{font-size:12px}.graphite-card-actions{gap:0 14px;margin-top:4px}.graphite-card-views{gap:18px}.graphite-product-card .graphite-card-shop{font-size:11px}.graphite-product-card .graphite-card-sold{left:8px;bottom:8px;font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.graphite-product-card,.graphite-product-card *,.graphite-product-card *:before,.graphite-product-card *:after{animation:none!important;transition:none!important}.graphite-card-photo>img{transform:none!important}}
@media(forced-colors:active){.graphite-product-card .graphite-card-sold,.graphite-card-views button[aria-pressed="true"]{outline:1px solid CanvasText}.graphite-card-photo>img{mix-blend-mode:normal}}


.graphite-theme .graphite-card-photo img[data-card-cutout]{mix-blend-mode:normal}
