/* Overarching grid element */
.comparison-table {
    /* Mobile / Tablet */
    @media (width <= 768px) {

        >#section1 {
            /* Adjust the grid columns to fit the content on mobile */
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

            /* Hide the first child (the description of the headsets) on mobile */
            >:first-child {
                display: none;
            }

            > div {
                figure {
                    img {
                        height: 60px !important;
                    }
                }
                p {
                    display: none;
                }

                div.wp-block-buttons {
                    
                    button,
                    a {
                        padding: 5px;
                        font-size: 10px;
                    }
                }
            }
            /* Hide the description of the headsets on mobile */
        }
        >#section2 {
            /* Adjust the grid columns to fit the content on mobile */
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

            /* Center the titles of the features */
            >:nth-child(4n+1) {
                /* Remove the border between the titles */
                border: unset !important;
                /* Span the entire row */
                grid-column: span 3;
                /* Center the text */
                text-align: center;
                /* Add some padding to the top and bottom */
                padding-block: 16px 0 !important;
            }

            /* Adjust the height of the rows starting from the third feature */
            &:nth-child(n+3) {
                grid-auto-rows: 1fr !important;
            }
        }
    }
}

