.compare-section{--cp-gap: clamp(16px, 2.2vw, 30px);--cp-card-w: calc((100% - (var(--cp-per-row) - 1) * var(--cp-gap)) / var(--cp-per-row));--cp-rule: var(--cp-divider, currentColor);background:var(--cp-bg, transparent);padding-top:clamp(24px,4vh,48px);padding-bottom:clamp(24px,4vh,48px);overflow:hidden}.compare-section__inner{position:relative}.compare-section__heading{margin:0 0 clamp(16px,2.6vh,32px);text-align:center;font-family:var(--heading-font-family, inherit);font-weight:var(--heading-font-weight, 700);font-size:var(--cp-heading-size-mob, 26px);line-height:1.1;letter-spacing:-.01em;color:var(--cp-heading-color, var(--heading-color, currentColor))}@media(min-width:741px){.compare-section__heading{font-size:var(--cp-heading-size, 40px)}}.compare-carousel{position:relative}.compare-slider{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}.compare-slider::-webkit-scrollbar{display:none}.compare-grid{display:grid;grid-template-columns:repeat(var(--cp-grid-cols, var(--cp-per-row)),var(--cp-card-w));column-gap:var(--cp-gap)}.compare-card{min-width:0;display:grid;grid-row:span 20;grid-template-rows:subgrid;align-content:start;text-align:center;scroll-snap-align:start}@media(max-width:740px){.compare-grid{grid-template-columns:repeat(var(--cp-grid-cols, var(--cp-per-row)),76%)}}.compare-card__media{position:relative;margin-bottom:10px}.compare-card__media-link{display:block}.compare-card__img{display:block;width:100%;height:clamp(120px,19vh,200px);object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.compare-card:hover .compare-card__img{transform:translateY(-4px) scale(1.015)}.compare-card__badge{position:absolute;top:4%;right:6%;width:clamp(46px,5vw,66px);height:auto;object-fit:contain;pointer-events:none}.compare-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cp-title-lines, 1);line-clamp:var(--cp-title-lines, 1);overflow:hidden;text-overflow:ellipsis;margin:0 0 6px;min-height:calc(var(--cp-title-lines, 1) * 1.35em);font-family:inherit;font-size:var(--cp-title-size, 14px);font-weight:600;line-height:1.35;letter-spacing:.02em;text-transform:uppercase;color:var(--cp-title-color, var(--heading-color, currentColor));text-decoration:none;transition:opacity .2s ease}.compare-card__title:hover{opacity:.65}.compare-card__rating{display:flex;justify-content:center;align-items:center;margin-bottom:8px;min-height:18px}.compare-card__rating .cc-rating-text,.compare-card__rating .cc-rating-count{display:none}.compare-card__desc{margin:0 0 12px;font-size:var(--cp-desc-size, 14px);line-height:1.45;color:var(--cp-desc-color, currentColor)}.compare-card__attrs{display:contents}.compare-attr{border-top:1.5px solid var(--cp-rule);padding-top:9px;margin-top:11px}.compare-attr:first-child{margin-top:0}.compare-attr__head{margin:0 auto 8px;padding-bottom:8px;font-family:var(--heading-font-family, inherit);font-size:var(--cp-attr-heading-size, 12px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cp-attr-heading-color, currentColor);border-bottom:1px solid var(--cp-rule)}.compare-attr__values{list-style:none;margin:0;padding:0}.compare-attr__values li{font-size:var(--cp-attr-value-size, 14px);line-height:1.4;color:var(--cp-attr-value-color, currentColor);padding:1.5px 0}.compare-card__foot{padding-top:14px;align-self:end}.compare-card__price{margin-bottom:10px;font-size:15px;font-weight:600}.compare-card__atc{position:relative;display:block;width:100%;border:1px solid var(--cp-btn-bg, var(--btn-bg-color, #1a1a1a));border-radius:999px;background:var(--cp-btn-bg, var(--btn-bg-color, #1a1a1a));color:var(--cp-btn-text, var(--btn-text-color, #fff));font-family:inherit;font-size:var(--button-text-size, 14px);font-weight:500;letter-spacing:var(--btn-letter-spacing, .08em);text-transform:var(--btn-text-transform, uppercase);padding:12px 16px;cursor:pointer;overflow:hidden;transition:background-color .25s ease,transform .15s ease,opacity .2s ease}.compare-card__atc:active{transform:translateY(1px)}.compare-card__atc:disabled{opacity:.45;cursor:not-allowed}.compare-card__atc.is-loading .compare-card__atc-label{opacity:0}.compare-card__atc.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cp-spin .6s linear infinite}.compare-card__atc.is-success:after{content:"\2713";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px}.compare-card__atc.is-success .compare-card__atc-label{opacity:0}@keyframes cp-spin{to{transform:rotate(360deg)}}.compare-nav{position:absolute;top:38%;z-index:3;display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--cp-rule);border-radius:50%;background:var(--cp-bg, var(--body-bg-color, #fff));color:inherit;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .2s ease,transform .2s ease}.compare-carousel.is-scrollable[data-arrows=true] .compare-nav{display:inline-flex}.compare-carousel.is-scrollable[data-arrows=true]:hover .compare-nav:not([disabled]),.compare-carousel.is-scrollable[data-arrows=true]:focus-within .compare-nav:not([disabled]){opacity:1;pointer-events:auto}@media(hover:none){.compare-carousel.is-scrollable[data-arrows=true] .compare-nav:not([disabled]){opacity:1;pointer-events:auto}}.compare-nav:hover{background:var(--btn-bg-color, #1a1a1a);color:var(--btn-text-color, #fff)}.compare-nav[disabled]{opacity:0;pointer-events:none}.compare-nav .icon{width:14px;height:14px}.compare-nav--prev{left:-8px}.compare-nav--next{right:-8px}@media(min-width:1280px){.compare-nav--prev{left:-22px}.compare-nav--next{right:-22px}}.compare-dots{display:none;justify-content:center;gap:8px;margin-top:16px}.compare-carousel.is-scrollable~.compare-dots[data-dots=true],.compare-section .compare-dots.is-active{display:flex}.compare-dots__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.25;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.compare-dots__dot.is-active{opacity:1;transform:scale(1.25)}.compare-section__placeholder{text-align:center;padding:40px 20px;border:1px dashed currentColor;border-radius:6px;opacity:.75}.compare-section__placeholder code{background:#0000000f;padding:1px 6px;border-radius:3px}.compare-popup[hidden]{display:none}.compare-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.compare-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1414148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .25s ease}.compare-popup.is-open .compare-popup__overlay{opacity:1}.compare-popup__box{position:relative;z-index:1;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background-color:#fff;color:var(--body-text-color, #1a1a1a);padding:30px 28px 28px;border-radius:4px;box-shadow:0 24px 70px #00000047;transform:translateY(14px) scale(.98);opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .25s ease}.compare-popup.is-open .compare-popup__box{transform:none;opacity:1}.compare-popup__close{position:absolute;top:12px;right:12px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.6;transition:opacity .2s ease}.compare-popup__close:hover{opacity:1}.compare-popup__close .icon{width:16px;height:16px}.compare-popup__head{display:flex;gap:16px;align-items:center;margin-bottom:22px;padding-right:28px}.compare-popup__img{width:70px;height:70px;object-fit:contain;flex:0 0 auto}.compare-popup__title{margin:0 0 4px;font-family:var(--heading-font-family, inherit);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.3}.compare-popup__price{font-size:16px;font-weight:700}.compare-popup__price-was{margin-left:6px;font-weight:500;font-size:.85em;opacity:.55}.compare-popup__option{margin-bottom:18px}.compare-popup__option-name{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.compare-popup__swatches{display:flex;flex-wrap:wrap;gap:8px}.compare-popup__swatch{min-width:44px;padding:9px 14px;border:1px solid rgba(0,0,0,.25);background:transparent;color:inherit;font-size:13px;cursor:pointer;border-radius:999px;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.compare-popup__swatch:hover{border-color:currentColor}.compare-popup__swatch.is-selected{background:var(--btn-bg-color, #1a1a1a);border-color:var(--btn-bg-color, #1a1a1a);color:var(--btn-text-color, #fff)}.compare-popup__swatch.is-unavailable{opacity:.4;text-decoration:line-through}.compare-popup__error{margin:0 0 14px;color:#c0392b;font-size:13px}.compare-popup__atc{margin-top:6px}@media(prefers-reduced-motion:reduce){.compare-card__img,.compare-popup__box,.compare-popup__overlay,.compare-slider{transition:none;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/compare-products.css.map */