/* ========================================
   SIZE COMPARISON CARDS
   ======================================== */

.size-comparison-section {
    margin: 4rem 0;
}

.size-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 640px) {
    .size-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

.size-card {
    position: relative;
    cursor: default;
}

.size-card:hover {
    transform: translateY(-4px);
    border-color: rgba(232, 232, 232, 0.3) !important;
}

/* Hover effect for popular cards */
.size-card[style*="rgba(245,160,0,0.4)"]:hover {
    border-color: rgba(245,160,0,0.6) !important;
    box-shadow: 0 8px 30px rgba(245,160,0,0.25) !important;
}

/* Hover effect for new/featured cards */
.size-card[style*="rgba(31,167,224,0.4)"]:hover {
    border-color: rgba(31,167,224,0.6) !important;
    box-shadow: 0 8px 30px rgba(31,167,224,0.25) !important;
}

/* Hover effect for custom cards */
.size-card[style*="dashed"]:hover {
    border-color: rgba(107,203,45,0.6) !important;
}