.description-and-details{
    margin: var(--block-margin) auto;
    width: 100%;
    max-width: var(--wide-width);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--item-row-gap);
    column-gap: var(--item-column-gap);
}

.description-and-details-main.animate__animated{
    animation-name: fadeInUp;
}

.description-and-details-aside{
    --cell-padding: 2.4rem;
}

.description-and-details-aside.animate__animated{
    animation-name: fadeIn;
}

.description-and-details-aside-title{
    background: var(--color-white);
    padding: var(--cell-padding);
}

.description-and-details-aside-title :is(h3, p){
    color: var(--text-color);
}

.description-and-details-aside-title h3{
    font: var(--font-headline-5);
}

.description-and-details-aside-title p{
    margin-bottom: 0;
}

.description-and-details-aside table{
    width: 100%;
    font: var(--font-body-small);
    table-layout: fixed;
}

.description-and-details-aside table :is(th, td){
    padding: var(--cell-padding);
}

.description-and-details-aside table thead{
    background-color: var(--color-blue);
    color: var(--color-white);
}

.description-and-details-aside table thead tr th:first-child{
    width: 40%;
}

.description-and-details-aside table tbody tr{
    border-bottom: 0.2rem solid var(--accent-color);
}

.description-and-details-aside table tbody tr th{
    font-weight: 700;
    width: 40%;
}


@media (min-width: 992px){
    .description-and-details-main h2{
        font-size: 4rem;
    }
}

@media (min-width: 992px){
    .description-and-details{
        grid-template-columns: minmax(0, 2.9fr) minmax(0, 2.1fr);
    }

    .description-and-details-aside.animate__animated{
        animation-delay: 0.5s;
    }
}