.x60-compare-features{background-color:#1d1d1f;color:#fff;padding:clamp(40px,4.17vw,80px) 0}.x60-compare-features .common-wrapper{width:100%;max-width:1200px}.x60-compare-features .compare-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(24px,2.08vw,40px)}.x60-compare-features .compare-header__text{max-width:60%}.x60-compare-features .compare-header__text .compare-heading{font-family:var(--misans-style);font-weight:700;font-size:clamp(28px,2.29vw,44px)x60;line-height:1.15;margin:0 0 clamp(8px,.63vw,12px)}.x60-compare-features .compare-header__text .compare-subtitle{font-size:clamp(12px,.83vw,16px);color:#fff9;line-height:1.5}.x60-compare-features .compare-header__text .compare-subtitle b,.x60-compare-features .compare-header__text .compare-subtitle strong{color:#fff}.x60-compare-features .compare-header__dropdown{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.x60-compare-features .compare-header__dropdown .dropdown-label{font-size:clamp(12px,.73vw,14px);color:#fff9}.x60-compare-features .compare-model-select{appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;padding:10px 40px 10px 20px;font-size:clamp(12px,.73vw,14px);font-family:var(--misans-style);cursor:pointer;min-width:160px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.x60-compare-features .compare-model-select:focus{outline:none;border-color:#fff9}.x60-compare-features .compare-model-select option{background-color:#222;color:#fff}.x60-compare-features .compare-grid__group{display:none}.x60-compare-features .compare-grid__group.active{display:block}.x60-compare-features .compare-grid__top{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:clamp(154px,11.46vw,220px) clamp(56px,4.17vw,80px) clamp(175px,13.02vw,250px);gap:clamp(5px,.52vw,10px);margin-bottom:clamp(5px,.52vw,10px)}.x60-compare-features .compare-grid__top .compare-card:nth-child(1){grid-column:1;grid-row:1 / 3}.x60-compare-features .compare-grid__top .compare-card:nth-child(2){grid-column:2;grid-row:1 / 2}.x60-compare-features .compare-grid__top .compare-card:nth-child(3){grid-column:1;grid-row:3 / 4}.x60-compare-features .compare-grid__top .compare-card:nth-child(4){grid-column:2;grid-row:2 / 4}.x60-compare-features .compare-grid__bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(5px,.52vw,10px)}.x60-compare-features .compare-card{position:relative;overflow:hidden;min-height:0}.x60-compare-features .compare-card .card-bg{position:absolute;top:0;left:0;width:100%;height:100%}.x60-compare-features .compare-card .card-bg,.x60-compare-features .compare-card .card-bg>div,.x60-compare-features .compare-card .card-bg .image-element__wrap{width:100%;height:100%}.x60-compare-features .compare-card .card-bg img{width:100%;height:100%;object-fit:cover;display:block}.x60-compare-features .compare-card .card-overlay{position:relative;z-index:1;padding:clamp(16px,1.25vw,24px);height:100%;display:flex}.x60-compare-features .compare-card .card-overlay.pos-top-left{align-items:flex-start;justify-content:flex-start}.x60-compare-features .compare-card .card-overlay.pos-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.x60-compare-features .compare-card .card-overlay.pos-bottom-left{align-items:flex-end;justify-content:flex-start}.x60-compare-features .compare-card .card-overlay.pos-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.x60-compare-features .compare-card .card-overlay.pos-center{align-items:center;justify-content:center;text-align:center}.x60-compare-features .compare-card .card-overlay.pos-none{display:none}.x60-compare-features .compare-card .card-title{font-family:var(--misans-style);font-weight:600;font-size:clamp(12px,.83vw,16px);line-height:1.4;margin-bottom:4px}.x60-compare-features .compare-card .card-stat{font-family:var(--misanslatin);font-weight:700;font-size:clamp(28px,2.29vw,44px);line-height:1.1;background:linear-gradient(90deg,#eaae66,#955818);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.x60-compare-features .compare-card .card-stat-subtitle{font-size:clamp(12px,.73vw,14px);line-height:1.4;margin-top:2px}.x60-compare-features .compare-card.text-light .card-title,.x60-compare-features .compare-card.text-light .card-stat-subtitle{color:#fff}.x60-compare-features .compare-card.text-dark .card-title,.x60-compare-features .compare-card.text-dark .card-stat-subtitle{color:#1a1a1a}.x60-compare-features .pc-layout{display:block}.x60-compare-features .m-layout{display:none}@media only screen and (max-width:850.1px){.x60-compare-features .pc-layout{display:none}.x60-compare-features .m-layout{display:block}.x60-compare-features .compare-header{flex-direction:column;gap:16px}.x60-compare-features .compare-header__text{max-width:100%}.x60-compare-features .compare-header__dropdown{align-items:flex-start}.x60-compare-features .compare-header__dropdown.mobile-hidden{display:none}.x60-compare-features .compare-slider .swiper-slide{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:3 / 4}.x60-compare-features .compare-slider .swiper-slide .card-bg{position:absolute;top:0;left:0;width:100%;height:100%}.x60-compare-features .compare-slider .swiper-slide .card-bg>div,.x60-compare-features .compare-slider .swiper-slide .card-bg .image-element__wrap{width:100%;height:100%}.x60-compare-features .compare-slider .swiper-slide .card-bg img{width:100%;height:100%;object-fit:cover;display:block}.x60-compare-features .compare-slider .swiper-slide .card-overlay{position:relative;z-index:1;padding:20px;height:100%;display:flex}.x60-compare-features .compare-slider .swiper-slide .card-title{font-size:14px}.x60-compare-features .compare-slider .swiper-slide .card-stat{font-size:32px}.x60-compare-features .compare-slider .swiper-slide .card-stat-subtitle{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/x60-ultra-compare-features.css.map */
