.compare-drawer{position:fixed;bottom:0;left:0;width:100%;z-index:9999999}.compare-drawer-inner{display:flex;justify-content:space-between;padding-top:20px}.compare-drawer-inner-wrap{will-change:max-height;max-height:0;overflow:hidden;transition:all .5s ease}.compare-drawer.active-inner .compare-drawer-inner-wrap{max-height:1000px}.compare-toggle-header svg{transition:transform .5s ease}.active-inner .compare-toggle-header svg{transform:rotate(180deg)}.compare-toggle-header h5{margin:0;line-height:140%}.compare-toggle-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.compare-drawer.hidden{display:none}.compare-toggle-header{touch-action:manipulation}.compare-items{display:flex;flex:1}.compare-item{position:relative;border-radius:10px;background:#fff;overflow:hidden}.compare-item-content{display:flex;align-items:center}.remove-compare,.remove-compare-section{position:absolute;top:3px;right:3px;background:transparent;color:#4b4b4b;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;font-weight:600}.remove-compare-section{width:20px;height:20px;font-weight:500;top:24px;right:24px;font-size:19px}.compare-item-info{flex:1;min-width:0;padding:0 40px 0 8px;display:flex;flex-direction:column;gap:8px}.compare-item-title{font-size:16px;margin:0;color:#111;font-family:DM Sans;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare-item-price{font-size:20px;font-weight:600;color:#111;margin:0;font-family:DM Sans}.compare-hint{font-size:13px;color:#aaa;margin:0 0 10px;display:none}.compare-actions{display:flex;align-items:center;flex-direction:column}.compare-checkbox{display:flex;align-items:center;gap:13px;cursor:pointer;font-size:14px;position:relative;width:fit-content}.compare-checkbox.disabled{opacity:.5;cursor:not-allowed}.js-compare-toggle{margin:0;opacity:0}.compare-checkbox:before{position:absolute;content:"";width:14px;height:14px;border:2px solid #4B4B4B;border-radius:4px;left:0}.compare-checkbox:has(input:checked):after{content:"";background:url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2328_4717)"><path d="M11.1593 2.2155L4.24982 9.1245C4.20336 9.17114 4.14815 9.20815 4.08736 9.2334C4.02657 9.25865 3.96139 9.27165 3.89557 9.27165C3.82974 9.27165 3.76456 9.25865 3.70377 9.2334C3.64298 9.20815 3.58777 9.17114 3.54132 9.1245L0.869316 6.45C0.822862 6.40337 0.767655 6.36636 0.706864 6.34111C0.646072 6.31586 0.580893 6.30286 0.515067 6.30286C0.44924 6.30286 0.384061 6.31586 0.323269 6.34111C0.262478 6.36636 0.207271 6.40337 0.160816 6.45C0.114178 6.49646 0.0771718 6.55167 0.051921 6.61246C0.0266702 6.67325 0.0136719 6.73843 0.0136719 6.80425C0.0136719 6.87008 0.0266702 6.93526 0.051921 6.99605C0.0771718 7.05684 0.114178 7.11205 0.160816 7.1585L2.83382 9.831C3.11579 10.1125 3.49792 10.2705 3.89632 10.2705C4.29472 10.2705 4.67684 10.1125 4.95882 9.831L11.8678 2.9235C11.9144 2.87706 11.9513 2.82188 11.9765 2.76114C12.0017 2.70039 12.0147 2.63527 12.0147 2.5695C12.0147 2.50374 12.0017 2.43862 11.9765 2.37787C11.9513 2.31713 11.9144 2.26195 11.8678 2.2155C11.8214 2.16887 11.7662 2.13186 11.7054 2.10661C11.6446 2.08136 11.5794 2.06836 11.5136 2.06836C11.4477 2.06836 11.3826 2.08136 11.3218 2.10661C11.261 2.13186 11.2058 2.16887 11.1593 2.2155Z" fill="%23FCD900"/></g><defs><clipPath id="clip0_2328_4717"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');position:absolute;width:14px;height:14px;border-radius:4px;left:0;border:2px solid #111111;background-repeat:no-repeat;background-position:center}.compare-checkbox:has(input:checked):before{background:#111}.compare-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10000000;display:flex;align-items:center;justify-content:center;padding:20px}.compare-modal.hidden{display:none}.compare-modal-content{background:#fff;border-radius:12px;width:100%;max-width:1340px;max-height:90vh;overflow:hidden;position:relative}.compare-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:1}.compare-modal-header h5{margin:0}.close-compare{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-compare:hover{background:#f5f5f5}.compare-table-wrapper{overflow-x:auto;max-height:calc(90vh - 80px)}.compare-table-inner{border:1px solid #E0E0E0;border-radius:10px;min-width:800px}.compare-table{width:100%;border-collapse:collapse;min-width:800px;text-align:left}.compare-table th{vertical-align:top;width:33.33%;padding:0;border-right:1px solid #E0E0E0}.compare-table tr th:last-child,.compare-table tr td:last-child{border:none}.compare-table td{border-right:1px solid #E0E0E0}.feature-col{background:#f8f9fa;font-weight:600;text-align:left;width:200px;position:sticky;left:0;z-index:1}.product-col{min-width:250px}.product-header{position:relative;display:flex;flex-direction:column;width:100%}.remove-compare-modal{position:absolute;top:0;right:0;background:transparent;color:#4b4b4b;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0}.product-image img{aspect-ratio:1;object-fit:contain;margin:0 auto}.product-title{margin:0}.spacer-row td{height:20px;border:none;background:transparent}.compare-loading{text-align:center;padding:60px 20px}.spinner{border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compare-item-image{object-fit:contain;width:100px;height:100px}.compare-actions-wrapper{min-width:200px}.compare-empty{display:flex;align-items:center;justify-content:center}.compare-empty-box{width:100%;height:100%;background:#6d6d6d;color:#ffffffe5;display:flex;align-items:center;justify-content:center}.compare-table tbody tr:nth-child(odd){background:#f4f4f480}.feature-value span{font-weight:500;font-size:12px;line-height:100%;color:#111c;font-family:var(--font-heading--family)}.feature-value{font-size:16px;color:var(--color-foreground-heading);line-height:160%}td.feature-value div{display:flex;flex-direction:column}.compare-vendor-logo img{max-height:16px;max-width:fit-content;object-fit:contain}.product-col product-price{margin-bottom:auto!important}#compare-btn:disabled{pointer-events:none}.compare-toggle-header{position:relative}.compare-toggle-header:after{position:absolute;content:"";left:0;width:100%;z-index:1}@media (min-width:769px){.compare-item{min-width:130px;width:calc(33.33% - 20px * 2 / 3)}.product-header{padding:0 40px 28px;gap:12px}.product-image{margin-bottom:4px}.compare-table td{padding:10px 40px}.compare-table-wrapper{padding:20px}.compare-items{gap:20px}.compare-drawer{padding:30px 0}.compare-drawer-inner{gap:32px}.compare-actions{gap:12px}.compare-section-header{padding-bottom:40px}.compare-page-section .breadcrumb{padding-bottom:12px}.compare-toggle-header:after{top:-30px;height:calc(100% + 50px)}}@media (max-width:1050px){.compare-actions>*{width:100%}.compare-drawer-inner{flex-direction:column}.compare-actions-wrapper{max-width:200px;margin:0 auto}.compare-section-table-wrapper{padding:0 16px;overflow-y:clip;overflow-x:scroll}}@media (max-width:768px){.compare-actions-wrapper{max-width:100%;width:100%}.product-header{padding:0 16px 16px;gap:8px}.product-image{margin-bottom:8px}.compare-table td{padding:10px 16px}.compare-table-wrapper{padding:20px}.compare-items{flex-direction:column;gap:11.2px}.compare-drawer{padding:25px 0}.compare-toggle-header svg{width:18px;height:10px}.compare-drawer-inner{gap:20px;max-width:100%}.compare-actions{gap:8px}.compare-empty-box{min-height:100px}.compare-page-section{display:block}.compare-section-header{padding:0 16px 20px}.compare-page-section .breadcrumb{padding:0 16px 12px}.compare-toggle-header:after{top:-20px;height:calc(100% + 40px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/compare.css.map */