/* секция со слайдером */
section:has(.slider) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;

    & .slider-container {
        flex: 1;
    }

    & .text {
        flex: 1;
        height: fit-content;

        & h1 {
            font-size: 3.5rem;
        }

        & h2 {
            filter: invert(25%);
            font-size: 1.2rem;
        }

        & p {
            filter: invert(50%);
        }
    }

    /* слайдер раздельно от текста на малом экране */
    @media (max-width: 777px) {
        & {
            flex-direction: column;
            /* если оставить выравнивание по центру побочной оси, то по горизонтали слайдер сплющится */
            align-items: normal;
        
            & .slider { flex: 5; }
        
            & .text { flex: 6; }
        }
    }
}

/* блок цен */
.prices {
    display: flex;
    justify-content: center;
    gap: 5vw;

    & h2 {
        text-align: center;
        font-size: 2rem;
    }
}



/* ===== вкладки ===== */
/* - спецификации */
#tab2 {
    overflow-x: scroll;
}

/* -- таблица спецификаций */
table {
    border-collapse: collapse;
    width: 100%;
    font-size: 1.05rem;
    & .heading {
        background-color: var(--color-25proc);
    }
    

    & tr:has(td):hover {
        background-color: var(--color-back_second);
    }

    & td, th {
        text-align: left;
        padding: 4px 10px;
    }

    /* первую колонку пошире */
    & td:first-child {
        width: 30%;
    }
    /* скругление */
    & th {
        border-radius: var(--borderRadius);
    }
    & td {
        &:first-child {
            border-radius: var(--borderRadius) 0 0 var(--borderRadius);
        }
        &:last-child {
            border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
        }
    }

    & table td {
        border: 1px solid var(--color-back_second);
    }
}

/* - ресурсы */
#tab3 {
    & a {
        display: block;
        width: fit-content;
        font-size: 1.1rem;
    }
}