.compare-page{min-height:calc(100vh - 80px);background:var(--color-bg, #0b0f19);padding-top:80px}.compare-page__header{padding:2rem 0;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.compare-page__back{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary, #9ca3af);margin-bottom:1.5rem;font-weight:500;transition:color .2s;text-decoration:none}.compare-page__back:hover{color:var(--color-primary, #38bdf8)}.compare-page__title-row{display:flex;justify-content:space-between;align-items:flex-end}.compare-page__title-row h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.compare-page__clear-btn{background:none;border:1px solid rgba(255,255,255,.2);color:var(--color-text-secondary, #9ca3af);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.compare-page__clear-btn:hover{background:#ef44441a;color:var(--color-danger, #ef4444);border-color:#ef44444d}.compare-page__content{padding-top:3rem;padding-bottom:6rem}.compare-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--color-surface, #1a1a2e);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 40px #0003}.compare-table{width:100%;border-collapse:collapse;min-width:800px}.compare-table th,.compare-table td{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.compare-table th:last-child,.compare-table td:last-child{border-right:none}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:none}.compare-table__labels{width:200px;background:#ffffff05;text-align:left;font-weight:600;color:var(--color-text-secondary, #9ca3af);font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.compare-table__cell{width:calc((100% - 200px) / 3);position:relative;vertical-align:top}.compare-table__remove-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #9ca3af);cursor:pointer;transition:all .2s;z-index:10}.compare-table__remove-btn:hover{background:var(--color-danger, #ef4444);color:#fff}.compare-table__product-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:1rem}.compare-table__img-wrapper{width:160px;height:160px;border-radius:12px;background:#fff;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d;transition:transform .3s}.compare-table__product-link:hover .compare-table__img-wrapper{transform:scale(1.05)}.compare-table__img-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.compare-table__name{text-align:center;color:var(--color-text-primary, #ffffff);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.compare-table__price{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.compare-table__price .current{font-size:1.25rem;font-weight:700;color:var(--color-primary, #38bdf8)}.compare-table__price .original{font-size:.9rem;color:var(--color-text-secondary, #9ca3af);text-decoration:line-through}.compare-table__rating{display:flex;align-items:center;gap:.5rem;font-weight:600}.compare-table__rating .count{color:var(--color-text-secondary, #9ca3af);font-size:.85rem;font-weight:400}.compare-table__text{font-size:.95rem;color:var(--color-text-secondary, #e5e7eb)}.compare-table__badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.compare-table__badge.success{background:#10b9811a;color:var(--color-success, #10b981);border:1px solid rgba(16,185,129,.2)}.compare-table__badge.danger{background:#ef44441a;color:var(--color-danger, #ef4444);border:1px solid rgba(239,68,68,.2)}.compare-table__desc{font-size:.9rem;color:var(--color-text-secondary, #9ca3af);line-height:1.6;margin:0}@media(max-width:768px){.compare-page__header{padding:1.5rem 0}.compare-page__title-row{flex-direction:column;align-items:flex-start;gap:1rem}.compare-page__title-row h1{font-size:1.5rem}.compare-table th,.compare-table td{padding:1rem}.compare-table__img-wrapper{width:120px;height:120px}}
