.c-slider-fadeInOutSlider {
    height: 100%
}

.c-slider-fadeInOutSlider--full,
.c-slider-fadeInOutSlider--full .c-fadeSlider,
.c-slider-fadeInOutSlider--full .c-fadeSlider__list,
.c-slider-fadeInOutSlider--full .c-fadeSlider__list-image,
.c-slider-fadeInOutSlider--full .c-fadeSlider__list-image img,
.c-slider-fadeInOutSlider--full .c-fadeSlider__list-image video,
.c-slider-fadeInOutSlider--full .c-fadeSlider__list-item {
    min-height: 100svh
}

.c-slider-fadeInOutSlider .swiper,
.c-slider-fadeInOutSlider .swiper-wrapper {
    position: inherit !important
}

.c-slider-fadeInOutSlider .c-fadeSlider {
    opacity: 0
}

.c-slider-fadeInOutSlider .c-fadeSlider .swiper-slide-next img,
.c-slider-fadeInOutSlider .c-fadeSlider .swiper-slide-next video,
.c-slider-fadeInOutSlider .c-fadeSlider .swiper-slide-prev img,
.c-slider-fadeInOutSlider .c-fadeSlider .swiper-slide-prev video {
    animation: reverseFadeInOutSliderAnimation 100s cubic-bezier(1, -.02, 1, -.04) forwards
}

.c-slider-fadeInOutSlider .c-fadeSlider .swiper-slide-active .c-fadeSlider__list-image img,
.c-slider-fadeInOutSlider .c-fadeSlider .swiper-slide-active .c-fadeSlider__list-image video {
    animation: fadeInOutSliderAnimation 1.8s cubic-bezier(.215, .61, .355, 1) forwards
}

.c-slider-fadeInOutSlider .c-fadeSlider__list-image img,
.c-slider-fadeInOutSlider .c-fadeSlider__list-image video {
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.12);
    width: 100%
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 20
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav--inside {
    bottom: 4rem;
    color: #fff
}

@media screen and (min-width: 900px) {
    .c-slider-fadeInOutSlider .c-fadeSlider__nav--inside .c-fadeSlider__nav-controller--hover {
        background-color: #000;
    }

    .c-slider-fadeInOutSlider .c-fadeSlider__nav--inside .c-fadeSlider__nav-controller--hover .c-fadeSlider__nav-controller-inner:after,
    .c-slider-fadeInOutSlider .c-fadeSlider__nav--inside .c-fadeSlider__nav-controller--hover .c-fadeSlider__nav-controller-inner:before {
        opacity: 0
    }

    .c-slider-fadeInOutSlider .c-fadeSlider__nav--inside .c-fadeSlider__nav-controller--hover .c-fadeSlider__nav-controller-inner:before {
        transform: scale(1.3);
        transition: opacity .52s cubic-bezier(.47, 0, .745, .715), transform .52s cubic-bezier(.165, .84, .44, 1)
    }

    .c-slider-fadeInOutSlider .c-fadeSlider__nav--inside .c-fadeSlider__nav-controller--hover .c-fadeSlider__nav-controller-inner:after {
        transform: scale(1.38);
        transition: opacity .7s cubic-bezier(.47, 0, .745, .715), transform .7s cubic-bezier(.165, .84, .44, 1);
        transition-delay: .1s
    }
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav--outside {
    margin-top: 2rem
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 4.1rem;
    justify-content: center;
    position: relative;
    transition: background-color .2s;
    width: 4.1rem
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller--click .c-fadeSlider__nav-controller-inner:before {
    animation-duration: .7s;
    animation-name: fadeSlider_nav_click_1;
    border-width: 2px
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller--click .c-fadeSlider__nav-controller-inner:after {
    animation-duration: 1s;
    animation-name: fadeSlider_nav_click_2
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller--click .c-fadeSlider__nav-controller-inner:after,
.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller--click .c-fadeSlider__nav-controller-inner:before {
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller:before {
    border: 1px solid;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller-inner {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller-inner:after,
.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller-inner:before {
    border: 1px solid;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    width: 100%
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller-arrow {
    /* mix-blend-mode: difference; */
    width: .8rem
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller-arrow svg {
    width: 100%
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-controller-arrow path {
    color: #000;
    fill: #000;
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-pagination {
    align-items: center;
    display: flex;
    font-size: 1.2rem;
    margin: 0 3rem;
    color: #000;
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-pagination-border {
    background-color: currentColor;
    height: 1px;
    margin: 0 1.4rem;
    opacity: .5;
    width: 1.8rem
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-pagination-current {
    height: 1em;
    position: relative;
    width: 1.2em !important
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-pagination-current .swiper-pagination-bullet {
    background: transparent;
    left: 0 !important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .75s, transform .75s
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-pagination-current .swiper-pagination-bullet-active-main {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-pagination-current .swiper-pagination-bullet-active-prev {
    transform: translateY(90%)
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav-pagination-current .swiper-pagination-bullet-active-next {
    transform: translateY(-90%)
}

.c-slider-fadeInOutSlider--enter .c-fadeSlider {
    opacity: 1;
    transition: opacity 1.8s
}

@media screen and (max-width: 900px) {
    .c-slider-fadeInOutSlider {
        height: auto;
        min-height: inherit;
        position: relative;
        top: auto;
        width: 100%
    }

    .c-slider-fadeInOutSlider .c-fadeSlider {
        min-height: inherit
    }

    .c-slider-fadeInOutSlider .c-fadeSlider__nav-controller {
        height: 3.1rem;
        width: 3.1rem
    }

    .c-slider-fadeInOutSlider .c-fadeSlider__list,
    .c-slider-fadeInOutSlider .c-fadeSlider__list-image,
    .c-slider-fadeInOutSlider .c-fadeSlider__list-image img,
    .c-slider-fadeInOutSlider .c-fadeSlider__list-image video,
    .c-slider-fadeInOutSlider .c-fadeSlider__list-item {
        min-height: inherit
    }
}

@keyframes fadeSlider_nav_click_1 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    20%,
    22% {
        opacity: .6
    }

    to {
        opacity: 0;
        transform: scale(1.3)
    }
}

@keyframes fadeSlider_nav_click_2 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    20% {
        opacity: .5
    }

    to {
        opacity: 0;
        transform: scale(1.4)
    }
}

@keyframes fadeInOutSliderAnimation {
    0% {
        transform: scale(1.12)
    }

    to {
        transform: scale(1)
    }
}

@keyframes reverseFadeInOutSliderAnimation {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.12)
    }
}


.l-product-productPage__main {
    display: flex
}

.l-product-productPage__products,
.l-product-productPage__reviews {
    padding-top: 25rem
}

.l-product-productPage__image {
    position: sticky;
    top: 0;
    width: 50%
}

.l-product-productPage__image img {
    -o-object-fit: cover;
    object-fit: cover
}

/*.l-product-productPage__image--full {
    height: 100vh
}
*/
.l-product-productPage__image--full img {
    min-height: 100vh
}

.l-product-productPage__info {
    padding: 13rem min(8rem, 6.25%) 25rem;
    width: 50%
}

.l-product-productPage__info--gift {
    padding-bottom: 0;
    padding-top: 0
}

.l-product-productPage__content {
    padding-top: 6rem
}

@media screen and (max-width: 900px) {
    .l-product-productPage__main {
        display: block
    }

    .l-product-productPage__image {
        height: auto;
        position: relative;
        top: auto;
        width: 100%
    }

    .l-product-productPage__image img {
        min-height: inherit;
        -o-object-fit: inherit;
        object-fit: inherit
    }

    .l-product-productPage__info {
        margin: auto;
        padding: 5rem 0 9.3rem;
        width: 84.6153846154%
    }

    .l-product-productPage__info--gift {
        padding: 1rem 0 0;
        width: 100%
    }

    .l-product-productPage__products,
    .l-product-productPage__reviews {
        padding-top: 10rem
    }
}

@media screen and (min-width: 1600px) {
    .l-product-productPage__image {
        width: 60%
    }

    .l-product-productPage__info {
        width: 40%
    }
}

.c-productInfoForm-tag {
    background-color: #060725;
    border-radius: 10rem;
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    padding: .5909090909em 1.8181818182em
}

.c-productInfoForm-name {
    font-size: 3rem;
    line-height: 1.27
}

.c-productInfoForm-ruby {
    font-size: 1.4rem;
    line-height: 1.43;
    margin-top: .2rem
}

.c-productInfoForm-main {
    margin-top: 2.8rem
}

.c-productInfoForm-price {
    align-items: center;
    background-color: #EBEBEB;
    border-radius: .4rem;
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 3rem;
    padding: 1.7rem 2rem
}

.c-productInfoForm-price-main {
    display: inline-block;
    margin-right: .1875em
}

.c-productInfoForm-price-tax {
    display: inline-block;
    font-size: .6875em;
    margin-left: .3636363636em
}

.c-productInfoForm-price-postage {
    color: #ed153c
}

.c-productInfoForm-price-option {
    display: inline-block;
    font-size: .75em;
    margin-left: .4166666667em
}

.c-productInfoForm-price-title {
    font-size: 1.3rem;
    letter-spacing: .1em;
    white-space: nowrap
}

.c-productInfoForm-price-info {
    font-size: 1.6rem
}

.c-productInfoForm-price-info-margin {
    margin-left: 2rem
}

@media screen and (max-width: 900px) {
    .c-productInfoForm-tag {
        font-size: 1rem;
        padding: .4em 1.2em
    }

    .c-productInfoForm-name {
        font-size: 2.4rem
    }

    .c-productInfoForm-ruby {
        font-size: 1.2rem
    }

    .c-productInfoForm-price {
        margin-top: 1.5rem
    }
}

.c-productInfoForm .info {
    padding: 26px 0px 0px;
}

.c-productInfoForm .info p {
    font-weight: font weight/400;
    font-size: 13.24px;
    line-height: 32px;
}

.l-product-productPage {
    background-color: #fff;
    padding-bottom: 10%;
}

.c-slider-fadeInOutSlider .c-fadeSlider__nav--inside .c-fadeSlider__nav-controller--hover .c-fadeSlider__nav-controller-arrow path {
    fill: #fff;
}