.pcard.ptile{--ptile-bg:#fff;aspect-ratio:581/665;background:var(--ptile-bg);transition:box-shadow .35s var(--ease-apple);color:#070707;border-radius:24px;grid-template-rows:auto 1fr auto auto;gap:0;padding:5.68% 4.65% 7.06% 3.27%;text-decoration:none;display:grid;overflow:hidden;box-shadow:0 1px 2px #0101350d,0 14px 34px -18px #01013538}.ptile-top,.ptile-foot{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.ptile-top{text-transform:uppercase;font-size:clamp(12px,2.75cqw,16px)}.ptile-badge{text-shadow:0 2px 4px #00000040}.ptile-badge--new{color:#84d2f6}.ptile-badge--limited{color:var(--burgundy);text-shadow:none}.ptile-badge--bestseller{color:var(--blue);text-shadow:none}.ptile-badge--out{color:var(--ink-50);text-shadow:none}.ptile-colors{flex:none}.ptile .pcard-media{box-shadow:none;aspect-ratio:auto;background:0 0;border-radius:0;min-height:0;margin-inline:-2%;overflow:visible}.ptile .pcard-photo{mix-blend-mode:multiply;background:0 0;position:absolute;inset:0}.ptile .pcard-photo.is-cutout{padding:6%}.ptile .pcard-media>.pcard-photo-hover.is-cutout{background:var(--ptile-bg)}.ptile .pcard-fav,.ptile .pcard-cmp{right:0}.ptile .pcard-fav{top:4px}.ptile .pcard-cmp{top:48px}[dir=rtl] .ptile .pcard-fav,[dir=rtl] .ptile .pcard-cmp{left:0;right:auto}.ptile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--display);color:#000;font-size:clamp(16px,4.13cqw,24px);font-weight:300;overflow:hidden}.ptile-price{flex:none;font-size:clamp(13px,2.75cqw,16px)}.ptile-dots{justify-content:center;gap:clamp(6px,1.7cqw,10px);min-height:clamp(14px,3.6cqw,21px);margin-top:clamp(12px,5.68cqw,33px);display:flex}.ptile-dot{aspect-ratio:1;border-radius:50%;width:clamp(14px,3.6cqw,21px);box-shadow:0 4px 4px #00000040}.ptile:hover{box-shadow:0 2px 4px #0101350f,0 22px 44px -20px #0101354d}.ptile:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (hover:hover) and (pointer:fine){.ptile .pcard-fav:not(.active),.ptile .pcard-cmp:not(.active){opacity:0;transition:opacity var(--dur-fast,.32s) var(--ease-apple), transform .15s ease}.ptile:hover .pcard-fav,.ptile:hover .pcard-cmp:not(:disabled),.ptile:focus-within .pcard-fav,.ptile:focus-within .pcard-cmp:not(:disabled){opacity:1}.ptile:hover .pcard-cmp:disabled,.ptile:focus-within .pcard-cmp:disabled{opacity:.35}}.rv-group .ptile.rv-item{transition:opacity var(--dur) var(--ease-apple) var(--r-delay,0s), translate var(--dur) var(--ease-apple) var(--r-delay,0s), box-shadow .35s var(--ease-apple) 0s}@media (prefers-reduced-motion:reduce){.rv-group .ptile.rv-item{transition:none}}
