.hk-compare-heading {padding-top:30px;padding-bottom:20px}
.hk-storefront .comparisonContainer table tr {display:table-row!important}
.hk-storefront .comparisonContainer table tr>td,.hk-storefront .comparisonContainer table tr>th {display:table-cell!important}
.hk-storefront .comparisonContainer .comparison-item-thumb {width:100%!important}
.hk-storefront .comparisonContainer .comparison-item {height:auto;display:block}
.hk-storefront .comparisonContainer .comparison-item-thumb img {width:100%!important}
.hk-storefront .comparisonContainer .comparison-item-title {white-space:normal!important;overflow:visible!important;max-height:none!important;-webkit-line-clamp:unset!important}
.hk-storefront .comparisonContainer thead td:first-child {vertical-align:top!important}
.hk-storefront .comparisonContainer .compare-filter {margin-top:24px!important}
.hk-compare-heading>span {font-size:11px;letter-spacing:2px;color:#688096;font-weight:600}
.hk-compare-heading h1 {font-size:30px;color:#17354d;margin:10px 0;font-weight:700}
.hk-compare-heading p {font-size:14px;color:#617589;line-height:1.7}
.comparisonContainer>.container {display:none}
.hk-storefront .comparisonContainer .comparison-table {border:1px solid #dce6ef!important;border-radius:16px;background:#fff;overflow:auto;max-height:78vh;scrollbar-width:thin}
.hk-storefront .comparisonContainer table {table-layout:fixed;width:100%;min-width:740px;margin:0;border-collapse:separate;border-spacing:0;color:#334e68;font-size:13px;line-height:1.6}
.hk-storefront .comparisonContainer table th,.hk-storefront .comparisonContainer table td {padding:14px 18px;border:0;border-right:1px solid #e6edf3;border-bottom:1px solid #e6edf3;vertical-align:top;white-space:normal;overflow-wrap:anywhere;width:260px;min-width:260px;background:#fff}
.hk-storefront .comparisonContainer table tr> :first-child {width:230px;min-width:230px}
.hk-storefront .comparisonContainer tbody th {position:sticky;left:0;z-index:1;background:#f4f8fb!important;font-weight:600;color:#37566e}
.hk-storefront .comparisonContainer tbody tr:nth-child(odd) td {background:#fbfdff}
.hk-storefront .comparisonContainer .comparison-key th {background:#e9f2f8!important;color:#205f99;padding:12px 18px;letter-spacing:.7px;font-size:12px}
.hk-storefront .comparisonContainer thead td:first-child {display:table-cell;background:#f4f8fb!important}
.hk-storefront .comparisonContainer .comparison-item {padding:16px 0 0;position:relative;margin:0}
.hk-storefront .comparisonContainer .comparison-item-thumb {height:140px;margin:0 0 16px;display:flex;align-items:center;justify-content:center}
.hk-storefront .comparisonContainer .comparison-item-thumb img {height:140px;width:100%;max-width:200px;object-fit:contain}
.hk-storefront .comparisonContainer .comparison-item-title {display:block;min-height:66px;font-size:14px;font-weight:600;line-height:1.55;color:#17354d}
.hk-compare-price {font-size:23px;font-weight:700;color:#24639a;margin:14px 0}
.hk-storefront .comparisonContainer .comparison-item-footer {display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.hk-storefront .comparisonContainer .btn {background:#24639a!important;border:1px solid #24639a!important;color:#fff!important;border-radius:8px!important;min-height:42px;font-size:12px;padding:10px!important;white-space:normal;line-height:1.4}
.hk-storefront .comparisonContainer .btn:hover {background:#17466f!important;color:#fff!important}
.hk-storefront .comparisonContainer .btn :is(svg,svg *,i,span) {color:inherit!important}
.hk-storefront .comparisonContainer .comparison-btns a {border-radius:8px!important;padding:11px 12px;gap:8px;min-height:44px;font-size:13px;line-height:1.4}
.hk-storefront .comparisonContainer .clearbtn {background:#fff!important;color:#a13c3c!important;border:1px solid #e3cccc!important}
.hk-storefront .comparisonContainer .addbtn {background:#24639a!important;color:#fff!important}
.hk-storefront .comparisonContainer .comparison-btns :is(i,svg,svg *,span) {color:inherit!important}
.hk-storefront .comparisonContainer .remove-item {width:26px;height:26px;right:-4px;top:-8px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#fff2f2;color:#ac4444;border:1px solid #edcece}
.hk-storefront .comparisonContainer .remove-item svg {width:14px;height:14px;color:inherit!important}
.hk-storefront .comparisonContainer .compare-filter {width:100%;text-align:left}
.hk-storefront .comparisonContainer .compare-filter label {font-size:12px;line-height:1.5;margin-bottom:10px}
.hk-storefront .comparisonContainer .nice-select {width:100%;border-radius:8px;white-space:normal}
.hk-storefront .comparisonContainer .nice-select .list {z-index:8;min-width:100%}
.hk-storefront .comparisonContainer .lead {background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:48px 24px}
.hk-storefront .comparisonContainer a:focus-visible {outline:3px solid #78b8e9;outline-offset:2px}
@media(max-width:767px){.hk-compare-heading h1 {font-size:25px}.hk-storefront .comparisonContainer table tr>:first-child {width:155px;min-width:155px}.hk-storefront .comparisonContainer table th,.hk-storefront .comparisonContainer table td {padding:12px;width:230px;min-width:230px}.hk-storefront .comparisonContainer table {min-width:640px}.hk-storefront .comparisonContainer .comparison-table {max-height:75vh}.hk-storefront .comparisonContainer .comparison-btns a {font-size:12px;padding:9px}.hk-storefront .comparisonContainer .comparison-item-title {font-size:13px}}
