.album-slider {
    border-radius: 16px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .album-slider {
        border-radius: 48px;
    }
}

.album-slider-thumbs {
    display: none;
}

.album-slider-thumbs .swiper-slide {
    cursor: pointer;
}

.video-slide {
    position: relative;
}

.album-slider .video-slide a:after,
.album-slider-thumbs .video-slide:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 40%;
    max-width: 64px;
    max-height: 64px;
    background: url("./img/youtube.png") no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
}

.album-title {
    font-size: 20px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .album-title {
        font-size: 40px;
    }
}

.action-section ul,
.album-content ul,
.bullet-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.action-section ul li,
.album-content ul li,
.bullet-list li {
    margin-bottom: 12px;
    padding-left: 24px;
    background: url("./img/bullet.png") no-repeat left center;
    background-size: 16px 16px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .action-section ul li,
    .album-content ul li,
    .bullet-list li {
        background-image: url("./img/bullet@2x.png");
    }
}

@media (min-width: 1200px) {
    .action-section ul li,
    .album-content ul li,
    .bullet-list li {
        margin-bottom: 16px;
    }
}

.action-section ul li:last-child,
.album-content ul li:last-child,
.bullet-list li:last-child {
    margin-bottom: 0;
}

.album-content-col {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.album-old-price {
    margin-bottom: 16px;
    font-size: 32px;
    text-align: center;
}

.album-old-price .price-old {
    position: relative;
    text-decoration: none;
}

.album-old-price .price-old:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -78px;
    width: 156px;
    height: 6px;
    background: url("data:image/svg+xml,%3Csvg width='156' height='6' viewBox='0 0 156 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.73047 3L152.73 3' stroke='%23D3003D' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat;
    pointer-events: none;
}

@media (min-width: 768px) {
    .album-old-price {
        padding-left: 13px;
        margin-bottom: 40px;
        font-size: 40px;
        text-align: left;
    }
}

@media (min-width: 1400px) {
    .action-section {
        padding-right: 24px;
    }
}

@media (min-width: 1400px) {
    .action-section-inner {
        padding-left: 20px;
    }
}

.action-section .gift-img {
    max-width: 50%;
}

@media (min-width: 992px) {
    .action-section .gift-img {
        max-width: 100%;
    }
}

.action-section .bullet-list li {
    padding-left: 28px;
}

@media (min-width: 992px) {
    .album-covers-modal .modal-dialog {
        --bs-modal-width: 946px;
    }
}

@media (max-width: 767.98px) {
    .album-covers-modal .modal-title {
        text-align: left;
    }
}

.album-covers-modal-container {
    margin: 32px 0;
}

@media (min-width: 992px) {
    .album-covers-modal-container {
        margin-top: 64px;
        margin-bottom: 64px;
    }
}

.album-covers-modal-container .album-covers-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

@media (min-width: 992px) {
    .album-covers-modal-container .album-covers-row {
        --bs-gutter-x: 40px;
        --bs-gutter-y: 40px;
    }
}

.album-cover-img {
    aspect-ratio: 1/1;
    border-radius: 24px;
    object-fit: cover;
    width: 100%;
}