.ryabroad-mag-info {
    display: flex;
    gap: 96px;
}

.ryabroad-mag-info-leftpanel {
    flex: 0 0 415px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.ryabroad-mag-info-rightpanel {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: start;
}

#mag-cover-image {
    border-radius: 16px;
    box-shadow: var(--drop-shadow-200);
    max-width: 415px;
}

#mag-pdf-link {
    border-radius: 8px;
    padding: 8px 14px;
    background-color: var(--primary-brand-1);
    color: white;
    font-family: var(--desktop-button-font);
    font-size: var(--desktop-button-size);
    font-weight: var(--desktop-button-weight);
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 415px;
}

#mag-issue-info {
    border-radius: 16px;
    padding: 16px 20px;
    background-color: rgba(240,157,157,0.2);
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: var(--desktop-body-font);
    font-size: var(--desktop-body-size);
    font-weight: var(--desktop-body-weight);
}

#mag-issue-info p {
    margin-bottom: 0;
}

.mag-table-of-contents-cont {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.mag-table-of-contents-hdr {
    font-family: var(--desktop-accent-title-font);
    font-size: var(--desktop-accent-title-size);
    font-weight: var(--desktop-accent-title-weight);
}

#mag-table-of-contents {
    font-family: var(--desktop-body-font);
    font-size: var(--desktop-body-size);
    font-weight: var(--desktop-body-weight);
}

.swiper-magazines {
    padding-bottom: 20px;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	left: 0;
	width: 100%;
	background: var(--gray-100);
}

.swiper-scrollbar-drag {
	background: var(--secondary-2);
}

.magazines-swiper-slide {
    position: relative;
    width: 270px;
    height: 382px;
}

.magazines-swiper-slide > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: var(--drop-shadow-100);
    cursor: pointer;
}

.magazines-swiper-slide.selected > img {
    box-shadow: var(--drop-shadow-200);
}

.magazines-slide-link-zone {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

@media screen and (max-width: 1080px) {
    .ryabroad-mag-info {
        flex-direction: column;
        gap: 48px;
    }

    .ryabroad-mag-info-leftpanel {
        flex: 1 1 auto;

    }
}