.detail-block {
    border-radius: 10px;
    background-color: var(--color-bg-secondary);
}

.detail-info {
    display: grid;
    gap: 1px;
    overflow: auto;
    background-color: inherit;
    grid-template-columns: repeat(2, 1fr);


    .detail-info__item {
        background-color: var(--color-bg-secondary);
    }
}

.description {
    padding: 10px 20px 20px 20px !important;
}

.detail-additional {
    display: grid;
    gap: 1px;
    overflow: auto;
    background-color: inherit;
    grid-template-columns: repeat(4, 1fr);


    .detail-info__item {
        background-color: var(--color-bg-secondary);
        padding: 10px 20px;

        &:last-of-type {
            grid-column: span 4;
        }
    }
}

@media (max-width: 992px) {
    .detail-additional {
        grid-template-columns: repeat(2, 1fr);

        .detail-info__item:nth-last-of-type(-n + 1) {
            grid-column: span 2;
        }
    }
}

@media (max-width: 600px) {
    .detail-info {
        grid-template-columns: repeat(1, 1fr);
    }

    .detail-additional {
        grid-template-columns: repeat(1, 1fr);

        .detail-info__item:nth-last-of-type(-n + 2) {
            grid-column: span 1;
        }
    }
}

.detail-info-col {
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: auto;
    background-color: inherit;

    .detail-info__item {
        background-color: var(--color-bg-secondary);
    }
}