.whp_components-differentials-module{width:100%;height:696px;background-color:var(--neutral-color-02);padding:56px clamp(37px,calc(-67.448px + 10.2vw),72px) clamp(179px,calc(-284.872px + 45.3vw),334px);position:relative}@media screen and (min-width:360px) and (max-width:751px){.whp_components-differentials-module{padding:1rem}}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module{height:auto;background-color:#fff}}@media screen and (min-width:752px) and (max-width:1023px){.whp_components-differentials-module{padding:0 40px 40px}}.whp_components-differentials-module.no-item{height:466px}.whp_components-differentials-module-info{width:clamp(380px,calc(-128.928px + 49.7vw),550px);display:flex;flex-direction:column;gap:40px}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-info{width:100%}}.whp_components-differentials-module .whp_components-differentials-module-info .whp_components-differentials-module-title{font-size:1.5rem;font-weight:400;line-height:2.1rem;letter-spacing:.02em;color:var(--neutral-color-09);margin:0}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module .whp_components-differentials-module-info .whp_components-differentials-module-title{margin-bottom:1.5rem}}.whp_components-differentials-module .whp_components-differentials-module-info .whp_components-differentials-module-title b{color:var(--brand-color-01)}.whp_components-differentials-module-info .differential-info{display:flex;flex-direction:column;gap:24px}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-info .differential-info{display:none}}.whp_components-differentials-module-info .differential-info .swiper-differentials{display:flex;gap:8px}.whp_components-differentials-module-info .differential-info .swiper-differentials span{color:var(--neutral-color-06);font-size:.875rem}.whp_components-differentials-module-info .differential-info .swiper-differentials span b{color:var(--neutral-color-09)}.whp_components-differentials-module-info .differential-info .swiper-differentials button.swiper-button-info{background-color:transparent;padding:0}.whp_components-differentials-module-info .differential-info .swiper-differentials button.swiper-button-info svg{color:var(--brand-color-01)}.whp_components-differentials-module-info .differential-info .swiper-differentials button.swiper-button-info.prev svg{transform:rotate(90deg)}.whp_components-differentials-module-info .differential-info .swiper-differentials button.swiper-button-info.next svg{transform:rotate(-90deg)}.whp_components-differentials-module-info .differential-info .swiper-differentials button.swiper-button-info.disable{cursor:auto}.whp_components-differentials-module-info .differential-info .swiper-differentials button.swiper-button-info.disable svg{color:var(--brand-color-05)}.whp_components-differentials-module-info .differential-info .name{font-size:1.25rem;line-height:1.75rem;letter-spacing:.02em;font-weight:700;color:var(--brand-color-01);padding-left:8px;border-left:6px solid var(--brand-color-01);margin:0}.whp_components-differentials-module-info .differential-info .description{font-size:1rem;line-height:1.4rem;letter-spacing:.02em;color:var(--neutral-color-06);width:clamp(380px,calc(-128.928px + 49.7vw),550px);margin:0}.whp_components-differentials-module-main-image{border-radius:12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--neutral-color-03);background-color:#fff;position:absolute;top:-88px;right:clamp(36px,calc(-217.952px + 24.8vw),121px);height:clamp(520px,calc(280.384px + 23.4vw),600px);width:clamp(520px,calc(280.384px + 23.4vw),600px);overflow:hidden}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-main-image{display:none}}.whp_components-differentials-module-carousel{width:clamp(840px,calc(121.152px + 70.2vw),1080px);display:flex;gap:16px;align-items:center;position:absolute;bottom:clamp(-130px,calc(-333.776px + 19.9vw),-62px);left:50%;transform:translate(-50%)}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-carousel{width:100%;position:relative;bottom:unset;left:unset;transform:unset;margin-bottom:1rem}}.whp_components-differentials-module-carousel .carousel-cards{max-width:1080px;display:flex;flex-wrap:nowrap;gap:8px;overflow:hidden}.whp_components-differentials-module-carousel .whp_ui-carousel-item{background-color:#fff;padding:0;min-width:clamp(198px,calc(.9824px + 19.24vw),264px);width:clamp(198px,calc(.9824px + 19.24vw),264px);min-height:325px;border-radius:8px;display:flex;flex:1;flex-direction:column;gap:8px;cursor:pointer;overflow:hidden}.whp_components-differentials-module-carousel .whp_ui-carousel-item .card--image{min-height:264px;max-height:264px;width:100%;overflow:hidden;position:relative;border-top-right-radius:8px;border-top-left-radius:8px}@media screen and (min-width:360px) and (max-width:751px){.whp_components-differentials-module-carousel .whp_ui-carousel-item{min-width:300px;height:auto}.whp_components-differentials-module-carousel .whp_ui-carousel-item .card--image{min-height:300px;max-height:402px;min-width:300px;max-width:100%}}@media screen and (min-width:752px) and (max-width:1023px){.whp_components-differentials-module-carousel .whp_ui-carousel-item{min-width:280px;height:auto}.whp_components-differentials-module-carousel .whp_ui-carousel-item .card--image{min-height:300px;max-height:300px}}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-carousel .whp_ui-carousel-root{width:100%}.whp_components-differentials-module-carousel .whp_ui-carousel-content{margin-bottom:16px}.whp_components-differentials-module-carousel .whp_ui-carousel-bullets{margin-left:auto;margin-right:auto}}.whp_components-differentials-module-carousel .whp_ui-carousel-item .card-info{padding:16px;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;width:100%;text-align:left}.whp_components-differentials-module-carousel .whp_ui-carousel-item .card-info .title{color:var(--neutral-color-09);margin:0;font-size:1rem;line-height:1.4rem;letter-spacing:.02em;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;-mox-line-clamp:1}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-carousel .whp_ui-carousel-item .card-info .title{margin-bottom:8px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;-mox-line-clamp:1}.whp_components-differentials-module-carousel .whp_ui-carousel-item .card-info .text{font-size:.875rem;line-height:1.225rem;color:var(--neutral-color-05);margin:0}}.whp_components-differentials-module-carousel button.swiper-button{border:2px solid var(--brand-color-01);position:relative;border-radius:4px;background-color:transparent;width:40px;height:40px}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-carousel button.swiper-button{display:none}}.whp_components-differentials-module-carousel button.swiper-button svg{color:var(--brand-color-01)}.whp_components-differentials-module-carousel button.swiper-button.disable{border:2px solid var(--brand-color-05);cursor:auto}.whp_components-differentials-module-carousel button.swiper-button.prev svg{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%) rotate(90deg)}.whp_components-differentials-module-carousel button.swiper-button.next svg{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%) rotate(-90deg)}.whp_components-differentials-module-carousel button.swiper-button.disable svg{color:var(--brand-color-05)}.whp_components-differentials-module .bullets{display:none}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module .bullets{display:flex;padding:4px;gap:4px;justify-content:center;margin-bottom:16px}.whp_components-differentials-module .bullets .bullet{height:8px;width:8px;border-radius:50%;padding:0;background-color:var(--neutral-color-03)}.whp_components-differentials-module .bullets .bullet.active{background-color:var(--brand-color-01)}}.whp_components-differentials-module-carousel .whp_ui-carousel-item .full-screen-images{display:none}@media screen and (min-width:360px) and (max-width:1023px){.whp_components-differentials-module-carousel .whp_ui-carousel-item .full-screen-images{display:block;position:absolute;right:16px;bottom:16px;width:32px;height:32px;border-radius:4px;background-color:#fff;border:1px solid var(--neutral-color-03);padding:0}.whp_components-differentials-module-carousel .whp_ui-carousel-item .full-screen-images svg{fill:var(--brand-color-01)}.whp_components-differentials-module .full-screen-content{bottom:0!important;height:100vh;width:100vw;background-color:var(--neutral-color-02)}.whp_components-differentials-module .full-screen-content .modal-header button{border-radius:4px;background-color:#fff;width:32px;height:32px;color:var(--brand-color-01)}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image{position:relative;margin-bottom:16px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .title{align-items:center;gap:10px;border-radius:4px;font-weight:700}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .title>svg{color:var(--neutral-color-04)}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image .whp_ui-carousel-swiper.prev{left:0}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image .whp_ui-carousel-swiper.next{right:0}.whp_components-differentials-module .full-screen-content .whp_ui-carousel-bullets{margin-left:auto;margin-right:auto;margin-bottom:48px}.whp_components-differentials-module .full-screen-content .whp_ui-carousel-item{padding:0;width:111px;height:76px;border:1px solid var(--neutral-color-03);overflow:hidden}.whp_components-differentials-module .full-screen-content .whp_ui-carousel-item.active{border:1px solid var(--brand-color-01)}}@media screen and (min-width:360px) and (max-width:751px){.whp_components-differentials-module .full-screen-content .modal-header{margin-bottom:5px}.whp_components-differentials-module .full-screen-content .bullets{margin-bottom:48px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:16px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .title{display:flex;border:1px solid var(--neutral-color-03);border-radius:4px;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:10px 16px;background-color:#fff;max-width:100%}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image{width:100%;display:flex}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image>div{width:100%;min-height:348px;max-height:348px;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fff}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .title>p{margin:0}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button{display:none}.whp_components-differentials-module .full-screen-content .carousel-modal-images .images{display:flex;overflow:auto;scrollbar-width:none;gap:8px}.whp_components-differentials-module .full-screen-content .carousel-modal-images .images>button{padding:0;width:111px;min-width:111px;height:76px;border-radius:4px;overflow:hidden;background-color:#fff}.whp_components-differentials-module .full-screen-content .carousel-modal-images .images>button.active{border:1px solid var(--brand-color-01)}.whp_components-differentials-module .full-screen-content .carousel-modal-images .images>button>img{transform:translateY(-15%)}}@media screen and (min-width:752px) and (max-width:1023px){.whp_components-differentials-module .full-screen-content .modal-header{margin-bottom:32px}.whp_components-differentials-module .carousel-modal-images{display:none}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image{padding:0 16px;position:relative;margin-bottom:24px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .whp_ui-carousel-swiper.prev{left:15px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .whp_ui-carousel-swiper.next{right:15px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .title{background-color:#fff;border:1px solid var(--neutral-color-03);display:flex;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:8px 16px;position:absolute;top:-21px;left:50%;transform:translate(-50%);z-index:1}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .title>p{margin:0;font-size:1rem;list-style:none;line-height:1.4rem}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image{padding:0 16px;display:flex;justify-content:center}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button{display:block;position:absolute;z-index:1;top:50%;transform:translateY(50%);background-color:#fff;border:2px solid var(--brand-color-01);border-radius:4px;width:40px;height:40px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button svg{color:var(--brand-color-01)}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button.disable{border:2px solid var(--brand-color-05);cursor:auto}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button.disable svg{color:var(--brand-color-05)}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button.prev{left:16px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button.prev svg{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%) rotate(90deg)}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button.next{right:16px}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image button.swiper-button.next svg{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%) rotate(-90deg)}.whp_components-differentials-module .full-screen-content .full-screen-content--main-image .main-image>div{width:566px;height:566px;border-radius:8px;overflow-y:hidden}}