.card{border:1px solid #0000;border-radius:16px;padding:4px;transition:all .3s ease-out}@media (min-width:640px){.card{border-radius:20px;padding:6px}}.card:hover{background-color:var(--white);box-shadow:0 4px 8px #2929290f,0 2px 4px #2929290a,0 1px 2px #2929290a,0 0 0 1px #2929290a,inset 0 -.5px .5px #29292914}.card .image{aspect-ratio:2/3;background-color:#f9f9f9;border:1px solid #dcdcdc;border-radius:16px;width:100%;max-width:400px;max-height:600px;margin:0 auto;transition:all .3s ease-out;position:relative;overflow:hidden}@media (max-width:1024px){.card .image{max-width:100%;max-height:none}}.card:hover .image{background-color:var(--neutral-2);border:1px solid #cacaca}.card .image:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#fff0 0%,#fff9 50%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.card:hover .image:after{animation:3s forwards shine}.card .image>img{border-radius:16px;transition:all .3s ease-out;transform:scale(1)}.card:hover .image>img{transform:scale(1.05)}.card-content{padding:6px 8px 8px;transition:all .3s ease-out}@media (min-width:640px){.card-content{padding:12px}}.card-badges{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.card-category-badge{background-color:var(--primary-50,#edfbfa);color:var(--primary-700,#0a7a70);border:1px solid var(--primary-100,#c0f5f1);white-space:nowrap;border-radius:9999px;align-items:center;padding:2px 10px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}@keyframes shine{0%{opacity:1;left:-150%}50%{opacity:1;left:150%}to{opacity:0;left:150%}}