compare-button{display:block;margin-top:10px;margin-bottom:10px}.compareButton{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:transparent;border:1px solid #ccc;color:#333;cursor:pointer;transition:all .2s ease}.compareButton:hover{border-color:#000;background-color:#f5f5f5}.compareButton.active{border-color:var(--primary-green, #2e7d32);background-color:var(--primary-green, #2e7d32);color:#fff}.compareButton.active:hover{background-color:#1b5e20;border-color:#1b5e20}.compareButtonIcon{width:16px;height:16px;flex-shrink:0}.compareButtonCheck{width:14px;height:14px;flex-shrink:0}.compareButtonText{white-space:nowrap}.compareBar{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -4px 20px #00000026;z-index:1000;transform:translateY(0);transition:transform .3s ease}.compareBar.hidden{transform:translateY(100%);pointer-events:none}.compareBarInner{max-width:1400px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.compareBarItems{display:flex;gap:16px;flex:1;overflow-x:auto;overflow-y:visible;padding-top:12px}.compareBarItem{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;min-width:200px;max-width:280px;overflow:visible}.compareBarItemRemove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background-color:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s ease}.compareBarItemRemove:hover{background-color:#000}.compareBarItemRemove svg{width:12px;height:12px}.compareBarItemImage{width:50px;height:50px;object-fit:contain;background-color:#fff;border-radius:4px;flex-shrink:0}.compareBarItemTitle{font-size:13px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compareBarActions{display:flex;align-items:center;gap:16px;flex-shrink:0}.compareBarCount{font-size:14px;color:#666;white-space:nowrap}.compareBarButton{padding:12px 24px;font-size:14px;white-space:nowrap}@media (max-width: 900px){.compareBarInner{flex-direction:column;align-items:stretch;gap:12px}.compareBarItems{justify-content:flex-start}.compareBarItem{min-width:150px;max-width:180px}.compareBarItemImage{width:40px;height:40px}.compareBarItemTitle{font-size:12px}.compareBarActions{justify-content:space-between}}@media (max-width: 600px){.compareButton{padding:6px 10px;font-size:11px}.compareButtonIcon{width:14px;height:14px}.compareBarItem{min-width:120px;padding:6px 8px;gap:8px}.compareBarItemImage{width:32px;height:32px}.compareBarActions{flex-direction:column;gap:8px}.compareBarButton{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/theme-component-compare.css.map */