/* ============ DEAL TERMINAL — Apple-style ============ */
:root {
  /* Фон — ровно как у apple.com */
  --bg: #fbfbfd;
  --bg-card: #ffffff;
  --bg-muted: #f5f5f7;

  /* Текст — системные цвета Apple */
  --ink: #1d1d1f;
  --ink-2: #424245;
  --ink-3: #86868b;
  --ink-4: #b0b0b5;

  /* Системные Apple-цвета */
  --blue: #0071e3;
  --green: #34c759;
  --green-deep: #28a745;
  --orange: #ff9f0a;
  --red: #ff3b30;
  --red-deep: #d70015;

  /* Разделители — по факту Apple их не использует (только пробелы),
     но пусть будут для крайних случаев */
  --line: rgba(0, 0, 0, 0.08);
  --line-soft: rgba(0, 0, 0, 0.04);

  /* Apple easing — их фирменная кривая */
  --ease: cubic-bezier(0.28, 0, 0.16, 1);

  --sans: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: 'SF Mono', ui-monospace, Menlo, monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  font-family: var(--sans);
  background: var(--bg);
  color: var(--ink);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.003em;
  font-feature-settings: 'cv11', 'ss01';
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--line); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-4); }

::selection { background: var(--blue); color: #ffffff; }
*:focus { outline: none; }
*:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 4px; }