.compare-toggle{position:relative;display:block;cursor:pointer;-webkit-user-select:none;user-select:none;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5em;width:100%;text-align:center}.compare-toggle__label{font-size:var(--text-xs);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);overflow-wrap:anywhere;opacity:.5}@media only screen and (min-width: 768px){.compare-toggle__label{padding-inline:1.875rem}}@media only screen and (max-width: 767px){.compare-toggle__label{font-size:smaller}}.compare-toggle__label:hover{opacity:1}.compare-toggle__input{position:absolute;opacity:0;width:0;height:0}.compare-toggle__slider{position:relative;display:inline-block;width:48px;height:28px;background-color:rgb(var(--text-color) / .2);border-radius:28px;transition:background-color .3s ease}.compare-toggle__slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.compare-toggle__input:checked+.compare-toggle__slider{background-color:rgb(var(--text-color))}.compare-toggle__input:checked+.compare-toggle__slider:before{transform:translate(20px)}.compare-toggle__input:focus+.compare-toggle__slider{box-shadow:0 0 0 3px rgb(var(--text-color) / .1)}.product-card__compare-checkbox{position:absolute;top:.75rem;right:.75rem;z-index:2;transition:opacity .2s ease}.product-card__compare-checkbox{opacity:0;pointer-events:none}.compare-mode-active .product-card__compare-checkbox{opacity:1;pointer-events:auto}.product-card__compare-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.product-card__compare-label{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgb(var(--background));border:2px solid rgb(var(--text-color) / .2);border-radius:.375rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.product-card__compare-label:hover{border-color:rgb(var(--text-color) / .5);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.product-card__compare-checkbox input:checked+.product-card__compare-label{background:rgb(var(--text-color));border-color:rgb(var(--text-color))}.product-card__compare-checkbox input:disabled+.product-card__compare-label{opacity:.5;cursor:not-allowed;transform:none}.product-card__compare-icon{width:1rem;height:1rem;stroke:rgb(var(--text-color));stroke-width:2.5;opacity:.25;transition:opacity .2s ease;flex-shrink:0}.product-card__compare-checkbox input:checked+.product-card__compare-label .product-card__compare-icon{opacity:1;stroke:rgb(var(--background))}.product-card__compare-text{font-size:var(--text-xs);font-weight:600;color:rgb(var(--text-color));white-space:nowrap;transition:color .2s ease}.product-card__compare-checkbox input:checked+.product-card__compare-label .product-card__compare-text{color:rgb(var(--background))}.product-card.is-compare-selected{outline:2px solid rgb(var(--text-color, .5));outline-offset:2px;border-radius:1px}.compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgb(var(--background));border-top:1px solid rgb(var(--text-color) / .1);box-shadow:0 -4px 12px #00000014;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.compare-bar.is-visible{transform:translateY(0)}.compare-bar.is-expanded{position:fixed;top:0;bottom:0;overflow-y:auto;z-index:1000}.compare-bar__collapsed{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:1600px;margin:0 auto;transition:max-height .3s ease,padding .3s ease;overflow:hidden}.compare-bar.is-expanded .compare-bar__collapsed{display:none}.compare-bar.is-collapsed .compare-bar__collapsed{max-height:6rem;padding:.75rem 1rem}.compare-bar.is-collapsed .compare-bar__products{display:none}.compare-bar__header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.compare-bar__title-group{flex:1;min-width:0}.compare-bar__title{font-family:var(--heading-font-family);font-size:var(--text-base);font-weight:var(--heading-font-weight);color:rgb(var(--text-color));margin:0;line-height:1.4;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.compare-bar__subtitle{font-size:var(--text-xs);color:rgb(var(--text-color) / .6);font-weight:400;white-space:nowrap}.compare-bar__header-actions{display:flex;align-items:center;gap:.5rem}.compare-bar__toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;cursor:pointer;flex-shrink:0;border-radius:.25rem;transition:background .2s ease;order:3}.compare-bar__toggle:hover{background:rgb(var(--text-color) / .05)}.compare-bar__toggle-icon{width:1.25rem;height:1.25rem;stroke:rgb(var(--text-color));transition:transform .2s ease}.compare-bar.is-collapsed .compare-bar__toggle-icon{transform:rotate(180deg)}.compare-bar__products{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:opacity .3s ease,max-height .3s ease;cursor:grab}.compare-bar__products:active{cursor:grabbing}.compare-bar__products::-webkit-scrollbar{display:none}.compare-bar__product-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .1);border-radius:.5rem;flex-shrink:0;min-width:280px}.compare-bar__product-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background:rgb(var(--text-color) / .02);border:2px dashed rgb(var(--text-color) / .15);border-radius:.5rem;flex-shrink:0;min-width:280px}.compare-bar__placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.compare-bar__placeholder-icon{width:2rem;height:2rem;stroke:rgb(var(--text-color) / .3);stroke-width:1.5}.compare-bar__placeholder-text{font-size:var(--text-xs);color:rgb(var(--text-color) / .5);font-weight:500}.compare-bar__product-image{width:3rem;height:3rem;object-fit:cover;border-radius:.25rem;flex-shrink:0;pointer-events:none}.compare-bar__product-info{flex:1;min-width:0;pointer-events:none}.compare-bar__product-title{font-size:var(--text-xs);font-weight:500;color:rgb(var(--text-color));margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-bar__product-price{font-size:var(--text-xs);color:rgb(var(--text-color) / .7);margin:0}.compare-bar__remove{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:none;cursor:pointer;flex-shrink:0;border-radius:.25rem;transition:background .2s ease}.compare-bar__remove:hover{background:rgb(var(--text-color) / .1)}.compare-bar__remove-icon{width:1rem;height:1rem;stroke:rgb(var(--text-color) / .6)}.compare-bar__clear{padding:.625rem 1rem;background:transparent;border:1px solid rgb(var(--text-color) / .2);border-radius:var(--button-border-radius, .375rem);cursor:pointer;font-family:var(--heading-font-family);font-size:var(--text-xs);font-weight:var(--heading-font-weight);color:rgb(var(--text-color));transition:all .2s ease;white-space:nowrap;order:1}.compare-bar__clear:hover{background:rgb(var(--text-color) / .05);border-color:rgb(var(--text-color) / .4)}.compare-bar__compare-btn{padding:.625rem 1.5rem;background:rgb(var(--text-color));color:rgb(var(--background));border:none;border-radius:var(--button-border-radius, .375rem);cursor:pointer;font-family:var(--heading-font-family);font-size:var(--text-xs);font-weight:var(--heading-font-weight);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);transition:all .2s ease;white-space:nowrap;order:2}.compare-bar__compare-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.compare-bar__compare-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.compare-bar__expanded{display:none;padding:2rem 1rem;max-width:1600px;margin:0 auto}.compare-bar.is-expanded .compare-bar__expanded{display:block}.compare-bar__expanded-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgb(var(--text-color) / .1)}.compare-bar__expanded-title{font-family:var(--heading-font-family);font-size:var(--text-2xl);font-weight:var(--heading-font-weight);color:rgb(var(--text-color));margin:0}.compare-bar__close{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid rgb(var(--text-color) / .2);border-radius:var(--button-border-radius, .375rem);cursor:pointer;font-family:var(--heading-font-family);font-size:var(--text-xs);font-weight:var(--heading-font-weight);color:rgb(var(--text-color));transition:all .2s ease}.compare-bar__close:hover{background:rgb(var(--text-color) / .05);border-color:rgb(var(--text-color) / .4)}.compare-bar__close-icon{width:1rem;height:1rem;stroke:rgb(var(--text-color))}.compare-filters{margin-bottom:2rem;padding:1.5rem;background:rgb(var(--text-color) / .03);border-radius:.5rem}.compare-filters__title{font-family:var(--heading-font-family);font-size:var(--text-sm);font-weight:var(--heading-font-weight);color:rgb(var(--text-color));margin:0 0 1rem;text-transform:var(--heading-text-transform)}.compare-filters__options{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.compare-filters__checkbox{position:relative;display:inline-flex}.compare-filters__checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.compare-filters__label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .2);border-radius:var(--button-border-radius, .375rem);cursor:pointer;font-size:var(--text-xs);color:rgb(var(--text-color));transition:all .2s ease;white-space:nowrap}.compare-filters__label:hover{border-color:rgb(var(--text-color) / .4);background:rgb(var(--text-color) / .05)}.compare-filters__checkbox input:checked+.compare-filters__label{background:rgb(var(--text-color));color:rgb(var(--background));border-color:rgb(var(--text-color))}.compare-filters__clear{padding:.5rem .875rem;background:transparent;border:1px solid rgb(var(--text-color) / .2);border-radius:var(--button-border-radius, .375rem);cursor:pointer;font-size:var(--text-xs);color:rgb(var(--text-color) / .7);transition:all .2s ease;white-space:nowrap}.compare-filters__clear:hover{color:rgb(var(--text-color));border-color:rgb(var(--text-color) / .4)}.compare-grid{display:grid;gap:1rem}.compare-grid--2-cols{grid-template-columns:repeat(2,1fr)!important}.compare-grid--3-cols{grid-template-columns:repeat(3,1fr)!important}.compare-grid__column{display:flex;flex-direction:column;gap:1rem}.compare-product{display:flex;flex-direction:column;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .1);border-radius:.5rem;overflow:hidden}.compare-product__image-wrapper{position:relative;padding-top:100%;background:rgb(var(--text-color) / .05)}.compare-product__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.compare-product__content{padding:1.5rem}.compare-product__title{font-family:var(--heading-font-family);font-size:var(--text-base);font-weight:var(--heading-font-weight);color:rgb(var(--text-color));margin:0 0 .5rem}.compare-product__price{font-size:var(--text-lg);font-weight:600;color:rgb(var(--text-color));margin:0 0 1rem}.compare-product__price-compare{font-size:var(--text-sm);color:rgb(var(--text-color) / .6);text-decoration:line-through;margin-right:.5rem}.compare-attribute{padding:1rem 1.5rem;border-top:1px solid rgb(var(--text-color) / .1)}.compare-attribute[data-hidden=true]{display:none}.compare-attribute__label{font-family:var(--heading-font-family);font-size:var(--text-xs);font-weight:var(--heading-font-weight);color:rgb(var(--text-color) / .6);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.compare-attribute__value{font-size:var(--text-sm);color:rgb(var(--text-color));margin:0;word-wrap:break-word}.compare-attribute__value--description{line-height:1.6}.compare-attribute__tags{display:flex;flex-wrap:wrap;gap:.5rem}.compare-attribute__tag{padding:.25rem .625rem;background:rgb(var(--text-color) / .08);border-radius:.25rem;font-size:var(--text-xs);color:rgb(var(--text-color) / .8)}.compare-attribute__badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:rgb(var(--success) / .1);color:rgb(var(--success));border-radius:.25rem;font-size:var(--text-xs);font-weight:600}.compare-attribute__badge--out-of-stock{background:rgb(var(--text-color) / .08);color:rgb(var(--text-color) / .6)}@media screen and (max-width: 999px){.compare-grid--3-cols,.compare-grid--2-cols{grid-template-columns:1fr}.compare-bar__header-row{flex-wrap:wrap}.compare-bar__title-group{width:100%;order:1}.compare-bar__header-actions{width:100%;order:2;justify-content:space-between}.compare-filters__options{align-items:stretch}.compare-filters__label,.compare-filters__clear{justify-content:center}}@media screen and (min-width: 700px) and (max-width: 999px){.compare-grid--3-cols,.compare-grid--2-cols{grid-template-columns:repeat(2,1fr)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.compare-bar.is-visible{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.compare-bar__loading{display:none;align-items:center;justify-content:center;padding:2rem}.compare-bar.is-loading .compare-bar__loading{display:flex}.compare-bar.is-loading .compare-bar__expanded{display:none}
/*# sourceMappingURL=/cdn/shop/t/33/assets/product-compare.css.map */
