.product-comparison{--comparison-accent: #dff0ff;--comparison-accent-text: var(--color-button-background);--comparison-accent-border: #dff0ff;--comparison-badge-corner-radius: 1.5em}.product-comparison .product-comparison__item{display:flex;min-height:100%;flex-direction:column}.product-comparison .product-comparison__actions{margin:6px 0 18px}.product-comparison .product-comparison__tech-toggle{min-width:210px}.product-comparison .product-comparison__current-anchor,.product-comparison .product-comparison__item--current{position:relative}.product-comparison .product-comparison__item--current{background:transparent;border:0;outline:2px solid var(--comparison-accent-border);outline-offset:0;border-top-left-radius:var(--card-border-radius);border-bottom-right-radius:var(--card-border-radius);border-top-right-radius:0;border-bottom-left-radius:0;padding:0;overflow:hidden;isolation:isolate}.product-comparison .product-comparison__item--current:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--comparison-accent);border:0;border-top-left-radius:var(--card-border-radius);border-bottom-right-radius:var(--card-border-radius);border-top-right-radius:0;border-bottom-left-radius:0;box-shadow:0 10px 24px #0d21601f}.product-comparison .product-comparison__item--current>*{position:relative;z-index:1}.product-comparison .product-comparison__item--current .card--product{background:transparent}.product-comparison .product-comparison__item--current .card-media .media,.product-comparison .product-comparison__item--current .card-media .card-hover-images{transform:none;clip-path:none}.product-comparison .card-media{position:relative}.product-comparison .product-comparison__image-fade-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;pointer-events:none;transition:opacity .26s cubic-bezier(.22,.61,.36,1);will-change:opacity}.product-comparison .product-comparison__image-fade-layer.is-visible{opacity:1}.product-comparison .card--product .card-body{display:flex;flex-direction:column;min-height:106px}.product-comparison .card--product .card-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2;overflow:hidden;padding-bottom:.08em}.product-comparison .card--product .title-price-container{align-items:center;min-height:38px}.product-comparison .card--product .swatches{min-height:14px;align-items:center;margin-top:auto!important;padding-top:6px;padding-bottom:3px;gap:.8rem!important}.product-comparison .card--product .card-body:not(:has(.swatches)) .title-price-container{align-items:center;margin-bottom:18px}.product-comparison .product-comparison__item--current .card-media:after{content:"VALITTU TUOTE";position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:3;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;background:var(--comparison-accent);color:var(--comparison-accent-text);border:0;border-top-left-radius:var(--comparison-badge-corner-radius);border-bottom-right-radius:var(--comparison-badge-corner-radius);border-top-right-radius:0;border-bottom-left-radius:0;display:inline-block;text-align:center;white-space:nowrap;padding:7px 12px;box-shadow:0 2px 8px #0000001f}.product-comparison .product-comparison__variant-note{margin:8px 6px 0;text-align:center;opacity:.75}.product-comparison .product-comparison__meta{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-borders)}.product-comparison .product-comparison__meta-line{margin:0;opacity:1;display:block;min-height:30px;padding:7px 0;border-bottom:1px solid var(--color-borders)}.product-comparison .product-comparison__meta-line .metafield-single_line_text_field{display:block}.product-comparison .product-comparison__meta-label{font-weight:600}.product-comparison .product-comparison__tech{height:0;opacity:0;overflow:hidden;margin-top:0;transition:height .32s ease,opacity .22s ease,margin-top .32s ease}.product-comparison.is-tech-open .product-comparison__tech{margin-top:6px}.product-comparison .product-comparison__tech-inner{margin:0;opacity:1}.product-comparison .product-comparison__tech-inner p{margin:0 0 6px}.product-comparison .product-comparison__tech-inner p:last-child{margin-bottom:0}.product-comparison .card--product .swatches{justify-content:center;padding-left:0}.product-comparison .card--product .swatch{--swatch-size: 10px;border:0!important;box-shadow:none!important;transform-origin:center center;transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s cubic-bezier(.22,.61,.36,1)}.product-comparison .product-comparison-swatches [data-comparison-swatch=true]{--comparison-swatch-scale: 1;--comparison-swatch-translate-y: 0px;display:inline-flex;align-items:center;justify-content:center;position:relative;line-height:0;transform:translateY(var(--comparison-swatch-translate-y));transform-origin:center center;border-radius:999px;transition:transform .32s cubic-bezier(.22,.61,.36,1);will-change:transform}.product-comparison .product-comparison-swatches [data-comparison-swatch=true]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border:1px solid currentColor;border-radius:999px;box-sizing:border-box;transform:translate(-50%,-50%) scale(var(--comparison-swatch-scale));transform-origin:center center;opacity:1;transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .32s cubic-bezier(.22,.61,.36,1);z-index:3;pointer-events:none;will-change:transform,opacity}.product-comparison .product-comparison-swatches{touch-action:none;-webkit-user-select:none;user-select:none}.product-comparison .product-comparison-swatches [data-comparison-swatch=true] .color,.product-comparison .product-comparison-swatches [data-comparison-swatch=true] .variant-combo-swatch{transform:scale(var(--comparison-swatch-scale));transform-origin:center center;transition:transform .32s cubic-bezier(.22,.61,.36,1);border:0!important;box-shadow:none!important}.product-comparison .product-comparison-swatches [data-comparison-swatch=true].swatch__border{border:0!important}.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-selected{--comparison-swatch-scale: 1.35;--comparison-swatch-translate-y: 0px;z-index:1}.product-comparison .product-comparison-swatches.has-hovered-swatch [data-comparison-swatch=true].is-selected:not(.is-hovered){--comparison-swatch-scale: 1}.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-selected,.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-selected .color,.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-selected .variant-combo-swatch{box-shadow:none!important}.product-comparison .product-comparison-swatches .swatch--combo{border:0!important;box-shadow:none!important;border-radius:999px;transition:transform .32s cubic-bezier(.22,.61,.36,1)}.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-hovered{--comparison-swatch-scale: 2;--comparison-swatch-translate-y: -1px;z-index:2}.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-hovered,.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-hovered .color,.product-comparison .product-comparison-swatches [data-comparison-swatch=true].is-hovered .variant-combo-swatch{box-shadow:none!important}.product-comparison .product-comparison-swatches .variant-combo-swatch{border:0!important}.product-comparison .card--product.comparison-lock-hover-image .card-hover-images>*:first-child{opacity:1!important;visibility:visible!important}.product-comparison .card--product.comparison-lock-hover-image .card-hover-images>*:last-child{opacity:0!important;visibility:hidden!important}@media screen and (min-width: 768px){.product-comparison .card--product .card-body{min-height:90px}}@media screen and (max-width: 767px){.product-comparison .title-price-container{display:flex;flex-direction:column;align-items:stretch;gap:4px}.product-comparison .title-price-container .card-title{flex-basis:auto;margin:0}.product-comparison .title-price-container .price{margin-top:0;text-align:center}.product-comparison .title-price-container .price__regular,.product-comparison .title-price-container .price__sale{width:100%;justify-content:center;text-align:center}.product-comparison .title-price-container .price--on-sale .price__sale{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-product-comparison.css.map */
