@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes header-btn-pulse{0%,to{opacity:1}50%{opacity:.45}}.compare-page{min-height:50vh}.compare-hero{align-items:center;background:linear-gradient(135deg,#0d6efd0f,#0d6efd05);border:1px solid rgba(13,110,253,.1);border-radius:.375rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.compare-hero-info{flex:1;min-width:0}.compare-hero-title{color:#212529;font-size:1.5rem;font-weight:700;margin:0}.compare-hero-sub{color:#6c757d;font-size:.875rem;margin:4px 0 0}.compare-clear-all-btn{align-items:center;display:inline-flex;white-space:nowrap}.compare-categories-list{display:flex;flex-direction:column;gap:.5rem;margin:0}.compare-cat-item{background:#fff;border:1px solid #e9ecef;border-radius:.375rem;overflow:hidden;position:relative;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.compare-cat-item:hover{border-color:#0d6efd;box-shadow:0 6px 18px #0d6efd1f;transform:translateY(-1px)}.compare-cat-item:hover .compare-cat-delete{opacity:1;visibility:visible}.compare-cat-link{align-items:center;color:#212529;display:flex;gap:1rem;padding:1rem 60px 1rem 1rem;text-decoration:none}.compare-cat-pictures{display:flex;flex-shrink:0}.compare-cat-pic{border:2px solid #fff;border-radius:.25rem;box-shadow:0 1px 4px #00000014;height:56px;margin-left:-12px;-o-object-fit:cover;object-fit:cover;width:56px}.compare-cat-pic:first-child{margin-left:0}.compare-cat-info{flex:1;min-width:0}.compare-cat-title{font-size:1.1rem;font-weight:600;margin:0 0 4px}.compare-cat-count{color:#6c757d;font-size:.875rem;margin:0}.compare-cat-count .compare-cat-count-num{color:#0d6efd;font-weight:700;margin-right:4px}.compare-cat-arrow{color:#6c757d;font-size:1.1rem}.compare-cat-delete{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:.25rem;color:#6c757d;cursor:pointer;display:flex;height:38px;justify-content:center;opacity:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:opacity .15s ease,visibility .15s ease,background .15s ease,border-color .15s ease,color .15s ease;visibility:hidden;width:38px;z-index:2}.compare-cat-delete:hover{background:#dc3545;border-color:#dc3545;color:#fff}.compare-cat-delete i{font-size:.95rem}@media(max-width:767.98px){.compare-cat-delete{opacity:1;visibility:visible}}.compare-detail{min-height:50vh}.compare-detail-hero{border-bottom:1px solid #e9ecef;margin-bottom:1.5rem;padding:1rem 0 1.5rem}.compare-detail-info{display:flex;flex-direction:column;gap:.5rem}.compare-detail-title{align-items:center;color:#212529;display:inline-flex;flex-wrap:wrap;font-size:1.65rem;font-weight:700;gap:.5rem;margin:0}@media(max-width:575.98px){.compare-detail-title{font-size:1.3rem}}.compare-detail-title-text{word-break:break-word}.compare-detail-count{align-items:center;background:#0d6efd;border-radius:50%;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;height:28px;justify-content:center;min-width:32px;padding:0 .5rem}.compare-detail-cat-link{align-items:center;align-self:flex-start;color:#0d6efd;display:inline-flex;font-size:.875rem;font-weight:500;padding:4px 0;text-decoration:none;transition:color .15s ease}.compare-detail-cat-link:hover{color:#0a58ca}.compare-detail-cat-link:hover .cat-link-ext{transform:translate(2px,-2px)}.compare-detail-cat-link .cat-link-ext{font-size:.75em;opacity:.7;transition:transform .15s ease}.compare-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.compare-filter{background:#f8f9fa;border-radius:.375rem;display:inline-flex;gap:2px;padding:4px}.compare-filter-btn{align-items:center;background:transparent;border:none;border-radius:.25rem;color:#495057;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:6px 14px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.compare-filter-btn i{font-size:.85em}.compare-filter-btn:hover:not(.active){color:#212529}.compare-filter-btn.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#0d6efd;font-weight:600}@media(max-width:575.98px){.compare-filter-btn{font-size:.8rem;padding:6px 10px}.compare-filter-btn i{display:none}}.compare-clear-link{align-items:center;background:transparent;border:none;color:#6c757d;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:4px 0;transition:color .15s ease}.compare-clear-link:hover{color:#dc3545;text-decoration:underline}.compare-clear-link i{font-size:.95rem}.compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:.375rem;scrollbar-width:thin}.compare-scroll::-webkit-scrollbar{height:8px}.compare-scroll::-webkit-scrollbar-thumb{background:#6c757d4d;border-radius:4px}.compare-table{display:grid;grid-template-columns:200px repeat(var(--products-count),260px);min-width:-moz-max-content;min-width:max-content}@media(max-width:767.98px){.compare-table{grid-template-columns:130px repeat(var(--products-count),170px)}}.compare-cell{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;color:#212529;display:flex;font-size:.875rem;padding:.5rem 1rem;word-break:break-word}.compare-cell--last-col{border-right:none}.compare-cell--label{background:#f8f9fa;box-shadow:1px 0 #e9ecef;color:#495057;font-weight:600;left:0;position:sticky;z-index:3}@media(max-width:767.98px){.compare-cell--label{box-shadow:none;font-size:.75rem;padding:.25rem .5rem;position:static}}.compare-cell--head{align-items:stretch;background:linear-gradient(180deg,#0d6efd0a,#fff);flex-direction:column;min-height:280px;padding:1rem;position:relative}.compare-cell--head.compare-cell--label{background:#f8f9fa}@media(max-width:767.98px){.compare-cell--head{min-height:220px;padding:.5rem}}.compare-cell--price{color:#0d6efd;font-size:1rem;font-weight:700}.compare-cell--common:not(.compare-cell--label){background:#0d6efd0a;color:#495057}.compare-remove-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:32px;z-index:2}.compare-remove-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.compare-remove-btn i{font-size:.85rem}.compare-product-link{align-items:center;color:#212529;display:flex;flex:1;flex-direction:column;text-decoration:none}.compare-product-image{align-items:center;aspect-ratio:1;background:#fff;border-radius:.25rem;display:flex;justify-content:center;margin-bottom:.5rem;max-width:160px;padding:.5rem;width:100%}@media(max-width:767.98px){.compare-product-image{max-width:110px;padding:.25rem}}.compare-product-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.compare-product-title{display:-webkit-box;font-size:.875rem;font-weight:600;-webkit-line-clamp:3;margin:0;text-align:center;-webkit-box-orient:vertical;line-height:1.3;overflow:hidden}@media(max-width:767.98px){.compare-product-title{font-size:.75rem}}.compare-old-price{color:#6c757d;font-size:.8rem;font-weight:500;text-decoration:line-through}
