/* FINAL FIX: Isolate shadow on wrapper to prevent corner artifacts */

/* Card wrapper gets the shadow and border-radius */
.card-wrapper {
    background: white !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.card-wrapper:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2) !important;
}

/* Card-box is just a container - no styling */
.card-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 2.5rem !important;
}

/* Modern-card is also just transparent - NO shadow or border-radius here */
.modern-card {
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
}

/* Remove hover from modern-card since wrapper handles it */
.modern-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Kill any pseudo-elements */
.card-box::before,
.card-box::after,
.card-wrapper::before,
.card-wrapper::after,
.modern-card::before,
.modern-card::after {
    content: none !important;
    display: none !important;
}