/* Card hover: scale */
.portfolio-item-hover {
    transition: transform 0.3s ease;
}
.portfolio-item-hover:hover {
    transform: scale(1.05);
}

.masonry-grid__card--hover:hover {
    transform: scale(1.05);
}

.masonry-grid__media--xl { height: 20rem; }
.masonry-grid__media--lg { height: 16rem; }
.masonry-grid__media--md { height: 18rem; }
.masonry-grid__media--sm { height: 15rem; }

.masonry-grid__img--zoom {
    transition: transform 0.5s ease;
}
.masonry-grid__card:hover .masonry-grid__img--zoom {
    transform: scale(1.1);
}

.masonry-grid__overlay--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__overlay--fade {
    opacity: 1;
}

.masonry-grid__badge--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__badge--fade {
    opacity: 1;
}

.masonry-grid__panel--slide {
    transform: translateY(100%);
    transition: transform 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__panel--slide {
    transform: translateY(0);
}

.compare-toggle-cards__is-hidden {
    display: none !important;
}

.compare-toggle-cards__mode--active {
    filter: brightness(1.06);
}

.compare-toggle-cards__mode--idle {
    filter: brightness(0.94);
}

.compare-toggle-cards__meter-bar {
    width: 90%;
}

/* BS: індикатори як TW w-3 h-3 (padding на колі конфліктував з розміром) */
.compare-toggle-cards__status-dot {
    width: 0.75rem;
    height: 0.75rem;
    flex-shrink: 0;
}