.pc{--card-yarn:var(--rose);--card-tint:var(--rose-tint);min-width:0;position:relative;container:pc/inline-size}.pc[data-tone=violet]{--card-yarn:var(--violet);--card-tint:var(--violet-tint)}.pc[data-tone=teal]{--card-yarn:var(--teal);--card-tint:var(--teal-tint)}.rail>.pc,.hscroll-track>.pc{width:clamp(236px,68vw,296px)}.js .pc[data-reveal]{--img-delay:calc(var(--reveal-delay,0) * 80ms + .16s)}.js .pc[data-reveal]:not(.is-in){transform:translateY(56px)scale(.96)}.js .pc[data-reveal]:not(.is-in) .pc-img{opacity:0;translate:0 20px;scale:.9}.pc-inner{isolation:isolate;background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-soft);transition:transform .45s var(--ease-out), box-shadow .3s ease, border-color .3s ease;flex-direction:column;padding:10px;display:flex;position:relative}.pc-inner:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,20%), color-mix(in srgb, var(--card-yarn) 16%, transparent), transparent 70%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.pc-media{aspect-ratio:4/5;border-radius:var(--radius-md);background-color:var(--card-tint);background-image:radial-gradient(ellipse 70% 60% at 50% 58%, #ffffff8c, transparent 70%), radial-gradient(color-mix(in srgb, var(--card-yarn) 16%, transparent) 1.1px, transparent 1.7px);background-blend-mode:soft-light, normal;background-position:50%,6px 6px;background-size:100% 100%,13px 13px;position:relative;overflow:hidden}.pc-media:after{content:"";pointer-events:none;background:radial-gradient(circle at calc(50% + var(--tilt-x,0) * 45%) calc(35% + var(--tilt-y,0) * 45%), #ffffff80, transparent 52%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;position:absolute;inset:0}.pc-media .pc-img{object-fit:contain;transform-origin:50% 62%;transition:transform .7s var(--ease-out), opacity .8s var(--ease-out) var(--img-delay,0s), translate 1s var(--ease-out) var(--img-delay,0s), scale 1s var(--ease-out) var(--img-delay,0s)}.pc-shot{position:absolute;inset:0}.pc-shot-alt{background:inherit;background-blend-mode:inherit;opacity:0;transition:opacity .5s}.pc-fallback{color:var(--card-yarn);place-items:center;display:grid;position:absolute;inset:22%}.pc-fallback svg{opacity:.55;width:100%;height:auto}.pc-body{flex-direction:column;flex:1;gap:6px;padding:14px 8px 6px;display:flex}.pc-cat{font:700 11px/16px var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;display:inline-flex}.pc-cat:before{content:"";background:var(--card-yarn);border-radius:2px;flex:none;width:14px;height:2px}.pc-title{font:500 20px/1.2 var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 36;letter-spacing:-.005em;text-wrap:balance}.pc-link{color:var(--ink);background:repeating-linear-gradient(90deg, var(--rose) 0 6px, transparent 6px 10px) left 100% / 0% 1.5px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .6s var(--ease-out), color .2s ease;text-decoration:none}.pc-link:after{content:"";z-index:1;border-radius:var(--radius-lg);position:absolute;inset:0}.pc-meta{font:500 12.5px/18px var(--font-sans);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.pc-dots{align-items:center;padding-left:2px;display:inline-flex}.pc-dot{background:radial-gradient(circle at 34% 30%, #ffffff73, transparent 55%), var(--dot,var(--card-yarn));width:14px;height:14px;box-shadow:0 0 0 2px var(--surface-raised), inset 0 0 0 1px color-mix(in srgb, var(--ink) 24%, transparent);transition:transform .4s var(--ease-out);border-radius:50%}.pc-dot+.pc-dot{margin-left:-4px}.pc-dots-more{margin-left:6px;font-size:11.5px;font-weight:700}.pc-hours{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.pc-clock{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.pc-clock-hand{transform-box:view-box;transform-origin:12px 12px;transition:transform 1.1s var(--ease-out)}.pc-rating{font:700 12.5px/18px var(--font-sans);color:var(--ink);align-items:center;gap:6px;display:inline-flex}.pc-rating-count{color:var(--ink-muted);font-weight:500}.pc-foot{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:auto;padding-top:6px;display:flex}.pc .pc-price{font-size:17px;line-height:22px}.pc-stock{font:600 12px/16px var(--font-sans);color:var(--ink-muted);align-items:center;gap:6px;display:inline-flex}.pc-stock:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pc-stock[data-state=mto]{color:var(--violet)}.pc-overlay{z-index:2;aspect-ratio:4/5;border-radius:var(--radius-md);pointer-events:none;position:absolute;top:10px;left:10px;right:10px;overflow:hidden}.pc-overlay>.pc-wish,.pc-overlay>.pc-add{pointer-events:auto}.pc-badge{text-overflow:ellipsis;max-width:calc(100% - 76px);box-shadow:var(--shadow-soft);position:absolute;top:12px;left:12px;overflow:hidden}.pc-badge.badge-gold:before{content:"";clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:currentColor;flex:none;width:9px;height:9px}.pc-wish{position:absolute;top:8px;right:8px}.pc .pc-add{opacity:0;min-height:44px;transition:transform .45s var(--ease-out), opacity .3s ease, background var(--dur-fast) ease, box-shadow var(--dur-fast) ease;gap:6px;padding-inline:14px;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(calc(100% + 16px))}.pc .pc-add svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pc:focus-within .pc-add{opacity:1;transform:none}@media (hover:none),(pointer:coarse){.pc .pc-add{opacity:1;transform:none}}.pc .pc-overlay .pc-add:active{transform:scale(.96)}.pc .pc-add[disabled],.pc .pc-add[aria-disabled=true]{opacity:.6}@supports selector(:has(a)){.pc:has(.pc-link:focus-visible) .pc-inner{outline:2px solid var(--focus);outline-offset:3px}.pc-link:focus-visible{outline:none}}.pc:focus-within .pc-inner{box-shadow:var(--shadow-lift)}@media (hover:hover) and (pointer:fine){.pc-inner{transform:perspective(1000px) rotateX(calc(var(--tilt-y,0) * -4deg)) rotateY(calc(var(--tilt-x,0) * 5deg)) translate3d(0, var(--lift,0px), 0)}.pc:hover .pc-inner{--lift:-6px;box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--card-yarn) 35%, var(--hairline))}.pc:hover .pc-inner:before,.pc:hover .pc-media:after{opacity:1}.pc:hover .pc-img{transform:translate3d(calc(var(--tilt-x,0) * -6px), calc(var(--tilt-y,0) * -6px), 0) scale(1.06) rotate(-2deg)}.pc:hover .pc-shot-alt{opacity:1}.pc:hover .pc-link{color:var(--rose-deep);background-size:100% 1.5px}.pc:hover .pc-dot:nth-child(2){transform:translate(4px)}.pc:hover .pc-dot:nth-child(3){transform:translate(8px)}.pc:hover .pc-dot:nth-child(4){transform:translate(12px)}.pc:hover .pc-clock-hand{transform:rotate(360deg)}.pc:hover .pc-add{opacity:1;transform:none}.pc .pc-add:hover{box-shadow:var(--shadow-lift)}}@container pc (max-width:220px){.pc-inner{border-radius:22px;padding:8px}.pc-overlay{border-radius:12px;top:8px;left:8px;right:8px}.pc-media{border-radius:12px}.pc-link:after{border-radius:22px}.pc-badge{max-width:calc(100% - 60px);padding:2px 8px;font-size:11px;top:8px;left:8px}.pc-wish{top:4px;right:4px}.pc .pc-add{border-radius:50%;width:44px;padding:0;bottom:6px;left:auto;right:6px}.pc-add-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.pc-body{gap:5px;padding:12px 4px 4px}.pc-cat{letter-spacing:.12em;gap:6px;font-size:10px}.pc-cat:before{width:10px}.pc-title{font-size:16.5px}.pc-meta{gap:4px 10px;font-size:11.5px}.pc .pc-price{font-size:15.5px}}@media (prefers-reduced-motion:reduce){.pc-inner,.pc:hover .pc-inner,.pc-img,.pc:hover .pc-img{transform:none!important}.js .pc[data-reveal] .pc-img{opacity:1!important;translate:none!important;scale:none!important}.pc-shot-alt{display:none}}.pc-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;margin:0;padding:0;list-style:none;display:grid}.pc-grid>li{min-width:0;display:grid}@media (min-width:480px){.pc-grid{gap:var(--space-6)}}@media (min-width:760px){.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.pc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pc-grid[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:760px){.pc-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}