/* ===================================
   COMPARISON TABLE SPACING FIX
   Remove weird white space between columns
   =================================== */

/* Fix comparison table layout */
.comparison-table {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important; /* Remove gap between columns */
    margin: 3rem 0 !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
}

/* Ensure columns touch each other */
.comparison-column {
    padding: 2.5rem !important;
    position: relative !important;
    margin: 0 !important;
}

.comparison-bad {
    background: #fef2f2 !important;
    border-right: 1px solid #e2e8f0 !important; /* Clean divider line */
}

.comparison-good {
    background: #f0fdf4 !important;
    border-right: none !important;
}

/* Remove any margins from lists */
.comparison-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure proper spacing for list items */
.comparison-list li {
    padding: 0.75rem 0 0.75rem 1.75rem !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* Remove any default spacing */
.comparison-wrapper {
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Mobile view - stack without gaps */
@media (max-width: 768px) {
    .comparison-table {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
    
    .comparison-bad {
        border-right: none !important;
        border-bottom: 2px solid #e2e8f0 !important;
    }
}