:root {
  --bg: #fbf7ff; --surface: #ffffff; --text: #231a33; --muted: #6a5f7d; --line: #e6dcf3;
  --accent: #6d3fd1; --accent2: #f2a541; --accent-deep: #4b2a96; --accent-soft: #f0e8ff; --accent-text: #ffffff;
  --art-bg: linear-gradient(160deg, #f4ecff, #ffe9cf); --footer-bg: #241a3a; --footer-text: #e4dcf3;
  --ok: #1f8a4c; --ok-bg: #e6f4ea; --danger: #b3261e; --danger-bg: #fdecea;
  --radius: 24px; --radius-btn: 999px;
  --shadow: 0 18px 40px -20px #6d3fd166;
  --font-display: "Trebuchet MS", "Segoe UI", system-ui, sans-serif; --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hero-grad: linear-gradient(135deg, #6d3fd1 0%, #f2a541 100%);
}
.products { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } .bundle .art img { height: 100%; width: auto; max-width: 48%; object-fit: contain; margin: 0 -6px; } .hero-art img { max-height: 380px; } @media (max-width: 760px) { .hero-art { min-height: 0; } .hero-art img { height: 210px; margin: 0 -14px; } .hero-art img:nth-child(2) { height: 250px; } }