.breadcrumb {
  letter-spacing: 0.05em;
}

@media screen and (min-width: 360px) {
  .breadcrumb {
    letter-spacing: 0.15em;
  }
}

.edof-absolute-horizon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.edof-lens-table-wrap {
  background: url(https://static.cmereye.com/imgs/2024/03/cc6eb4fe0d7bb9b5.png) no-repeat top, url(https://static.cmereye.com/imgs/2024/03/b34e0a520ed9c467.png) no-repeat bottom;
  background-size: cover;
}

.edof-lens-table {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.edof-lens-table::-webkit-scrollbar {
  display: none;
}

.edof-lens-table-title-shadow {
  text-shadow: rgb(255, 255, 255) 3px 0px 0px,
    rgb(255, 255, 255) 2.83333px 0.983333px 0px,
    rgb(255, 255, 255) 2.35px 1.85px 0px,
    rgb(255, 255, 255) 1.61667px 2.51667px 0px,
    rgb(255, 255, 255) 0.7px 2.91667px 0px,
    rgb(255, 255, 255) -0.283333px 2.98333px 0px,
    rgb(255, 255, 255) -1.25px 2.73333px 0px,
    rgb(255, 255, 255) -2.06667px 2.16667px 0px,
    rgb(255, 255, 255) -2.66667px 1.36667px 0px,
    rgb(255, 255, 255) -2.96667px 0.416667px 0px,
    rgb(255, 255, 255) -2.95px -0.566667px 0px,
    rgb(255, 255, 255) -2.6px -1.5px 0px,
    rgb(255, 255, 255) -1.96667px -2.26667px 0px,
    rgb(255, 255, 255) -1.11667px -2.78333px 0px,
    rgb(255, 255, 255) -0.133333px -3px 0px,
    rgb(255, 255, 255) 0.85px -2.88333px 0px,
    rgb(255, 255, 255) 1.75px -2.43333px 0px,
    rgb(255, 255, 255) 2.45px -1.73333px 0px,
    rgb(255, 255, 255) 2.88333px -0.833333px 0px;
}

.edof-lens-table-td {
  padding: 4px;
  border: none;
  --ring-w: 3px;
  color: var(--color-text-info)
}

.edof-lens-table-td.col-edof {
  --ring-color: #f6e75b;
  z-index: 10;
}

.edof-lens-table-td.col-monofocal {
  --ring-color: #55d1f0;
  z-index: 10;
}

.edof-lens-table-td.col-multifocal {
  --ring-color: #f2f7fb;
}

.edof-lens-table-td.col-edof,
.edof-lens-table-td.col-monofocal,
.edof-lens-table-td.col-multifocal {
  box-shadow: inset var(--ring-w) 0 0 0 var(--ring-color), inset calc(-1 * var(--ring-w)) 0 0 0 var(--ring-color);
}

tr.last-row .edof-lens-table-td {
  border-radius: 0 0 6px 6px;
  box-shadow: inset var(--ring-w) 0 0 0 var(--ring-color),
    inset calc(-1 * var(--ring-w)) 0 0 0 var(--ring-color),
    inset 0 calc(-1 * var(--ring-w)) 0 0 var(--ring-color);
  padding-top: 24px;
  padding-bottom: 36px;
}

.edof-lens-table-more.shadow-edof {
  box-shadow: 0 0 12.293px rgba(255, 167, 4, 0.86);
}

.edof-lens-table-more.shadow-multifocal {
  box-shadow: 0 0 12.293px rgba(72, 134, 206, 0.86);
}

.edof-advantage-title-bg {
  background: url('https://statichk.cmermedical.com/hkcmereye/cataract/edof/edof-advantages-title-v1.svg') no-repeat top / 44%;
}

.edof-lens-table tr th:first-child {
  width: 60px;
}

@media screen and (min-width: 768px) {
  .breadcrumb {
    letter-spacing: 0.25em;
  }

  .edof-lens-table tr th:first-child {
    width: 88px;
  }

  tr.last-row .edof-lens-table-td:not(:first-child) {
    padding-bottom: 40px;
  }

  tr.last-row .edof-lens-table-td:last-child {
    padding-bottom: 80px;
  }

  .edof-lens-table-td {
    --ring-w: 5px;
    padding: 12px 20px;
  }
}

@media screen and (max-width: 1023px) {
  .edof-advantage-title-bg {
    background-position: top;
  }
}

@media screen and (min-width: 1024px) {
  .edof-lens-table tr th:first-child {
    width: clamp(128px,12.5vw,240px);
  }

  .edof-advantage-title-bg {
    background-size: 584px;
    background-position: center -35%;
  }

  .edof-lens-table-wrap {
    background: none;
  }
}