.pcard-thumb{display:block;position:relative;overflow:hidden}.pcard-img{width:100%;height:100%;object-fit:cover}.pcard-img--zoom{transition:transform .35s ease}.pcard-thumb:hover .pcard-img--zoom{transform:scale(1.06)}.pcard--video .pcard-thumb{aspect-ratio:16 / 9;background:#050505}.pcard--video .pcard-img,.pcard--video .pcard-video{object-fit:contain}.pcard-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}.pcard-thumb.is-playing .pcard-video{opacity:1}.pcard-video.pcard-video--still{opacity:1}.pcard-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .25);opacity:0;transition:opacity .25s;pointer-events:none}.pcard-thumb:hover .pcard-play-overlay{opacity:1}.pcard-thumb.is-playing .pcard-play-overlay{opacity:0}.pcard-play-btn{width:52px;height:52px;border-radius:50%;background:rgb(255 255 255 / .92);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#111;border:none;pointer-events:none;transform:scale(.85);transition:transform .25s;box-shadow:0 4px 20px rgb(0 0 0 / .3)}.pcard-thumb:hover .pcard-play-btn{transform:scale(1)}.pcard--image .product-footer .btn-add{opacity:0;transform:translateY(4px) scale(.94);pointer-events:none;transition:opacity .18s ease,transform .18s ease,background .15s ease}.pcard--image:hover .product-footer .btn-add,.pcard--image:focus-within .product-footer .btn-add{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}@media (hover:none){.pcard-thumb .pcard-play-overlay{opacity:1;background:#fff0}.pcard-thumb.is-playing .pcard-play-overlay{opacity:0}.pcard--image .product-footer .btn-add{opacity:1;transform:none;pointer-events:auto}}.pcard-type-badge{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.7rem;font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}.type-badge-image{background:rgb(124 58 237 / .18);color:#c4b5fd;border:1px solid rgb(124 58 237 / .35)}.type-badge-video{background:rgb(239 68 68 / .18);color:#fca5a5;border:1px solid rgb(239 68 68 / .35)}.type-badge-audio{background:rgb(5 150 105 / .18);color:#6ee7b7;border:1px solid rgb(5 150 105 / .35)}