.body {
    background-color: #E2E5E9;
}

.topGroup .review .images {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 8px;
    margin-top: 24px;
    width: 100%;
}

.topGroup .review .images img {
    border-radius: 8px;
    width: 100%;
}

/**/

.main {
    padding-top: 48px;
    padding-bottom: 48px;
}

.main .content {
    display: flex;
    justify-content: space-between;
    grid-column-gap: 10px;
}

.main .content .lside {
    border-radius: 16px;
    padding: 16px;
    background-color: #FBFCFF;
    max-width: 687px;
    width: 100%;
}

.main .content .rside {
    max-width: 343px;
    width: 100%;
}

.main .content .lside .group {
    margin-top: 24px;
}

.main .content .lside h1 {
    font-family: "Onest", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #1D1D1D;
    margin-bottom: 16px;
}

.main .content .lside h2 {
    font-family: "Onest", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #1D1D1D;
}

.main .content .lside .text {
    font-family: "Onest", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #1D1D1D;
}

.main .content .lside .facts {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 16px;
}

.main .content .lside .facts .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 112px;
    border: 1px solid #343434;
    border-radius: 8px;
    padding: 8px;
}

.main .content .lside .facts .item:first-child {
    background-color: #343434
}

.main .content .lside .facts .item:first-child h4 {
    color: #EBEDEF;
}

.main .content .lside .facts .item:first-child p {
    color: #FFFFFF;
}

.main .content .lside .facts .item img {
    height: 23px;
    width: 23px;
}

.main .content .lside .facts .item h4 {
    font-family: "Onest", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #18191A;
}

.main .content .lside .facts .item p {
    font-family: "Onest", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #7B7F85;
    margin-top: 4px;
}

.main .content .lside .buttonWrapper {
    margin-top: 16px;
}

.main .content .lside .buttonWrapper .button {
    display: block;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    background-color: #DF390C;
    border: 1px solid #FF997D;
    border-radius: 16px;
    padding: 13px;
    width: 100%;
}

.main .content .lside .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px;
    margin-top: 16px;
}

.main .content .lside .grid .item {
    border: 1px solid #1D1D1D;
    border-radius: 16px;
    padding: 16px;
}

.main .content .lside .grid .item:last-child {
    background-color: #EBEDEF
}

.main .content .lside .grid .item h4 {
    font-family: "Onest", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #18191A;
    margin-top: 8px;
}

.main .content .lside li {
    font-family: "Onest", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #343434;
    padding: 4px 0;
}

.main .content .lside ul {
    margin-top: 12px;
}

.main .content .lside .group .text,
.main .content .lside .firstGroup .text {
    margin-top: 8px;
}

.main .content .lside .subtitle {
    margin-top: 24px;
}

.main .content .lside .subtitle span {
    color: #F04010;
}

/**/

.main .content .rside .label {
    display: inline-block;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #8E2103;
    padding: 4px 8px;
}

.main .content .rside .label p {
    font-family: "Onest", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #E2E5E9;
    text-align: center;
    text-transform: uppercase;
}

.main .content .rside .content {
    display: flex;
    flex-direction: column;
    grid-row-gap: 16px;
}

.main .content .rside .item {
    padding: 16px;
    background-color: #EBEDEF;
    border: 1px solid #EBEDEF;
    border-radius: 16px;
}

.main .content .rside .item:nth-child(1) {
    border-top-left-radius: 0px;
    border-color: #8E2103;
    background-color: #FFFFFF;
}

.main .content .rside .item .image {
    display: flex;
    justify-content: center;
    padding: 13px;
}

.main .content .rside .item .rating {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 140px;
    width: 100%;
    margin: 0 auto;
}

.main .content .rside .item .value {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: #1D1D1D;
    position: absolute;
}

.main .content .rside .item .value span {
    font-family: "Onest", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}

.main .content .rside .item .stars {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-column-gap: 4px;
    background-color: #F7F7F8;
    border: 1px solid #7B7F85;
    border-radius: 16px;
    padding: 4px 8px;
    margin-left: auto;
    width: 100%;
}

.main .content .rside .item .stars img {
    height: 16px;
    width: 16px;
}

.main .content .rside .item .images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 8px;
    margin-top: 16px;
}

.main .content .rside .item .images img {
    width: 100%;
}

.main .content .rside .tags {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-top: 16px;
}

.main .content .rside .tags span {
    font-family: "Onest", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #1D1D1D;
    display: flex;
    align-items: center;
    grid-column-gap: 4px;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 4px 8px;
}

.main .content .rside .item:nth-child(1) .tags span {
    background-color: #EBEDEF;
}

.main .content .rside .tags img {
    height: 12px;
    width: 12px;
}

.main .content .rside .buttonWrapper {
    margin-top: 16px;
}

.main .content .rside .buttonWrapper .button {
    font-family: "Onest", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    width: 100%;
    background-color: #DF390C;
    border-radius: 16px;
    padding: 13px;
}

.main .content .rside .review {
    margin-top: 4px;
}

.main .content .rside .review .link {
    font-family: "Onest", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #4A99FA;
    text-align: center;
    display: block;
    padding: 8px;
    width: 100%;
}

@media screen and (max-width: 925px) {
    .main .content .rside {
        display: none;
    }

    .main .content .lside {
        margin: 0 auto;
    }
}

@media screen and (max-width: 725px) {
    .main .content .lside .facts {
        grid-template-columns: repeat(6, 1fr);
    }

    .main .content .lside .facts .item:nth-child(1),
    .main .content .lside .facts .item:nth-child(2) {
        grid-column: span 3;
    }

    .main .content .lside .facts .item:nth-child(n+3) {
        grid-column: span 2;
    }
}

@media screen and (max-width: 625px) {
    .main .content .lside .grid {
        grid-template-columns: 1fr;
        grid-row-gap: 8px;
    }
}

@media screen and (max-width: 525px) {
    .main {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .main .wrapper {
        padding: 0;
    }
}