/* Google (CZ + RU) — элементы вне общего набора service.css; .h-gad-search берём из общего вида */
.gg-search { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--border-card); background: var(--bg); color: var(--text-muted); font: 400 13px 'IBM Plex Sans', system-ui, sans-serif; }
.gg-search span { color: var(--text); }
.gg-ad { margin-top: 14px; font-family: 'IBM Plex Sans', system-ui, sans-serif; }
.gg-ad-label { font-size: 12px; color: var(--text-muted); }
.gg-ad-label b { color: var(--text); font-weight: 600; }
.gg-ad-title { font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--google-link); margin-top: 6px; }
.gg-ad-desc { font-size: 14px; line-height: 1.5; color: var(--text-body); margin-top: 6px; }
.gg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.gg-card { padding: clamp(18px, 2vw, 26px); }

.gg-vis { position: relative; height: 420px; max-width: 480px; margin-left: auto; }
.gg-vis .sk-visual-bg { left: 12%; top: 8%; bottom: 0; }
.gg-vis-serp { left: 0; right: 6%; top: 0; padding: 18px; }
.gg-vis-serp .gg-ad { background: var(--surface-muted); border-radius: 14px; padding: 12px 14px; }
.gg-organic { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.gg-organic span { height: 8px; border-radius: 4px; background: var(--border-soft); width: 70%; }
.gg-organic span:nth-child(2) { width: 90%; }
.gg-organic span:nth-child(3) { width: 55%; }
.gg-flow { position: absolute; z-index: 4; left: 8%; right: 0; bottom: 6%; background: var(--ink); border-radius: 18px; padding: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.gg-flow span { font: 600 13px 'IBM Plex Sans', system-ui, sans-serif; color: var(--text-on-dark); border: 1px solid var(--chip-on-dark); border-radius: 999px; padding: 7px 12px; }
.gg-flow span.on { background: var(--accent); border-color: var(--accent); }
.gg-flow i { font-style: normal; color: var(--accent-soft); }

@media (max-width: 1080px) { .gg-vis { margin: 0 auto; } }
@media (max-width: 768px) {
  .gg-grid { grid-template-columns: 1fr; }
  .gg-vis { height: 380px; max-width: 360px; }
}

/* v2 */
.gg-card { background: var(--fill); }
.gg-card .gg-search { background: var(--panel); border-color: transparent; }
.gg-vis-serp .gg-ad { background: rgba(255,255,255,.7); }