.d3up-Comparison{background-color:#fff;padding:140px 0}.d3up-Comparison .eco-compare-product-sub-item-h{min-height:375px!important}@media (max-width:1024px){.d3up-Comparison .eco-compare-product-sub-item-h{min-height:348px!important}}@media not (min-width:768px){.d3up-Comparison .eco-compare-product-sub-item-h{min-height:291px!important}}.d3up-Comparison .eco-compare-product-sub-item-oper{justify-content:center;gap:24px;display:flex}@media (max-width:1440px){.d3up-Comparison .eco-compare-product-sub-item-oper{gap:16px}}@media (max-width:1024px){.d3up-Comparison .eco-compare-product-sub-item-oper{flex-direction:column;gap:12px}}.d3up-Comparison .eco-compare-product-sub-item-price{text-align:left}@media not (min-width:768px){.d3up-Comparison .eco-compare-product-sub-item-spec-box{gap:16px}}.d3up-Comparison .eco-compare-product-sub-item-spec-title{white-space:pre-line}@media not (min-width:768px){.d3up-Comparison .eco-compare-product-sub-item-spec-title{font-size:14px;line-height:1.42}.d3up-Comparison .eco-compare-product-sub-item-spec-desc{font-size:12px;line-height:1.33}}@media (max-width:1024px){.d3up-Comparison .eco-section-title{text-align:center}.d3up-Comparison .eco-swiper-control{display:none}}.d3up-Comparison .eco-compare-product .eco-compare-product-item{margin-right:16px!important}@media (max-width:1024px){.d3up-Comparison{padding:100px 0 0}}
.d3up-Grid{--pad:120px 0;--box:calc(100vw - 240px);--gap:16px;--r:8px;--pos:20px;--svg:40px;--name:28px;--text:16px;--info-gap:12px;width:var(--box);padding:var(--pad);margin:0 auto}.d3up-Grid .items{grid-template-columns:1fr 1fr;grid-template-rows:calc(.35*var(--box)) calc(.206667*var(--box)) calc(.206667*var(--box)) calc(.206667*var(--box)) calc(.206667*var(--box));grid-gap:var(--gap);grid-template-areas:"a1 a1""a2 a3""a2 a4""a5 a7""a6 a7";display:grid}.d3up-Grid .items .item{border-radius:var(--r);cursor:pointer;position:relative;overflow:hidden}.d3up-Grid .items .item .item-anchor{width:100%;height:100%;display:block}.d3up-Grid .items .item .item-img{width:100%;height:100%}.d3up-Grid .items .item .item-info{padding:var(--pos);white-space:pre-line;width:100%;line-height:1.2;position:absolute;top:0;left:0}.d3up-Grid .items .item .item-info .item-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:#fff}.d3up-Grid .items .item .item-info .item-text{margin-top:var(--info-gap);font-family:var(--ff-woff2-M);font-size:var(--text);color:#adafb3}.d3up-Grid .items .item .item-svg{bottom:var(--pos);left:var(--pos);width:var(--svg);height:var(--svg);position:absolute}.d3up-Grid.is-ph .items .item .item-svg{width:var(--svg);height:var(--svg);flex-shrink:0;position:static}.d3up-Grid.is-ph .items .item .item-bottom{bottom:var(--pos);left:var(--pos);right:var(--pos);align-items:center;gap:8px;display:flex;position:absolute}.d3up-Grid.is-ph .items .item .item-bottom .item-note{font-family:var(--ff-woff2-M);color:#fffc;margin:0;font-size:12px;font-weight:400;line-height:1.25}@media (max-width:1024px){.d3up-Grid.is-ph .item .item-bottom .item-note{font-size:10px}}@media not (min-width:768px){.d3up-Grid.is-ph .items .item .item-bottom{flex-direction:row-reverse;justify-content:flex-start}.d3up-Grid.is-ph .items .item .item-bottom .item-note{flex:1;font-size:10px}}@media only screen and not (max-width:1440px){.d3up-Grid{--pad:160px 0;--box:1200px;--svg:48px;--name:32px;--text:18px}}@media (max-width:1024px){.d3up-Grid{--pad:100px 0;--box:calc(100vw - 96px);--gap:8px;--r:4px;--pos:12px;--svg:28px;--name:16px;--text:12px;--info-gap:6px}}@media not (min-width:768px){.d3up-Grid{--box:calc(100vw - 48px);--svg:24px;--info-gap:4px}.d3up-Grid .items{grid-template-rows:calc(.611621*var(--box)) calc(.672783*var(--box)) calc(.366972*var(--box)) calc(.672783*var(--box)) calc(.611621*var(--box));grid-template-areas:"a1 a1""a2 a3""a4 a4""a5 a6""a7 a7"}.d3up-Grid .items .item .item-svg{left:auto;right:var(--pos)}.d3up-Grid.is-ph .items .item .item-svg{left:auto;right:auto}}
.d3up-ImgSection{width:100%;position:relative;overflow:hidden}.d3up-ImgSection .eco-img-bg{height:100vh;position:relative}@media (max-width:1024px){.d3up-ImgSection .eco-img-bg{height:100vh}}@media not (min-width:768px){.d3up-ImgSection .eco-img-bg{height:580px}}.d3up-ImgSection .eco-img-bg picture,.d3up-ImgSection .eco-img-bg img{width:100%;height:100%;display:block}.d3up-ImgSection .eco-img-bg img{object-fit:cover}.d3up-ImgSection .eco-img-bg .mask{opacity:.2;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.d3up-ImgSection .eco-img-bg .mask-enhance{opacity:.4!important}.d3up-ImgSection .info{color:#fff;text-align:center;width:100vw;padding:0 240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.d3up-ImgSection .info{padding:0 96px}}@media not (min-width:768px){.d3up-ImgSection .info{padding:0 24px}}.d3up-ImgSection .info.enter .lable,.d3up-ImgSection .info.enter .title,.d3up-ImgSection .info.enter .desc{opacity:1;transition:opacity .4s linear,transform .4s cubic-bezier(.26,.67,.48,.91);transform:translateY(0)}.d3up-ImgSection .info.enter .disclaimer-wrap{transition:opacity .4s linear,transform .4s cubic-bezier(.26,.67,.48,.91);transform:translateY(0)}.d3up-ImgSection .lable,.d3up-ImgSection .desc{font-family:var(--ff-woff2-B);opacity:0;font-size:28px;line-height:36px;transition:all .1s}@media (max-width:1024px){.d3up-ImgSection .lable,.d3up-ImgSection .desc{font-size:14px;line-height:14px}}@media not (min-width:768px){.d3up-ImgSection .lable,.d3up-ImgSection .desc{line-height:1.2}}.d3up-ImgSection .title{font-family:var(--ff-woff2-EB);opacity:0;margin:30px 0;font-size:66px;line-height:1.2;transition:all .1s;transform:translateY(200px)}@media (max-width:1024px){.d3up-ImgSection .title{margin:8px 0;font-size:28px}}.d3up-ImgSection .lable{transform:translateY(160px)}.d3up-ImgSection .desc{transform:translateY(240px)}.d3up-ImgSection .disclaimer-wrap{opacity:0;margin-top:20px;transition:all .1s;transform:translateY(260px)}.d3up-ImgSection .disclaimer{font-family:var(--ff-woff2-B);opacity:.7;margin:0;font-size:16px;line-height:1.4}@media (max-width:1024px){.d3up-ImgSection .disclaimer{font-size:12px}}
.d3up-Output .swiper-output{margin-top:40px;margin-bottom:40px}.d3up-Output .swiper-output .swiper{border-radius:8px}@media not (min-width:768px){.d3up-Output .swiper-output .swiper{border-radius:4px}}@media (max-width:1024px){.d3up-Output .swiper-output{margin-top:30px;margin-bottom:13.44px}}@media not (min-width:768px){.d3up-Output .swiper-output{margin-top:30px;margin-bottom:30px}}.d3up-Output .swiper-output .eco-img{width:100%;height:600px}@media (max-width:1024px){.d3up-Output .swiper-output .eco-img{height:336px}}@media not (min-width:768px){.d3up-Output .swiper-output .eco-img{border-radius:4px;height:280px}}.d3up-Output .swiper-output .list-item{border-radius:8px;position:relative;overflow:hidden}@media not (min-width:768px){.d3up-Output .swiper-output .list-item{border-radius:4px}}.d3up-Output .swiper-output .list-item .things{position:absolute;inset:0}.d3up-Output .swiper-output .list-item .things .thing{color:#fff;font-family:var(--ff-woff2-M);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-size:16px;font-style:normal;font-weight:400;line-height:1.375;display:inline-flex;position:absolute}@media (max-width:1024px){.d3up-Output .swiper-output .list-item .things .thing{padding:5.544px 8.316px;font-size:12px}}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing{padding:4px 6px}}.d3up-Output .swiper-output .list-item .things .thing .triggle-icon{display:none;position:absolute;bottom:-8px;left:20px}.d3up-Output .swiper-output .list-item .things .desc-wrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#cfd0d2;width:367px;font-family:var(--ff-woff2-M);background:#0000004d;border:1px solid #8f8f8f;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 16px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;position:absolute;bottom:30px;right:36px}@media (max-width:1024px){.d3up-Output .swiper-output .list-item .things .desc-wrapper{gap:0;font-size:8px;line-height:12px}}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .desc-wrapper{bottom:6px;left:6px;right:unset;padding:8px}}.d3up-Output .swiper-output .list-item .things .desc-wrapper .title{color:#fff;font-family:var(--ff-woff2-M);font-size:16px;font-style:normal;font-weight:500;line-height:22px}@media (max-width:1024px){.d3up-Output .swiper-output .list-item .things .desc-wrapper .title{font-size:10px;line-height:16.5px}}.d3up-Output .swiper-output .list-item .things .thing-1_1{top:11%;left:43%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-1_1{top:18%;left:37%}}.d3up-Output .swiper-output .list-item .things .thing-1_2{top:26%;left:70%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-1_2{text-align:center;top:25%;left:74%}}.d3up-Output .swiper-output .list-item .things .thing-1_3{top:12%;left:19%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-1_3{top:18%;left:4%}}.d3up-Output .swiper-output .list-item .things .thing-1_4{top:75%;left:17%}@media (max-width:1024px){.d3up-Output .swiper-output .list-item .things .thing-1_4{top:78%;left:4%}}.d3up-Output .swiper-output .list-item .things .thing-1_5{top:62%;left:38%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-1_5{top:65%;left:31%}}.d3up-Output .swiper-output .list-item .things .thing-2_1{top:5%;left:31%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-2_1{top:8%;left:31%}}.d3up-Output .swiper-output .list-item .things .thing-2_2{top:44%;left:28%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-2_2{top:36%;left:9%}}.d3up-Output .swiper-output .list-item .things .thing-2_3{top:43%;left:57%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-2_3{top:42%;left:64%}}.d3up-Output .swiper-output .list-item .things .thing-2_4{top:54%;left:65%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-2_4{top:68%;left:67%}}.d3up-Output .swiper-output .list-item .things .thing-3_1{top:41%;left:14%}.d3up-Output .swiper-output .list-item .things .thing-3_2{top:19%;left:60%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-3_2{text-align:center;width:108px;top:3%;left:60%}}.d3up-Output .swiper-output .list-item .things .thing-3_3{top:37%;left:46%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-3_3{top:41%;left:46%}}.d3up-Output .swiper-output .list-item .things .thing-3_4{top:19%;left:34%}.d3up-Output .swiper-output .list-item .things .thing-4_1{top:7%;left:57%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-4_1{top:6%;left:51%}}.d3up-Output .swiper-output .list-item .things .thing-4_2{top:19%;left:83%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-4_2{width:115px;top:37%;left:63%}}.d3up-Output .swiper-output .list-item .things .thing-4_3{top:14%;left:35%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-4_3{top:11%;left:25%}}.d3up-Output .swiper-output .list-item .things .thing-4_4{top:37%;left:19%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-4_4{top:31%;left:3%}}.d3up-Output .swiper-output .list-item .things .thing-5_1{top:38%;left:22%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-5_1{font-size:10px;top:30%;left:16%}}.d3up-Output .swiper-output .list-item .things .thing-5_2{top:50%;left:37%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-5_2{font-size:10px;top:42%;left:37%}}.d3up-Output .swiper-output .list-item .things .thing-5_3{top:79%;left:11%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-5_3{text-align:center;width:76px;font-size:10px;top:65%;left:8%}}.d3up-Output .swiper-output .list-item .things .thing-5_4{top:40%;left:70%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-5_4{text-align:center;width:80px;font-size:10px;top:32%;left:75%}}.d3up-Output .swiper-output .list-item .things .thing-5_5{top:13%;left:8%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-5_5{font-size:10px;top:13%;left:4%}}.d3up-Output .swiper-output .list-item .things .thing-6_1{top:26%;left:13%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-6_1{text-align:center;width:70px;font-size:10px;top:33%;left:6%}}.d3up-Output .swiper-output .list-item .things .thing-6_2{top:22%;left:30%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-6_2{font-size:10px;top:37%;left:34%}}.d3up-Output .swiper-output .list-item .things .thing-6_3{top:48%;left:49%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-6_3{font-size:10px;top:52%;left:49%}}.d3up-Output .swiper-output .list-item .things .thing-6_4{top:85%;left:71%}@media not (min-width:768px){.d3up-Output .swiper-output .list-item .things .thing-6_4{text-align:center;width:73px;font-size:10px;top:85%;left:67%}.d3up-Output .swiper-output .list-item-4 .desc-wrapper{padding:8px;width:163px!important;right:9px!important;left:unset!important}.d3up-Output .swiper-output .list-item-4 .desc-wrapper .title{font-size:12px!important;line-height:14px!important}.d3up-Output .swiper-output .list-item-4 .desc-wrapper .desc{margin-top:4px;font-size:10px!important;line-height:1.2!important}.d3up-Output .swiper-output .list-item-5 .desc-wrapper{width:237px!important;right:20px!important;left:unset!important}}.d3up-Output .swiper-output .list-item-6 .desc-wrapper{top:20px;right:16px;bottom:unset!important;width:335px!important}@media not (min-width:768px){.d3up-Output .swiper-output .list-item-6 .desc-wrapper{transform:translate(-50%);width:270px!important;top:10px!important;left:50%!important;bottom:unset!important}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_1{top:13%;left:24%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_1{top:30%;left:4%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_2{top:10%;left:51%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_2{top:6%;left:66%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_3{top:50%;left:59%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_3{top:47%;left:73%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_4{top:62%;left:68%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_4{top:68%;left:55%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_5{top:36%;left:40%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-2_5{top:29%;left:36%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_1{top:85%;left:37%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_1{font-size:10px;top:71%;left:38%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_2{top:62%;left:42%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_2{font-size:10px;top:41%;left:38%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_3{top:55%;left:24%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_3{text-align:left;width:auto;font-size:10px;top:52%;left:18%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_4{top:46%;left:70%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_4{text-align:left;width:auto;font-size:10px;top:42%;left:68%}}.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_5{top:8%;left:5%}@media not (min-width:768px){.d3up-Output.is-ph .swiper-output .list-item .things .thing-5_5{font-size:10px;top:6%;left:3%}}.d3up-Output.is-ph .list-item-5 .desc-wrapper{width:367px;bottom:30px;right:36px}@media not (min-width:768px){.d3up-Output.is-ph .list-item-5 .desc-wrapper{bottom:10px;width:237px!important;right:12px!important;left:unset!important}}