.compare-wrap{margin-top:50px}.compare-wrap .compare-actions{margin-bottom:20px}.ltr .compare-wrap .compare-actions{text-align:right}.rtl .compare-wrap .compare-actions{text-align:left}.compare-wrap .compare-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-default);text-decoration:none;transition:var(--transition-150);font-weight:var(--font-medium)}.compare-wrap .compare-actions .btn-primary svg{width:16px;height:16px}.compare-wrap .compare-actions .btn-primary:hover{background:var(--color-primary-alpha-80);color:var(--color-white)}.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{overflow-y:unset}.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;position:relative}.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:100%;height:100%;display:block;position:absolute;top:0;border-left:1px solid var(--color-gray-lite);border-right:1px solid var(--color-gray-lite)}.ltr .compare-table td:first-child:after{right:0}.rtl .compare-table td:first-child:after{left:0}.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-wishlist.added{border-color:var(--color-primary);background:var(--color-primary)}.compare-table .btn-wishlist.added svg path{fill:var(--color-white)}.compare-table .btn-add-to-cart{background:var(--color-primary);border-color:var(--color-primary)}.compare-table .btn-add-to-cart svg path{stroke:var(--color-white)}.compare-table .btn-add-to-cart:hover{background:var(--color-primary-alpha-80);border-color:var(--color-primary-alpha-80)}.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,.compare-table .btn-add-to-cart[disabled]{background:var(--color-gray-lite);border-color:var(--color-gray-lite)}.compare-table .btn-add-to-cart.disabled .animated,.compare-table .btn-add-to-cart[disabled] .animated{animation:initial}.compare-table .btn-add-to-cart.disabled:hover,.compare-table .btn-add-to-cart[disabled]:hover{background:var(--color-gray-lite);border-color:var(--color-gray-lite)}.compare-table .btn-add-to-cart>i{color:var(--color-white);transition:var(--transition-150);font-size:22px}.compare-skeleton .product-image.skeleton{height:200px;width:260px;margin:0 auto 20px;border-radius:8px}.ltr .compare-skeleton .product-image.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-ltr 1.5s infinite}.rtl .compare-skeleton .product-image.skeleton{background:linear-gradient(-90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-rtl 1.5s infinite}[dir] .compare-skeleton .product-image.skeleton{background-size:200% 100%}.compare-skeleton .product-name-skeleton .skeleton{height:16px;margin:5px auto;width:80%;border-radius:4px}.ltr .compare-skeleton .product-name-skeleton .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-ltr 1.5s infinite}.rtl .compare-skeleton .product-name-skeleton .skeleton{background:linear-gradient(-90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-rtl 1.5s infinite}[dir] .compare-skeleton .product-name-skeleton .skeleton{background-size:200% 100%}.compare-skeleton .product-name-skeleton .skeleton:last-child{width:60%}.compare-skeleton .product-description-skeleton .skeleton{height:14px;margin:5px auto;width:90%;border-radius:4px}.ltr .compare-skeleton .product-description-skeleton .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-ltr 1.5s infinite}.rtl .compare-skeleton .product-description-skeleton .skeleton{background:linear-gradient(-90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-rtl 1.5s infinite}[dir] .compare-skeleton .product-description-skeleton .skeleton{background-size:200% 100%}.compare-skeleton .product-compare-skeleton{height:28px;width:120px;margin:0 auto;border-radius:4px}.ltr .compare-skeleton .product-compare-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-ltr 1.5s infinite}.rtl .compare-skeleton .product-compare-skeleton{background:linear-gradient(-90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-rtl 1.5s infinite}[dir] .compare-skeleton .product-compare-skeleton{background-size:200% 100%}.compare-skeleton .product-compare-actions-skeleton{display:flex;justify-content:center;gap:12px}.compare-skeleton .product-compare-actions-skeleton .skeleton{height:50px;width:50px;border-radius:50%}.ltr .compare-skeleton .product-compare-actions-skeleton .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-ltr 1.5s infinite}.rtl .compare-skeleton .product-compare-actions-skeleton .skeleton{background:linear-gradient(-90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:loading-rtl 1.5s infinite}[dir] .compare-skeleton .product-compare-actions-skeleton .skeleton{background-size:200% 100%}@keyframes loading-ltr{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading-rtl{0%{background-position:-100% 0}to{background-position:300% 0}}@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}}