/* Cascade Volcano product accents */
:root {
  --ink: #0a1616;
  --panel: #102222;
  --line: #274040;
  --muted: #7f9e99;
  --text: #c8ddd8;
  --bright: #ecfdf8;
  --accent: #2dd4bf;
  --accent-deep: #0f766e;
  --font-display: "DM Serif Display", "Iowan Old Style", Palatino, serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
}

body {
  background-image:
    linear-gradient(165deg, rgba(10, 22, 22, 0.98) 0%, rgba(15, 118, 110, 0.12) 42%, rgba(10, 22, 22, 0.99) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 26px,
      rgba(45, 212, 191, 0.035) 26px,
      rgba(45, 212, 191, 0.035) 27px
    );
}

.product-hero::after {
  content: "";
  display: block;
  width: 6rem;
  height: 2px;
  margin-top: 1.5rem;
  background: linear-gradient(90deg, var(--accent), transparent);
  animation: pulse-line 2.8s ease-in-out infinite;
}

@keyframes pulse-line {
  0%, 100% { opacity: 0.45; width: 5rem; }
  50% { opacity: 1; width: 7.5rem; }
}

.tax-item {
  border-left-color: var(--accent);
  background: rgba(16, 34, 34, 0.85);
}