.halo-compareProduct {
  top: auto;
  bottom: 13.0rem;
  right: -999rem;
  pointer-events: auto;
  opacity: var(--opacity-0);
  visibility: hidden;
}

.halo-compareProduct .button  {
  box-shadow: 0 .3rem .7rem 0 rgb(0 0 0 / var(--opacity-20));
}

.compareTable {
  border: .1rem solid #e6e6e6;
  border-collapse: collapse;
  table-layout: fixed;
}

.compareTable td,
.compareTable th {
  border: .1rem solid #e6e6e6;
  border-spacing: 0;
}

.compareTable-heading {
  padding: 1.7rem 1.5rem 1.3rem 1.5rem;
}

.compareTable-product {
  padding: 3.0rem;
  min-width: 25.0rem;
}

.compareTable-product .card {
  overflow: inherit;
}

.product-card-layout-08 .compareTable-product .card-product {
  overflow: visible;
}

.compareTable-item {
  padding: 1.25rem 1rem;
  min-width: 15.0rem;
}

.compareTable-item.compareTable-desc {
  min-width: 25.0rem;
}

.compareTable-removeProduct {
  top: -1.0rem;
  right: -1.0rem;
  width: 2.8rem;
  height: 2.8rem;
  padding: .7rem;
}

.compareTable-removeProduct svg {
  width: 100%;
  height: 100%;
  fill: var(--bg-white);
  stroke: transparent;
}

.compareTable-option + .compareTable-option {
  margin-top: 1.2rem;
}

.halo-compare-product-popup .halo-popup-wrapper {
  padding: 2.2rem 0 0 0;
}

.halo-compare-product-popup .halo-popup-content {
  margin-block-start: 2rem;
}

.halo-compare-product-popup .halo-popup-wrapper .halo-compare-product-content {
  padding-top: 0;
}

body.compare-product-show {
  overflow: hidden;
}

body.compare-product-show .background-overlay {
  opacity: var(--opacity-100);
  pointer-events: all;
  z-index: 101;
}

body.compare-product-show .halo-compare-product-popup {
  transform: translateX(0);
  opacity: var(--opacity-100);
  visibility: visible;
  pointer-events: auto;
}

body.compare-product-show .popup__inner {
  display: block;
  pointer-events: auto;
  opacity: var(--opacity-100);
  transform: translate(-50%, -50%);
  visibility: visible;
}

.card-product__group-item.card-compare {
  display: none;
}

@media (min-width: 1025px) {
  .halo-compareProduct.is-show {
    position: fixed;
    right: 3.0rem;
    opacity: var(--opacity-100);
    visibility: visible;
    pointer-events: auto;

    .button {
      display: flex;
    }

    .countPill {
      margin-left: .5rem;
      font-size: 1.2rem;
      font-weight: 400;
      color: var(--color-white);
      background-color: var(--color-black);
      padding: .2rem .5rem;
      border-radius: 50%;
      height: 2.0rem;
      min-width: 2.0rem;
    }
  }

  .card-product__group-item.card-compare {
    display: block;
  }

  .compareTable-product .card {
    row-gap: 15px;
  }
}