.comparison-bar{position:fixed;bottom:0;left:0;right:0;background:var(--mdl-color-primary, #151C1E);padding:16px 24px;z-index:1000;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 12px #00000026}.comparison-bar--visible{transform:translateY(0)}.comparison-bar__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:24px}.comparison-bar__left{display:flex;align-items:center;gap:16px}.comparison-bar__count{color:#fff;font-size:.875rem;font-weight:500}.comparison-clear{background:transparent;border:none;color:#a0a0a0;font-size:.875rem;cursor:pointer;padding:4px 8px;transition:color .2s ease}.comparison-clear:hover,.comparison-clear:focus{color:#fff}.comparison-clear:focus-visible{outline:2px solid var(--mdl-color-accent-cool, #7BBECB);outline-offset:2px}.comparison-bar__items{display:flex;gap:8px;flex:1;justify-content:center;overflow-x:auto;padding:4px 0}.comparison-bar__item{position:relative;width:60px;height:60px;flex-shrink:0}.comparison-bar__item img{width:100%;height:100%;object-fit:cover;border-radius:4px;background:#fff}.comparison-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--mdl-color-primary, #151C1E);border:2px solid #ffffff;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.comparison-remove:hover,.comparison-remove:focus{background:#333}.comparison-remove:focus-visible{outline:2px solid var(--mdl-color-accent-cool, #7BBECB);outline-offset:2px}.comparison-view{background:var(--mdl-color-accent-warm, #EAB464);color:var(--mdl-color-primary, #151C1E);border:none;padding:12px 24px;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:4px;transition:background-color .2s ease;white-space:nowrap}.comparison-view:hover,.comparison-view:focus{background:#d4a358}.comparison-view:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.comparison-bar,.comparison-clear,.comparison-remove,.comparison-view{transition:none}}@media screen and (max-width: 749px){.comparison-bar{padding:12px 16px}.comparison-bar__inner{flex-wrap:wrap;gap:12px}.comparison-bar__left{width:100%;justify-content:space-between}.comparison-bar__items{width:100%;justify-content:flex-start}.comparison-bar__item{width:48px;height:48px}.comparison-view{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/marketing-features.css.map */