.product-card__compare{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);bottom:16px;color:var(--color-text-on-dark-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:6px;min-height:36px;padding:8px 12px;position:absolute;right:16px;transition:color .2s ease,border-color .2s ease,background .2s ease;z-index:2}.product-card__compare svg{opacity:.7;transition:opacity .2s ease}.product-card__compare:focus-visible,.product-card__compare:hover{background:rgba(0,240,255,.05);border-color:var(--color-neon-cyan);color:var(--color-neon-cyan)}.product-card__compare:focus-visible svg,.product-card__compare:hover svg{opacity:1}.product-card__compare--active{background:rgba(0,240,255,.1);border-color:var(--color-neon-cyan);color:var(--color-neon-cyan)}.product-card__compare--active svg{opacity:1}.product-card__compare-text{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.product-card__actions{padding-right:64px}.product-card__compare{background:transparent;border-color:transparent;bottom:var(--space-lg);color:var(--color-text-secondary);gap:0;height:40px;justify-content:center;min-height:0;padding:0;right:var(--space-lg);width:40px}.product-card__compare svg{opacity:.85}.compare-bar{background:var(--color-surface);border-top:2px solid var(--color-neon-cyan);bottom:-100px;box-shadow:0 -4px 24px rgba(0,0,0,.3);left:0;position:fixed;right:0;transition:bottom .3s cubic-bezier(.4,0,.2,1);z-index:999}.compare-bar--visible{bottom:0}.compare-bar__inner{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;margin:0 auto;max-width:1440px;padding:var(--space-md) var(--space-lg)}.compare-bar__products{display:flex;flex:1;gap:var(--space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.compare-bar__product{flex-shrink:0;position:relative}.compare-bar__product img{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);height:40px;object-fit:cover;width:40px}.compare-bar__remove{align-items:center;background:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:-6px;top:-6px;transition:transform .2s ease;width:20px}.compare-bar__remove:focus-visible,.compare-bar__remove:hover{transform:scale(1.1)}.compare-bar__actions{align-items:center;display:flex;gap:var(--space-md)}.compare-bar__count{color:var(--color-text-on-dark-secondary)}.compare-bar__btn,.compare-bar__count{font-size:var(--text-sm);white-space:nowrap}.compare-bar__btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-weight:var(--weight-semibold);gap:6px;min-height:44px;padding:10px 20px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.compare-bar__btn--compare{background:var(--color-neon-cyan);color:var(--color-dark-bg)}.compare-bar__btn--compare:not(:disabled):focus-visible,.compare-bar__btn--compare:not(:disabled):hover{background:var(--color-neon-pink);transform:translateY(-1px)}.compare-bar__btn--compare:disabled{cursor:not-allowed;opacity:.5}.compare-bar__btn--clear{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-on-dark-secondary)}.compare-bar__btn--clear:focus-visible,.compare-bar__btn--clear:hover{border-color:var(--color-danger);color:var(--color-danger)}.compare-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:9999}.compare-modal__backdrop{backdrop-filter:blur(8px);background:rgba(10,10,20,.95);bottom:0;left:0;position:absolute;right:0;top:0}.compare-modal__dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.5);flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.compare-modal__close,.compare-modal__dialog{border:1px solid var(--color-border-subtle);display:flex}.compare-modal__close{align-items:center;background:var(--color-dark-bg);border-radius:var(--radius-sm);color:var(--color-text-on-dark);cursor:pointer;height:44px;justify-content:center;padding:0;position:absolute;right:var(--space-md);top:var(--space-md);transition:color .2s ease,border-color .2s ease,transform .2s ease;width:44px;z-index:10}.compare-modal__close:focus-visible,.compare-modal__close:hover{border-color:var(--color-danger);color:var(--color-danger);transform:rotate(90deg)}.compare-modal__content{overflow-y:auto;padding:var(--space-xl)}.compare-modal__title{background:var(--gradient-vapor);-webkit-background-clip:text;background-clip:text;font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-lg);-webkit-text-fill-color:transparent}.compare-modal__error,.compare-modal__loading{color:var(--color-text-on-dark-secondary);padding:var(--space-2xl);text-align:center}.compare-modal__error{color:var(--color-danger)}.compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.compare-table{background:var(--color-dark-bg);border-collapse:collapse;width:100%}.compare-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-neon-cyan);position:sticky;top:0;z-index:5}.compare-table td,.compare-table th{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-md);text-align:left;vertical-align:top}.compare-table__label{color:var(--color-text-on-dark-secondary);font-weight:var(--weight-semibold);min-width:120px;white-space:nowrap}.compare-table__product-header{min-width:200px;text-align:center}.compare-table__product-header img{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);height:120px;margin:0 auto var(--space-sm);object-fit:cover;width:120px}.compare-table__product-header h3{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.compare-table__product-header a{color:var(--color-text-on-dark);text-decoration:none}.compare-table__product-header a:focus-visible,.compare-table__product-header a:hover{color:var(--color-neon-cyan)}.compare-table__cell{color:var(--color-text-on-dark)}.compare-table__cell--highlight{background:rgba(0,240,255,.05);color:var(--color-neon-cyan);font-weight:var(--weight-bold)}.compare-table__cell--stock-in{color:var(--color-success)}.compare-table__cell--stock-out{color:var(--color-danger)}.compare-table .button{align-items:center;background:var(--color-neon-cyan);border:none;border-radius:var(--radius-sm);color:var(--color-dark-bg);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);justify-content:center;min-height:44px;padding:10px 20px;text-decoration:none;transition:background .2s ease,transform .2s ease}.compare-table .button:focus-visible,.compare-table .button:hover{background:var(--color-neon-pink);transform:translateY(-1px)}.compare-rating{color:var(--color-warning)}.compare-toast{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);bottom:100px;box-shadow:0 8px 24px rgba(0,0,0,.3);color:var(--color-text-on-dark);left:50%;opacity:0;padding:var(--space-md) var(--space-lg);pointer-events:none;position:fixed;transform:translateX(-50%) translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:10000}.compare-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}body.compare-modal-open{overflow:hidden}@media (max-width:768px){.compare-bar__inner{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.compare-bar__actions{justify-content:space-between;width:100%}.compare-modal__dialog{max-height:95vh}.compare-modal__content{padding:var(--space-md)}.compare-table__product-header img{height:80px;width:80px}.compare-table td,.compare-table th{font-size:var(--text-sm);padding:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.compare-bar,.compare-bar__remove,.compare-modal__close,.compare-toast{transition:none}.compare-bar__btn:not(:disabled):focus-visible,.compare-bar__btn:not(:disabled):hover,.compare-table .button:focus-visible,.compare-table .button:hover{transform:none}}