.product-choice__disc {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgb(244 240 230 / 34%);
  box-shadow:
    0 34px 70px rgb(20 39 31 / 20%),
    inset 0 1px 0 rgb(255 253 248 / 20%);
}

.product-choice,
.home-tool-card,
.room-choice-link {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgb(169 85 63 / 18%);
}

.product-choice__disc::before {
  position: absolute;
  z-index: -1;
  inset: 1rem;
  border: 1px solid rgb(244 240 230 / 15%);
  border-radius: inherit;
  content: "";
}

.product-choice__disc::after {
  position: absolute;
  inset-block-start: 2.15rem;
  inset-inline-end: 2.4rem;
  display: grid;
  width: 2.2rem;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(244 240 230 / 25%);
  border-radius: 50%;
  color: rgb(244 240 230 / 78%);
  content: "\2192" / "";
  font-family: var(--hw-font-ui);
  font-size: 1rem;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.product-choice h2 {
  max-width: none;
  padding-inline: var(--hw-space-6);
  font-size: clamp(3.2rem, 4.25vw, 4.35rem);
  white-space: nowrap;
}

.product-choice:hover .product-choice__disc::after {
  background: var(--hw-parchment);
  color: var(--hw-pine);
  transform: translateX(3px);
}

.product-choice:active .product-choice__disc {
  box-shadow:
    0 18px 38px rgb(20 39 31 / 20%),
    inset 0 1px 0 rgb(255 253 248 / 20%);
  transform: translateY(var(--disc-offset)) scale(0.985);
}

.home-wise-tools__choices {
  counter-reset: rescue-card;
  gap: var(--hw-space-4);
}

.home-tool-card {
  position: relative;
  counter-increment: rescue-card;
  min-height: 7rem;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: hidden;
  padding: var(--hw-space-6) 4.5rem var(--hw-space-5) var(--hw-space-6);
  border-color: rgb(244 240 230 / 18%);
  border-radius: 1.25rem;
  background:
    linear-gradient(135deg, rgb(255 253 248 / 9%), rgb(255 253 248 / 3%));
  box-shadow: inset 0 1px 0 rgb(255 253 248 / 8%);
  font-size: clamp(1.65rem, 2.6vw, 2.2rem);
  font-weight: 500;
  text-align: start;
}

.home-tool-card::before {
  position: absolute;
  inset-block-start: var(--hw-space-4);
  inset-inline-start: var(--hw-space-6);
  color: rgb(244 240 230 / 46%);
  content: "0" counter(rescue-card) / "";
  font-family: var(--hw-font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.home-tool-card::after {
  position: absolute;
  inset-inline-end: var(--hw-space-5);
  inset-block-end: var(--hw-space-5);
  display: grid;
  width: 2.25rem;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(244 240 230 / 18%);
  border-radius: 50%;
  content: "\2192" / "";
  font-family: var(--hw-font-ui);
  font-size: 0.95rem;
  transition: border-color 180ms ease, transform 180ms ease;
}

.home-tool-card:hover {
  border-color: rgb(244 240 230 / 56%);
  background: var(--hw-parchment);
  box-shadow: 0 16px 34px rgb(8 22 16 / 22%);
}

.home-tool-card:hover::before {
  color: var(--hw-moss);
}

.home-tool-card:hover::after {
  border-color: rgb(36 59 48 / 30%);
  transform: translateX(3px);
}

.home-tool-card:active {
  box-shadow: 0 8px 18px rgb(8 22 16 / 18%);
  transform: translateY(1px) scale(0.99);
}

.home-tool-card:focus-visible,
.room-choice-link:focus-visible {
  outline: 3px solid var(--hw-focus-dark);
  outline-offset: 4px;
}

.room-choice-link {
  position: relative;
  justify-content: flex-start;
  padding-inline: var(--hw-space-6) 4rem;
  border-radius: 1.1rem;
  text-align: start;
}

.room-choice-link::after {
  position: absolute;
  inset-inline-end: var(--hw-space-5);
  content: "\2192" / "";
  font-family: var(--hw-font-ui);
  font-size: 1rem;
  transition: transform 180ms ease;
}

.room-choice-link:hover::after {
  transform: translateX(3px);
}

.room-choice-link:active {
  transform: translateY(1px) scale(0.99);
}

@media (max-width: 38rem) {
  .product-choice h2 {
    padding-inline: var(--hw-space-8);
    font-size: clamp(2.9rem, 14vw, 3.8rem);
  }

  .product-choice__disc::after {
    inset-block-start: 1.75rem;
    inset-inline-end: 2rem;
  }

  .home-tool-card {
    min-height: 6.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-choice__disc::after,
  .home-tool-card::after,
  .room-choice-link::after {
    transition: none;
  }
}