/** повторяет score_thumb, потому что используется на detailed */
img.pic {
    width: 100%;
}

.score h2 {
    text-decoration: none;
    text-transform: none;
    color: #fbfbfb;
    line-height: 1em;
    text-align: center;
    background: #685959;
    margin: 0;
}
.thumb h2 {
    font-size: 17px;

    padding: 8px;
    margin: 0;
}
.detailed h2 {
    padding: 15px;
    display: block;
    min-height: 70px;
}
/** повторяет score_thumb, потому что используется на detailed */
.caption {
    text-align: center;
}

.info {
    color: #3c0000;
    padding: 15px 25px;
    background: #ff9c3a61;
    height: 110px;
}
.detailed.score:after
{
    content: "";
    height: 0;
    width: 350px;
    position: absolute;
    border-top: 175px solid #ff9c3a61;
    border-left: 175px solid transparent;
    border-right: 175px solid transparent;
    z-index: 99;
}

.detailed.score {
    max-width:350px;
    margin:0 auto;

    margin-bottom: -50px;
    z-index: 1;
    position: relative;
    bottom: -60px;
}
article.detailed.score {
    background: none;
}

.download-button
{
    max-width: 350px;
    margin: 20px auto;
    text-align: center;

    background: #ed7906;
    height: 70px;
    line-height: 30px;

    color: white;

    font-size: 34px;
    font-family: 'Changa';
}
.download-button .button {
    padding: 10px;
    background: #ed7906;
}

/** повторяет score_thumb, потому что используется на detailed */
.image-outer {
    background: #fff;
}

#mainCarousel {
    /*width: 600px;*/
    margin: 0 auto 1rem auto;

    --carousel-button-color: #170724;
    --carousel-button-bg: #fff;
    --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
    0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    --carousel-button-svg-stroke-width: 2.5;
}

#mainCarousel .carousel__slide img {
    min-height: 300px;
}

#mainCarousel .carousel__slide {
    width: 100%;
    padding: 0;
}

#mainCarousel .carousel__button.is-prev {
    left: -1.5rem;
}

#mainCarousel .carousel__button.is-next {
    right: -1.5rem;
}

#mainCarousel .carousel__button:focus {
    outline: none;
    box-shadow: 0 0 10px 3px #f45c276b;
}

#thumbCarousel .carousel__slide {
    opacity: 0.5;
    padding: 0;
    margin: 0.25rem 0.25rem 0.25rem 0;
    width: 113px;
    height: 164px;
    cursor: pointer;
}

#thumbCarousel .carousel__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.carousel__slide img {

    background: #fff;
    margin:0 auto;
}

#thumbCarousel .carousel__slide.is-nav-selected {
    opacity: 1;
}


.max-w-xl {
    max-width: 350px;
}

.content-container
{
    position: relative;
    top: -60px;
}