.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:24px;gap:24px}.pc-card{--pc-tint:var(--hp-mint);background:var(--pc-tint);border:3px solid var(--hp-ink);border-radius:26px;padding:12px;box-shadow:6px 6px 0 var(--hp-ink);color:var(--hp-ink);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.pc-card:nth-child(4n+2){--pc-tint:var(--hp-pink)}.pc-card:nth-child(4n+3){--pc-tint:var(--hp-teal)}.pc-card:nth-child(4n+4){--pc-tint:var(--hp-pink-soft)}.pc-card:hover{transform:rotate(-1.5deg) translateY(-6px)}.pc-card:nth-child(2n):hover{transform:rotate(1.5deg) translateY(-6px)}.pc-img{position:relative;display:block;aspect-ratio:1;border-radius:18px;border:3px solid var(--hp-ink);overflow:hidden;background:#fff}.pc-img img{width:100%;height:100%;object-fit:cover;display:block}.pc-flag{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#fff;border:2px solid var(--hp-ink);font:700 12px var(--font-body),sans-serif}.pc-body{background:#fff;border:3px solid var(--hp-ink);border-radius:18px;margin-top:10px;padding:12px 14px}.pc-body h3{margin:0;font-family:var(--font-fun),sans-serif;font-size:21px;line-height:1.15}.pc-meta{gap:5px;font:500 14px var(--font-body),sans-serif;color:#555;margin:2px 0 10px}.pc-foot,.pc-meta{display:flex;align-items:center}.pc-foot{justify-content:space-between;gap:8px}.pc-price{font-family:var(--font-fun),sans-serif;font-weight:700;font-size:22px}.pc-actions{display:flex;gap:6px}.pc-add,.pc-try{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;border-radius:12px;border:2px solid var(--hp-ink);font:700 14px var(--font-body),sans-serif;color:var(--hp-ink);cursor:pointer;white-space:nowrap}.pc-try{background:#fff}.pc-add{background:var(--hp-pink-soft)}.pc-add:hover,.pc-try:hover{transform:translateY(-1px)}@media (max-width:520px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pc-card{padding:8px;box-shadow:4px 4px 0 var(--hp-ink)}.pc-body{padding:10px}.pc-body h3{font-size:17px}.pc-actions,.pc-foot{flex-direction:column;align-items:stretch}}