/* collection.css
   Placeholder for collection-specific styles.
   Keep styles decoupled from view; customize as needed.
*/

/* Minimal safe defaults to avoid layout breaking */
/* (Design-specific rules should live here when provided) */

/* Ensure images don't overflow */
.product-card img { display: block; max-width: 100%; height: auto; }

/* Ensure image fills its aspect container to avoid empty/black gaps */
.product-card .relative > img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Favorites Animation */
.js-toggle-favorite.is-favorite .material-icons-outlined {
    color: #d4af37 !important;
}

.heart-pop {
    animation: heartPop 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes heartPop {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}