.compare-products{padding:40px 16px;max-width:1400px;margin:0 auto;overflow-x:hidden;overscroll-behavior-x:none}.compare-products__header{text-align:center;margin-bottom:32px}.compare-products__title{font-size:24px;font-weight:600;margin:0 0 8px;line-height:1.3}.compare-products__subtitle{font-size:14px;color:#666;margin:0}.compare-products__trigger-wrap{text-align:center;padding:20px 16px 40px}.compare-products__trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#272727;border:none;cursor:pointer;transition:background .2s ease,transform .15s ease}.compare-products__trigger-btn:hover{background:#444}.compare-products__trigger-btn:focus-visible{outline:2px solid #272727;outline-offset:3px}.compare-products__trigger-text{display:inline-block;background:none;border:none;padding:0;font-family:Quicksand,sans-serif;font-weight:600;font-size:20px;line-height:20px;letter-spacing:.04em;text-align:center;vertical-align:middle;color:#272727;cursor:pointer;text-decoration:underline;text-decoration-style:solid;text-underline-offset:auto;text-decoration-thickness:auto;transition:color .15s ease}.compare-products__trigger-text:hover{color:#555}.compare-products__trigger-text:focus-visible{outline:2px solid #272727;outline-offset:3px}.compare-products__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.compare-products__modal[aria-hidden=false],.compare-products__modal.is-active{opacity:1;visibility:visible}.compare-products__modal[hidden]{display:none}.compare-products__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;cursor:pointer}.compare-products__modal-content{position:relative;z-index:1;width:95vw;max-width:1200px;max-height:90vh;background:#fff;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .25s ease}.compare-products__modal.is-active .compare-products__modal-content{transform:translateY(0)}.compare-products__modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.compare-products__modal-title{font-size:18px;font-weight:600;margin:0}.compare-products__modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid #ddd;border-radius:50%;cursor:pointer;color:#333;transition:background .15s ease,border-color .15s ease}.compare-products__modal-close:hover{background:#f5f5f5;border-color:#bbb}.compare-products__modal-close:focus-visible{outline:2px solid #272727;outline-offset:2px}.compare-products__modal-body{overflow-y:auto;overscroll-behavior:contain;padding:0;flex:1}.compare-table{overflow-x:auto;-webkit-overflow-scrolling:auto;overscroll-behavior-x:none}.compare-table:focus{outline:2px solid #272727;outline-offset:-2px}.compare-table__grid{border-collapse:separate;border-spacing:0;table-layout:fixed}.compare-table--empty{padding:60px 20px;text-align:center}.compare-table__empty-message{color:#999;font-size:14px}.compare-table__label{position:sticky;left:0;z-index:2;text-align:left;padding:8px 6px;font-size:9px;font-weight:600;color:#333;background:#fafafa;border-bottom:1px solid #eee;border-right:1px solid #eee;vertical-align:top;width:80px;min-width:80px;max-width:80px;white-space:normal;word-break:break-word;overflow:visible;box-sizing:border-box}.compare-table__product-header{padding:16px 10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #eee;background:#fff;width:240px;min-width:240px;max-width:240px;box-sizing:border-box}.compare-table__image-wrap{width:100%;margin:0 0 10px;overflow:hidden;background:#fafafa;position:relative;height:auto}@supports not (aspect-ratio: 1 / 1){.compare-table__image-wrap:before{content:"";display:block;padding-bottom:100%}.compare-table__image-wrap .compare-table__image{position:absolute;top:0;left:0;width:100%;height:100%}}.compare-table__image{display:block;aspect-ratio:1;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.compare-table__placeholder{display:block;width:100%;height:100%}.compare-table__name-rating{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.compare-table__product-name{font-size:14px;font-weight:400;line-height:20px;text-transform:uppercase;color:#222}.compare-table__star-rating{font-size:12px;line-height:1;flex-shrink:0}.compare-table__variant-name{display:block;font-size:13px;font-weight:300;line-height:20px;color:#3b3b3b;margin-bottom:8px;text-align:left}.compare-table__swatches{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;padding:4px 0 0}.compare-table__swatch-item:nth-child(n+4){display:none}.compare-table__swatches.is-expanded .compare-table__swatch-item{display:flex}.compare-table__swatch-item{display:flex;align-items:center;justify-content:center;padding:3px;margin:0;background:none;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:none;appearance:none}.compare-table__swatch-item:hover,.compare-table__swatch-item:focus-visible{border-color:#000}.compare-table__swatch-item.active{border-color:#000}.compare-table__swatch-item:focus-visible{outline:2px solid #272727;outline-offset:2px}.compare-table__swatch-dot{display:block;width:22px;height:22px;border-radius:50%;pointer-events:none}.compare-table__swatches-toggle{background:none;border:none;padding:2px 0;margin:0;cursor:pointer;font-size:12px;font-weight:400;color:#666;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;-webkit-appearance:none;appearance:none;transition:color .15s ease}.compare-table__swatches-toggle:hover{color:#222}.compare-table__swatches-toggle:focus-visible{outline:2px solid #272727;outline-offset:2px}.compare-table__cell{padding:12px 10px;text-align:left;font-size:12px;line-height:1.5;color:#444;border-bottom:1px solid #eee;vertical-align:top;width:240px;min-width:240px;max-width:240px;box-sizing:border-box}.compare-table__price{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.compare-table__price-compare{font-size:12px;color:#999;text-decoration:line-through}.compare-table__price-current{font-weight:600;color:#222}.compare-table__price-current--sale{color:#c0392b}.compare-table__badge{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:2px}.compare-table__badge--in-stock{background:#e8f5e9;color:#2e7d32}.compare-table__badge--sold-out{background:#fce4ec;color:#c62828}.compare-table__row--cta .compare-table__label{border-bottom:1px solid #cccccc}.compare-table__cell--cta{border-bottom:1px solid #cccccc;padding-top:12px;padding-bottom:20px;text-align:center}.compare-table__cta{display:inline-block;padding:10px 22px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:#fff;background:#272727;border:1px solid #272727;transition:background .2s ease,color .2s ease}.compare-table__cta:hover,.compare-table__cta:focus{background:transparent;color:#272727}.compare-table__cta:focus-visible{outline:2px solid #272727;outline-offset:2px}.compare-table__body .compare-table__row:nth-child(2n) .compare-table__cell{background:#fafafa}.compare-table__body .compare-table__row:nth-child(2n) .compare-table__label{background:#f3f3f3}body.compare-products--no-scroll{overflow:hidden;touch-action:none}@media(min-width:768px){.compare-products{padding:60px 32px}.compare-products__title{font-size:32px}.compare-products__subtitle{font-size:15px}.compare-table__label{width:180px;min-width:180px;max-width:180px;padding:10px 12px;font-size:11px}.compare-table__product-header{width:280px;min-width:280px;max-width:280px;padding:16px 12px 12px}.compare-table__cell{width:280px;min-width:280px;max-width:280px;padding:14px 12px;font-size:13px}.compare-table__swatch-dot{width:25px;height:25px}.compare-table__swatch-item:nth-child(n+4){display:flex}.compare-table__swatch-item:nth-child(n+6){display:none}.compare-table__swatches.is-expanded .compare-table__swatch-item{display:flex}}@media(min-width:1024px){.compare-products{padding:80px 40px}.compare-products__modal-content{max-height:85vh}.compare-table__label{font-size:11px;padding:12px 14px}.compare-table__cell{font-size:14px;padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/236/assets/compare-products.css.map */