/* ============================================= RESTIO WELLNESS — fixes.css Adicione APÓS styles.css no : ============================================= */ /* Garante que o card sempre tenha área visível para a imagem, mesmo quando ela ainda não carregou ou falhou silenciosamente */ .product-image-wrap { position: relative; min-height: 220px; background: #f4f6f1; overflow: hidden; display: flex; align-items: center; justify-content: center; } .product-image-wrap img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; display: block; } .product-image-main { min-height: 320px; background: #f4f6f1; border-radius: 12px; overflow: hidden; } .product-image-main img { width: 100%; height: auto; min-height: 320px; object-fit: cover; display: block; } /* Skeleton loader */ .skeleton { background: linear-gradient(90deg, #eef0ea 0%, #f7f8f4 50%, #eef0ea 100%); background-size: 200% 100%; animation: skeleton-shimmer 1.4s ease-in-out infinite; border-radius: 6px; } @keyframes skeleton-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }