.compare-wrap{margin-top:50px}.compare-wrap .empty-message{display:flex;padding:40px 0;justify-content:center;align-items:center;flex-direction:column;text-align:center}.compare-wrap .empty-message svg{height:80px;width:80px;margin-bottom:22px}.compare-wrap .empty-message svg g{fill:var(--color-primary)}.compare-wrap .table-responsive::-webkit-scrollbar{height:3px;width:3px}.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:25px 30px}.compare-table tr:first-child td:not(:first-child){vertical-align:top}.compare-table td{padding:20px 30px;text-align:center;vertical-align:middle}.compare-table td:first-child{font-weight:var(--font-medium);width:261px;min-width:261px;position:sticky;z-index:1}.ltr .compare-table td:first-child{left:-1px}.rtl .compare-table td:first-child{right:-1px}.compare-table td:first-child:after{content:"";width:calc(100% + 1px);height:calc(100% + 2px);display:block;position:absolute;top:-1px;border-left:1px solid var(--color-gray-lite);border-right:1px solid var(--color-gray-lite)}.ltr .compare-table td:first-child:after{right:-1px}.rtl .compare-table td:first-child:after{left:-1px}.compare-table td:not(:first-child){min-width:320px;max-width:320px;color:var(--color-gray)}.compare-table .product-name{font-size:16px}.compare-table .product-image{height:200px;width:260px;display:flex;margin:0 auto 20px;align-items:center;justify-content:center}.compare-table .product-image>img{max-height:100%;max-width:100%}.compare-table .product-image .image-placeholder{height:90px;width:90px}.compare-table .product-name{display:inline-block;color:var(--color-black)}.compare-table .product-name:hover{color:var(--color-primary)}.compare-table .btn-remove{position:absolute;top:0;padding:10px 15px}.ltr .compare-table .btn-remove{right:0}.rtl .compare-table .btn-remove{left:0}.compare-table .btn-remove:hover{color:var(--color-primary)}.compare-table .product-price{display:inline-block}.compare-table .product-rating{display:flex;justify-content:center}.compare-table .product-rating .rating-count,.compare-table .product-rating .reviews{font-size:12px;line-height:1;font-weight:var(--font-medium)}.ltr .compare-table .product-rating .reviews{padding-left:5px}.rtl .compare-table .product-rating .reviews{padding-right:5px}.compare-table .btn-wishlist,.compare-table .btn-add-to-cart{font-size:16px;display:inline-flex;height:50px;width:50px;padding:0;justify-content:center;align-items:center;border:1px solid var(--color-gray-lite);border-radius:var(--radius-full)}.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-alpha-80)}.compare-table .btn-wishlist:hover>i,.compare-table .btn-add-to-cart:hover>i{color:var(--color-primary)}.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)}.compare-table .btn-wishlist.disabled:hover>i,.compare-table .btn-wishlist[disabled]:hover>i,.compare-table .btn-add-to-cart.disabled:hover>i,.compare-table .btn-add-to-cart[disabled]:hover>i{color:var(--color-gray)}.ltr .compare-table .btn-wishlist{margin-right:12px}.rtl .compare-table .btn-wishlist{margin-left:12px}.compare-table .btn-add-to-cart .animated{animation:zoomInOut .5s ease;animation-fill-mode:forwards;animation-iteration-count:1}.compare-table .btn-add-to-cart.disabled .animated,.compare-table .btn-add-to-cart[disabled] .animated{animation:initial}.compare-table .btn-add-to-cart>i{color:var(--color-gray);transition:var(--transition-150);font-size:22px}@media screen and (max-width: 1400px){.compare-table td:first-child{width:245px;min-width:245px}}@media screen and (max-width: 991px){.compare-table td:first-child{position:unset}.compare-table td:first-child:after{content:unset}}
