.pcard{position:relative;display:flex;flex-direction:column;gap:12px}.pcard__link{display:block}.pcard__media{position:relative;aspect-ratio:var(--pcard-ratio, 4 / 5);overflow:hidden;background-color:var(--bone)}.pcard__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.pcard__track{display:flex;height:100%;overflow:hidden}.js .pcard__track{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.js .pcard__track::-webkit-scrollbar{display:none}.pcard__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--bone)}.pcard__progress{position:absolute;right:12px;bottom:6px;left:12px;display:none;gap:4px;pointer-events:none}.pcard__progress-step{flex:1;height:2px;background-color:var(--page);opacity:.45;box-shadow:0 0 2px #00000040;transition:opacity .2s ease}.pcard__progress-step.is-current{opacity:1}@media(hover:none){.js .pcard__progress{display:flex}}.pcard__image--empty{background-color:var(--bone)}@media(hover:hover){.pcard__link:hover .pcard__image{transform:scale(1.03)}}.pcard__image--alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease,transform .4s ease}@media(hover:hover)and (pointer:fine){.pcard.is-alt-ready:hover .pcard__image--alt,.pcard.is-alt-ready:focus-within .pcard__image--alt{opacity:1}}.pcard__placeholder{width:100%;height:100%;fill:var(--sand)}.pcard__tags{position:absolute;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.pcard__badge,.pcard__chip{max-width:100%;overflow:hidden;padding:5px 8px;font-size:var(--text-badge);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.pcard__badge{background-color:var(--ink);color:var(--page)}.pcard__chip{background-color:var(--page);color:var(--ink)}.pcard__body{margin-top:12px;display:flex;flex-direction:column;gap:4px}.pcard__title{margin:0;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--font-weight-medium);line-height:1.3;text-transform:none;letter-spacing:0}.pcard__meta{margin:0;overflow:hidden;font-size:var(--text-sm);color:var(--stone);text-overflow:ellipsis;white-space:nowrap}.pcard__price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;margin:0;font-size:var(--text-md);color:var(--stone)}.pcard__amount{white-space:nowrap}.pcard__was{color:var(--stone)}.pcard__swatches{display:flex;align-items:center;margin-left:-4px;margin-top:-10px}.pcard__swatch-button{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:44px;padding:0;border:0;background:none;cursor:pointer}.no-js .pcard__swatch-button{cursor:default}.pcard__swatch{width:13px;height:13px;outline:1px solid transparent;outline-offset:2px;transition:outline-color .15s ease}.pcard__swatch-button[aria-pressed=true] .pcard__swatch{outline-color:var(--ink)}@media(hover:hover){.pcard__swatch-button[aria-pressed=false]:hover .pcard__swatch{outline-color:var(--line)}}.pcard__swatch-more{margin-left:4px;font-size:var(--text-sm);color:var(--stone)}.pcard__wish{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:0;color:var(--ink);cursor:pointer}.pcard__wish .icon{width:20px;height:20px;filter:drop-shadow(0 0 3px rgb(255 255 255 / .9));transition:transform .15s ease}.pcard__wish[aria-pressed=true] .icon{fill:var(--ink)}@media(hover:hover){.pcard__wish:hover .icon{transform:scale(1.1)}}.pcard__nav{position:absolute;top:0;left:0;display:none;align-items:center;justify-content:space-between;width:100%;aspect-ratio:var(--pcard-ratio, 4 / 5);padding:0 4px;pointer-events:none;z-index:1}@media(hover:hover)and (pointer:fine){.js .pcard__nav{display:flex}}.pcard__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;opacity:0;pointer-events:auto;transition:opacity .2s ease}.pcard__arrow--next{margin-left:auto}.pcard__arrow[hidden]{display:none}.pcard:hover .pcard__arrow{opacity:.85}@media(hover:hover){.pcard .pcard__arrow:hover{opacity:1}}.pcard__arrow .icon{width:20px;height:20px;filter:drop-shadow(0 0 3px rgb(255 255 255 / .9))}.pcard__arrow--prev .icon{transform:rotate(90deg)}.pcard__arrow--next .icon{transform:rotate(-90deg)}.pcard__add-frame{position:absolute;top:0;left:0;width:100%;aspect-ratio:var(--pcard-ratio, 4 / 5);pointer-events:none}.pcard__add{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink);pointer-events:auto}.pcard__add .icon{width:22px;height:22px;filter:drop-shadow(0 0 3px rgb(255 255 255 / .9));transition:transform .15s ease}@media(hover:hover){.pcard__add:hover .icon{transform:scale(1.1)}}.no-js .pcard__add-frame{display:none}@media(hover:hover)and (pointer:fine){.pcard__add-frame{display:none}}.pcard__quick-frame{position:absolute;top:0;left:0;width:100%;aspect-ratio:var(--pcard-ratio, 4 / 5);overflow:hidden;pointer-events:none}.pcard__quick{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:8px;background-color:var(--page);transform:translateY(100%);transition:transform .25s ease}.pcard__sizes{display:flex;flex-wrap:wrap;gap:4px}.pcard__sizes .pcard__size{flex:1 0 28px}.pcard__sizes[hidden],.pcard__price[hidden]{display:none}.pcard__size-form{display:contents}.pcard__size{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 2px;white-space:nowrap;border:1px solid var(--line);background-color:var(--page);color:var(--ink);font:inherit;font-size:var(--text-sm);cursor:pointer}@media(hover:hover){.pcard__size:hover{border-color:var(--ink)}}.pcard__size[aria-disabled=true]{cursor:progress;opacity:.5}.pcard__size--sold{color:var(--stone);cursor:default}.pcard:has(:focus-visible) .pcard__quick{transform:translateY(0);pointer-events:auto}@media(hover:hover){.pcard--quick:hover .pcard__quick{transform:translateY(0);pointer-events:auto}}@media(prefers-reduced-motion:reduce){.pcard__wish .icon,.pcard__image--alt,.pcard__quick,.pcard__arrow,.pcard__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/card-product.css.map */