/* 999gold — site interactivity & a11y */

/* hovers + переходы */
.g999-btn, .g999-cta, [data-hover], button, a[role="button"]{ transition: filter .18s, transform .18s, background .18s, color .18s, border-color .18s, box-shadow .18s; }
.g999-btn:hover, .g999-cta:hover, [data-hover]:hover, [data-hover].is-hover{ filter: brightness(1.06); transform: translateY(-1px); }
.g999-btn:active, .g999-cta:active{ transform: translateY(0); }
button, a{ cursor: pointer; }
button{ background:none; border:none; padding:0; font:inherit; color:inherit; }
button:focus-visible, a:focus-visible{ outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }

/* основной CTA */
.g999-cta{ display:inline-flex; align-items:center; gap:9px; background: var(--accent); color:#fff; text-decoration:none; font-weight:600; font-size:14px; padding:13px 22px; border-radius: var(--btn-r, 4px); border:1px solid transparent; }
.g999-cta:hover{ filter: brightness(1.08); }
.g999-cta--ghost{ background:transparent; color: var(--fg); border-color: var(--line); }
.g999-cta--ghost:hover{ border-color: var(--accent); color: var(--accent); }
.g999-cta--light{ background:#fff; color:#141821; }

/* a11y: видимые fokus rings, скрытый текст */
.g999-sr{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* контраст: переопределение --dark-muted (исходный 8a929d даёт 4.0:1, нужен >=4.5) */
.g999-root{ --dark-muted: #b5bcc6; }

/* Dropdowns */
[data-dropdown]{ display:none; }
[data-dropdown].is-open{ display:block; }

/* Tabs */
[data-tab]{ cursor:pointer; transition: color .18s, background .18s; }
[data-tab].is-active{ background:#fff; color:#141821; }
[data-panel]{ display:none; }
[data-panel].is-active{ display:block; }

/* Accordion */
[data-accordion-item] [data-accordion-content]{ display:none; }
[data-accordion-item].is-open [data-accordion-content]{ display:block; }
[data-accordion-trigger]{ cursor:pointer; }

/* Sticky shadow */
body.is-scrolled [data-sticky-main]{ box-shadow: 0 2px 12px rgba(0,0,0,.06); }

/* dc-runtime artefacts off */
.sc-placeholder, .sc-interp.sc-missing{ display:none !important; }

/* Якоря под sticky */
section[id]{ scroll-margin-top: 88px; }

/* Tabs металлов */
.g999-metals-tabs{ display:inline-flex; gap:2px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); border-radius:10px; padding:4px; }
.g999-metals-tabs button{ padding:9px 18px; border-radius:7px; font-weight:600; font-size:14px; color: var(--dark-muted); }
.g999-metals-tabs button.is-active{ background:#fff; color:#141821; }


/* Формы — лейблы поверх плейсхолдеров */
.g999-field{ display:flex; flex-direction:column; gap:6px; }
.g999-field label{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color: var(--muted); }
.g999-field input, .g999-field textarea, .g999-field select{ width:100%; padding:14px 16px; font:inherit; font-size:16px; border:1.5px solid var(--line); background: var(--surface, #fff); border-radius:10px; transition: border-color .18s, box-shadow .18s; }
.g999-field input:focus, .g999-field textarea:focus, .g999-field select:focus{ outline:none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); }
.g999-field .g999-error{ font-size:12px; color:#c1392b; }
form.is-sent .g999-cta{ background:#2ec27e; pointer-events:none; }

/* Honeypot скрытый */
.g999-honey{ position:absolute; left:-9999px; visibility:hidden; }

/* Icon helpers */
.icon{ width:1em; height:1em; display:inline-block; vertical-align:-.125em; fill:currentColor; }

/* pointer-events для кнопок внутри секций */
section button, header button{ pointer-events: auto; }

/* Section: общие шаблоны */
.g999-section{ background: var(--surface); }
.g999-section--prices{ background: var(--dark); color: var(--dark-fg); }
.g999-section--surface2{ background: var(--surface-2); }
.g999-wrap{ max-width:1280px; margin:0 auto; padding: 96px 32px; }

.g999-eyebrow{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color: var(--accent); margin:0 0 16px; font-weight:600; }
.g999-h2{ font-family: var(--hfont); font-weight: var(--hweight); letter-spacing: var(--hls); font-size: clamp(32px,3.6vw,52px); line-height:1.04; margin: 0 0 8px; }

/* Prices */
.g999-prices-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:42px; }
.g999-prices-sub{ font-size:13px; color: var(--dark-muted); }
.g999-prices-grid{ display:grid; grid-template-columns: repeat(var(--cols, 4), 1fr); gap:18px; }
.g999-price-card{ border:1px solid rgba(255,255,255,.10); border-radius:14px; padding: 28px 26px; background: rgba(255,255,255,.02); }
.g999-price-card__head{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color: var(--dark-muted); margin-bottom:14px; }
.g999-price-card__val{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:38px; line-height:1; letter-spacing:-.02em; }
.g999-price-card__unit{ font-size:24px; color: var(--dark-muted); margin-left:6px; }
.g999-price-card__caption{ font-size:13px; color: var(--dark-muted); margin-top:8px; }
.g999-prices-cta{ display:flex; gap:14px; margin-top:36px; flex-wrap:wrap; }

@media (max-width: 900px){
  .g999-wrap{ padding:64px 20px; }
  .g999-prices-grid{ grid-template-columns: repeat(2,1fr); }
  .g999-prices-head{ flex-direction:column; }
}

/* Bars chart + tooltip */
.g999-chart{
  margin-top: 36px;
  height: 220px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:18px 22px 14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  background: rgba(255,255,255,.02);
  position: relative;
}
.g999-chart-svg{ flex:1; min-height:0; width:100%; }
.g999-bars{ overflow: visible; }
.g999-bar{
  fill: url(#g999-bar-grad);
  transition: opacity .15s, transform .15s;
  transform-origin: center bottom;
  transform-box: fill-box;
  cursor: crosshair;
}
.g999-bar.is-last{ opacity: 1; filter: brightness(1.1); }
.g999-bar:hover, .g999-bar.is-active{ filter: brightness(1.15); transform: scaleY(1.04); }

.g999-tooltip{
  position: absolute; pointer-events: none;
  background:#fff; color:#141821;
  font-family:'JetBrains Mono',monospace;
  font-size:12px; font-weight:700;
  padding:6px 10px; border-radius:6px;
  white-space:nowrap;
  transform: translate(-50%, calc(-100% - 10px));
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  opacity:0; transition: opacity .12s ease;
  z-index:2;
}
.g999-tooltip.is-visible{ opacity:1; }
.g999-tooltip__date{ font-size:10px; color:#69717e; font-weight:500; display:block; margin-top:2px; }

/* Кнопки в блоке цен */
.g999-cta--dark{ background: rgba(255,255,255,.04); color: var(--dark-fg); border: 1px solid rgba(255,255,255,.16); }
.g999-cta--dark:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.28); }