/* =============================================================
   тема страницы «брудское» — база + скупой кроваво-красный + паутина
   ============================================================= */

.theme-brood {
  --accent: #8b1a1a;
}

/* акцент точечно: цена, бейдж, ховеры */

.theme-brood .price { color: var(--accent); }

.theme-brood .badge--stock {
  border-color: rgba(139, 26, 26, 0.45);
  color: var(--accent);
}

.theme-brood .head-nav a:hover,
.theme-brood .head-links a:hover,
.theme-brood .foot-links a:hover { color: var(--accent); }

.theme-brood .swatch[aria-pressed="true"] {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 3px var(--bg), 0 0 0 1px var(--accent);
}

.theme-brood .viewer-note { color: var(--accent); }

/* ---------- паутина по углам ---------- */

.web {
  position: fixed;
  z-index: 0;
  width: clamp(150px, 27vw, 300px);
  height: auto;
  color: var(--ink);
  opacity: 0;
  pointer-events: none;
  animation: web-in 900ms cubic-bezier(0.22, 0.61, 0.36, 1) 260ms both;
}

.web path,
.web line {
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.web--tr {
  top: 34px;
  right: 0;
}

.web--bl {
  bottom: 0;
  left: 0;
  transform: scale(-1, -1);
  animation-delay: 420ms;
}

@keyframes web-in {
  from { opacity: 0; }
  to { opacity: 0.12; }
}

@media (prefers-reduced-motion: reduce) {
  .web { animation: none; opacity: 0.12; }
}

/* контент поднят над фоновыми слоями в base.css — паутина остаётся под ним */