.bandleProductPage {
    .fs-c-heading--page {
        border-bottom: 2px solid #7c8790;
        color: #7c8790;
        font-weight: 300;
        font-size: 2.2rem;
        line-height: 1.2;
        margin: 0 0 24px;
        padding: 1.2em 0;
        text-align: center;
    }

    .bandleProduct__item {
        padding-top: 8.0rem;
        padding-bottom: 8.0rem;

        +.bandleProduct__item {
            border-top: 1px solid #E0E0E0;
        }

        @media (min-width: 768px) {
            display: grid;
            grid-template-columns: 50% 40%;
            gap: 10%;
        }
    }

    .product-image {
        >img {
            position: sticky;
            top: 0;
        }
    }

    form {
        display: grid;
        gap: 24px;
    }

    .fs-c-productNameHeading {
        font-family: "A+mfCv-AXISラウンド 50 コンデンス L", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: inherit !important;
        font-size: 2.4rem;
        line-height: 1.4;
        letter-spacing: 0.07em;
        font-weight: 400;
    }

    .fs-c-variationLabel {
        font-size: 1.4rem;
        line-height: 2.1;
        letter-spacing: 0.025em;
        font-weight: 500;
        margin-bottom: 0.8rem;
    }

    .fs-c-variationList__label {
        display: flex;
        align-items: center;
        padding: 1.2rem 1.6rem;
        border-bottom: 1px solid #CCCCCC;
        line-height: 2.1;
        letter-spacing: 0.025em;
        font-weight: 500;
        transition: background-color ease 0.3s;

        &:first-child {
            border-top: 1px solid #CCCCCC;
        }

        &:has(:checked) {
            background-color: #f0f0f0;
        }

        @media (hover:hover) {
            &:hover {
                background-color: #f0f0f0;
            }
        }
    }

    .fs-c-variationList__input {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: 0.4rem;
        -webkit-appearance: auto;
        appearance: auto;
    }

    button[type="submit"] {

        font-size: 1.5rem;
        line-height: 1.4;
        letter-spacing: 0em;
        font-weight: 500;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        width: 100%;
        max-width: 24rem;
        min-height: 4rem;
        padding: 1rem 1.5rem 1rem 1rem;
        background: #262626 url(../img/arrow_right_white.svg) no-repeat right 2rem center;
        transition: background-position ease 0.3s;
        max-width: 18.7rem;
        padding: 1rem;
        background-image: none;
        font-size: 1.4rem;
        line-height: 1.6;
        letter-spacing: 0em;
        font-weight: 700;
        width: 22rem;
        max-width: none;
        padding: 1rem;
        margin: 0;
        cursor: pointer;
    }

    .quantity {
        display: flex;
        align-items: center;

        input {
            width: auto;
        }
    }
}

.fs-c-variationList__labels {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.fs-c-variationList__input {
    display: none;
}

.bandleProductPage {
    .fs-c-variationList__label {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: center;
        padding: .6rem .6rem;
        border: 0;
        line-height: 1.2;
        letter-spacing: 0.025em;
        font-weight: 500;
        transition: background-color ease 0.3s;

        &:first-child {
            border-top: 0;
        }
    }
}

.quantity select {
    width: 60px;
}

.bangleProductHeading__name {
    font-size: 2rem;
}

.fs-c-productPrices {
    font-family: "Gidole", sans-serif;
    font-size: 1.8rem;
}

.fs-c-variationList__labelInfo {
    display: grid;
    font-size: 1.4rem;
}