#statictic-block .top {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#statictic-block .rating-def {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

#statictic-block {
    margin-top: 0 !important;
}

#statictic-block .left-side {
    display: flex;
}

#statictic-block .rating-def {
    padding: 16px 25px;
    background: var(--card);
    border-radius: 10px;
}

#statictic-block .bottom {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));
    gap: 20px;
}

@media (max-width: 580px) {
    #statictic-block .bottom {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

#statictic-block .bottom .block {
    display: flex;
    gap: 20px;
    position: relative;
    padding: 20px 30px;
    border-radius: 10px;
    justify-content: flex-start;
}

#statictic-block .wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#statictic-block .bottom .block .text {
    /*height: 100%;*/
    margin-top: auto;
}

#statictic-block .bottom .block .numbers {
    margin-bottom: 30px;
}

#statictic-block .bottom .block:nth-child(1) {
    background: var(--accent-1);
}


#statictic-block .bottom .block:nth-child(3) {
    background: var(--accent-3);
}

#statictic-block .bottom .block:nth-child(2) {
    background: var(--accent-2);
}


#statictic-block .bottom .block:nth-child(3) .test-dot {
}

#statictic-block .bottom .block:nth-child(2) .test-dot {
}


@media (max-width: 500px) {
    #statictic-block .rating-def {
        flex-direction: column;
        width: 100%;
    }
    #statictic-block .bottom .block {
        flex-direction: column;
    }
}


@media (max-width: 1250px){
    #statictic-block .bottom{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 850px){
    #statictic-block .bottom{
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Специфичные стили для iPad в альбомной ориентации */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #statictic-block .bottom {
        grid-template-columns: repeat(2, 1fr);
    }
}