/* v67 — comparison section: professional hover shimmer + upgraded icons. */
.product-compare-v20 .compare-table-shell-v20{
  border-radius:28px;
  box-shadow:0 20px 48px rgba(17,43,80,.07);
}
.compare-table-v20 thead th{transition:background-color .22s ease, box-shadow .22s ease;}
.compare-table-v20 thead a{
  overflow:hidden;
  border-radius:20px;
  transition:transform .22s ease;
}
.compare-table-v20 thead a::before{
  content:"";
  position:absolute;
  top:-18%;
  bottom:-18%;
  left:-48%;
  width:40%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.72) 48%, rgba(255,255,255,0) 100%);
  transform:skewX(-18deg) translateX(0);
}
.compare-table-v20 thead th:not(:first-child):hover{background:#f8fbff;}
.compare-table-v20 thead th:not(:first-child):hover a{transform:translateY(-3px);}
.compare-table-v20 thead th:not(:first-child):hover a::before{
  opacity:1;
  animation:compareShimmerV67 1.25s ease-in-out infinite;
}
.compare-icon-v20{
  border:1px solid rgba(190,207,235,.86);
  box-shadow:0 10px 22px rgba(44,95,188,.10);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}
.compare-icon-v20 img{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
}
.compare-table-v20 thead th:not(:first-child):hover .compare-icon-v20{
  transform:translateY(-2px);
  border-color:rgba(115,157,240,.7);
  box-shadow:0 14px 30px rgba(44,95,188,.16);
}
.compare-table-v20 thead th:not(:first-child):hover a b{color:#12438f!important;}
.compare-table-v20 tbody th,
.compare-table-v20 tbody td{transition:background-color .22s ease, color .22s ease;}
@supports selector(.compare-table-v20:has(thead th:nth-child(2):hover)){
  .compare-table-v20:has(thead th:nth-child(2):hover) tbody td:nth-child(2){background:#f7fbff;}
  .compare-table-v20:has(thead th:nth-child(3):hover) tbody td:nth-child(3){background:#faf8ff;}
  .compare-table-v20:has(thead th:nth-child(4):hover) tbody td:nth-child(4){background:#f6fcff;}
  .compare-table-v20:has(thead th:nth-child(5):hover) tbody td:nth-child(5){background:#f4fcf8;}
}
@keyframes compareShimmerV67{
  0%{transform:skewX(-18deg) translateX(0)}
  100%{transform:skewX(-18deg) translateX(320%)}
}
@media (max-width:680px){
  .compare-icon-v20 img{width:20px;height:20px}
}