.event-benefit-template {

.ironing-intro {
    .c-responsive-video__element {
        border-radius: calc(16 * var(--ratio));
    }
}

.clothing-expert-care-final-journey {
    .swiper-slide {
        width: calc(270 * var(--ratio));
    }
}

.all-in-one-steam-iron {
    background-color: #F4F4F4;

    .swiper-slide {
        width: calc(350 * var(--ratio));
    }
}

.lcd-fabric-course {
    background-color: #F4F4F4;

    .swiper-slide {
        width: calc(350 * var(--ratio));
    }

    .absolute-box {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(350 * var(--ratio));
        border-radius: calc(16 * var(--ratio));
        overflow: hidden;
    }
}

.high-pressure-steam-wrinkle-remove {
    background-color: #F4F4F4;

    .swiper-slide {
        width: calc(350 * var(--ratio));
    }
}

.more-benefit-view {
    .c-custom-accordion__area--fade {
        height: calc(162 * var(--ratio));

        &::after {
            height: calc(141 * var(--ratio));
            top: auto;
            bottom: calc(-45 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.37%, #FFF 65.76%);
        }
    }
}
  .api-products .c-product__image-wrapper{
    aspect-ratio: auto;
  }
  
  
}