.pcd-wrap{display:block;height:100%}
.pcd{position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #ebe7e0;border-radius:20px;overflow:hidden;box-shadow:0 2px 14px rgba(28,28,28,.05);transition:box-shadow .2s ease,transform .2s ease}
.pcd:hover{box-shadow:0 10px 26px rgba(28,28,28,.1);transform:translateY(-2px)}
.pcd:focus-within{outline:2px solid #121212;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.pcd{transition:none}.pcd:hover{transform:none}}
.pcd__media{position:relative;aspect-ratio:1/1;background:#f6f3ee;display:flex;align-items:center;justify-content:center;padding:1.6rem}
.pcd__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pcd__ph{width:70%;height:70%;fill:rgba(18,18,18,.25)}
.pcd__badges{position:absolute;top:1.2rem;left:1.2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;z-index:1}
.pcd__badge{font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;border-radius:6px;line-height:1.2}
.pcd__badge--new{background:#e5ae44;color:#121212}
.pcd__badge--sale{background:#fe4e00;color:#121212}
.pcd__badge--abv{background:#121212;color:#fff;text-transform:none;letter-spacing:.04em}
.pcd__body{padding:1.8rem 2rem 2rem;display:flex;flex-direction:column;gap:.6rem;flex-grow:1}
.pcd__vendor{font-size:1.15rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b}
.pcd__title{margin:0;font-size:1.7rem;font-weight:500;line-height:1.3;letter-spacing:.02em}
.pcd__title a{color:#121212;text-decoration:none}
.pcd__title a::after{content:'';position:absolute;inset:0;z-index:2}
.pcd__title a:focus-visible{outline:none;box-shadow:none}
.pcd:hover .pcd__title a{color:#fe4e00}
.pcd__rating{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:#6b6b6b}
.pcd__stars{color:#e5ae44;letter-spacing:.1rem;font-size:1.4rem}
.pcd__stars span{color:#ddd8cf}
.pcd__foot{margin-top:auto;padding-top:1.4rem;border-top:1px solid #efebe4;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
.pcd__size{display:block;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b;margin-bottom:.2rem}
.pcd__price{font-size:1.9rem;font-weight:600;color:#121212;line-height:1.2}
.pcd__price s{font-size:1.4rem;font-weight:400;color:#6b6b6b;margin-left:.6rem}
.pcd__stock{font-size:1.2rem;font-weight:600;padding:.5rem 1rem;border-radius:999px;white-space:nowrap;background:#e7f5ec;color:#1d6b3a}
.pcd__stock--out{background:#f1efeb;color:#5f5f5f}
@media screen and (max-width:749px){.pcd{border-radius:16px}.pcd__media{padding:1rem}.pcd__badges{top:.8rem;left:.8rem}.pcd__badge{font-size:1rem;padding:.4rem .8rem}.pcd__body{padding:1.4rem}.pcd__title{font-size:1.5rem}.pcd__price{font-size:1.6rem}.pcd__foot{flex-direction:column;align-items:flex-start;gap:.8rem}}