body.discography .banner {
    background: none;
}

body.discography .banner h1 span {
    font-size: 0.5em;
}

body.discography .banner h1 {
    font-size: clamp(2rem, 3vw, 2.65rem);
    margin: 0;
}

body.discography .banner {
    padding: 1rem 2rem;
}

.swiper-slide.disc-info .disc-info--inner {
    background: white;
    opacity: 0;
    visibility: hidden;
}

.disc-info--inner h3 {
    font-size: clamp(1.268rem, 2vw, 1.68rem);
    font-weight: 500;
    border-bottom: 1px solid var(--btn-border);
    text-transform: capitalize;
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.disc-info--inner h4 {
    font-size: clamp(1rem, 1vw, 1.28rem);
    font-weight: 500;
}

.swiper-slide.disc-info.swiper-slide-active .disc-info--inner {
    opacity: 1;
    visibility: visible;
}


.disc-info--inner {
    max-width: 750px;
    margin: 0 auto;
    padding: 3rem 2rem;
}

.no-overflow {
    overflow: hidden;
}



@media(min-width:768px) {

    .swiper-slide.disc-carousel--item {
        opacity: 0.4;
        transform: scale(0.8);
        transition: all 0.3s ease;
    }

    .swiper-slide.disc-carousel--item.swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }

    

}

.discs-carousel {
    position: relative;
    background: var(--light-beige);
    padding: 2rem 0;
}

.disc-carousel-prev, .disc-carousel-next {
    position: absolute;
    top: 50%;
    left: 0;
    width: 3rem;
    height: 5rem;
    background: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transform: translateY(-50%);
    cursor: pointer;
    color: black;
}

.disc-carousel-next {
    right: 0;
    left: auto;
}

.disc-carousel-next.swiper-button-disabled,
.disc-carousel-prev.swiper-button-disabled {
    opacity: 0.2;
    pointer-events: none;
}

.swiper-slide.disc-carousel--item > img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: left top;
    max-width: 325px;
    width: 100%;
    margin: 0 auto;
}

.disc-actions {
    margin-top: 2rem;
    border-top: 1px solid var(--btn-border);
    padding-top: 2rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

@media(max-width:768px) {
    .swiper-slide.disc-carousel--item > img {
        max-width: 125px;
    }
    .discs-carousel {
        padding: 0.5rem 0;
    }
    .disc-info--inner {
        padding: 1rem;
    }
    .disc-info--inner h3 {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .disc-info--inner p {
        margin-bottom: 0.5rem;
    }
}

.disc-carousel-pagination {
    text-align: center;
    font-family: var(--font-title);
    font-style: italic;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 1rem;
}



.disc-carousel-progressbar--outer {
    height: 3px;
    overflow: hidden;
    background: var(--light-beige);
    border-radius: 10px;
    position: relative;
    width: 100%;
    margin: 0rem auto;
    /* border: 1px solid var(--color-gold);; */
}

.disc-carousel-progressbar {
    height: 100%;
    background-color: var(--color-gold);
    position: absolute;
    left: 0;
    top: 1px;
    transition: width 0.3s ease;
}