.compare-wrap{margin-top:32px;margin-bottom:48px}.compare-wrap .compare-header{margin-bottom:24px}.compare-wrap .compare-header .compare-title{font-size:28px;font-weight:700;line-height:36px;color:var(--color-black);margin:0 0 4px}.compare-wrap .compare-header .compare-subtitle{font-size:15px;font-weight:400;line-height:22px;color:var(--color-gray);margin:0}.compare-wrap .compare-content{background:var(--color-white);border:1px solid var(--border-color, #e8e7eb);border-radius:var(--radius-lg, 12px);overflow:hidden}.compare-wrap .empty-message{display:flex;padding:64px 24px;justify-content:center;align-items:center;flex-direction:column;text-align:center}.compare-wrap .empty-message .empty-icon{width:80px;height:80px;border-radius:var(--radius-full, 50%);background:var(--color-white-lite, #f2f4f5);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--color-gray)}.compare-wrap .empty-message .empty-icon svg{width:40px;height:40px}.compare-wrap .empty-message h3{font-size:18px;font-weight:600;color:var(--color-black);margin:0 0 8px}.compare-wrap .empty-message p{font-size:15px;font-weight:400;line-height:22px;color:var(--color-gray);margin:0 0 24px;max-width:400px}.compare-wrap .empty-message .btn-shop-now{padding:10px 32px;font-size:15px;font-weight:500}.compare-wrap .table-responsive{overflow-y:unset}.compare-wrap .table-responsive::-webkit-scrollbar{height:4px;width:4px}.compare-wrap .table-responsive ::-webkit-scrollbar-track,.compare-wrap .table-responsive ::-webkit-scrollbar-track-piece{background:var(--color-gray-lite);border-radius:5px}.compare-wrap .table-responsive::-webkit-scrollbar-thumb,.compare-wrap .table-responsive::-webkit-scrollbar-thumb:vertical{border-radius:5px;background:#bab9b9;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.compare-wrap .table-responsive::-webkit-scrollbar-thumb:hover,.compare-wrap .table-responsive::-webkit-scrollbar-thumb:vertical:hover{background:var(--color-primary)}.compare-table{margin-bottom:0;position:relative}.compare-table tr:first-child td{padding:24px 20px}.compare-table tr:first-child td:not(:first-child){vertical-align:top;position:relative}.compare-table tr:nth-child(2n) td:not(.compare-product-cell){background:var(--color-white-dark, #f9f9f9)}.compare-table .compare-label{font-weight:var(--font-medium, 500);font-size:14px;color:var(--color-black);width:240px;min-width:240px;position:sticky;inset-inline-start:-1px;z-index:1;background:var(--color-white);text-align:start}.compare-table .compare-label:after{content:"";width:100%;height:100%;display:block;position:absolute;top:0;inset-inline-end:0;border-inline-start:1px solid var(--color-gray-lite);border-inline-end:1px solid var(--color-gray-lite)}.compare-table .compare-value{padding:20px;text-align:center;vertical-align:middle;min-width:280px;max-width:280px;color:var(--color-gray);font-size:14px;line-height:22px}.compare-table .compare-product-cell{padding:24px 20px;vertical-align:top;position:relative;min-width:280px;max-width:280px}.compare-table .product-image{height:180px;width:100%;display:flex;margin:0 auto 16px;align-items:center;justify-content:center;border-radius:var(--radius-md, 8px);overflow:hidden;background:var(--color-white-dark, #f9f9f9)}.compare-table .product-image>img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.compare-table .product-image .image-placeholder{height:80px;width:80px}.compare-table .product-image:hover>img{transform:scale(1.05)}.compare-table .product-name{display:inline-block;font-size:15px;font-weight:500;line-height:22px;color:var(--color-black);text-wrap:balance}.compare-table .product-name:hover{color:var(--color-primary)}.compare-table .btn-remove{position:absolute;top:8px;inset-inline-end:8px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-white);color:var(--color-gray);cursor:pointer;border-radius:var(--radius-full, 50%);box-shadow:0 1px 4px #00000014;transition:var(--transition-150, all .15s ease)}.compare-table .btn-remove i{font-size:18px}.compare-table .btn-remove:hover{background:#eb1c2314;color:var(--color-primary)}.compare-table .btn-remove:focus-visible{outline:none;box-shadow:0 0 0 3px #eb1c2314}.compare-table .product-price{display:inline-block;font-size:16px;font-weight:600;color:var(--color-primary)}.compare-table .product-rating{display:flex;justify-content:center}.compare-table .product-rating .rating-count{font-size:13px;line-height:1.2;font-weight:var(--font-medium, 500)}.compare-table .product-rating .reviews{font-size:13px;line-height:1.2;padding-inline-start:5px;font-weight:var(--font-medium, 500)}.compare-table .badge{font-size:13px;font-weight:500;padding:4px 12px;border-radius:var(--radius-sm, 6px)}.compare-table .compare-actions{display:flex;gap:8px;justify-content:center;align-items:center}.compare-table .btn-wishlist,.compare-table .btn-add-to-cart{font-size:16px;display:inline-flex;height:44px;width:44px;padding:0;justify-content:center;align-items:center;border:1px solid var(--color-gray-lite);border-radius:var(--radius-full, 50%);background:var(--color-white);color:var(--color-gray);cursor:pointer;transition:var(--transition-150, all .15s ease)}.compare-table .btn-wishlist>svg,.compare-table .btn-add-to-cart>svg{width:20px;height:20px}.compare-table .btn-wishlist:hover,.compare-table .btn-add-to-cart:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 8px #eb1c231a}.compare-table .btn-wishlist:focus-visible,.compare-table .btn-add-to-cart:focus-visible{outline:none;box-shadow:0 0 0 3px #eb1c2314}.compare-table .btn-wishlist.disabled,.compare-table .btn-wishlist[disabled],.compare-table .btn-add-to-cart.disabled,.compare-table .btn-add-to-cart[disabled]{opacity:.5;cursor:not-allowed}.compare-table .btn-wishlist.disabled:hover,.compare-table .btn-wishlist[disabled]:hover,.compare-table .btn-add-to-cart.disabled:hover,.compare-table .btn-add-to-cart[disabled]:hover{border-color:var(--color-gray-lite);color:var(--color-gray);box-shadow:none}.compare-table .btn-wishlist.added{border-color:var(--color-primary);color:var(--color-primary)}.compare-table .btn-wishlist.added svg path{fill:var(--color-primary)}.compare-table .btn-add-to-cart.btn-loading{opacity:.7;pointer-events:none}@media screen and (max-width: 1400px){.compare-table .compare-label{width:220px;min-width:220px}.compare-table .compare-value,.compare-table .compare-product-cell{min-width:260px;max-width:260px}}@media screen and (max-width: 991px){.compare-wrap{margin-top:24px;margin-bottom:32px}.compare-wrap .compare-header{margin-bottom:16px}.compare-wrap .compare-header .compare-title{font-size:24px;line-height:30px}.compare-wrap .compare-content{border-radius:var(--radius-md, 8px)}.compare-table .compare-label{position:unset;min-width:160px;width:160px}.compare-table .compare-label:after{content:unset}.compare-table .compare-value,.compare-table .compare-product-cell{min-width:200px;max-width:200px}.compare-table .product-image{height:140px}}@media screen and (max-width: 575px){.compare-wrap .empty-message{padding:48px 16px}.compare-wrap .empty-message .empty-icon{width:64px;height:64px}.compare-wrap .empty-message .empty-icon svg{width:32px;height:32px}.compare-wrap .empty-message h3{font-size:16px}.compare-wrap .empty-message p{font-size:14px}}@media (prefers-reduced-motion: reduce){.compare-table .product-image>img{transition:none}.compare-table .btn-remove,.compare-table .btn-wishlist,.compare-table .btn-add-to-cart{transition:none}.compare-table .product-image:hover>img{transform:none}}