.compare-heading{display:flex;gap:20px;padding-top:50px}.custom-wrap{text-align:center;display:flex;justify-content:space-between;padding:30px 0}.custom-vs{font-size:21px;font-weight:700;margin:8px 10px}.compare__btn{padding:16px 22px;border-radius:8px;margin-top:10px;width:100%}.compare__btn[disabled]{opacity:.5;cursor:not-allowed}.custom-select-wrap{display:flex}.compare-pd-title{font-size:53px;font-weight:700;margin:0;color:#fa001c}.compare-pd-subheading{font-size:25px;line-height:121%;margin:0;width:50%;padding-top:15px}input.search-box{width:89%;margin:11px 19px 5px;height:40px;font-size:17px;color:#000;border:1px solid #000;padding:0 14px}.pre-option{cursor:context-menu;padding-left:11px;font-weight:900;font-size:19px;color:#2a76d4}.option-radio+.option{position:relative;font-size:19px;font-weight:700;padding:6px 0 0 37px;cursor:pointer}label.option{display:block}label.option:hover{background:#eee}.option-radio{display:none}.option-radio+.option:before,.option-radio+.option:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;cursor:pointer;background-color:#fff;border:1px solid #000;top:50%;transform:translateY(-50%);right:30px}.custom-select{position:relative;width:392px;border:2px solid #000;border-radius:4px;background:#fff;cursor:pointer;text-align:left}.custom-select .selected{padding:8px;background-color:#fff;position:relative;color:#000;font-size:18px}.custom-select .options{display:none;position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;background:#fff;z-index:10}.custom-select.open .options{display:block;max-height:350px;overflow-y:scroll;overflow-x:hidden}.comparison-table{width:100%;border-collapse:collapse;display:none}.comparison-table.visible{display:table}.comparison-table tr{border-bottom:1px solid #ccc;margin-top:20px;padding-bottom:20px;display:flex;gap:60px}.comparison-table td{padding:68px 0 0;width:384px;color:#000;font-weight:700}.comparison-table tr:first-of-type td,.comparison-table td:first-of-type{padding:0}.comparison-table em strong{font-style:normal;display:inline;font-size:20px;white-space:normal}.comparison-table p{font-size:17px}.main-img{width:100%;max-height:400px}.color-options{text-align:center}.comparison-table strong{display:block;font-size:22px;white-space:nowrap;color:#2a76d4}.conpare-title{display:flex;align-items:center;justify-content:space-between}.filter-row{position:relative;width:32%}.compare .page-width{min-height:600px}.compare-filters{display:none;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-radius:6px;padding-top:12px}.compare-filters.active{display:flex}.compare-filters-wrap{padding-top:25px}.checkbox-option{display:block}.checkbox-option label{cursor:pointer}.filter-toggle{border:1px solid #000;height:42px;display:block;padding:8px 5px;background-color:#fff;position:relative;cursor:pointer}.filter-toggle:before{content:url('{{ "icon-caret.svg" | asset_url }}');position:absolute;top:50%;transform:translateY(-50%);right:10px}.filter-box{background-color:#fff;width:100%;position:absolute;top:42px;left:0;z-index:1;padding:9px;font-size:18px;max-height:300px;overflow-y:scroll;display:none;border:1px solid}.filter-toggle.active+.filter-box{display:block}.filter-box label{cursor:pointer}.checkbox-option input[type=checkbox]{cursor:pointer;width:18px;height:18px}.conpare-title__left,.right-filter{color:#000;font-size:25px;font-style:normal;font-weight:700;line-height:normal}.conpare-title__left{color:#2a76d4}.right-filter{font-size:20px;border:none;background-color:transparent;cursor:pointer}#clear-filters{color:#2a76d4}.range-container{position:relative;width:100%;height:6px}.range-container .slider-track{position:absolute;height:6px;width:100%;background:#ccc;border-radius:3px;top:7px;left:2px;display:block;z-index:-1}input[type=range]{position:absolute;width:100%;top:0;left:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#1a9dbf;cursor:pointer;pointer-events:all}input[type=range]::-webkit-slider-runnable-track{height:6px;background:transparent}.price-labels{display:flex;justify-content:space-between;margin-top:10px}.price-labels span{color:#777;font-size:14px}.price-labels strong{font-weight:700;font-size:16px;color:#000}button.color-swatch,label.color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;display:inline-block;position:relative}.color-radioInput+label.color-swatch:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;border:.3px solid #3078d1;transition:border-color .3s ease}.color-radioInput:checked+label.color-swatch:before,.color-radioInput:hover+label.color-swatch:before{border:3px solid #3078d1}.option-radio:checked+.option:after{width:14px;height:14px;background-color:#000;top:50%;right:32px;transform:translateY(-50%)}.color-radioInput{display:none}.filter-dropdown{top:0;background-color:#fff;z-index:1}.option-radio:disabled{cursor:not-allowed;opacity:.6}input.option-radio:disabled+.option{cursor:not-allowed;opacity:.5;pointer-events:none}input.option-radio:disabled+.option:before,input.option-radio:disabled+.option:after{content:none}.custom-select .selected:before{content:url(icon-caret.svg);position:absolute;top:50%;transform:translateY(-50%);right:10px}.filter-toggle:before{content:url(icon-caret.svg);position:absolute;top:50%;transform:translateY(-50%);right:10px}.filter-toggle.active:before{transform:translateY(-50%) rotate(180deg)}.os-title-wrap{display:flex;align-items:center}.info-popup-container{position:relative;display:inline-block}.info-icon-wrapper{display:inline-flex;cursor:pointer;margin-left:5px}.info-popup{position:absolute;z-index:100;top:calc(100% + 5px);left:0;width:450px;background-color:#eeeedc;border-radius:8px;border:1px solid #0187A7;box-shadow:0 4px 12px #00000026;padding:16px;animation:fadeIn .2s ease-in-out;display:none}.info-popup.active{display:block}.info-popup-content{color:#0187a7;font-family:Panton;font-size:20px;font-style:normal;font-weight:400;line-height:normal;margin-right:20px}.info-popup-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;line-height:1;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}input.email-input{width:30%}input.feedback-input{width:50%}.feature-blog-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#000}@media(max-width:768px){input.email-input,input.feedback-input{width:100%}.feedback-section{padding:0 0 30px}.custom-select-wrap:nth-child(2){display:none}.compare-heading{flex-direction:column;width:100%;padding-top:30px}.custom-select{width:100%}.compare-pd-title{font-size:34px;line-height:110%}.compare-pd-subheading{font-size:15px;line-height:121%;width:100%;padding-top:0}.conpare-title__left,.right-filter{font-size:14px}.conpare-title__right{display:flex;align-items:center}.custom-select .selected{font-size:12px}.custom-vs{font-size:17px;font-weight:700;margin:0 13px;position:absolute;top:35px;left:calc(50% - 12px);transform:translate(-50%)}.custom-select-wrap:first-of-type .options{left:-22px;right:-214px}.custom-select-wrap:last-of-type .options{left:-214px;right:-22px}.filter-row{position:relative;width:48%}.filter-toggle{width:100%}.filter-box{font-size:14px}.checkbox-option input[type=checkbox]{width:14px;height:14px}.custom-wrap{position:relative}.option-radio+.option{font-size:15px}input.search-box{height:34px;font-size:15px}.comparison-table td:nth-child(2){display:none}.comparison-table td{padding:57px 0 0;width:46%}.color-radioInput+label.color-swatch:before{width:15px;height:15px}button.color-swatch,label.color-swatch{width:15px;height:15px}.comparison-table tr{margin-top:0;gap:21px;justify-content:space-between}.filter-dropdown{top:0}.main-img{width:100%;max-height:195px}.comparison-table strong{font-size:17px}.custom-select-wrap:first-of-type,.custom-select-wrap:last-of-type{width:45%}.custom-select-wrappper{width:100%}.compare__btn{padding:10px 22px}.info-popup-content{font-size:17px}.info-popup{left:-196px;width:335px}.compare .page-width{min-height:400px}.comparison-table em strong{font-size:16px;white-space:normal}.comparison-table p{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/compare.css.map */