.product-card-container{width:32%;padding:0 1rem;margin-bottom:3rem;transition:transform .3s ease-in-out}.product-card-container:hover{transform:scale(1.02)}.product-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #f0f0f0;transition:all .3s ease}.product-card-container:hover .product-card{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-2px)}.product-card-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px 16px 0 0}.product-card-image{object-fit:cover;height:100%;width:100%;transition:transform .3s ease-in-out}.product-card-container:hover .product-card-image{transform:scale(1.05)}.product-card-footer{padding:1rem 1.5rem;background:linear-gradient(180deg,#fff,#fafafa);border-radius:0 0 16px 16px}.product-card-title{font-size:1.2rem;font-weight:200;color:#1a1a1a;line-height:1.4;margin:0;letter-spacing:-.01em}@media screen and (width <= 1000px){.product-card-container{width:47%;padding:0}}@media screen and (width <= 500px){.product-card-container{width:100%}.responsive-container{flex-direction:column}.product-card-title{font-size:1rem!important}}.product-skeleton-container{width:32%;padding:0 1rem;margin-bottom:3rem}.product-skeleton-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #f0f0f0}.product-skeleton-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px 16px 0 0}.product-skeleton-image-placeholder{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.product-skeleton-footer{padding:1rem 1.5rem;background:linear-gradient(180deg,#fff,#fafafa);border-radius:0 0 16px 16px}.product-skeleton-title{height:1.2rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media screen and (width <= 1000px){.product-skeleton-container{width:45%}}@media screen and (width <= 671px){.product-skeleton-container{width:90%}}@media screen and (width <= 500px){.product-skeleton-container{width:100%}}