/* ---------------------------------------------------------------------
   Fonti tiek turēti pašu serverī, nevis ņemti no Google Fonts.
   Iemesls: Google stila lapu ielādēja KATRS apmeklētājs uz visām 72 lapām,
   vēl pirms viņš vietnē ko dara, un līdz ar to viņa IP adrese aizceļoja uz
   Google. Tā bija vienīgā pasīvā datu nodošana trešajai pusei šajā vietnē.
   Blakus ieguvums: par diviem DNS pieprasījumiem un diviem TLS rokasspiedieniem
   mazāk līdz pirmajam attēlojumam.
   unicode-range sadalījums saglabāts tāds pats kā Google: latviskā lapa ņem
   tikai latin + latin-ext, krieviskā — cyrillic. Faili: assets/fonts/.
   --------------------------------------------------------------------- */
/* Montserrat 300 — cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/montserrat-300-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Montserrat 300 — latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/montserrat-300-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Montserrat 300 — latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/montserrat-300-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Montserrat 400 — cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/montserrat-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Montserrat 400 — latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/montserrat-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Montserrat 400 — latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/montserrat-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Montserrat 500 — cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/montserrat-500-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Montserrat 500 — latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/montserrat-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Montserrat 500 — latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/montserrat-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Montserrat 600 — cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/montserrat-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Montserrat 600 — latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/montserrat-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Montserrat 600 — latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/montserrat-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Montserrat 700 — cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/montserrat-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Montserrat 700 — latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/montserrat-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Montserrat 700 — latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/montserrat-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display 500 italic — cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-500-italic-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Playfair Display 500 italic — latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-500-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display 500 italic — latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-500-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display 600 italic — cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-600-italic-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Playfair Display 600 italic — latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-600-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display 600 italic — latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-600-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display 500 — cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-500-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Playfair Display 500 — latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display 500 — latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display 600 — cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Playfair Display 600 — latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display 600 — latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display 700 — cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Playfair Display 700 — latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display 700 — latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/playfair-display-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --blue: #0064C8;
  --navy: #0D3B8E;
  --gold: #FFCB3D;
  --gold-soft: #FFE7A6;  /* AA-safe gold for small text on --ink/navy grounds */
  --gold-deep: #A87214;  /* AA-safe gold for large text on light grounds */
  --gold-ink: #8A5D0F;   /* AA-safe gold for small text on light grounds (5.7:1) */
  --gold-line: rgba(168, 114, 20, 0.42);       /* zeltīta apmales līnija */
  --gold-line-soft: rgba(168, 114, 20, 0.26);  /* iekšējā dubultrāmja līnija */
  --sky: #CFE3FF;
  --bg: #FFFFFF;
  --tint: #EAF2FF;
  --ink: #0064C8;
  --read: #33455F;  /* neutral reading ink for body copy (distinct from blue links) */
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Montserrat', 'Segoe UI', sans-serif;
  --header-h: 84px;      /* fiksētās galvenes augstums — hero augšējā atkāpe to atskaita */
  --radius: 14px;
  --shadow: 0 6px 24px rgba(0, 100, 200, 0.08);
  --maxw: 66rem; /* rem, nevis px — lai izkārtojums mērogojas kopā ar plato ekrānu fontu kāpēm */
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 106.25%; scroll-behavior: smooth; scroll-padding-top: 100px; }

/* Dokumentu pāreja: valodas maiņa un iekšējā navigācija neizskatās pēc lapas
   pārlādes, bet pēc maigas izgaišanas. Attiecas uz visām šīs vietnes saitēm.
   Chromium/Safari to atbalsta, pārējie klusi ignorē — funkcionalitāte nemainās. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}
/* Plati ekrāni: mērogojam bāzes fontu, lai saturs neizskatās sīks lielos logos */
@media (min-width: 1700px) { html { font-size: 118%; } }
@media (min-width: 2200px) { html { font-size: 128%; } }
body {
  font-family: var(--sans);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--ink);
  background: var(--bg);
}
h1, h2, h3 { font-family: var(--serif); color: var(--blue); font-weight: 600; line-height: 1.2; }
h1 { font-size: clamp(2.4rem, 4.6vw, 4rem); }
h2 { font-size: clamp(1.7rem, 3.5vw, 2.4rem); margin-bottom: 0.6em; }
h3 { font-size: 1.35rem; margin-bottom: 0.4em; }
p + p { margin-top: 0.8em; }
img { max-width: 100%; display: block; }
a { color: var(--blue); }

.container { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }
.section { padding: 88px 0; }
.section-tint { background: var(--tint); }
/* Saistīto lapu strīpa (virzieni <-> kursi). Šaurāka par pilnu sekciju:
   tā ir navigācijas papildinājums pirms CTA, nevis atsevišķs satura bloks. */
.section-links { padding: 0 0 56px; }

.btn {
  display: inline-block; padding: 14px 30px; border-radius: 999px;
  font-family: var(--sans); font-weight: 600; font-size: 0.95rem;
  text-decoration: none; border: 2px solid transparent;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  cursor: pointer;
}
.btn:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.btn-gold { background: var(--gold); color: var(--navy); }
.btn-gold:hover { background: #FFD35E; }
.btn-outline { border-color: var(--blue); color: var(--blue); background: transparent; }
.btn[disabled], .btn.btn-disabled { opacity: 0.45; cursor: not-allowed; transform: none; box-shadow: none; }

/* Header — transparent overlay, solidifies on scroll */
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  background: transparent;
}
html:not(.js) .site-header { background: rgba(255, 255, 255, 0.94); }
.header-inner {
  display: flex; align-items: center; gap: 12px; height: 84px;
  border-radius: 999px;
  transition: background 0.25s ease, box-shadow 0.25s ease, height 0.25s ease, margin 0.25s ease, padding 0.25s ease, width 0.25s ease;
}
.site-header.scrolled .header-inner {
  /* Noritinātā galvene ir "peldoša" tablete. Lai tā par tādu arī izskatītos,
     tai jābūt atkāpei no VISĀM četrām malām — citādi 12px caurspīdīgajā joslā
     virs tās redzams garām ritošs teksts un noapaļotie stūri pieskaras ekrāna
     malām. Platums caur calc() nevis media query, jo --maxw ir rem un mērogojas
     līdzi platam ekrānam — fiksēts px lūzuma punkts te ātri noiet greizi.
     Zem --maxw: atkāpe 14px katrā pusē. Virs: max-width + auto centrē kā agrāk. */
  margin: 12px auto 0; width: calc(100% - 28px);
  height: 74px;
  padding: 0 18px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 32px rgba(13, 59, 142, 0.14);
}
.logo {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--serif); font-weight: 700; font-size: 1.45rem;
  letter-spacing: 0.14em; color: #1D4FC0; text-decoration: none;
  transition: color 0.25s ease;
}
.logo-mark { width: 42px; height: 42px; flex: 0 0 auto; }
.header-cta {
  padding: 12px 24px;
  background: var(--gold); border-color: var(--gold); color: var(--navy);
  /* Angļu uzraksts ir garāks par latvisko un krievisko — bez šī tas galvenē
     salūst divās rindās un poga izstiepjas uz leju. */
  white-space: nowrap;
}
.header-cta:hover { background: #FFD35E; border-color: #FFD35E; }
.nav-toggle {
  display: none; align-items: center; gap: 10px;
  background: transparent; border: 2px solid rgba(29, 79, 192, 0.55); border-radius: 999px;
  padding: 11px 20px; cursor: pointer;
  font-family: var(--sans); font-weight: 600; font-size: 0.85rem;
  letter-spacing: 0.08em; text-transform: uppercase; color: #1D4FC0;
  transition: color 0.25s ease, border-color 0.25s ease;
}
.nav-toggle .bars { display: inline-flex; flex-direction: column; gap: 4px; }
.nav-toggle .bars span { display: block; width: 18px; height: 2px; background: #1D4FC0; transition: background 0.25s ease; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: 10px; flex: 1 1 auto; margin-left: 12px; }
.site-nav a {
  padding: 10px 10px; border-radius: 999px; text-decoration: none;
  color: #1D4FC0; font-weight: 500; font-size: 0.96rem;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}
.site-nav a:hover { background: var(--tint); }
.site-nav a.active { background: rgba(255, 203, 61, 0.25); color: var(--navy); }
/* Iestādēm — atsevišķi iekrāsots B2B ieejas punkts (klientes lūgums: tumši zils) */
.site-nav a.nav-iestadem {
  background: var(--navy); color: #FFFFFF;
  font-weight: 600;
}
/* Pills next to the CTA: auto margins on the first link and on the pill keep the four links centred */
.site-nav > a:first-child { margin-left: auto; }
.site-nav a.nav-iestadem { margin-left: auto; margin-right: 4px; }
.site-nav a.nav-iestadem:hover { background: #0A2F73; color: #FFFFFF; }
.site-nav a.nav-iestadem.active { background: #0A2F73; color: #FFFFFF; }
/* Valodu pārslēgs — divas parastas saites (bez JS): katra lapa zina savu pāri /ru/ mapē */
.lang-switch {
  display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto;
  /* Atstatums no tumšās “Uzņēmējiem” pogas, lai pārslēgs nesalīp ar navigāciju */
  margin-left: 8px;
  font-family: var(--sans); font-weight: 600; font-size: 0.84rem; letter-spacing: 0.06em;
}
.lang-switch a {
  padding: 4px 2px 3px; text-decoration: none;
  /* Pilna toņa zils, nevis caurspīdīgs: virsraksta josla stāv uz fotoattēla */
  color: #1D4FC0;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.lang-switch a:hover { color: var(--navy); border-bottom-color: rgba(255, 203, 61, 0.5); }
/* Aktīvo valodu iezīmē zeltīta svītra, nevis vēl viena poga — blakus tumšajai
   “Uzņēmējiem” pogai un dzeltenajai CTA trīs pogas pēc kārtas būtu par troksni.
   Kura valoda ir aktīva, nolasām no <html lang>, tāpēc pārslēga bloks visās
   lapās ir burtiski vienāds un pastāv arī bez JS. */
html[lang="lv"] .lang-switch a[hreflang="lv"],
html[lang="ru"] .lang-switch a[hreflang="ru"],
html[lang="en"] .lang-switch a[hreflang="en"] { color: var(--navy); border-bottom-color: var(--gold); }
/* Ar trim valodām atstarpes starp burtu pāriem jāsašaurina, citādi josla
   sašaurinātā galvenē sāk stumt izvēlnes pogu. */
.lang-switch a + a { margin-left: 7px; padding-left: 8px; border-left: 1px solid rgba(29, 79, 192, 0.28); }
/* Nesaritinātā josla stāv tieši uz hero foto — mīksts gaišs oreols notur burtus lasāmus
   (uz baltā fona nav redzams; B2B lapas tumšajam hero to atceļam zemāk). */
.site-header:not(.scrolled) .lang-switch a { text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9); }
a:focus-visible, button:focus-visible {
  outline: 3px solid rgba(255, 203, 61, 0.9); outline-offset: 2px;
}
/* Galvenes rinda nekad nelūst un nesaraujas: izvēlne + valodas + CTA aizņem līdz ~1280px
   (EN sākumlapa). 1121–1299px — kompaktāka izvēlne; ≤1120px — burgeris. Izmērīts visās
   75 lapās, LV/RU/EN (2026-09-14, pievienojot "Tēmas"); agrāk no 1001px CTA izkrita ārpus ekrāna. */
@media (min-width: 1121px) and (max-width: 1299px) {
  .header-inner { gap: 8px; }
  .site-nav { gap: 2px; margin-left: 6px; }
  .site-nav a { padding: 10px 7px; font-size: 0.92rem; }
  .header-cta { padding: 12px 18px; }
}
@media (max-width: 1120px) {
  .site-nav {
    display: none; position: absolute; top: 92px; right: 24px;
    flex-direction: column; align-items: stretch; gap: 0; margin: 0;
    min-width: 250px; background: #fff; border-radius: var(--radius);
    box-shadow: 0 18px 48px rgba(0, 100, 200, 0.18);
    padding: 14px 0;
  }
  .site-nav.open { display: flex; }
  .site-nav a { padding: 11px 24px; border-radius: 0; color: var(--ink); font-size: 0.95rem; }
  .site-nav a:hover { color: var(--blue); }
  .site-nav a.active { background: var(--tint); color: var(--navy); }
  .site-nav a.nav-iestadem,
  .site-nav a.nav-iestadem.active { margin-left: 0; background: var(--navy); color: #FFFFFF; }
  .site-nav > a:first-child { margin-left: 0; }
  .nav-toggle { display: inline-flex; }
  .header-cta { margin-left: auto; }
  /* Kad izvēlne ir sakļauta, pārslēgs turas kopā ar CTA/izvēlnes pogu labajā pusē */
  .lang-switch { margin-left: auto; }
  .lang-switch + .header-cta { margin-left: 0; }

  /* Šaurāk saturam vajag katru pikseli — mazāka iekšējā atkāpe nekā uz desktopa. */
  .site-header.scrolled .header-inner { padding: 0 14px; }
  /* Nolaižamā izvēlne seko tabletes malai. */
  .site-nav { top: 88px; }
}

/* Burgera poga šauros ekrānos — tikai ikona.
   Ar uzrakstu ("Izvēlne" / "Меню" / "Menu") poga ir ~144px plata; pēc EN
   pārslēga pievienošanas galvenes saturam vajadzēja 419px, bet telpas ir tikai
   390px (un mazāk uz šaurākiem telefoniem), tāpēc poga tika nogriezta pie labās
   malas. Uzraksts te ir lieks — burgera ikona ir saprotama pati par sevi, un
   pogai ir aria-label pieejamībai. */
@media (max-width: 620px) {
  .nav-toggle-label { display: none; }
  .nav-toggle { gap: 0; padding: 12px 14px; }
}

/* Ļoti šauri telefoni (SE, 320–400px): logotips un pārslēgs kompaktāki. */
@media (max-width: 400px) {
  .header-inner { gap: 8px; }
  .logo { font-size: 1.2rem; letter-spacing: 0.1em; gap: 8px; }
  .logo-mark { width: 34px; height: 34px; }
  .lang-switch a { font-size: 0.8rem; }
  .lang-switch a + a { margin-left: 5px; padding-left: 6px; }
  .site-header.scrolled .header-inner { margin-top: 8px; width: calc(100% - 20px); padding: 0 12px; }
}

/* Footer */
.site-footer { background: var(--ink); color: rgba(255, 255, 255, 0.9); padding: 40px 0; }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.logo-footer { color: #fff; }
.footer-legal .footer-credit { color: rgba(255, 255, 255, 0.9); }
.footer-legal .footer-credit a { color: #FFFFFF; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.45); text-underline-offset: 3px; }
.footer-legal .footer-credit a:hover, .footer-legal .footer-credit a:focus-visible { text-decoration-color: var(--gold); }

/* Reveal animation (JS adds .visible) */
.js .reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.6s ease, transform 0.6s ease; }
.js .reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .js .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* Mobile */
@media (max-width: 820px) {
  .section { padding: 60px 0; }
  .site-nav { right: 16px; left: 16px; min-width: 0; }
  .header-cta { display: none; }
}

/* Hero */
.hero {
  padding: 72px 0; position: relative; overflow: hidden;
  display: flex; align-items: center;
  min-height: min(85vh, 820px);
  min-height: min(85svh, 820px);
}
.hero > .container { width: 100%; position: relative; }
.hero-inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.eyebrow {
  font-size: 0.82rem; font-weight: 600; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--blue); margin-bottom: 14px;
}
.hero-lead { font-size: 1.15rem; margin: 20px 0 30px; max-width: 32em; text-wrap: pretty; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-art { display: flex; justify-content: center; }

.section-lead { max-width: 40em; margin-bottom: 36px; }

@media (max-width: 820px) {
  .hero { padding: 56px 0 40px; }
  .hero-inner { grid-template-columns: 1fr; }
  .hero-art { order: -1; }
}

/* Darba virzieni — filter tabs */
#virzieni { background: #FFFFFF; }
#virzieni .container { max-width: 75rem; }
.virzieni-head { text-align: center; }
.virzieni-head .section-mark svg { margin: 0 auto; }
#virzieni h2 { color: var(--navy); }
#virzieni .section-lead { margin-left: auto; margin-right: auto; }
.vtabs {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 12px; margin: 6px 0 48px;
}
.vtab {
  padding: 13px 26px; border-radius: 999px; cursor: pointer;
  background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(13, 59, 142, 0.22);
  font-family: var(--sans); font-weight: 600; font-size: 0.8rem;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--navy);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.vtab:hover { border-color: var(--navy); }
.vtab.active { background: var(--navy); border-color: var(--navy); color: #fff; }
.vpanel { display: none; }
.vpanel.active {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 4vw, 56px); align-items: stretch;
  animation: vfade 0.45s ease;
}
@keyframes vfade {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}
.vpanel-img {
  position: relative; border-radius: 20px; overflow: hidden; min-height: 480px;
  box-shadow: 0 24px 60px rgba(13, 59, 142, 0.14);
}
.vpanel-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vpanel-body h3 { color: var(--navy); font-size: clamp(1.6rem, 2.4vw, 2.2rem); }
.vpanel-body ul { margin: 16px 0 26px 20px; }
.vpanel-body li { margin-bottom: 7px; }
.vpanel-tools {
  margin: 0 0 26px; padding: 14px 18px;
  background: rgba(13, 59, 142, 0.05); border-left: 3px solid var(--gold);
  border-radius: 0 10px 10px 0; font-size: 0.95em;
}
.vpanel-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.vpanel-inline-link { font-weight: 600; color: var(--navy); }
.vpanel-textlink {
  font-weight: 600; color: #1D4FC0; padding: 12px 4px;
  text-decoration: underline; text-underline-offset: 4px;
}
.vpanel-textlink:hover { color: var(--navy); }

/* Virzieni — kartītes tabu vietā (katrs virziens redzams uzreiz) */
.virzieni-cards {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 24px; margin-top: 10px;
}
.vcard {
  flex: 1 1 30%; max-width: 560px; /* 30% bāze = ne vairāk kā 3 kartes rindā → stabils 3+2 izkārtojums, bez vientuļas pēdējās kartes */
  background: var(--bg); border-radius: 20px; overflow: hidden;
  box-shadow: var(--shadow); display: flex; flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (max-width: 1000px) {
  .vcard { flex-basis: 46%; }
}
@media (max-width: 640px) {
  .vcard { flex-basis: 100%; max-width: 480px; }
}
@media (hover: hover) {
  .vcard:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(13, 59, 142, 0.16); }
}
.vcard-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--tint); }
.vcard-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
@media (hover: hover) {
  .vcard:hover .vcard-img img { transform: scale(1.045); }
}
.vcard-body { padding: 26px 28px 28px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.vcard-body h3 { font-size: 1.35rem; color: var(--navy); margin: 0; }
.vcard-body h3 a { color: inherit; text-decoration: none; }
.vcard-body p { font-size: 0.98rem; line-height: 1.65; margin: 0; }
.vcard-body ul { list-style: none; margin: 0; padding: 0; }
.vcard-body li {
  position: relative; padding-left: 18px; margin-bottom: 6px;
  font-size: 0.92rem; line-height: 1.55; color: rgba(13, 59, 142, 0.8);
}
.vcard-body li::before {
  content: ""; position: absolute; left: 0; top: 0.58em;
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--gold);
}
.vcard-link {
  margin-top: auto; padding-top: 8px;
  font-weight: 600; color: #1D4FC0; text-decoration: none;
}
.vcard-link:hover { color: var(--navy); text-decoration: underline; text-underline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .vcard, .vcard-img img { transition: none; }
  .vcard:hover { transform: none; }
  .vcard:hover .vcard-img img { transform: none; }
}
html:not(.js) .vtabs { display: none; }
html:not(.js) .vpanel { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 56px; }
@media (max-width: 820px) {
  .vpanel.active, html:not(.js) .vpanel { grid-template-columns: 1fr; }
  .vpanel-img { aspect-ratio: 16 / 10; min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .vpanel.active { animation: none; }
}

.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 10px; }
.card-grid-4 { grid-template-columns: repeat(4, 1fr); }
.card {
  background: var(--bg); border-radius: var(--radius);
  box-shadow: var(--shadow);
}

#formati .card { background: var(--tint); box-shadow: none; }
@media (max-width: 900px) {
  .card-grid, .card-grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .card-grid, .card-grid-4 { grid-template-columns: 1fr; }
}

.contact { background: var(--ink); }
.contact h2 { color: #fff; }
.contact .section-lead, .contact-list, .contact-list a { color: rgba(255, 255, 255, 0.85); }
.contact-list { list-style: none; margin: 24px 0 30px; }
.contact-list li { margin-bottom: 10px; }
.contact-list a { text-decoration: underline; text-decoration-color: var(--gold); }
.contact-eyebrow {
  font-size: 0.74rem; font-weight: 700; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--gold-soft); margin-bottom: 10px;
}
.contact-methods { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 26px 0 14px; max-width: 30rem; }
.contact-method {
  display: flex; align-items: center; gap: 14px; text-decoration: none;
  background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 14px; padding: 16px 18px; color: #FFFFFF;
  transition: background 0.15s ease, transform 0.15s ease;
}
.contact-method:hover { background: rgba(255, 255, 255, 0.18); transform: translateY(-2px); }
.contact-method-icon {
  flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%;
  background: var(--gold); color: var(--navy);
  display: flex; align-items: center; justify-content: center;
}
.contact-method-icon svg { width: 21px; height: 21px; }
.contact-method-text { display: flex; flex-direction: column; min-width: 0; }
.contact-method-text strong { font-size: 0.98rem; }
.contact-method-text span { font-size: 0.9rem; color: rgba(255, 255, 255, 0.9); overflow-wrap: anywhere; }
.contact-format { font-size: 0.9rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 26px; }


/* Design refresh */
h1, h2, h3 { text-wrap: balance; }

.section-mark { margin-bottom: 14px; }
.section-mark svg { width: 84px; height: 8px; display: block; }

.card { padding: 30px 26px; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card p { font-size: 0.95rem; line-height: 1.7; }
.card h3 { margin-bottom: 0.55em; }
@media (hover: hover) {
  .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(0, 100, 200, 0.12);
  }
}

.contact-inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.contact-art { display: flex; justify-content: center; }
.contact-photo {
  border-radius: var(--radius); overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  aspect-ratio: 4 / 5; width: min(380px, 100%);
}
.contact-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
@media (max-width: 820px) {
  .contact-inner { grid-template-columns: 1fr; gap: 32px; }
  .contact-photo { aspect-ratio: 4 / 5; width: min(320px, 100%); }
}

.card-img {
  border-radius: calc(var(--radius) - 4px); overflow: hidden;
  aspect-ratio: 16 / 10; margin-bottom: 18px; background: var(--tint);
}
.card-img img { width: 100%; height: 100%; object-fit: cover; }

/* RISA — stāsts par mani: portrait+video left, bio right */
.about-story { background: #FFFFFF; }
.about-story-inner {
  display: grid; grid-template-columns: 0.95fr 1.05fr;
  gap: clamp(40px, 5vw, 84px); align-items: start;
}
.about-kicker {
  font-weight: 600; font-size: 0.8rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--navy); opacity: 0.75;
  margin-bottom: 14px;
}
.about-headline {
  color: var(--navy); text-transform: uppercase; letter-spacing: 0.05em;
  font-size: clamp(1.5rem, 2.4vw, 2.3rem); line-height: 1.3;
  margin-bottom: 34px;
}
.about-portrait {
  position: relative; border-radius: 20px; overflow: hidden;
  aspect-ratio: 4 / 5;
  background: linear-gradient(160deg, var(--tint) 0%, #CFE3FF 60%, #B7D4F7 100%);
  box-shadow: 0 24px 60px rgba(13, 59, 142, 0.16);
}
.about-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.about-portrait iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.about-portrait.about-video { aspect-ratio: 16 / 9; }.about-video img { object-position: center; }
.about-video-btn {
  position: absolute; inset: 0; width: 100%; height: 100%;
  border: 0; padding: 0; background: none; cursor: pointer; display: block;
}
.about-video-btn .video-play { transition: transform 0.15s ease, background 0.15s ease; }
.about-video-btn:hover .video-play,
.about-video-btn:focus-visible .video-play { transform: translate(-50%, -50%) scale(1.08); background: #FFD35E; }
.video-play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 78px; height: 78px; border-radius: 50%;
  background: var(--gold); color: var(--navy);
  box-shadow: 0 10px 30px rgba(8, 38, 76, 0.3);
}
.video-play svg { width: 34px; height: 34px; }
.video-note {
  position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);
  padding: 7px 16px; border-radius: 999px; white-space: nowrap;
  background: rgba(13, 59, 142, 0.6); color: #fff;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  font-weight: 600; font-size: 0.72rem;
  letter-spacing: 0.12em; text-transform: uppercase;
}
.about-story-right p { max-width: 40em; font-size: 1.02rem; }
.about-story-right blockquote {
  margin: 22px 0; padding-left: 18px; border-left: 3px solid var(--gold);
  font-family: var(--serif); font-size: 1.3rem; color: var(--navy); font-style: italic;
}
.about-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
@media (max-width: 820px) {
  .about-story-inner { grid-template-columns: 1fr; gap: 36px; }
  .about-portrait { max-width: 420px; }
}

/* Formāti — large centered cards, breakout row */
#formati .card-grid {
  gap: 26px;
  margin-inline: calc((100% - min(80rem, 100vw - 48px)) / 2);
}
#formati .card { padding: 46px 38px 50px; border-radius: 20px; text-align: center; }
#formati .card h3 { font-size: 1.45rem; margin-bottom: 0.6em; }
#formati .card p { font-size: 1rem; max-width: 30em; margin-left: auto; margin-right: auto; }
@media (max-width: 900px) {
  #formati .card-grid { margin-inline: 0; }
}

/* Metodes — large centered cards */
#metodes .card-grid-4 { grid-template-columns: repeat(2, 1fr); gap: 26px; }
#metodes .card { padding: 0 0 38px; border-radius: 20px; text-align: center; overflow: hidden; }
#metodes .card-img { aspect-ratio: 16 / 9; border-radius: 0; margin-bottom: 26px; }
#metodes .card h3 { font-size: 1.5rem; padding: 0 34px; }
#metodes .card p { padding: 0 34px; font-size: 1rem; max-width: 36em; margin-left: auto; margin-right: auto; }
#metodes .card.card-noimg { padding-top: 40px; }
#metodes .card.card-noimg .btn { margin-top: 18px; }
@media (max-width: 560px) {
  #metodes .card-grid-4 { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .card { transition: none; }
  .card:hover { transform: none; }
}

/* Hero — full-bleed image, light fade, centered left content */
/* Attēls aizpilda visu skatu; galvene guļ tam virsā.
   Augšējā atkāpe = galvenes augstums + gaisa sprauga, lai teksts nepazustu zem navigācijas.
   Vertikālais ritms mērogojas pret ekrāna augstumu, lai saturs vienmēr ietilptu skatā. */
.hero-video {
  min-height: 100vh;
  min-height: 100svh;
  padding: 130px 0 80px;
  padding: clamp(calc(var(--header-h) + 12px), 12svh, 130px) 0 clamp(28px, 5svh, 80px);
  align-items: center;
}
.hero-bg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; z-index: -2;
}
.hero-video::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(255, 255, 255, 0.94) 0%,
      rgba(255, 255, 255, 0.86) 30%,
      rgba(255, 255, 255, 0.55) 48%,
      rgba(255, 255, 255, 0.12) 66%,
      rgba(255, 255, 255, 0) 80%),
    linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14));
}
.hero-video .hero-inner { display: block; margin: 0 auto; }
.hero-video .hero-text { max-width: 620px; }
.hero-chip {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 9px 18px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(13, 59, 142, 0.14);
  box-shadow: 0 4px 14px rgba(13, 59, 142, 0.07);
  color: var(--navy); font-weight: 600; font-size: 0.82rem;
  letter-spacing: 0.13em; text-transform: uppercase;
  margin-bottom: clamp(12px, 2.2svh, 28px);
}
.hero-chip svg { width: 17px; height: 17px; flex: 0 0 auto; }
.hero-video h1 {
  color: var(--navy); text-transform: uppercase;
  letter-spacing: 0.07em; font-weight: 600;
  font-size: clamp(1.85rem, min(3.5vw, 6.2svh), 3.5rem); line-height: 1.2;
}
.h1-plain { display: block; }
.hero-video h1 em { display: block; font-style: normal; }
h1 em { font-style: italic; font-weight: 600; }
.hero-video .hero-lead {
  color: var(--ink);
  font-size: clamp(1.02rem, 0.86rem + 0.55svh, 1.24rem);
  margin: clamp(10px, 2svh, 24px) 0 clamp(14px, 2.8svh, 32px);
}
.hero-video .btn-outline { border-color: rgba(13, 59, 142, 0.45); color: var(--navy); }
.hero-video .btn-outline:hover { background: rgba(13, 59, 142, 0.06); }
.hero-trust {
  list-style: none; display: flex; gap: clamp(16px, 2.2vw, 30px);
  margin: clamp(16px, 3.2svh, 44px) 0 0; padding: 0;
}
.hero-trust li { display: flex; gap: 11px; flex: 1 1 0; }
/* 4 punkti (2026-09-18: + "LGBTQ+ friendly"): datorā 2×2 režģis, lai kolonnas nesaspiežas šaurās slejās.
   ≤820px paliek esošie izkārtojumi (kolonna / kompakta rinda). */
@media (min-width: 821px) {
  .hero-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1.8svh, 18px) clamp(18px, 2.4vw, 34px); }
}
.hero-trust svg { width: 24px; height: 24px; flex: 0 0 auto; color: var(--navy); margin-top: 2px; }
.hero-trust strong {
  display: block; color: var(--navy);
  font-size: 1rem; line-height: 1.35; margin-bottom: 3px;
}
.hero-trust span { display: block; font-size: 0.88rem; line-height: 1.45; color: rgba(0, 100, 200, 0.9); }
@media (max-width: 820px) {
  .hero-video { padding: clamp(92px, 11svh, 110px) 0 clamp(24px, 4svh, 48px); }
  .hero-bg { object-position: 72% center; }
  .hero-video::before {
    background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(255, 255, 255, 0.9) 40%,
      rgba(255, 255, 255, 0.6) 68%,
      rgba(255, 255, 255, 0.2) 100%);
  }
  .hero-trust {
    flex-direction: column; gap: clamp(10px, 2svh, 18px);
    margin-top: clamp(18px, 4svh, 36px);
    background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    border-radius: 16px; padding: clamp(12px, 2.4svh, 20px) 18px;
  }
  .hero-trust li { max-width: none; }
}

/* Zemi ekrāni (mazi klēpjdatori, pārlūks ar daudzām joslām): sablīvējam uzticības rindu,
   lai pogas un virsraksts paliktu redzami bez ritināšanas */
@media (max-height: 680px) {
  .hero-trust span { display: none; }
  .hero-trust strong { font-size: 0.92rem; margin-bottom: 0; }
  .hero-trust svg { width: 20px; height: 20px; margin-top: 0; }
  .hero-chip { padding: 7px 15px; font-size: 0.76rem; }
  .hero-video .btn { padding: 11px 24px; }
}
@media (max-height: 680px) and (max-width: 820px) {
  .hero-trust { padding: 10px 14px; gap: 8px; }
}
/* Zem šī augstuma uzticības rindai vairs nav vietas — svarīgākais ir virsraksts un pogas */
@media (max-height: 560px) {
  .hero-trust, .hero-chip { display: none; }
  .hero-video .hero-lead { font-size: 0.98rem; margin: 8px 0 14px; }
}
/* Šauros skatos vertikālā uzticības kartīte ar aprakstiem neietilpst pilnekrāna hero —
   pārtaisām to par kompaktu horizontālu rindu tikai ar treknajiem uzrakstiem */
@media (max-width: 820px) and (max-height: 880px) {
  .hero-trust {
    flex-direction: row; flex-wrap: wrap;
    gap: 6px 16px; padding: 9px 12px;
  }
  .hero-trust li { flex: 0 0 auto; gap: 7px; }
  .hero-trust span { display: none; }
  .hero-trust strong { font-size: 0.86rem; margin-bottom: 0; }
  .hero-trust svg { width: 18px; height: 18px; margin-top: 0; }
}
/* Ļoti zemi skati (telefons ainavā, mazs logs): uzticības rinda kļūst horizontāla */
@media (max-height: 640px) and (max-width: 820px) {
  .hero-trust {
    flex-direction: row; flex-wrap: wrap;
    gap: 6px 16px; padding: 9px 12px;
  }
  .hero-trust li { flex: 0 0 auto; gap: 7px; }
  .hero-trust strong { font-size: 0.82rem; }
  .hero-trust svg { width: 17px; height: 17px; }
}

/* Greeting strip */
.greeting { padding: 34px 0; background: var(--tint); }
.greeting-inner { display: flex; align-items: center; gap: 24px; }
.greeting-photo {
  flex: 0 0 auto; width: 84px; height: 84px; border-radius: 50%;
  background: linear-gradient(180deg, #FFFFFF, #CFE3FF); overflow: hidden;
}
.greeting-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.greeting-text { font-size: 1.1rem; }
.greeting-link { font-size: 0.9rem; font-weight: 600; }
@media (max-width: 640px) {
  .greeting-text { font-size: 1rem; }
}

/* Next-steps strip (contact) */
.steps h3 { color: #fff; font-size: 1.2rem; margin: 26px 0 14px; }
.steps-list { list-style: none; margin: 0 0 6px; }
.steps-list li {
  display: flex; gap: 14px; align-items: center;
  margin-bottom: 14px; color: rgba(255, 255, 255, 0.85);
}
.steps-list li span { flex: 0 0 auto; width: 42px; height: 42px; }
.steps-list li span svg { width: 100%; height: 100%; display: block; }

/* Formāti line icons */
.card-icon { display: flex; justify-content: center; margin-bottom: 16px; }
.card-icon svg { width: 54px; height: 54px; }

/* Honesty box (metodes) */
.honest-box {
  margin-top: 28px; background: var(--bg); border-left: 3px solid var(--gold);
  border-radius: var(--radius); box-shadow: var(--shadow); padding: 26px 28px;
}
.honest-box h3 { font-size: 1.25rem; }
.honest-box ul { list-style: none; margin: 6px 0 0; }
.honest-box li { position: relative; padding-left: 22px; margin-bottom: 8px; font-size: 0.95rem; }
.honest-box li::before { content: "—"; position: absolute; left: 0; color: var(--gold); font-weight: 700; }

/* Footer legal */
.footer-legal { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 10px 24px; }
/* 1. rinda — atruna visā platumā; 2. rinda — privātuma politika pa kreisi, izstrādātājs pa labi */
.footer-legal p:first-child { grid-column: 1 / -1; }
@media (max-width: 560px) { .footer-legal { grid-template-columns: 1fr; } }
/* Carries the crisis lines (113 / 116123) — must clear WCAG AA. 0.9 alpha = 4.96:1 */
.footer-legal p { font-size: 0.8rem; color: rgba(255, 255, 255, 0.9); max-width: 62em; }
.footer-legal a { color: #FFFFFF; }

/* ============ Topic subpages (attiecibas.html u.c.) ============ */
.topic-page main { background: #FFFFFF; }
.topic-page .container { max-width: 75rem; }
.topic-hero {
  padding: 150px 0 50px;
  background: linear-gradient(180deg, var(--tint) 0%, rgba(234, 242, 255, 0) 82%);
}
.topic-hero-inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: stretch; }
.topic-hero-img {
  position: relative; border-radius: 20px; overflow: hidden; min-height: 480px;
  box-shadow: 0 24px 60px rgba(13, 59, 142, 0.16);
}
.topic-hero-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.topic-breadcrumb { margin-bottom: 30px; }
.topic-breadcrumb a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 20px 9px 14px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(13, 59, 142, 0.22);
  color: var(--navy); font-size: 0.82rem; font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.topic-breadcrumb a:hover { border-color: var(--navy); background: #FFFFFF; transform: translateX(-2px); }
.topic-breadcrumb svg { width: 15px; height: 15px; }
.topic-hero h1 { color: var(--navy); margin: 18px 0 0; font-size: clamp(2.2rem, 3.8vw, 3.4rem); }
.topic-lead { font-size: 1.12rem; margin: 20px 0 30px; max-width: 34em; text-wrap: pretty; }
.topic-meta { list-style: none; margin: 30px 0 0; display: flex; flex-wrap: wrap; gap: 10px 26px; }
.topic-meta li {
  position: relative; padding-left: 24px;
  font-size: 0.92rem; font-weight: 600; color: var(--navy);
}
.topic-meta li::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--gold);
  clip-path: none;
}
.topic-meta li::after {
  content: ""; position: absolute; left: 3.5px; top: 50%; transform: translateY(-58%) rotate(45deg);
  width: 4px; height: 7px;
  border: solid var(--navy); border-width: 0 1.8px 1.8px 0;
}

.topic-bands { padding: 40px 0 10px; }
.info-band {
  display: grid; grid-template-columns: 4fr 8fr; gap: 34px; align-items: start;
  background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.1); border-radius: 18px;
  padding: 36px 40px; margin-bottom: 22px;
  box-shadow: 0 14px 40px rgba(13, 59, 142, 0.06);
}
.info-band-label { color: var(--navy); font-size: clamp(1.4rem, 2vw, 1.8rem); }
.info-band-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.info-band-items h3 {
  font-family: var(--sans); font-size: 0.86rem; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--navy); margin-bottom: 8px;
}
.info-band-items p { font-size: 0.95rem; }
.info-band-situation .topic-quotes {
  grid-column: 1 / -1; margin: 26px 0 0; padding-top: 22px;
  border-top: 1px solid rgba(13, 59, 142, 0.1);
}
.info-band-items > div { border-left: 2px solid rgba(13, 59, 142, 0.14); padding-left: 18px; }

.topic-method h2, .topic-prices h2 { color: var(--navy); }
/* Kolonnu skaitu nosaka karšu skaits, nevis fiksēts skaitlis. Virzienu lapās
   režģī ir divas kartes (trešā, ja tāda ir, aizņem visu platumu), pakalpojumu
   lapā — trīs. Agrāk te sacentās divi noteikumi: šis ar "1fr 1fr" un vēlāks ar
   "repeat(3, 1fr)"; uzvarēja vēlākais, tāpēc visās virzienu lapās trešā kolonna
   palika tukša un kartes aizņēma tikai divas trešdaļas platuma.
   auto-fit sakļauj tukšo kolonnu, tāpēc divas kartes izstiepjas pāri visam
   platumam, bet trīs kartes joprojām saliekas trīs kolonnās. */
.method-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px; margin-top: 26px; align-items: start;
}
/* auto-fit sakļauj tikai TUKŠAS kolonnas, un pilna platuma karte (1 / -1) aizņem
   arī trešo — tāpēc tur, kur tāda karte ir, augšējā rinda atkal paliktu ar tukšu
   trešdaļu. Ja režģī ir platā karte, rindā virs tās vienmēr ir tieši divas
   kartes, tāpēc šeit kolonnas nosakām tieši. */
.method-grid:has(.method-card-wide) { grid-template-columns: 1fr 1fr; }
.method-card {
  background: var(--tint); border-radius: 18px; padding: 34px 36px;
}
.method-card-wide { grid-column: 1 / -1; }
.method-card-img {
  display: block; width: calc(100% + 72px); height: 210px;
  object-fit: cover; object-position: center;
  margin: -34px -36px 24px; border-radius: 18px 18px 0 0;
}
.method-card h3 { color: var(--navy); margin-bottom: 16px; }
.method-card ul { margin: 14px 0 18px 20px; }
.method-card li { margin-bottom: 8px; }
.method-steps { margin: 0 0 18px; padding: 0; list-style: none; counter-reset: step; }
.method-steps li {
  counter-increment: step; position: relative;
  padding-left: 46px; margin-bottom: 16px;
}
.method-steps li::before {
  content: counter(step); position: absolute; left: 0; top: 0;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--gold); color: var(--navy); font-weight: 700; font-size: 0.9rem;
  display: flex; align-items: center; justify-content: center;
}
.method-note { font-size: 0.92rem; color: var(--navy); border-top: 1px solid rgba(13, 59, 142, 0.15); padding-top: 14px; }

.topic-fit { padding-top: 0; }
.fit-box {
  background: var(--navy); color: rgba(255, 255, 255, 0.88);
  border-radius: 22px; padding: 52px 56px;
}
.fit-box h2 { color: #FFFFFF; margin-bottom: 28px; }
.fit-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.fit-cols h3 {
  color: var(--gold); font-family: var(--sans); font-size: 0.9rem;
  font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 14px;
}
.fit-cols ul { margin: 0 0 0 20px; }
.fit-cols li { margin-bottom: 9px; }
.fit-note {
  margin-top: 30px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.18);
  font-size: 0.94rem; color: rgba(255, 255, 255, 0.7); max-width: 52em;
}

.topic-prices { text-align: center; }
.topic-prices .section-mark svg { margin: 0 auto; }
.price { font-weight: 700; color: var(--navy); white-space: nowrap; }
.price-note { margin: 6px 0 22px; font-size: 0.95rem; color: rgba(13, 59, 142, 0.82); }
.price-note strong { color: var(--navy); }

.topic-cta { padding-top: 20px; }
.cta-box {
  text-align: center; background: var(--tint); border-radius: 22px; padding: 60px 40px;
}
.cta-box h2 { color: var(--navy); }
.cta-box p { max-width: 40em; margin: 14px auto 26px; }
.cta-box .hero-actions { justify-content: center; }

@media (max-width: 980px) {
  .topic-hero-inner, .method-grid, .fit-cols { grid-template-columns: 1fr; }
  .info-band { grid-template-columns: 1fr; padding: 28px 26px; }
  .info-band-items { grid-template-columns: 1fr; }
  .topic-hero { padding-top: 120px; }
  .topic-hero-img { order: -1; aspect-ratio: 16 / 10; min-height: 0; }
  .fit-box { padding: 36px 28px; }
}

/* Cal.com inline embed */
.cal-embed { margin: 34px auto 26px; max-width: 960px; min-height: 480px; text-align: left; }
.cal-embed iframe { border-radius: 16px; }
.cal-loading { padding: 44px 0; text-align: center; color: rgba(13, 59, 142, 0.55); font-size: 0.95rem; }
.cal-fallback { padding: 40px 24px; text-align: center; }
.cal-fallback p { color: var(--navy); margin-bottom: 8px; }
.cal-fallback-contacts a { color: var(--navy); font-weight: 600; border-bottom: 1px solid var(--gold-line); }
.cal-fallback-contacts a:hover { color: var(--gold-deep); border-color: var(--gold-deep); }

/* Quick-book band (after Darba virzieni) */
.quick-book { background: var(--navy); padding: 44px 0; }
.quick-book-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 28px; flex-wrap: wrap;
}
.quick-book p { color: rgba(255, 255, 255, 0.88); font-size: 1.08rem; max-width: 40em; }
.quick-book strong { color: #FFFFFF; }

/* Calendar card in kontakti */
.contact-cal { margin-top: 56px; background: #FFFFFF; border-radius: 18px; padding: 30px 26px 18px; }
.contact-cal h3 { color: var(--navy); text-align: center; margin-bottom: 6px; }
.contact-cal .cal-embed { margin-top: 14px; min-height: 460px; }
/* Kalendārs atveras logā pēc pogas (kliente 2026-09-29) — bloks ir tikai virsraksts un poga */
.contact-cal:has(> [data-cal-popup]) { text-align: center; padding-bottom: 30px; }
.contact-cal > [data-cal-popup] { margin-top: 14px; }
@media (max-width: 820px) {
  .quick-book-inner { justify-content: center; text-align: center; }
  .contact-cal { padding: 20px 12px 10px; }
}

/* Atsauksmes — jūras josla ar zeltītām citātu kartēm (RISA grafiku valoda) */
.atsauksmes-band {
  position: relative; overflow: hidden;
  background: url("../assets/risa-sea.jpg") center / cover no-repeat;
}
.atsauksmes-band::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(130% 86% at 50% 0%, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.88) 48%, rgba(255, 255, 255, 0.74) 100%),
    linear-gradient(180deg, rgba(234, 242, 255, 0.55) 0%, rgba(234, 242, 255, 0.1) 45%, rgba(207, 227, 255, 0.4) 100%);
}
.atsauksmes-band .container { position: relative; z-index: 1; }
.atsauksmes-head h2 { color: var(--navy); }

/* Zeltītie zaru ornamenti joslas stūros */
.sprig-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.band-sprig {
  position: absolute; z-index: 0; pointer-events: none;
  color: var(--gold-deep); opacity: 0.32;
  width: clamp(96px, 11vw, 152px); height: auto;
}
.band-sprig-tl { top: 34px; left: clamp(-26px, 1.5vw, 18px); }
.band-sprig-br { bottom: 34px; right: clamp(-26px, 1.5vw, 18px); transform: scale(-1, -1); }
@media (max-width: 1180px) { .band-sprig { display: none; } }

.visually-hidden {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}

.testimonial-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 10px;
}
.testimonial-lead p { font-size: 1.02rem; }

/* Citātu karte — dubults zelta rāmis, pēdiņu vainags, centrēts virsraksts */
.testimonial {
  position: relative;
  background: rgba(255, 255, 255, 0.87);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid var(--gold-line);
  border-radius: 20px; padding: 28px 30px 26px;
  box-shadow: 0 16px 42px rgba(13, 59, 142, 0.11);
  display: flex; flex-direction: column; gap: 14px;
}
.testimonial::after {
  content: ""; position: absolute; inset: 7px; pointer-events: none;
  border: 1px solid var(--gold-line-soft); border-radius: 13px;
}
.testimonial::before {
  content: "\201C"; display: block; text-align: center;
  font-family: var(--serif); font-size: 3.1rem; font-weight: 700; line-height: 0.58;
  color: var(--gold-deep);
}
.testimonial-topic {
  display: flex; align-items: center; gap: 12px;
  font-size: 0.7rem; font-weight: 700; line-height: 1.5;
  letter-spacing: 0.13em; text-transform: uppercase;
  color: var(--gold-ink); text-align: center;
}
.testimonial-topic::before, .testimonial-topic::after {
  content: ""; flex: 1 1 0; max-width: 44px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-line));
}
.testimonial-topic::after { background: linear-gradient(270deg, transparent, var(--gold-line)); }
.testimonial blockquote { margin-block: auto; }
.testimonial blockquote p { font-size: 0.97rem; line-height: 1.72; color: var(--navy); }
.testimonial figcaption {
  position: relative; padding-top: 16px; text-align: center;
}
.testimonial figcaption::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 72px; height: 1px; background: var(--gold-line);
}
.testimonial figcaption strong {
  display: block; font-family: var(--serif); font-weight: 600;
  font-size: 1.04rem; color: var(--navy);
}
.testimonial figcaption span { font-size: 0.83rem; color: rgba(13, 59, 142, 0.78); }
@media (max-width: 980px) {
  .testimonial-grid { grid-template-columns: 1fr; }
}

/* Attēla karte — oriģinālā RISA grafika zeltītajā rāmī, bez iekšējā dubultrāmja */
.testimonial-shot { padding: 0; gap: 0; overflow: hidden; background: #FFFFFF; }
.testimonial-shot::before, .testimonial-shot::after { content: none; }
.testimonial-shot-btn {
  display: block; position: relative; width: 100%;
  padding: 0; border: 0; background: none; cursor: zoom-in;
  border-radius: 19px; overflow: hidden;
}
.testimonial-shot-btn img { display: block; width: 100%; height: auto; }
.testimonial-shot-btn:focus-visible { outline: 2px solid var(--navy); outline-offset: -4px; }
.shot-zoom {
  position: absolute; right: 12px; bottom: 12px;
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.94); border: 1px solid var(--gold-line);
  color: var(--navy); box-shadow: 0 4px 14px rgba(13, 59, 142, 0.18);
  display: flex; align-items: center; justify-content: center;
  transition: background 0.15s ease, transform 0.15s ease;
}
.shot-zoom svg { width: 19px; height: 19px; }
.testimonial-shot-btn:hover .shot-zoom { background: var(--gold); transform: scale(1.08); }

/* Pilnizmēra skatītājs */
.shot-lightbox {
  position: fixed; inset: 0; z-index: 100;
  display: flex; align-items: center; justify-content: center; padding: 24px;
  background: rgba(8, 28, 66, 0.84);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  animation: shot-in 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.shot-lightbox[hidden] { display: none; }
@keyframes shot-in { from { opacity: 0; } to { opacity: 1; } }
/* Skatuve tur ritinājumu, kad attēls ir tuvināts */
.shot-stage {
  display: flex; align-items: center; justify-content: center;
  max-width: 100%; max-height: 92vh;
}
.shot-stage.is-zoomable {
  overflow: auto; align-items: flex-start; justify-content: flex-start;
  -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
}
.shot-lightbox img {
  max-width: min(100%, 560px); max-height: 92vh; width: auto; height: auto;
  border-radius: 16px; border: 1px solid rgba(168, 114, 20, 0.5);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
  cursor: zoom-in; touch-action: pinch-zoom;
}
/* Sertifikātu skenējumi — sīks druks, tāpēc tie dabū visu ekrānu */
.shot-lightbox.is-doc img { max-width: min(100%, 900px); }
/* Foto (iestādēm josla) — oriģināli ir lieli un bieži ainavas, 560 px tiem par šauru */
.shot-lightbox.is-photo img { max-width: min(100%, 1100px); }
.shot-lightbox img.is-zoomed {
  max-width: none; max-height: none; flex-shrink: 0;
  border-radius: 8px; cursor: zoom-out;
}
.shot-stage.is-grabbing img { cursor: grabbing; }
.shot-close {
  position: absolute; top: 18px; right: 18px;
  width: 44px; height: 44px; border-radius: 50%; cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(8, 28, 66, 0.78);
  color: #FFFFFF; display: flex; align-items: center; justify-content: center;
  transition: background 0.15s ease;
}
.shot-close:hover { background: rgba(8, 28, 66, 0.94); }
.shot-close:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
.shot-close svg { width: 22px; height: 22px; }
@media (prefers-reduced-motion: reduce) {
  .shot-lightbox { animation: none; }
}

/* Testimonials carousel */
/* Kartes platums ir viens avots patiesībai — no tā rēķina arī celiņa sānu atkāpi.
   Procenti te nederētu: tie tiktu mērīti pret satura kasti, ko šī pati atkāpe sašaurina. */
.testimonial-carousel { position: relative; margin-top: 10px; --shot-w: 372px; }
@media (max-width: 700px) { .testimonial-carousel { --shot-w: 78vw; } }
.testimonial-track {
  display: flex; gap: 24px; align-items: center;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  /* Sānu atkāpe = puse no brīvās vietas, lai arī pirmā un pēdējā karte var nostāties centrā */
  padding: 16px max(6px, calc((100% - var(--shot-w)) / 2)) 26px;
  scrollbar-width: none; -ms-overflow-style: none;
}
.testimonial-track::-webkit-scrollbar { display: none; }
.testimonial-carousel .testimonial {
  flex: 0 0 min(452px, 84%); scroll-snap-align: center;
}
/* Attēla kartes ir portreta formāta — sakrīt augstumā ar garākajām teksta kartēm */
.testimonial-carousel .testimonial-shot { flex-basis: var(--shot-w); }
/* Teksta atsauksmes karuselī (EN lapas, kur oriģinālie ekrānšāviņi lasītājam
   nav saprotami). Klientu teksti ir 150–250 vārdu gari — bez griestiem karte
   izstiepjas pāri vairākiem ekrāniem. Pilnais teksts paliek DOM (ekrāna
   lasītājiem un meklētājiem), bet vizuāli to nogriež ar maigu pāreju; visu
   var izlasīt sadaļas pogā «Read all reviews». */
.testimonial-carousel .testimonial-text blockquote {
  max-height: 19.5em; overflow-y: auto;
  padding-right: 12px; /* vieta ritjoslai, lai tā nesegtu tekstu */
  scrollbar-width: thin; scrollbar-color: rgba(13, 59, 142, 0.3) transparent;
  /* Ēnas, kas parādās TIKAI tad, ja attiecīgajā virzienā vēl ir teksts.
     Divi `local` slāņi ritinās kopā ar saturu un galos aizsedz divus `scroll`
     slāņus, kas stāv uz vietas — tāpēc nevajag ne JS, ne pastāvīgu pārklājumu
     pār pēdējo rindu. Overlay ritjosla lielākajā daļā pārlūku miera stāvoklī
     nav redzama, tāpēc bez šī lasītājs nezinātu, ka tekstam ir turpinājums. */
  background:
    linear-gradient(rgba(255, 255, 255, 0.96) 30%, rgba(255, 255, 255, 0)) center top / 100% 2.4em no-repeat local,
    linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96) 70%) center bottom / 100% 2.4em no-repeat local,
    radial-gradient(farthest-side at 50% 0, rgba(13, 59, 142, 0.16), rgba(13, 59, 142, 0)) center top / 100% 0.85em no-repeat scroll,
    radial-gradient(farthest-side at 50% 100%, rgba(13, 59, 142, 0.16), rgba(13, 59, 142, 0)) center bottom / 100% 0.85em no-repeat scroll;
}
/* Ritjosla ir redzama ar nolūku — tā ir vienīgā norāde, ka tekstam ir turpinājums */
.testimonial-carousel .testimonial-text blockquote::-webkit-scrollbar { width: 6px; }
.testimonial-carousel .testimonial-text blockquote::-webkit-scrollbar-track { background: transparent; }
.testimonial-carousel .testimonial-text blockquote::-webkit-scrollbar-thumb {
  background: rgba(13, 59, 142, 0.26); border-radius: 3px;
}
.testimonial-carousel .testimonial-text blockquote::-webkit-scrollbar-thumb:hover { background: rgba(13, 59, 142, 0.42); }
/* Ritināmam apgabalam jābūt sasniedzamam arī ar tastatūru (WCAG 2.1.1) —
   tāpēc blockquote ir tabindex="0" un redzams fokusa rāmis. */
.testimonial-carousel .testimonial-text blockquote:focus-visible {
  outline: 2px solid var(--navy); outline-offset: 4px; border-radius: 6px;
}
/* Autorētais brīdis: centrā esošā karte izvirzās priekšplānā, blakusesošās atkāpjas dziļumā */
.testimonial-carousel.is-ready .testimonial {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.testimonial-carousel.is-ready .testimonial:not(.is-current) {
  transform: scale(0.9);
  border-color: rgba(168, 114, 20, 0.26);
  box-shadow: 0 6px 18px rgba(13, 59, 142, 0.06);
}
.testimonial-carousel.is-ready .testimonial.is-current {
  transform: scale(1.05); z-index: 2;
  border-color: rgba(168, 114, 20, 0.68);
  box-shadow: 0 30px 66px rgba(13, 59, 142, 0.22);
}
/* Bultas karšu sānos — vertikāli centrētas pret attēliem, ne pret visu bloku */
.carousel-viewport { position: relative; }
.carousel-btn {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 46px; height: 46px; border-radius: 50%; cursor: pointer;
  border: 1px solid var(--gold-line);
  background: rgba(255, 255, 255, 0.95); color: var(--navy);
  box-shadow: 0 8px 24px rgba(13, 59, 142, 0.18);
  display: flex; align-items: center; justify-content: center;
  transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease, border-color 0.15s ease;
}
/* Platos ekrānos bultas iztiek ārpus kartēm; šaurākos tās uzguļ malai */
.carousel-btn.prev { left: -23px; }
.carousel-btn.next { right: -23px; }
@media (max-width: 1180px) {
  .carousel-btn.prev { left: 2px; }
  .carousel-btn.next { right: 2px; }
}
.carousel-btn:hover {
  background: var(--gold); border-color: var(--gold-deep);
  transform: translateY(-50%) scale(1.06);
}
.carousel-btn:focus-visible { outline: 2px solid var(--navy); outline-offset: 3px; }
.carousel-btn[disabled] { opacity: 0; pointer-events: none; }
.carousel-btn svg { width: 22px; height: 22px; }
.carousel-dots {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 18px;
}
.carousel-dot {
  width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
  background: rgba(13, 59, 142, 0.25); transition: background 0.15s ease, transform 0.15s ease;
}
.carousel-dot.is-active { background: var(--gold-deep); transform: scale(1.3); }
@media (prefers-reduced-motion: reduce) {
  .testimonial-track { scroll-behavior: auto; }
  .testimonial-carousel.is-ready .testimonial { transition: none; }
  .testimonial-carousel.is-ready .testimonial:not(.is-current) { transform: none; }
}
@media (max-width: 600px) {
  /* Uz telefona svaidīšana ir dabiskā vadība — bultas pārklātu attēla tekstu */
  .carousel-btn { display: none; }
  .testimonial-carousel .testimonial:not(.testimonial-shot) { flex-basis: 86%; }
  .testimonial-carousel .testimonial { padding: 24px 22px 22px; }
  .testimonial-shot { padding: 0; }
  .testimonial-topic { font-size: 0.66rem; letter-spacing: 0.11em; }
  .testimonial-topic::before, .testimonial-topic::after { max-width: 20px; }
}

/* ============ Iestadem (B2B) page ============ */
.b2b-hero {
  background: linear-gradient(135deg, var(--navy) 0%, #0A2E6E 100%);
  padding: 170px 0 80px; color: rgba(255, 255, 255, 0.88);
}
.b2b-hero { position: relative; overflow: hidden; padding-bottom: 0; }
.b2b-hero h1 em { font-style: normal; color: var(--gold); display: block; }
.b2b-stats {
  list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px;  /* 3 skaitļi: '80+ sesijas' noņemts pēc klientes lūguma (2026-09-15) */
  margin: 48px 0 0; padding: 28px 0 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.b2b-stats strong { display: block; font-size: 1.8rem; font-weight: 700; color: #FFFFFF; line-height: 1.1; margin-bottom: 6px; }
.b2b-stats span { font-size: 0.95rem; color: rgba(255, 255, 255, 0.75); }
.b2b-marquee { position: relative; z-index: 1; background: var(--gold); overflow: hidden; padding: 11px 0; }
.b2b-marquee-track { display: flex; width: max-content; animation: b2bmarquee 36s linear infinite; }
.b2b-marquee-track span {
  display: inline-flex; align-items: center;
  text-transform: uppercase; letter-spacing: 0.08em;
  font-size: 0.76rem; font-weight: 700; color: var(--navy); white-space: nowrap;
}
.b2b-marquee-track span::after { content: "•"; margin: 0 22px; opacity: 0.55; }
@keyframes b2bmarquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .b2b-marquee-track { animation: none; } }
.b2b-accred { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 24px 0 30px; }
.b2b-accred-label {
  text-transform: uppercase; letter-spacing: 0.1em;
  font-size: 0.7rem; font-weight: 700; color: rgba(255, 255, 255, 0.65); margin-right: 8px;
}
.b2b-accred-pill {
  border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px;
  padding: 6px 15px; font-size: 0.8rem; color: #FFFFFF;
}
.b2b-hero-bg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center 40%;
  filter: saturate(0.6) brightness(0.82) blur(2px);
  transform: scale(1.06); transform-origin: center;
}
.b2b-hero::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(100deg, rgba(8, 30, 72, 0.95) 0%, rgba(9, 34, 82, 0.9) 44%, rgba(11, 46, 110, 0.74) 100%),
    linear-gradient(0deg, rgba(8, 30, 72, 0.55) 0%, rgba(8, 30, 72, 0) 38%);
}
.b2b-hero .container { position: relative; z-index: 1; }
.b2b-hero .hero-chip { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.25); color: #fff; box-shadow: none; }
.b2b-hero h1 { color: #FFFFFF; margin: 20px 0 0; font-size: clamp(2.1rem, 3.6vw, 3.2rem); max-width: 16em; }
.b2b-lead { font-size: 1.24rem; margin: 20px 0 30px; max-width: 38em; text-wrap: pretty; }
.btn-outline-light { border-color: rgba(255, 255, 255, 0.7); color: #FFFFFF; background: transparent; }
.btn-outline-light:hover { border-color: #fff; }
.b2b-meta li { color: #FFFFFF; }
.b2b-meta li::after { border-color: var(--navy); }
.b2b-program h2, .b2b-services h2, .b2b-steps h2 { color: var(--navy); }
.zone-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 14px 0 30px; }
.zone-card {
  position: relative; background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.14);
  border-radius: 14px; padding: 24px 24px 20px;
}
.zone-card span {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--gold); color: var(--navy); font-weight: 700; margin-bottom: 12px;
}
.zone-card h3 { font-family: var(--sans); font-size: 0.95rem; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 0.04em; }
.zone-card p { font-size: 0.98rem; }
.program-format {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  background: var(--tint); border-radius: 16px; padding: 28px 30px;
}
.program-format h3 { color: var(--navy); font-size: 1.05rem; }
.program-format p { font-size: 0.98rem; }
.b2b-bio {
  display: grid; grid-template-columns: 230px 1fr; gap: 36px;
  align-items: center; margin-bottom: 36px;
}
.b2b-bio-photo {
  width: 100%; border-radius: 18px; background: #FFFFFF;
  border: 1px solid rgba(13, 59, 142, 0.14);
}
.b2b-bio-text h2 { color: var(--navy); margin-bottom: 8px; }
.b2b-bio-title { font-weight: 600; color: var(--navy); margin-bottom: 14px; }
.b2b-bio-text p { max-width: 46rem; }
.b2b-bio-link { margin-top: 12px; }
.b2b-bio-link a { font-weight: 600; }
.b2b-curriculum-title {
  font-family: var(--sans); font-size: 1.05rem; font-weight: 700; color: var(--navy);
  text-transform: uppercase; letter-spacing: 0.04em; margin: 34px 0 6px;
}
.b2b-program .method-grid { margin-bottom: 30px; }
.b2b-program .fit-note { margin-top: 22px; }
.b2b-offer-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; margin-top: 10px; }
.b2b-offer-col { background: var(--tint); border-radius: 18px; padding: 28px 28px 22px; }
.b2b-offer-col > h3 {
  font-family: var(--sans); font-size: 0.88rem; font-weight: 700; color: var(--navy);
  text-transform: uppercase; letter-spacing: 0.05em;
  padding-bottom: 14px; margin-bottom: 18px;
  border-bottom: 1px solid rgba(13, 59, 142, 0.16);
}
.b2b-audiences { padding-bottom: 0; }
.b2b-audience > .b2b-offer-icon { margin-bottom: 12px; }
.b2b-audience > h3 { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; }
.b2b-audience > h3 a { color: inherit; text-decoration: none; }
.b2b-audience > h3 a:hover,
.b2b-audience > h3 a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.b2b-audience > p { font-size: 1rem; }
/* `.b2b-audience > p` outranks `.b2b-offer-note`, so the note needs its size back. */
.b2b-audience > .b2b-offer-note { font-size: 0.85rem; }
.b2b-mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 6px; }
/* Odd number of cards: the last one spans both columns instead of leaving a hole.
   Self-healing — if the hidden «Atbalsts jūsu klientiem» card returns, this stops applying. */
.b2b-mini-grid > .b2b-mini:last-child:nth-child(odd) { grid-column: 1 / -1; }
.b2b-mini {
  display: grid; grid-template-columns: 32px 1fr; gap: 12px;
  background: var(--tint); border-radius: 16px; padding: 22px 26px;
}
.b2b-mini strong { display: block; color: var(--navy); margin-bottom: 4px; }
.b2b-mini p { font-size: 0.98rem; }
.b2b-offer-col ul { list-style: none; margin: 0; padding: 0; }
.b2b-offer-col li { display: grid; grid-template-columns: 32px 1fr; gap: 12px; margin-bottom: 22px; }
.b2b-offer-icon { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; color: var(--navy); margin-top: 2px; }
.b2b-offer-icon svg { width: 24px; height: 24px; }
.b2b-offer-col li:last-child { margin-bottom: 6px; }
.b2b-offer-col li strong { display: block; color: var(--navy); margin-bottom: 6px; line-height: 1.35; }
.b2b-offer-col li p { font-size: 0.98rem; }
.b2b-offer-note { font-size: 0.85rem; opacity: 0.85; margin-top: 8px; }
.b2b-page .atsauksmes-band { background: linear-gradient(180deg, #FFFFFF 0%, var(--tint) 30%, var(--tint) 100%); }
.b2b-page .atsauksmes-band::before { display: none; }
.b2b-page .testimonial { background: #FFFFFF; }
/* Programmas apakšlapa — nodarbību bloki */
.prog-hero { padding-bottom: 70px; }
.prog-hero .topic-breadcrumb a { color: rgba(255, 255, 255, 0.85); }
.prog-hero h1 { max-width: 14em; }
.prog-why h2, .prog-lessons h2, .prog-result h2 { color: var(--navy); }
.prog-flow { background: var(--tint); border-radius: 18px; padding: 28px 32px; margin-top: 8px; }
.prog-flow-label {
  display: block; text-transform: uppercase; letter-spacing: 0.1em;
  font-size: 0.72rem; font-weight: 700; color: var(--navy); opacity: 0.7; margin-bottom: 16px;
}
.prog-flow ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: flow; }
.prog-flow li { counter-increment: flow; position: relative; padding-left: 34px; }
.prog-flow li::before {
  content: counter(flow); position: absolute; left: 0; top: 0;
  width: 24px; height: 24px; border-radius: 50%; background: var(--gold); color: var(--navy);
  display: inline-flex; align-items: center; justify-content: center; font-size: 0.76rem; font-weight: 700;
}
.prog-flow strong { display: block; color: var(--navy); margin-bottom: 2px; }
.prog-flow span { font-size: 0.95rem; }
.prog-lessons .section-lead { margin-bottom: 8px; }
.prog-lesson { padding: 34px 0 30px; border-top: 1px solid rgba(13, 59, 142, 0.16); }
.prog-lesson-head { display: grid; grid-template-columns: 116px 1fr; gap: 24px; align-items: start; margin-bottom: 22px; }
.prog-lesson-num {
  background: var(--navy); color: #FFFFFF; border-radius: 14px;
  padding: 12px 10px 14px; text-align: center;
}
.prog-lesson-num span { display: block; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.8; }
.prog-lesson-num strong { display: block; font-family: var(--serif); font-size: 2rem; line-height: 1.1; }
.prog-lesson-head h2 { font-size: clamp(1.3rem, 2.2vw, 1.75rem); color: var(--navy); margin-bottom: 8px; }
.prog-lesson-intro { font-size: 1rem; max-width: 52em; }
.prog-lesson-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding-left: 140px; }
.prog-lesson-cols h3 {
  font-family: var(--sans); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--navy); opacity: 0.75; margin-bottom: 12px;
}
.prog-saturs { list-style: none; margin: 0; padding: 0; }
.prog-saturs li { display: grid; grid-template-columns: 42px 1fr; gap: 10px; padding: 5px 0; font-size: 1rem; }
.prog-saturs li span {
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(13, 59, 142, 0.3); border-radius: 999px;
  font-size: 0.72rem; font-weight: 600; color: var(--navy); height: 22px;
}
.prog-rez { list-style: none; margin: 0; padding: 0; }
.prog-rez li { position: relative; padding-left: 26px; padding-bottom: 8px; font-size: 1rem; }
.prog-rez li::before {
  content: ""; position: absolute; left: 2px; top: 7px;
  width: 11px; height: 6px; border-left: 2px solid var(--gold); border-bottom: 2px solid var(--gold);
  transform: rotate(-45deg);
}
.prog-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 20px; padding-left: 140px; }
.prog-tags-label { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.68rem; font-weight: 700; color: var(--navy); opacity: 0.6; margin-right: 4px; }
.prog-tag { background: var(--tint); border-radius: 999px; padding: 5px 14px; font-size: 0.8rem; color: var(--navy); }
.sesu-letter { max-width: 52em; margin-bottom: 34px; }
.sesu-letter-lead { font-family: var(--serif); font-size: clamp(1.1rem, 1.6vw, 1.35rem); line-height: 1.45; color: var(--navy); margin-bottom: 16px; }
.sesu-letter p + p { margin-top: 0.9em; }
.sesu-wheel { max-width: min(460px, 100%); height: auto; margin: 6px auto 10px; border-radius: 18px; }  /* bija 460px — platāks par telefona ekrānu */
.zona-bullets { list-style: none; margin: 10px 0 0; padding: 0; }
.zona-bullets li { position: relative; padding-left: 20px; font-size: 1rem; padding-bottom: 4px; }
.zona-bullets li::before { content: ""; position: absolute; left: 2px; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.zona-change { font-family: var(--serif); font-size: 1.06rem; line-height: 1.45; color: var(--navy); }
.prog-result { padding-top: 0; }
.prog-cta-section { padding-top: 0; }
.prog-cta-section h2 { color: var(--navy); }
.prog-contact-inline {
  display: flex; flex-wrap: wrap; gap: 8px 26px; list-style: none;
  margin: 18px 0 0; padding-top: 18px; border-top: 1px solid rgba(13, 59, 142, 0.16);
  font-size: 0.9rem;
}
@media (max-width: 980px) {
  .prog-flow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }  /* minmax(0,…): garie vārdi (RU) vairs neizstiepj kolonnu */
  .prog-lesson-cols, .prog-tags { padding-left: 0; }
  .prog-lesson-cols { grid-template-columns: 1fr; gap: 22px; }
  .prog-lesson-head { grid-template-columns: 84px minmax(0, 1fr); gap: 16px; }
  .prog-lesson-head h2 { overflow-wrap: break-word; hyphens: auto; }
  .prog-lesson-num strong { font-size: 1.6rem; }
}
/* Telefonā soļu saraksts vienā kolonnā — jābūt PĒC 980px bloka (vienāds specifiskums); divās tas izspieda lapu uz sāniem (RU līdz 488px pie 390px ekrāna). */
@media (max-width: 600px) {
  .prog-flow { padding: 22px 20px; }
  .prog-flow ol { grid-template-columns: 1fr; gap: 14px; }
}

/* B2B programmas — pilna platuma bloki (kreisā puse: nosaukums + attēls; labā: apraksts + saturs) */
.b2b-prog {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px;
  padding: 40px 0 44px; border-top: 1px solid rgba(13, 59, 142, 0.16);
  margin-top: 12px;
}
.b2b-prog-badge {
  display: inline-block; border: 1px solid rgba(13, 59, 142, 0.35); border-radius: 999px;
  padding: 6px 18px; font-size: 0.8rem; font-weight: 600; color: var(--navy);
  margin-bottom: 18px;
}
.b2b-prog-media { display: flex; flex-direction: column; }
.b2b-prog-media > h3 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); color: var(--navy); margin-bottom: 22px; }
.b2b-prog-media img { width: 100%; flex: 1 1 auto; min-height: 300px; object-fit: cover; object-position: center; border-radius: 18px; box-shadow: 0 16px 40px rgba(13, 59, 142, 0.12); }
/* Platā ekrānā foto netiek stiepts līdz teksta kolonnas augstumam — tas no 3:2
   foto atstāja šauru, 1000 px augstu šķēli. Dabiskā forma: nekas netiek
   nogriezts, arī portreta foto (fiksēta 4:3 vienu no tiem apgrieza līdz 60%). */
@media (min-width: 981px) {
  .b2b-prog-media img { flex: 0 0 auto; height: auto; min-height: 0; }
}
/* zigzag: middle teaser mirrors for rhythm */
.b2b-prog-alt .b2b-prog-media { order: 2; }
.b2b-prog-alt .b2b-prog-body { order: 1; }
.b2b-prog-lead {
  font-family: var(--serif); font-size: clamp(1.15rem, 1.7vw, 1.4rem);
  line-height: 1.45; color: var(--navy); margin-bottom: 16px;
}
.b2b-prog-desc { font-size: 1rem; padding-bottom: 22px; border-bottom: 1px solid rgba(13, 59, 142, 0.16); }
.b2b-prog-list { list-style: none; margin: 22px 0 26px; padding: 0; }
.b2b-prog-list li {
  display: grid; grid-template-columns: 46px 1fr; align-items: center; gap: 12px;
  padding: 7px 0; font-size: 1rem;
}
.b2b-prog-list span {
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(13, 59, 142, 0.3); border-radius: 999px;
  padding: 4px 0; font-size: 0.78rem; font-weight: 600; color: var(--navy);
}
.b2b-prog-pill {
  display: grid; grid-template-columns: 46px 1fr; align-items: center; gap: 14px;
  background: var(--gold); border-radius: 999px; padding: 16px 26px 16px 16px;
}
.b2b-prog-pill span:last-child { font-size: 0.98rem; color: var(--navy); }
.b2b-prog-pill strong { color: var(--navy); }
.b2b-prog-pill-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 50%; background: var(--navy); color: var(--gold);
}
.b2b-prog-pill-icon svg { width: 22px; height: 22px; }
/* grouped variant — gold node + group name (echoes the topics page) */
.b2b-prog-list-grouped li {
  display: block; grid-template-columns: none; position: relative;
  padding: 13px 0 13px 26px; font-size: 0.97rem; color: rgba(13, 59, 142, 0.78);
  border-top: 1px solid rgba(13, 59, 142, 0.12);
}
.b2b-prog-list-grouped li:first-child { border-top: 0; padding-top: 4px; }
.b2b-prog-list-grouped li:first-child::before { top: 9px; }
.b2b-prog-list-grouped li::before {
  content: ""; position: absolute; left: 2px; top: 18px;
  width: 10px; height: 10px; border-radius: 50%; background: var(--gold);
  box-shadow: 0 0 0 4px rgba(255, 203, 61, 0.18);
}
.b2b-prog-list-grouped li span {
  display: block; border: 0; border-radius: 0; padding: 0; letter-spacing: 0.01em;
  font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 3px;
}
.b2b-prog-actions { margin-top: 20px; }
.b2b-prog-note { margin-top: 16px; font-size: 0.85rem; color: rgba(13, 59, 142, 0.7); }
@media (max-width: 980px) {
  .b2b-prog { grid-template-columns: 1fr; gap: 26px; }
  .b2b-prog-alt .b2b-prog-media, .b2b-prog-alt .b2b-prog-body { order: 0; }
  .b2b-prog-media img { min-height: 220px; }
}
.b2b-form-box {
  background: var(--tint); border-radius: 18px; padding: 34px 36px; margin-top: 24px;
}
.b2b-form-box h3 { color: var(--navy); }
.ask-form select {
  display: block; width: 100%; margin-top: 6px;
  padding: 11px 14px; border-radius: 10px;
  border: 1px solid rgba(13, 59, 142, 0.25); background: #FFFFFF;
  font: inherit; font-size: 0.95rem; color: var(--ink);
}
.ask-form select:focus { outline: 3px solid rgba(255, 203, 61, 0.9); outline-offset: 1px; border-color: transparent; }
@media (max-width: 720px) { .b2b-form-box { padding: 26px 20px; } }
.b2b-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  background: linear-gradient(135deg, var(--navy) 0%, #0A2E6E 100%);
  border-radius: 18px; padding: 30px 36px; margin-top: 26px;
}
.b2b-cta p { color: rgba(255, 255, 255, 0.92); max-width: 40em; margin: 0; }
.b2b-services-grid { grid-template-columns: 1fr 1fr; }
.b2b-why { padding-top: 0; }
.b2b-steps { padding-top: 0; }
.b2b-contact-card { background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.14); }
.b2b-contact-list { list-style: none; margin: 14px 0 22px; }
.b2b-contact-list li { margin-bottom: 8px; }
.b2b-contact-list strong { color: var(--navy); }
@media (max-width: 980px) {
  .zone-grid, .program-format, .b2b-services-grid { grid-template-columns: 1fr; }
  .b2b-bio { grid-template-columns: 1fr; gap: 20px; }
  .b2b-bio-photo { max-width: 260px; }
  .b2b-stats { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .b2b-stats li:last-child:nth-child(odd) { grid-column: 1 / -1; }  /* 3 skaitļi 2 kolonnās — trešais pa visu rindu */
  .b2b-offer-cols { grid-template-columns: 1fr; }
  .b2b-mini-grid { grid-template-columns: 1fr; }
  .b2b-hero { padding: 130px 0 60px; }
}

/* B2B proof strip — auto-scrolling gallery of real workshops, events, recognition */
.b2b-proof { background: var(--navy); padding: 76px 0; overflow: hidden; }
.b2b-proof-head { text-align: center; margin-bottom: 40px; }
.b2b-proof-head .section-mark svg { margin: 0 auto; }
.b2b-proof-head h2 { color: #FFFFFF; }
.b2b-proof-head .section-lead { color: rgba(255, 255, 255, 0.82); margin: 10px auto 0; }
.b2b-proof-strip {
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
}
.b2b-proof-track { display: flex; width: max-content; animation: b2bproof 80s linear infinite; }
.b2b-proof-item { width: clamp(216px, 25vw, 340px); flex-shrink: 0; margin: 0 22px 0 0; }
.b2b-proof-item img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover;
  border-radius: 18px; background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
}
@keyframes b2bproof { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* Josla ir klikšķināma (atver to pašu lightbox, kas sertifikātiem). Kustīgu
   attēlu grūti noķert, tāpēc josla apstājas zem peles un fokusa laikā. */
.proof-shot-btn {
  display: block; position: relative; width: 100%;
  padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 18px;
}
.proof-shot-btn:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
.proof-shot-btn:hover .shot-zoom, .proof-shot-btn:focus-visible .shot-zoom { background: var(--gold); transform: scale(1.08); }
.b2b-proof-strip:hover .b2b-proof-track,
.b2b-proof-strip:focus-within .b2b-proof-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .b2b-proof-track { animation: none; }
  .b2b-proof-strip {
    overflow-x: auto; -webkit-mask-image: none; mask-image: none;
    scroll-snap-type: x mandatory; padding-bottom: 6px;
  }
  .b2b-proof-item { scroll-snap-align: start; }
  .b2b-proof-dup { display: none; }
}
@media (max-width: 620px) {
  .b2b-proof { padding: 60px 0; }
  .b2b-proof-item { width: 62vw; }
}

/* B2B hero — two-panel split: navy copy left, image + proof card right */
.b2b-hero-2col { padding: 0; }
.b2b-hero-2col::after { display: none; }
.b2b-hero-2col-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
/* Vertikālais ritms mērogojas pret ekrāna augstumu, lai hero panelis ietilptu skatā;
   statistika un rindiņa zem tā paliek kā mājiens ritināt tālāk. */
.b2b-hero-panel-left {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  gap: 28px;
  gap: clamp(12px, 2.6svh, 28px);
  padding: 150px clamp(28px, 5vw, 72px) 56px;
  padding: clamp(94px, 13svh, 150px) clamp(28px, 5vw, 72px) clamp(24px, 5svh, 56px);
  text-align: center;
}
.b2b-hero-panel-content { width: 100%; max-width: 33rem; margin: 0 auto; }
.b2b-hero-panel-left .hero-actions { justify-content: center; margin-top: 10px; }
.b2b-hero-2col h1 {
  /* auto sānu malas — bez tām 13em bloks pielīp kreisajai malai, nevis centrējas */
  margin: clamp(10px, 2svh, 22px) auto 0; max-width: 13em; text-wrap: balance;
  font-size: clamp(1.7rem, min(3.6vw, 5.2svh), 3.2rem); line-height: 1.18;
}
.b2b-hero-2col .b2b-lead {
  margin: clamp(10px, 2svh, 20px) auto 4px; max-width: 33rem; text-wrap: balance;
  font-size: clamp(0.95rem, 0.82rem + 0.45svh, 1.24rem);
}
.b2b-hero-panel-left .b2b-accred { margin: 0; justify-content: center; width: 100%; max-width: 33rem; gap: 9px 10px; padding: 0; }
/* label on its own line → pills read as a tidy cluster, not a ragged inline wrap */
.b2b-hero-panel-left .b2b-accred-label { flex-basis: 100%; margin: 0 0 5px; }
/* Sertifikātu rinda ir hero paneļa augstākā daļa — zemos ekrānos to sablīvējam, nevis noņemam */
@media (max-height: 860px) {
  .b2b-hero-panel-left .b2b-accred { gap: 6px 7px; }
  .b2b-hero-panel-left .b2b-accred-pill { padding: 4px 10px; font-size: 0.7rem; }
}
@media (max-height: 700px) {
  .b2b-hero-panel-left .b2b-accred-label { display: none; }
}
/* Zemos ekrānos sertifikāti pārceļas zem ekrāna malas — svarīgākais ir virsraksts,
   ievads un pogas. Pilnā sertifikātu rinda paliek redzama sadaļā zemāk. */
@media (max-height: 660px) {
  .b2b-hero-panel-left .b2b-accred { display: none; }
}
/* Šaurā skatā sertifikāti aizņem vairākas rindas, tāpēc tos slēpjam agrāk */
@media (max-height: 780px) and (max-width: 860px) {
  .b2b-hero-panel-left .b2b-accred { display: none; }
}
.b2b-hero-panel-right { position: relative; min-height: 600px; min-height: min(600px, 62svh); overflow: hidden; }
.b2b-hero-slides { position: absolute; inset: 0; }
.b2b-hero-slide {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center 28%;
  opacity: 0; transition: opacity 1s ease;
}
.b2b-hero-slide.is-active { opacity: 1; }
.b2b-hero-dots { position: absolute; top: 100px; right: 26px; z-index: 2; display: flex; gap: 8px; }
.b2b-hero-dots button {
  width: 9px; height: 9px; padding: 0; border: 0; border-radius: 999px; cursor: pointer;
  background: rgba(255, 255, 255, 0.5); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  transition: width 0.3s ease, background 0.3s ease;
}
.b2b-hero-dots button:hover { background: rgba(255, 255, 255, 0.8); }
.b2b-hero-dots button.is-active { width: 24px; background: var(--gold); }
.b2b-hero-panel-right::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(8,30,72,0.62) 0%, rgba(8,30,72,0.10) 20%, rgba(8,30,72,0.12) 52%, rgba(7,26,62,0.78) 100%);
}
.b2b-hero-card {
  position: absolute; left: 7%; right: 7%; bottom: 40px; z-index: 1; margin: 0;
  background: rgba(255,255,255,0.13);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.28); border-radius: 18px;
  padding: 22px 24px; color: #fff; box-shadow: 0 20px 54px rgba(0,0,0,0.34);
}
.b2b-hero-quote { margin: 0; font-size: 1.02rem; line-height: 1.5; }
.b2b-hero-quote:not(.is-active) { display: none; }
.b2b-hero-quote cite { display: block; margin-top: 12px; font-style: normal; }
.b2b-hero-quote cite strong { display: block; color: #fff; font-size: 0.95rem; }
.b2b-hero-quote cite span { font-size: 0.84rem; color: rgba(255,255,255,0.82); }
.b2b-hero-2col .b2b-stats { margin: 40px 0 0; }
@media (max-width: 860px) {
  .b2b-hero-2col-inner { grid-template-columns: minmax(0, 1fr); }
  .b2b-hero-panel-left {
    padding: 128px 24px 40px;
    padding-block: clamp(92px, 12svh, 128px) clamp(20px, 4svh, 40px);
    gap: clamp(12px, 2.4svh, 26px); min-width: 0;
  }
  /* Sakrautajā izkārtojumā attēls fiksētā augstumā; atsauksmes kartīte zem attēla, nevis virs tā */
  .b2b-hero-panel-right { min-height: 0; min-width: 0; overflow: visible; }
  .b2b-hero-slides { position: relative; height: clamp(260px, 42svh, 360px); }
  .b2b-hero-panel-right::after { display: none; }
  .b2b-hero-dots { top: 14px; right: 16px; }
  .b2b-hero-card {
    position: static; inset: auto; margin: 0;
    background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none;
    border: 0; border-radius: 0; box-shadow: none; padding: 20px 24px 2px;
  }
}


/* B2B page: light header over navy hero (until scrolled pill appears) */
.b2b-page .site-header:not(.scrolled) .logo { color: #FFFFFF; }
.b2b-page .site-header:not(.scrolled) .nav-toggle { color: #FFFFFF; border-color: rgba(255, 255, 255, 0.55); }
.b2b-page .site-header:not(.scrolled) .nav-toggle .bars span { background: #FFFFFF; }
.b2b-page .site-header:not(.scrolled) .lang-switch a { color: rgba(255, 255, 255, 0.78); text-shadow: none; }
.b2b-page .site-header:not(.scrolled) .lang-switch a:hover { color: #FFFFFF; }
html[lang="lv"] .b2b-page .site-header:not(.scrolled) .lang-switch a[hreflang="lv"],
html[lang="ru"] .b2b-page .site-header:not(.scrolled) .lang-switch a[hreflang="ru"] { color: #FFFFFF; border-bottom-color: var(--gold); }
.b2b-page .site-header:not(.scrolled) .lang-switch a + a { border-left-color: rgba(255, 255, 255, 0.32); }
/* Desktop nav sits directly on the hero — whiten it; the mobile dropdown keeps its own light panel + dark links.
   Must start exactly where the burger stops (max-width: 1120px) — at 1181 the 1121–1180 range showed blue on navy. */
@media (min-width: 1121px) {
  .b2b-page .site-header:not(.scrolled) .site-nav a { color: #FFFFFF; }
  .b2b-page .site-header:not(.scrolled) .site-nav a:hover { background: rgba(255, 255, 255, 0.12); }
  .b2b-page .site-header:not(.scrolled) .site-nav a.active { background: rgba(255, 255, 255, 0.18); color: #FFFFFF; }
  .b2b-page .site-header:not(.scrolled) .site-nav a.nav-iestadem { background: rgba(255, 255, 255, 0.22); color: #FFFFFF; }
}

/* RISA metode — pieci soļi (homepage) — centrēts bloks kā Darba virzieni */
#metode .section-mark svg { margin: 0 auto; }
#metode h2 { text-align: center; }
#metode .section-lead { text-align: center; margin-left: auto; margin-right: auto; }
.metode-steps { list-style: none; margin: 40px auto 0; max-width: 880px; }
.metode-steps li {
  display: flex; gap: 26px; align-items: flex-start;
  padding: 26px 0; border-top: 1px solid rgba(0, 100, 200, 0.16);
}
.metode-steps li:last-child { border-bottom: 1px solid rgba(0, 100, 200, 0.16); }
.metode-num {
  flex: 0 0 auto; width: 54px;
  font-family: var(--serif); font-style: italic; font-weight: 600;
  font-size: 2.6rem; line-height: 1.1; color: var(--gold-deep);
}
.metode-steps h3 { font-size: 1.3rem; color: var(--navy); }
.metode-steps p { max-width: 46em; font-size: 0.98rem; }
.metode-result {
  margin: 40px auto 0; max-width: 880px;
  background: var(--bg); border-left: 3px solid var(--gold);
  border-radius: var(--radius); box-shadow: var(--shadow);
  padding: 26px 28px;
}
.metode-result h3 { font-size: 1.25rem; color: var(--navy); }
.metode-result p { max-width: 52em; }
@media (max-width: 560px) {
  .metode-steps li { gap: 16px; padding: 22px 0; }
  .metode-num { width: 38px; font-size: 2rem; }
}

/* Manifesto band — Kāpēc es to daru (homepage) */
.manifesto { background: var(--navy); padding: 84px 0; }
.manifesto-kicker {
  font-weight: 600; font-size: 0.8rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--gold); margin-bottom: 18px;
}
.manifesto-lead {
  font-family: var(--serif); font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  line-height: 1.45; color: #FFFFFF; max-width: 32em;
}
.manifesto-body { margin-top: 1.1em; color: rgba(255, 255, 255, 0.82); max-width: 46em; }
.manifesto-strong {
  margin-top: 1.3em; padding-left: 18px; border-left: 3px solid var(--gold);
  color: #FFFFFF; font-weight: 600; max-width: 44em;
}

/* Par mani — izglītības/kvalifikācijas saraksts (details) */
.about-quals {
  margin: 18px 0 6px; padding: 14px 20px;
  border: 1px solid rgba(13, 59, 142, 0.16); border-radius: var(--radius);
}
.about-quals summary { cursor: pointer; font-weight: 600; color: var(--navy); }
.about-quals[open] summary { margin-bottom: 10px; }
.about-quals ul { list-style: none; margin: 0; }
.about-quals li { position: relative; padding-left: 20px; margin-bottom: 7px; font-size: 0.98rem; }
.about-quals li::before { content: "—"; position: absolute; left: 0; color: var(--gold); font-weight: 700; }

/* Kam šis darbs ir domāts (homepage) */
.kam-grid {
  display: grid; grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(36px, 5vw, 72px); align-items: center; margin-top: 10px;
}
.kam-text p { max-width: 44em; }
.kam-quote {
  background: var(--tint); border-left: 3px solid var(--gold);
  border-radius: var(--radius); padding: 40px 38px;
}
.kam-quote::before {
  content: "„";
  display: block;
  font-family: var(--serif); font-size: 3rem; font-weight: 700;
  line-height: 0.6; color: var(--gold);
  margin-bottom: 16px;
}
.kam-quote p {
  font-family: var(--serif); font-style: italic;
  font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.4; color: var(--navy);
}
.kam-quote footer { margin-top: 16px; font-size: 0.85rem; }
/* Citāta starpjosla (garais "kam domāts" apraksts noņemts pēc klientes lūguma) */
.kam-solo { padding: 96px 0 32px; background: var(--bg); }
.kam-solo + .virzieni-compact { padding-top: 56px; } /* citāts un virzieni ir viens baltais laukums — atstarpe ~88px, ne 176px */
.kam-statement { max-width: 26em; margin: 0 auto; text-align: center; }
.kam-statement::before {
  content: "„";
  display: block;
  font-family: var(--serif); font-size: 3.4rem; font-weight: 700;
  line-height: 0.5; color: var(--gold);
  margin-bottom: 22px;
}
.kam-statement p {
  font-family: var(--serif); font-style: italic; font-weight: 600;
  font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1.32; color: var(--navy);
  text-wrap: balance;
}
.kam-statement footer {
  margin-top: 22px; font-size: 0.85rem; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: rgba(13, 59, 142, 0.55);
}
@media (max-width: 820px) {
  .kam-solo { padding: 64px 0 20px; }
  .kam-solo + .virzieni-compact { padding-top: 36px; }
}
@media (max-width: 820px) {
  .kam-grid { grid-template-columns: 1fr; gap: 30px; }
}

/* FAQ — Biežāk uzdotie jautājumi (homepage) — centrēts bloks */
#buj .section-mark svg { margin: 0 auto; }
#buj h2 { text-align: center; }
.faq-list { max-width: 880px; margin: 10px auto 0; }
.faq-list details { border-top: 1px solid rgba(0, 100, 200, 0.16); }
.faq-list details:last-child { border-bottom: 1px solid rgba(0, 100, 200, 0.16); }
.faq-list summary {
  cursor: pointer; position: relative; padding: 18px 40px 18px 0;
  font-family: var(--serif); font-size: 1.15rem; font-weight: 600; color: var(--navy);
  list-style: none;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after {
  content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  color: #D49F29; font-size: 1.6rem; font-weight: 400; line-height: 1;
}
.faq-list details[open] summary::after { content: "–"; }
.faq-a { padding: 0 0 22px; max-width: 46em; }

/* FAQ — jautājuma forma (vārds / e-pasts / tālrunis / jautājums) */
.faq-ask {
  max-width: 880px; margin: 40px auto 0;
  background: var(--tint); border-radius: var(--radius);
  padding: 34px 32px;
}
.faq-ask h3 { color: var(--navy); }
.faq-ask-lead { margin-bottom: 20px; font-size: 0.95rem; }
.ask-form label {
  display: block; font-weight: 600; font-size: 0.85rem; color: var(--navy);
  margin-bottom: 16px;
}
.ask-form .ask-opt { font-weight: 400; color: rgba(13, 59, 142, 0.75); }
.ask-form input, .ask-form textarea {
  display: block; width: 100%; margin-top: 6px;
  padding: 11px 14px; border-radius: 10px;
  border: 1px solid rgba(13, 59, 142, 0.25); background: #FFFFFF;
  font: inherit; font-size: 0.95rem; color: var(--ink);
}
.ask-form input:focus, .ask-form textarea:focus {
  outline: 3px solid rgba(255, 203, 61, 0.9); outline-offset: 1px; border-color: transparent;
}
.ask-form textarea { resize: vertical; }
.ask-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.ask-privacy { margin-top: 16px; font-size: 0.8rem; color: rgba(13, 59, 142, 0.75); max-width: 52em; }
.ask-privacy a { color: inherit; }
@media (max-width: 720px) {
  .ask-row { grid-template-columns: 1fr; }
  .faq-ask { padding: 26px 20px; }
}

/* Topic page — inner-voice quotes strip */
.cause-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;
  text-align: left; margin-top: 12px;
}
.cause-block {
  background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.1);
  border-radius: 18px; padding: 32px 34px;
  box-shadow: 0 14px 40px rgba(13, 59, 142, 0.06);
  display: flex; flex-direction: column;
}
.cause-block h3 {
  font-family: var(--serif); color: var(--navy);
  font-size: clamp(1.25rem, 1.7vw, 1.5rem); margin-bottom: 14px;
}
.cause-block p { margin-bottom: 12px; }
.cause-work {
  font-family: var(--serif); font-style: italic; color: var(--navy);
  border-left: 3px solid var(--gold); padding-left: 16px;
}
.cause-opens-label {
  font-family: var(--sans); font-size: 0.78rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--navy); opacity: 0.75; margin: 6px 0 10px;
}
.cause-opens { list-style: none; margin: 0; padding: 0; }
.cause-opens li {
  position: relative; padding-left: 22px; margin-bottom: 8px; font-size: 0.95rem;
}
.cause-opens li::before {
  content: ""; position: absolute; left: 0; top: 0.55em;
  width: 7px; height: 7px; border-radius: 50%; background: var(--gold);
}
.ritual-invite {
  font-family: var(--serif); font-style: italic;
  font-size: clamp(1.05rem, 1.5vw, 1.22rem); color: var(--navy);
  border-left: 3px solid var(--gold); padding-left: 16px; margin-top: 18px;
}
.ritual-meta {
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; flex-wrap: wrap; margin-top: 22px; padding-top: 20px;
  border-top: 1px solid rgba(13, 59, 142, 0.12);
}
.ritual-len { font-size: 0.92rem; color: rgba(13, 59, 142, 0.7); }
.ritual-price {
  font-family: var(--serif); font-weight: 700; font-size: 1.5rem;
  color: var(--navy); white-space: nowrap;
}
.ritual-gift {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  background: var(--navy); color: #FFFFFF;
  border-radius: 18px; padding: 30px 36px; margin-top: 4px;
}
.ritual-gift-label {
  font-family: var(--sans); font-size: 0.78rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px;
}
.ritual-gift h3 { color: #FFFFFF; margin-bottom: 8px; }
.ritual-gift p { opacity: 0.9; margin: 0; max-width: 46em; }
.ritual-gift .ritual-price { color: var(--gold); }

/* ============ Pakalpojumi hub — bento depth ladder ============ */
.topic-services-title { color: var(--navy); font-size: clamp(1.5rem, 2.6vw, 2rem); margin: 0 0 20px; }
.hub-bento {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
  grid-auto-rows: minmax(150px, auto);
}
.hub-tile {
  background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.12);
  border-radius: 16px; padding: 22px 24px;
  display: flex; flex-direction: column; min-height: 150px;
  box-shadow: 0 10px 30px rgba(13, 59, 142, 0.05);
}
.hub-tile h2, .hub-tile h3 { color: var(--navy); margin: 12px 0 4px; }
.hub-tile h3 { font-size: 1.12rem; }
.hub-k {
  font-size: 0.66rem; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(13, 59, 142, 0.55);
}
.hub-step {
  align-self: flex-start; display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%; background: var(--gold); color: var(--navy);
  font-family: var(--sans); font-weight: 800; font-size: 0.9rem; margin-bottom: 10px;
}
.hub-meta { font-size: 0.86rem; color: rgba(13, 59, 142, 0.62); margin-top: auto; }
.hub-price {
  font-family: var(--serif); font-weight: 700; font-size: 1.2rem; color: var(--navy);
  margin-top: 10px; display: flex; align-items: center; gap: 8px;
}
.hub-arrow { color: var(--gold); font-weight: 700; }

.hub-sig {
  grid-column: span 2; grid-row: span 2;
  background: var(--navy); color: #FFFFFF; justify-content: flex-end;
}
.hub-sig h3 { color: #FFFFFF; font-size: clamp(1.5rem, 2.4vw, 2rem); }
.hub-sig .hub-k { color: var(--gold); }
.hub-sig .hub-why { color: rgba(255, 255, 255, 0.82); font-size: 0.98rem; margin: 6px 0 auto; max-width: 42ch; }
.hub-sig-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
.hub-sig .hub-meta { color: rgba(255, 255, 255, 0.7); margin: 0; }
.hub-sig .hub-price { color: var(--gold); margin: 0; }

.hub-branch { background: var(--tint); box-shadow: none; }
.hub-link { text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.hub-link:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(13, 59, 142, 0.12); }

.hub-ladder-label {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 14px;
  margin: 12px 0 -2px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(13, 59, 142, 0.55);
}
.hub-ladder-label::after { content: ""; flex: 1; height: 1px; background: rgba(13, 59, 142, 0.14); }

.hub-topics {
  margin-top: 22px; padding: 20px 24px; border: 1px dashed rgba(13, 59, 142, 0.22);
  border-radius: 14px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.hub-topics-label { font-family: var(--serif); font-size: 1.02rem; color: var(--navy); }
.hub-tchips { display: flex; flex-wrap: wrap; gap: 10px; }
.hub-tchip {
  font-size: 0.85rem; font-weight: 600; text-decoration: none;
  padding: 7px 15px; border-radius: 999px; background: var(--tint);
  border: 1px solid rgba(13, 59, 142, 0.14); color: var(--navy);
  transition: background 0.15s ease;
}
.hub-tchip:hover { background: var(--sky); }

.hub-b2b { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; }
.hub-b2b h2 { margin-bottom: 8px; }
.hub-b2b p { max-width: 52ch; color: rgba(13, 59, 142, 0.72); }
.hub-b2b-label {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(13, 59, 142, 0.55); margin-bottom: 8px;
}
.topic-services-b2b { padding: 56px 0; }

@media (max-width: 820px) {
  .hub-bento { grid-template-columns: 1fr 1fr; }
  .hub-sig { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 560px) {
  .hub-bento { grid-template-columns: 1fr; }
  .hub-b2b { flex-direction: column; align-items: flex-start; }
}

.formati-more { text-align: center; margin-top: 34px; }
.card-grid-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 820px) { .card-grid-3 { grid-template-columns: 1fr; } }
.price-pointer {
  display: flex; align-items: center; justify-content: space-between; gap: 28px;
  flex-wrap: wrap; text-align: left; background: var(--tint); border: 1px solid rgba(13, 59, 142, 0.1);
  border-radius: 18px; padding: 30px 34px; max-width: 880px; margin: 0 auto;
}
.price-pointer > div { flex: 1 1 340px; }
.price-pointer p { max-width: 54ch; }
.price-pointer-sub { font-size: 0.9rem; color: rgba(13, 59, 142, 0.62); margin-top: 8px; }
.price-pointer .btn { white-space: nowrap; }
/* Sakrauts stabiņā šaurākos ekrānos.
   align-items: flex-start nozīmē, ka bērni NETIEK izstiepti pāri platumam, bet
   pieņem sava satura (max-content) platumu — un <p> nes max-width: 54ch, kas
   šaurā ekrānā ir vairāk, nekā telpas. Kopā ar 34px sānu polsterējumu teksta
   bloks iznāca ārpus ekrāna (~326px pie 320px loga). Tāpēc teksta blokam te
   uzliekam width: 100% un atlaižam 54ch ierobežojumu; poga patur savu platumu. */
@media (max-width: 640px) {
  .price-pointer { flex-direction: column; align-items: flex-start; }
  .price-pointer > div { flex: 0 1 auto; width: 100%; }
  .price-pointer p { max-width: none; }
}
@media (max-width: 400px) { .price-pointer { padding: 24px 20px; } }

.cause-law {
  max-width: 52em; margin: 0 auto 8px; text-align: left;
  background: var(--tint); border-radius: 18px; padding: 30px 34px;
}
.cause-law p { margin-bottom: 12px; }
.cause-law p:last-child { margin-bottom: 0; }
.cause-law strong { color: var(--navy); }
.cause-law-turn {
  font-family: var(--serif); font-style: italic; color: var(--navy);
  font-size: 1.06rem; border-left: 3px solid var(--gold); padding-left: 16px;
}
.cause-num {
  font-family: var(--serif); font-size: 2.2rem; font-weight: 700;
  line-height: 1; color: var(--gold); margin-bottom: 10px;
}
.cause-resolution {
  max-width: 52em; margin: 28px auto 0; text-align: left;
  background: var(--navy); color: #FFFFFF;
  border-radius: 18px; padding: 32px 36px;
}
.cause-resolution .cause-opens-label { color: var(--gold); opacity: 1; }
.cause-resolution strong { color: var(--gold); }
.cause-resolution p { margin-bottom: 12px; }
.cause-resolution-note {
  font-size: 0.95rem; opacity: 0.82; margin-bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18); padding-top: 14px;
}
.cause-note {
  max-width: 52em; margin: 28px auto 0; text-align: left;
  font-size: 0.95rem; color: rgba(13, 59, 142, 0.75);
}
.cause-testimonial { max-width: 52em; margin: 26px auto 0; text-align: left; }

@media (max-width: 860px) {
  .cause-grid { grid-template-columns: 1fr; }
  .cause-block { padding: 26px 24px; }
}

.topic-quotes { margin: 34px 0 8px; }
.topic-quotes-label {
  font-weight: 600; font-size: 0.8rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--navy); opacity: 0.75; margin-bottom: 14px;
}
.topic-quotes ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.topic-quotes li {
  font-family: var(--serif); font-style: italic; font-size: 1.06rem; color: var(--navy);
  background: rgba(13, 59, 142, 0.05); border-left: 3px solid var(--gold);
  padding: 10px 18px; border-radius: 0 10px 10px 0;
}
.topic-quotes-note { margin-top: 16px; max-width: 46em; }

/* B2B editorial About — eyebrow + headline + portrait left, offset gallery + bio right */
.b2b-about {
  display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(32px, 4vw, 56px); align-items: center; margin-bottom: 0;
}
.b2b-about-eyebrow {
  font-weight: 700; font-size: 0.82rem; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--gold-deep); margin-bottom: 16px;
}
.b2b-about-title {
  font-size: clamp(1.9rem, 3.2vw, 2.8rem); color: var(--navy);
  line-height: 1.12; margin-bottom: 30px; max-width: 12em;
}
.b2b-about-title em { font-style: normal; color: var(--gold-deep); }
.b2b-about-portrait {
  margin: 0; border-radius: 20px; overflow: hidden;
  box-shadow: 0 26px 64px rgba(0, 0, 0, 0.36);
}
.b2b-about-portrait img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; }
.b2b-about-body { padding-top: 4px; }
.b2b-about-gallery { display: flex; gap: 18px; margin-bottom: 30px; }
.b2b-about-gallery img {
  width: 50%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 16px;
  box-shadow: 0 16px 40px rgba(13, 59, 142, 0.12);
}
.b2b-about-gallery img:first-child { margin-top: 30px; }
.b2b-about-body p { margin-bottom: 16px; max-width: 40em; }
.b2b-about-actions { display: flex; align-items: center; gap: 22px; margin-top: 26px; flex-wrap: wrap; }
.b2b-about-link { font-weight: 600; color: var(--blue); }
.b2b-about-link:hover { color: var(--gold-deep); }
@media (max-width: 900px) {
  .b2b-about { grid-template-columns: 1fr; gap: 30px; }
  .b2b-about-portrait img { aspect-ratio: 4 / 3; }
}
/* B2B About — navy feature section, light type */
.b2b-why { background: var(--navy); padding-top: 84px; }
.b2b-why .b2b-about-eyebrow { color: var(--gold); }
.b2b-why .b2b-about-title { color: #FFFFFF; }
.b2b-why .b2b-about-title em { color: var(--gold); }
.b2b-why .b2b-about-body p { color: rgba(255, 255, 255, 0.82); }
.b2b-why .b2b-about-link { color: #FFFFFF; }
.b2b-why .b2b-about-link:hover { color: var(--gold); }
.b2b-why .b2b-about-actions { justify-content: center; margin-top: 46px; }
/* clean-split profile: content (incl. CTA) lives in the right column, left-aligned */
.b2b-why .b2b-about-body .b2b-about-actions { justify-content: flex-start; margin-top: 30px; }
.b2b-why .b2b-about-body .fit-note { color: rgba(255, 255, 255, 0.6); }
.b2b-why .fit-acc { border-top-color: rgba(255, 255, 255, 0.18); }
.b2b-why .fit-acc:last-of-type { border-bottom-color: rgba(255, 255, 255, 0.18); }
.b2b-why .fit-acc summary { color: #FFFFFF; }
.b2b-why .fit-acc summary::after { color: var(--gold); }
.b2b-why .fit-acc-body li { color: rgba(255, 255, 255, 0.8); }
.b2b-why .fit-acc-body li strong { color: #FFFFFF; }
.b2b-why .fit-note {
  color: rgba(255, 255, 255, 0.6); border-top: none; padding-top: 0;
  text-align: center; max-width: 60em; margin: 22px auto 0; font-size: 0.85rem;
}
/* Pieredze un kvalifikācija — accordions */
.fit-accordions { max-width: 900px; margin-top: 4px; }
.fit-acc { border-top: 1px solid rgba(13, 59, 142, 0.16); }
.fit-acc:last-of-type { border-bottom: 1px solid rgba(13, 59, 142, 0.16); }
.fit-acc summary {
  cursor: pointer; position: relative; list-style: none;
  padding: 20px 44px 20px 0;
  font-family: var(--serif); font-size: 1.2rem; font-weight: 600; color: var(--navy);
}
.fit-acc summary::-webkit-details-marker { display: none; }
.fit-acc summary::after {
  content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
  color: var(--gold-deep); font-size: 1.6rem; font-weight: 400; line-height: 1;
}
.fit-acc[open] summary::after { content: "–"; }
.fit-acc-body { padding: 0 0 22px; }
.fit-acc-body ul { margin: 0 0 0 20px; }
.fit-acc-body li { margin-bottom: 9px; color: var(--ink); }
.fit-acc-body li strong { color: var(--navy); }
/* Credentials accordions nested inside the About body */
.b2b-about-cv { margin-top: 26px; }
.b2b-about-body .fit-accordions { max-width: none; }
.b2b-about-body .fit-acc summary { font-size: 1.22rem; padding: 20px 44px 20px 0; }
.b2b-about-body .fit-note { margin-top: 24px; font-size: 0.85rem; }


/* ===== Atsauksmes archive page (atsauksmes.html) ===== */
.atsauksmes-page-hero { text-align: center; padding-top: clamp(118px, 16vh, 158px); padding-bottom: 6px; }
.atsauksmes-page-hero .topic-breadcrumb { justify-content: center; }
.atsauksmes-page-hero .section-mark svg { margin: 0 auto; }
.atsauksmes-page-hero h1 { color: var(--navy); font-size: clamp(2.2rem, 4vw, 3.2rem); margin: 12px 0 14px; }
.atsauksmes-page-hero .section-lead { max-width: 46rem; margin: 0 auto; }
.atsauksmes-page-group { padding-top: 26px; padding-bottom: 40px; }
.atsauksmes-page-group-alt { background: var(--tint); }
.atsauksmes-group-title { color: var(--navy); text-align: center; font-size: clamp(1.4rem, 2.6vw, 2rem); margin: 0 0 28px; }
.atsauksmes-all { column-count: 3; column-gap: 22px; }
/* Gan ekrānšāviņu kartes (LV/RU), gan teksta kartes (EN, kur ekrānšāviņi
   lasītājam nav saprotami) — kolonnu izkārtojums tiek galā ar abām. */
.atsauksmes-all .testimonial-shot,
.atsauksmes-all .testimonial { break-inside: avoid; width: 100%; margin: 0 0 22px; }
@media (max-width: 900px) { .atsauksmes-all { column-count: 2; } }
@media (max-width: 560px) { .atsauksmes-all { column-count: 1; } }

/* "Read all reviews" link under the homepage carousel */
.atsauksmes-all-link { text-align: center; margin-top: 30px; }


/* ===== Biznesa izkartojumi (biznesa-izkartojumi.html) topic grid ===== */
/* 10 tēmas — constellation accordion, grouped into themes */
.izk-themes { margin-top: 30px; display: flex; flex-direction: column; gap: 44px; }

.izk-theme-head { display: flex; align-items: center; gap: 12px; margin-bottom: 2px; }
.izk-theme-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(255, 203, 61, 0.18); }
.izk-theme-title { font-family: var(--serif); font-weight: 600; font-size: clamp(1.2rem, 2.2vw, 1.5rem); color: var(--navy); margin: 0; }
.izk-theme-rule { flex: 1; height: 1px; background: var(--gold-line-soft); }

.izk-list { position: relative; }
.izk-item { position: relative; }
/* the constellation thread linking the nodes */
.izk-item::before {
  content: ""; position: absolute; left: 30px; top: 0; bottom: 0; width: 2px;
  background: var(--gold-line-soft); z-index: 0;
}
.izk-item:first-child::before { top: 30px; }
.izk-item:last-child::before { bottom: auto; height: 30px; }

.izk-item > summary {
  list-style: none; cursor: pointer; position: relative; z-index: 1;
  display: flex; align-items: flex-start; gap: 16px; padding: 20px 4px 20px 0;
}
.izk-item > summary::-webkit-details-marker { display: none; }

.izk-rail { flex: none; width: 52px; align-self: stretch; position: relative; min-height: 24px; }
.izk-num { position: absolute; left: 0; top: 1px; font-family: var(--serif); font-weight: 600; font-size: 1rem; color: var(--navy); opacity: 0.5; }
.izk-node {
  position: absolute; left: 24px; top: 6px; width: 13px; height: 13px; border-radius: 50%;
  background: var(--gold); box-shadow: 0 0 0 5px var(--bg);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.izk-item > summary:hover .izk-node,
.izk-item[open] .izk-node { transform: scale(1.18); box-shadow: 0 0 0 5px var(--bg), 0 0 0 7px var(--gold-line); }

.izk-summary-text { flex: 1; min-width: 0; }
.izk-title { display: block; font-family: var(--serif); font-weight: 600; font-size: clamp(1.15rem, 2.4vw, 1.32rem); color: var(--navy); line-height: 1.25; transition: color 0.15s ease; }
.izk-item > summary:hover .izk-title { color: var(--ink); }
.izk-lead { display: block; margin-top: 6px; font-size: 0.95rem; color: var(--ink); max-width: 62ch; }

.izk-plus {
  flex: none; align-self: center; width: 32px; height: 32px; border-radius: 50%;
  border: 1.5px solid var(--gold-line); position: relative;
  transition: background 0.18s ease, border-color 0.18s ease;
}
.izk-plus::before, .izk-plus::after {
  content: ""; position: absolute; left: 50%; top: 50%; background: var(--gold-deep);
  transition: transform 0.22s ease, background 0.18s ease;
}
.izk-plus::before { width: 12px; height: 2px; transform: translate(-50%, -50%); }
.izk-plus::after { width: 2px; height: 12px; transform: translate(-50%, -50%); }
.izk-item[open] .izk-plus { background: var(--gold); border-color: var(--gold); }
.izk-item[open] .izk-plus::before, .izk-item[open] .izk-plus::after { background: var(--navy); }
.izk-item[open] .izk-plus::after { transform: translate(-50%, -50%) scaleY(0); }

.izk-detail { padding: 2px 4px 28px 52px; }
.izk-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.izk-block-label {
  display: block; font-family: var(--sans); font-weight: 700; font-size: 0.7rem;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-ink); margin-bottom: 9px;
}
.izk-block p { font-size: 0.95rem; margin: 0; color: var(--ink); }
.izk-block ul { margin: 0; padding-left: 18px; }
.izk-block li { font-size: 0.94rem; margin-bottom: 7px; color: var(--ink); }
.izk-block-result { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--gold-line-soft); }
.izk-gains { list-style: none; padding: 0; margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.izk-gains li {
  font-size: 0.8rem; font-weight: 600; color: var(--navy);
  background: var(--tint); border: 1px solid var(--gold-line-soft); border-radius: 999px;
  padding: 6px 14px; margin: 0;
}
.izk-item[open] .izk-detail { animation: izkReveal 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
@keyframes izkReveal { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: none; } }

@media (max-width: 640px) {
  .izk-item::before { left: 5px; }
  .izk-item:first-child::before { top: 28px; }
  .izk-rail { width: 40px; }
  .izk-node { left: 0; }
  .izk-num { left: 15px; top: 0; font-size: 0.85rem; }
  .izk-detail { padding-left: 22px; }
  .izk-cols { grid-template-columns: 1fr; gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .izk-item[open] .izk-detail { animation: none; }
  .izk-node, .izk-plus::before, .izk-plus::after { transition: none; }
}

/* ===== biznesa-izkartojumi — page rhythm, bands & headers (scoped) ===== */
.izk-page .section { padding: 64px 0; }
/* alternating grounds: feature the 10 topics on a soft tint band */
.izk-page #temas { background: var(--tint); }
.izk-page #temas .izk-node { box-shadow: 0 0 0 5px var(--tint); }
.izk-page #temas .izk-item > summary:hover .izk-node,
.izk-page #temas .izk-item[open] .izk-node { box-shadow: 0 0 0 5px var(--tint), 0 0 0 7px var(--gold-line); }
.izk-page #temas .izk-gains li { background: #FFFFFF; }
/* crisp tint band for reviews (no soft white fade → no perceived void) */
.izk-page .atsauksmes-band { background: var(--tint); }
@media (max-width: 640px) { .izk-page .section { padding: 48px 0; } }


/* ===== Spēles — games hub (speles.html) ===== */
.games-hero { padding-bottom: 6px; }
.games-hero-inner { max-width: 60rem; }
/* long title ("Transformācijas") must not overflow narrow screens */
.games-hero h1 { font-size: clamp(1.8rem, 6vw, 3.4rem); overflow-wrap: break-word; }
.games-hero h1 em { display: block; font-style: normal; color: var(--gold-deep); }
.games-lead-note { margin-top: 14px; font-family: var(--serif); font-style: italic; color: var(--navy); font-size: 1.06rem; }

.games-section { padding-top: 30px; }
.games-section-title { color: var(--navy); font-size: clamp(1.4rem, 2.4vw, 1.9rem); margin: 0 0 18px; }
.games-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; margin-bottom: 26px; }
.games-filter { display: flex; flex-wrap: wrap; gap: 9px; }
.games-filter button {
  display: inline-flex; align-items: center; min-height: 44px;
  font-family: var(--sans); font-size: 0.82rem; font-weight: 600; color: var(--navy);
  background: transparent; border: 1px solid var(--gold-line); border-radius: 999px;
  padding: 8px 17px; cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.games-filter button:hover { border-color: var(--gold-deep); }
.games-filter button.is-active { background: var(--navy); border-color: var(--navy); color: #FFFFFF; }
.games-count { font-size: 0.85rem; color: var(--ink); margin: 0; white-space: nowrap; }
.games-count span { font-weight: 700; color: var(--navy); }

.games-empty { text-align: center; color: var(--read); padding: 34px 0; }
.games-empty-reset {
  font-family: var(--sans); font-weight: 600; font-size: 0.9rem; color: var(--navy);
  background: transparent; border: 0; border-bottom: 1px solid var(--gold-line);
  padding: 2px 0 3px; margin-left: 4px; cursor: pointer;
}
.games-empty-reset:hover { color: var(--gold-deep); border-color: var(--gold-deep); }
.games-cta-section { margin-top: 6px; }
@media (max-width: 560px) {
  .games-toolbar { justify-content: flex-start; }
  .game-title { font-size: 1.2rem; }
}


/* ===== Kursa lapa (kurss-*.html) — POC ===== */
.course-hero { padding-bottom: 10px; }
.course-hero-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(28px, 4vw, 56px); align-items: center; }
.course-hero h1 em { font-style: normal; color: var(--gold-deep); display: block; }
.course-hero-sub { font-family: var(--sans); font-weight: 600; font-size: 0.9rem; letter-spacing: 0.04em; color: var(--gold-ink); margin: 10px 0 0; text-transform: uppercase; }
.course-hero .topic-lead { margin-top: 14px; color: var(--read); }
.course-stats { list-style: none; display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 24px 0 26px; }
.course-stats li { flex: 1 1 130px; background: var(--tint); border-radius: 14px; padding: 16px 18px; }
.course-stats strong { display: block; font-family: var(--serif); font-weight: 700; font-size: 1.7rem; color: var(--navy); line-height: 1; }
.course-stats span { display: block; margin-top: 6px; font-size: 0.82rem; color: var(--read); }
.course-hero-media { margin: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 26px 64px rgba(13, 59, 142, 0.18); }
.course-hero-media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
/* Kursa lapā tas pats attēls un tas pats kadrējums kā kursu sarakstā (3:2) */
.course-hero .course-hero-media img { aspect-ratio: 3 / 2; }

.course-how-strip { padding: 12px 0 0; }
.course-how-card { background: var(--navy); color: #FFFFFF; border-radius: 20px; padding: 30px 34px; display: grid; grid-template-columns: auto 1fr; gap: 10px 28px; align-items: center; }
.course-how-label { font-family: var(--sans); font-weight: 700; font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); }
.course-how-card p { color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 1.02rem; }

.course-steps { list-style: none; padding: 0; margin: 26px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.course-steps li { background: var(--tint); border-radius: 16px; padding: 22px 22px 20px; }
.course-step-n { font-family: var(--serif); font-weight: 700; font-size: 1.1rem; color: var(--gold-deep); }
.course-steps h3 { font-family: var(--serif); color: var(--navy); font-size: 1.12rem; margin: 8px 0; }
.course-steps p { font-size: 0.92rem; color: var(--read); margin: 0; }
.course-joker { margin: 24px 0 0; font-size: 0.95rem; color: var(--read); border-top: 1px solid var(--gold-line-soft); padding-top: 18px; max-width: 70ch; }
.course-joker strong { color: var(--navy); }

.course-themes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 24px; }
.course-theme { background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 16px; padding: 22px 24px; }
.course-theme-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.course-theme-top h3 { font-family: var(--serif); color: var(--navy); font-size: 1.2rem; margin: 0; }
.course-theme-cards { font-family: var(--sans); font-weight: 700; font-size: 0.66rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold-ink); white-space: nowrap; }
.course-theme-q { font-family: var(--serif); font-style: italic; color: var(--navy); margin: 10px 0 6px; }
.course-theme-d { font-size: 0.9rem; color: var(--read); margin: 0; }

.course-forwhom { background: var(--navy); }
.course-forwhom h2 { color: #FFFFFF; }
.course-forwhom .section-lead { color: rgba(255, 255, 255, 0.82); }
.course-signs { list-style: none; padding: 0; margin: 26px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; }
.course-signs li { display: grid; grid-template-columns: 26px 1fr; column-gap: 12px; row-gap: 4px; align-items: start; }
.course-signs li::before { content: "✓"; grid-row: span 2; color: var(--navy); background: var(--gold); width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.82rem; }
.course-signs strong { color: #FFFFFF; }
.course-signs span { color: rgba(255, 255, 255, 0.78); font-size: 0.92rem; }
.course-usewhere { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.16); padding-top: 26px; }
.course-usewhere-k { font-family: var(--sans); font-weight: 700; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); }
.course-usewhere p { color: rgba(255, 255, 255, 0.82); margin: 6px 0 0; font-size: 0.95rem; }

.course-gains-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 24px; }
.course-gain { background: #FFFFFF; border-radius: 16px; padding: 24px 26px; }
.course-gain h3 { font-family: var(--serif); color: var(--navy); font-size: 1.14rem; margin: 0 0 8px; }
.course-gain p { color: var(--read); margin: 0; font-size: 0.95rem; }

.course-meetings { margin-top: 24px; }
.course-meeting { border-top: 1px solid var(--gold-line-soft); }
.course-meeting:last-of-type { border-bottom: 1px solid var(--gold-line-soft); }
.course-meeting > summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 20px 44px 20px 0; position: relative; }
.course-meeting > summary::-webkit-details-marker { display: none; }
.course-meeting-n { font-family: var(--serif); font-weight: 700; font-size: 1.2rem; color: var(--gold-deep); }
.course-meeting-t { display: block; font-family: var(--serif); font-weight: 600; font-size: 1.2rem; color: var(--navy); line-height: 1.2; }
.course-meeting-q { display: block; font-size: 0.9rem; color: var(--read); margin-top: 3px; }
.course-meeting-dur { font-family: var(--sans); font-weight: 700; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold-ink); white-space: nowrap; }
.course-meeting > summary::after { content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); color: var(--gold-deep); font-size: 1.5rem; line-height: 1; }
.course-meeting[open] > summary::after { content: "–"; }
.course-meeting-body { padding: 0 0 24px 62px; }
.course-mcols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.course-mblock { margin-bottom: 16px; }
.course-mlabel { display: block; font-family: var(--sans); font-weight: 700; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-ink); margin-bottom: 8px; }
.course-mblock p { margin: 0; color: var(--read); font-size: 0.95rem; }
.course-mblock ul { margin: 0; padding-left: 18px; }
.course-mblock li { color: var(--read); font-size: 0.93rem; margin-bottom: 6px; }
.course-mnote { font-size: 0.92rem; color: var(--read); border-top: 1px solid var(--gold-line-soft); padding-top: 14px; }
.course-mnote strong { color: var(--navy); }

.course-format-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 24px; }
.course-format-item { background: #FFFFFF; border-radius: 16px; padding: 22px 24px; }
.course-format-k { font-family: var(--sans); font-weight: 700; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold-ink); }
.course-format-item p { color: var(--read); margin: 8px 0 0; font-size: 0.95rem; }
.course-format-note { text-align: center; color: var(--read); margin-top: 22px; font-size: 0.9rem; }

@media (max-width: 900px) {
  .course-hero-grid { grid-template-columns: 1fr; }
  .course-hero-media { order: -1; max-width: 420px; }
  .course-steps { grid-template-columns: 1fr 1fr; }
  .course-themes-grid { grid-template-columns: 1fr; }
  .course-signs, .course-usewhere, .course-gains-grid, .course-format-grid, .course-mcols { grid-template-columns: 1fr; }
  .course-how-card { grid-template-columns: 1fr; gap: 10px; }
  .course-meeting-body { padding-left: 0; }
}

/* ---------- Kondensētā kursa lapa (course-page-short) ---------- */
.course-facts { background: var(--navy); border-radius: 20px; padding: 26px 34px; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 18px 24px; }
.course-facts div { min-width: 0; }
.course-facts dt { font-family: var(--sans); font-weight: 700; font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); margin: 0 0 6px; }
.course-facts dd { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 1.05rem; line-height: 1.25; color: #FFFFFF; }
.course-facts dd small { display: block; margin-top: 4px; font-family: var(--sans); font-weight: 400; font-size: 0.8rem; line-height: 1.35; color: rgba(255, 255, 255, 0.7); }

.course-quote { font-family: var(--serif); font-style: italic; font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.4; color: var(--navy); text-align: center; max-width: 34ch; margin: 0 auto 40px; }
.course-two { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 4vw, 56px); }
.course-two-title { font-size: clamp(1.35rem, 2.4vw, 1.7rem); margin: 0; }
.course-list { list-style: none; padding: 0; margin: 16px 0 0; }
.course-list li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; font-size: 1rem; color: var(--read); }
.course-list li::before { content: "✓"; flex: 0 0 26px; color: var(--navy); background: var(--gold); width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.82rem; }
.course-list li > span { flex: 1 1 auto; }
.course-list li strong { color: var(--navy); font-weight: 600; margin-right: 0.3em; }

.course-zones { list-style: none; padding: 0; margin: 26px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.course-zone { background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 14px; padding: 18px 18px 16px; }
.course-zone-n { font-family: var(--serif); font-weight: 700; font-size: 0.95rem; color: var(--gold-deep); }
.course-zone h3 { font-family: var(--serif); font-size: 1.12rem; color: var(--navy); margin: 6px 0 5px; }
.course-zone p { font-size: 0.88rem; line-height: 1.45; color: var(--read); margin: 0; }
.course-zones-section .fit-note { margin-top: 26px; }
.course-page .fit-note { color: var(--read); border-top-color: var(--gold-line-soft); }
.course-cta-meta { margin: 18px 0 0; font-size: 0.82rem; letter-spacing: 0.02em; opacity: 0.8; }

@media (max-width: 900px) {
  .course-facts { grid-template-columns: 1fr 1fr; padding: 22px 24px; }
  .course-two { grid-template-columns: 1fr; }
  .course-zones { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .course-facts { grid-template-columns: 1fr; }
  .course-zones { grid-template-columns: 1fr; }
}

/* ---------- Kursu hubs (kursi.html) — kartes: vāks · virziens · nosaukums · prasmes · meta · zīmes ---------- */
.kursi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.kurss-card {
  display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 18px;
  overflow: hidden; text-decoration: none; color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.kurss-card[hidden] { display: none; }
a.kurss-card:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(13, 59, 142, 0.12); border-color: var(--gold-line); }
a.kurss-card:focus-visible { outline: 2px solid var(--gold-deep); outline-offset: 2px; }
.kurss-cover {
  position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: var(--navy); padding: 18px 20px;
  display: flex; flex-direction: column; justify-content: space-between;
}
.kurss-cover::before { content: ""; position: absolute; right: -46px; top: -46px; width: 160px; height: 160px; border-radius: 50%; border: 1px solid rgba(255, 203, 61, 0.35); }
.kurss-cover::after { content: ""; position: absolute; right: 30px; top: 30px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(255, 203, 61, 0.18); }
.kurss-cover-n { font-family: var(--sans); font-weight: 700; font-size: 0.7rem; letter-spacing: 0.14em; color: var(--gold); }
.kurss-cover-fig { font-family: var(--serif); font-weight: 700; font-size: clamp(1.5rem, 2.2vw, 1.95rem); line-height: 1.05; color: #FFFFFF; }
.kurss-cover-fig small { display: block; margin-top: 6px; font-family: var(--sans); font-weight: 500; font-size: 0.8rem; line-height: 1.3; color: rgba(255, 255, 255, 0.72); }
.kurss-card-soon .kurss-cover { background: var(--tint); }
.kurss-card-soon .kurss-cover::before { border-color: var(--gold-line); }
.kurss-card-soon .kurss-cover::after { box-shadow: 0 0 0 5px rgba(255, 203, 61, 0.28); }
.kurss-card-soon .kurss-cover-n { color: var(--gold-ink); }
.kurss-card-soon .kurss-cover-fig { color: var(--navy); }
.kurss-card-soon .kurss-cover-fig small { color: var(--read); }
.kurss-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 18px 22px 20px; }
.kurss-dir { display: flex; align-items: center; gap: 8px; font-family: var(--sans); font-weight: 700; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-ink); margin: 0 0 8px; }
.kurss-dir::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); flex: 0 0 auto; }
.kurss-title { font-family: var(--serif); font-weight: 600; font-size: 1.18rem; line-height: 1.25; color: var(--navy); margin: 0 0 10px; }
.kurss-skills { font-size: 0.88rem; line-height: 1.5; color: var(--read); margin: 0 0 14px; }
.kurss-skills strong { color: var(--navy); font-weight: 600; }
.kurss-meta { font-size: 0.8rem; line-height: 1.45; color: var(--ink); margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--gold-line-soft); }
.kurss-src { font-size: 0.76rem; font-style: italic; color: var(--read); margin: 6px 0 0; }
.kurss-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.kurss-pill { display: inline-flex; align-items: center; font-family: var(--sans); font-weight: 700; font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--navy); background: var(--tint); border-radius: 999px; padding: 5px 10px; }
.kurss-pill-b2b { background: var(--navy); color: #FFFFFF; }
.kurss-pill-new { background: var(--gold); color: var(--navy); }
.kurss-pill-soon { background: transparent; border: 1px dashed var(--gold-line); color: var(--gold-ink); }
@media (max-width: 980px) { .kursi-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .kursi-grid { grid-template-columns: 1fr; } }
.games-cta-section .b2b-cta p a { color: var(--gold); text-decoration-color: rgba(255, 203, 61, 0.5); }
@media (max-width: 600px) { .kurss-cover { aspect-ratio: 21 / 9; } }

/* ---------- Kursa lapa v2: hero saite, "Kursu vada" karte, kursa BUJ ---------- */
.course-hero-link { display: inline-flex; align-items: center; gap: 6px; padding: 12px 6px; font-family: var(--sans); font-weight: 600; font-size: 0.95rem; color: var(--navy); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.course-hero-link:hover { color: var(--gold-deep); text-decoration-color: var(--gold-deep); }
.course-lead-section { padding-top: 56px; padding-bottom: 56px; }
/* Kursa lapa bez vadītājas kartītes (kliente 2026-09-29) — paliek tikai metodes/spēles autoru norāde */
.course-credit-section { padding-top: 32px; padding-bottom: 32px; }
.course-method-credit { max-width: 62em; margin: 0 auto; padding: 16px 22px; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 14px; font-size: 0.9rem; line-height: 1.6; color: var(--read); }
.course-method-credit strong { color: var(--navy); }
.course-lead { display: grid; grid-template-columns: 132px 1fr; gap: 28px; align-items: center; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 20px; padding: 28px 32px; }
.course-lead img { display: block; width: 132px; height: 132px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; box-shadow: 0 0 0 6px var(--tint); }
.course-lead-k { display: block; font-family: var(--sans); font-weight: 700; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-ink); margin-bottom: 4px; }
.course-lead-name { font-size: clamp(1.3rem, 2.2vw, 1.6rem); margin: 0 0 8px; }
.course-lead p { margin: 0; font-size: 0.95rem; line-height: 1.55; color: var(--read); }
.course-lead-link { color: var(--navy); font-weight: 600; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; white-space: nowrap; }
.course-lead-link:hover { color: var(--gold-deep); }
.course-lead-method { margin-top: 14px !important; padding-top: 14px; border-top: 1px solid var(--gold-line-soft); font-size: 0.88rem !important; }
.course-lead-method strong { color: var(--navy); }
.course-faq h2 { text-align: center; }
.course-faq .section-mark svg { margin: 0 auto; }
.course-faq .faq-list { margin-top: 26px; }
@media (max-width: 640px) {
  .course-lead { grid-template-columns: 1fr; gap: 18px; padding: 24px 22px; }
}
.games-hero-slim { padding-bottom: 0; }
.games-hero-slim .topic-breadcrumb { margin-bottom: 0; }
.games-hero-slim + .games-section { padding-top: 34px; }
h1.games-section-title { font-size: clamp(1.7rem, 3.2vw, 2.4rem); }
/* Kursu kartes ar foto vāku (9 reālie kursi); "Drīzumā" kartes paliek ar tinta vāku */
.kurss-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.kurss-cover-img-top { object-position: 50% 30%; }
/* Grupas foto, kur sejas ir pie kadra augšmalas (09. kurss): fokuss augstāk,
   citādi augšējai rindai nogriež galvas. Portretam (04.) tas pats vērtība
   nobīdītu seju zem virsraksta — tāpēc atsevišķa klase. */
.kurss-cover-img-faces { object-position: 50% 12%; }
.kurss-cover-photo::before { content: ""; position: absolute; inset: 0; z-index: 1; width: auto; height: auto; border: 0; border-radius: 0; background: linear-gradient(180deg, rgba(13, 59, 142, 0.05) 0%, rgba(13, 59, 142, 0.30) 34%, rgba(13, 59, 142, 0.86) 68%, rgba(13, 59, 142, 0.97) 100%); }
.kurss-cover-photo::after { display: none; }
.kurss-cover-photo .kurss-cover-n, .kurss-cover-photo .kurss-cover-fig { position: relative; z-index: 2; }
.kurss-cover-photo .kurss-cover-n { background: rgba(13, 59, 142, 0.78); padding: 4px 9px; border-radius: 999px; align-self: flex-start; }
.kurss-cover-photo .kurss-cover-fig { text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35); }
a.kurss-card:hover .kurss-cover-img { transform: scale(1.04); }

/* ---------- Sākumlapa v2: dalītais hero, piedāvājuma kartes, kompaktie virzieni, izceltie kursi ---------- */
.hero-split { position: relative; min-height: 0; padding: 150px 0 64px; background: linear-gradient(180deg, var(--tint) 0%, rgba(234, 242, 255, 0) 85%); }
.hero-split-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(28px, 4vw, 60px); align-items: center; }
.hero-split h1 { text-transform: none; letter-spacing: 0; font-size: clamp(2rem, 4.3vw, 3.5rem); line-height: 1.12; }
.hero-split h1 em { font-style: normal; color: var(--gold-deep); display: block; }
.hero-photo { margin: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 26px 64px rgba(13, 59, 142, 0.18); }
.hero-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 18%; }
.offer-grid { margin-top: 26px; }
a.offer-card { display: flex; flex-direction: column; text-align: left; text-decoration: none; color: inherit; }
.offer-card .card-icon { justify-content: flex-start; }
.offer-card h3 { color: var(--navy); }
.offer-card p { color: var(--read); margin: 0 0 16px; }
.offer-meta { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--gold-line-soft); font-family: var(--sans); font-weight: 700; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold-ink); }
.offer-link { display: inline-block; margin-top: 10px; font-family: var(--sans); font-weight: 600; color: var(--navy); }
a.offer-card:hover .offer-link { color: var(--gold-deep); }
.virzieni-compact .vcard-img { aspect-ratio: 16 / 8; }
.virzieni-compact .vcard-body { gap: 8px; padding: 20px 22px 22px; }
.virzieni-compact .vcard-body p { font-size: 0.93rem; }
.home-kursi { margin-top: 26px; }
@media (max-width: 900px) {
  .hero-split-grid { grid-template-columns: 1fr; }
  .hero-photo { max-width: 420px; order: -1; }
}
#formati .offer-grid { margin-inline: 0; }
#formati .offer-card { text-align: left; padding: 34px 30px 30px; }
#formati .offer-card p { margin-left: 0; margin-right: 0; max-width: none; }
.hero-split .hero-text { max-width: none; }
.hero-split h1 { font-size: clamp(1.9rem, 3.7vw, 3.1rem); }

/* ---------- Sākumlapa: piedāvājuma "flagship" izkārtojums (kursi lieli, sesijas + Touch mazāki) ---------- */
.offer-flag { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 22px; margin-top: 26px; align-items: stretch; }
.offer-main, .offer-card-sm { display: flex; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 20px; overflow: hidden; text-decoration: none; color: inherit; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.offer-main { flex-direction: column; }
.offer-main:hover, .offer-card-sm:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(13, 59, 142, 0.12); border-color: var(--gold-line); }
.offer-cover { position: relative; overflow: hidden; background: var(--navy); }
.offer-main .offer-cover { aspect-ratio: 16 / 9; }
.offer-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.offer-main:hover .offer-cover img, .offer-card-sm:hover .offer-cover img { transform: scale(1.04); }
.offer-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 59, 142, 0.05) 0%, rgba(13, 59, 142, 0.30) 34%, rgba(13, 59, 142, 0.86) 68%, rgba(13, 59, 142, 0.97) 100%); }
.offer-cover-n, .offer-cover-fig { position: absolute; z-index: 1; left: 22px; }
.offer-cover-n { top: 18px; background: rgba(13, 59, 142, 0.78); color: var(--gold); font-family: var(--sans); font-weight: 700; font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; }
.offer-cover-fig { right: 22px; bottom: 20px; font-family: var(--serif); font-weight: 700; font-size: clamp(1.8rem, 2.8vw, 2.6rem); line-height: 1.05; color: #FFFFFF; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35); }
.offer-cover-fig small { display: block; margin-top: 6px; font-family: var(--sans); font-weight: 500; font-size: 0.85rem; line-height: 1.3; color: rgba(255, 255, 255, 0.78); }
.offer-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 22px 26px 24px; }
.offer-body h3 { font-family: var(--serif); color: var(--navy); font-size: 1.35rem; line-height: 1.25; margin: 0 0 10px; }
.offer-body p { color: var(--read); font-size: 0.95rem; line-height: 1.6; margin: 0 0 12px; }
.offer-body .kurss-dir { margin-bottom: 8px; }
.offer-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 2px 0 16px; }
.offer-chips li { font-family: var(--sans); font-weight: 600; font-size: 0.78rem; color: var(--navy); background: var(--tint); border-radius: 999px; padding: 6px 12px; }
.offer-side { display: grid; grid-template-rows: 1fr 1fr; gap: 22px; }
.offer-card-sm { flex-direction: row; }
.offer-card-sm .offer-cover { flex: 0 0 42%; min-height: 200px; }
.offer-card-sm .offer-cover-fig { left: 16px; right: 12px; bottom: 16px; font-size: 1.5rem; }
.offer-card-sm .offer-body { padding: 20px 22px; }
.offer-card-sm h3 { font-size: 1.2rem; }
@media (max-width: 980px) {
  .offer-flag { grid-template-columns: 1fr; }
  .offer-side { grid-template-rows: none; }
}
@media (max-width: 560px) {
  .offer-card-sm { flex-direction: column; }
  .offer-card-sm .offer-cover { flex-basis: auto; aspect-ratio: 16 / 9; min-height: 0; }
}
.offer-card-sm .offer-cover { flex: 0 0 46%; }
.offer-card-sm .offer-cover::after { background: linear-gradient(180deg, rgba(13, 59, 142, 0) 0%, rgba(13, 59, 142, 0.08) 45%, rgba(13, 59, 142, 0.72) 78%, rgba(13, 59, 142, 0.94) 100%); }
.offer-card-sm .offer-cover-fig { font-size: 1.3rem; }
.offer-card-sm .offer-cover { flex-basis: 44%; }
.offer-card-sm .offer-body { padding: 18px 20px; }
.offer-card-sm .offer-body p { font-size: 0.9rem; line-height: 1.55; }
.offer-card-sm .offer-meta { padding-top: 12px; }
/* Sānu kartes ≥981px: foto bija 44% no kartes platuma, bet augstumu noteica
   teksts — sanāca augsta, šaura josla, kas no 3:2 foto rādīja trešdaļu (MAK
   kavām palika viena kārts). Foto virs teksta kā 2:1 josla rāda 75%. Lielās
   kursu kartes foto aizpilda radušos augstumu, lai tajā nepaliek tukšums. */
@media (min-width: 981px) {
  .offer-card-sm { flex-direction: column; }
  .offer-card-sm .offer-cover { flex: 0 0 auto; aspect-ratio: 2 / 1; min-height: 0; }
  .offer-main .offer-cover { aspect-ratio: auto; flex: 1 1 auto; min-height: 300px; }
  .offer-main .offer-body { flex: 0 0 auto; }
}

/* ---------- Pakalpojumu lapa v2: ceļš/cenas, kā notiek sesija, metodes, citi formāti ---------- */
.path-grid { list-style: none; padding: 0; margin: 26px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; align-items: stretch; }
.path-card { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 18px; padding: 24px 22px 22px; }
.path-card.is-featured { background: var(--navy); border-color: var(--navy); }
.path-n { font-family: var(--serif); font-weight: 700; font-size: 1.1rem; color: var(--gold-deep); }
.is-featured .path-n { color: var(--gold); }
.path-k { display: block; margin-top: 8px; font-family: var(--sans); font-weight: 700; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-ink); }
.is-featured .path-k { color: var(--gold); }
.path-card h3 { font-family: var(--serif); color: var(--navy); font-size: 1.22rem; line-height: 1.25; margin: 8px 0 6px; }
.is-featured h3 { color: #FFFFFF; }
.path-meta { font-size: 0.88rem; line-height: 1.5; color: var(--read); margin: 0 0 18px; }
.is-featured .path-meta { color: rgba(255, 255, 255, 0.8); }
.path-price { margin: auto 0 0; font-family: var(--serif); font-weight: 700; font-size: 1.5rem; line-height: 1.1; color: var(--navy); }
.is-featured .path-price { color: var(--gold); }
.path-price small { display: block; margin-top: 4px; font-family: var(--sans); font-weight: 500; font-size: 0.8rem; color: var(--read); }
.is-featured .path-price small { color: rgba(255, 255, 255, 0.72); }
#cenas .price-note { margin-top: 22px; }
.how-grid, .formats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 26px; }
.how-card { background: #FFFFFF; border-radius: 16px; padding: 24px 24px 22px; }
.how-card h3 { font-family: var(--serif); color: var(--navy); font-size: 1.15rem; margin: 8px 0; }
.how-card p { font-size: 0.93rem; line-height: 1.6; color: var(--read); margin: 0; }
.method-card { display: flex; flex-direction: column; background: var(--tint); border-radius: 16px; padding: 24px 24px 22px; }
.method-card h3 { font-family: var(--serif); color: var(--navy); font-size: 1.15rem; margin: 0 0 8px; }
.method-card p { font-size: 0.93rem; line-height: 1.6; color: var(--read); margin: 0 0 14px; }
.method-card .offer-meta { margin-top: auto; }
.services-page .hub-topics { margin-top: 26px; }
.format-tile { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 16px; padding: 22px 22px 20px; text-decoration: none; color: inherit; }
.format-tile h3 { font-family: var(--serif); color: var(--navy); font-size: 1.15rem; margin: 6px 0 6px; }
.format-tile p { font-size: 0.9rem; color: var(--read); margin: 0 0 14px; }
.format-tile .path-price { font-size: 1.25rem; }
.format-tile-link { transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.format-tile-link:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(13, 59, 142, 0.12); border-color: var(--gold-line); }
.topic-services-games .hub-b2b + .hub-b2b { margin-top: 36px; padding-top: 36px; border-top: 1px solid var(--gold-line-soft); }
@media (max-width: 980px) {
  .path-grid { grid-template-columns: 1fr 1fr; }
  /* :has() variants tiek uzskaitīti atsevišķi — bez tā tie ar augstāko
     specifiskumu pārspētu šo sabrukumu un uz telefona paliktu divas kolonnas. */
  .how-grid, .method-grid, .formats-grid,
  .method-grid:has(.method-card-wide) { grid-template-columns: 1fr; }
}
@media (max-width: 560px) { .path-grid { grid-template-columns: 1fr; } }

/* ---------- RISA Touch v2: intro ar foto, pārskata rinda, rituālu kartes ---------- */
.touch-intro-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(28px, 4vw, 56px); align-items: center; }
.touch-quote { text-align: left; max-width: none; margin: 0 0 18px; font-size: clamp(1.25rem, 2vw, 1.5rem); }
.touch-intro-grid p { color: var(--read); }
.touch-intro-grid p strong { color: var(--navy); }
.touch-intro-photo { margin: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 26px 64px rgba(13, 59, 142, 0.18); }
.touch-intro-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 62%; }
.touch-glance { list-style: none; padding: 0; margin: 22px 0 26px; display: flex; flex-wrap: wrap; gap: 10px; }
.touch-glance a { display: inline-flex; flex-direction: column; gap: 2px; padding: 10px 14px; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 14px; text-decoration: none; color: var(--navy); font-family: var(--sans); transition: border-color 0.15s ease; }
.touch-glance a:hover { border-color: var(--gold-deep); }
.touch-glance strong { font-weight: 600; font-size: 0.9rem; }
.touch-glance span { font-size: 0.76rem; font-weight: 700; letter-spacing: 0.04em; color: var(--gold-ink); }
.touch-list { display: grid; gap: 18px; }
.touch-card { background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 20px; padding: 26px 28px 24px; scroll-margin-top: 110px; }
.touch-card-head { display: grid; grid-template-columns: 52px 1fr auto; gap: 16px 20px; align-items: start; margin-bottom: 18px; }
.touch-n { font-family: var(--serif); font-weight: 700; font-size: 1.3rem; color: var(--gold-deep); padding-top: 4px; }
.touch-card-title h3 { font-family: var(--serif); color: var(--navy); font-size: 1.45rem; margin: 0 0 6px; }
.touch-kam { margin: 0; color: var(--read); font-size: 0.95rem; }
.touch-kam strong { color: var(--navy); }
.touch-card-meta { text-align: right; white-space: nowrap; }
.touch-price { display: block; font-family: var(--serif); font-weight: 700; font-size: 1.6rem; line-height: 1; color: var(--navy); }
.touch-len { display: block; margin-top: 6px; font-family: var(--sans); font-weight: 700; font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold-ink); }
.touch-card .course-mcols { padding-left: 72px; }
.touch-note { margin: 2px 0 0 72px; font-size: 0.85rem; color: var(--read); }
.touch-gift { margin-top: 22px; }
@media (max-width: 900px) {
  .touch-intro-grid { grid-template-columns: 1fr; }
  .touch-intro-photo { max-width: 420px; }
  .touch-card-head { grid-template-columns: 40px 1fr; }
  .touch-card-meta { grid-column: 2; text-align: left; }
  .touch-card .course-mcols { padding-left: 0; }
  .touch-note { margin-left: 0; }
}
.touch-booking-note { margin: 18px auto 24px; max-width: 44em; font-size: 0.93rem; line-height: 1.6; color: var(--read); background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 14px; padding: 14px 22px; }
.touch-booking-note strong { color: var(--navy); }

/* Klientes darba fotogrāfijas. Kadri ir portreta orientācijā (3:4), tāpēc rāmis
   arī ir portrets — object-fit: cover, tāpat kā .vcard-img, lai visi četri
   sakrīt malās neatkarīgi no oriģināla proporcijām. */
.touch-gallery {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px; margin-top: 4px;
}
.touch-gallery figure {
  margin: 0; border-radius: 16px; overflow: hidden;
  background: var(--tint); aspect-ratio: 3 / 4;
}
.touch-gallery img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.45s ease;
}
.touch-gallery figure:hover img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .touch-gallery img { transition: none; } }

/* ── Sertifikātu lapa ───────────────────────────────────────────────────────
   Skenējumi ar aizkrāsotu personas kodu. Palielināšanai izmanto to pašu
   lightbox, kas atsauksmēm — sk. .cert-shot-btn main.js selektorā. */
.cert-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 26px; margin-top: 8px; }
.cert-card {
  display: flex; flex-direction: column;
  background: #FFFFFF; border: 1px solid var(--gold-line);
  border-radius: 20px; overflow: hidden;
}
.cert-shot-btn {
  display: block; position: relative; width: 100%;
  padding: 0; border: 0; background: none; cursor: zoom-in; overflow: hidden;
}
.cert-shot-btn img {
  display: block; width: 100%; height: 230px; object-fit: cover; object-position: top center;
  border-bottom: 1px solid var(--gold-line);
}
.cert-shot-btn:focus-visible { outline: 2px solid var(--navy); outline-offset: -4px; }
.cert-shot-btn:hover .shot-zoom { background: var(--gold); transform: scale(1.08); }
.cert-body { padding: 18px 20px 20px; }
.cert-body h3 { font-family: var(--sans); font-size: 0.95rem; font-weight: 700; color: var(--navy); margin: 0 0 6px; line-height: 1.35; }
.cert-issuer { font-size: 0.92rem; margin: 0 0 10px; }
.cert-meta { font-size: 0.82rem; opacity: 0.8; margin: 0 0 10px; }
.cert-backs { font-size: 0.85rem; margin: 0; padding-top: 10px; border-top: 1px solid var(--gold-line); }
.cert-note { font-size: 0.9rem; opacity: 0.85; margin-top: 26px; }
@media (max-width: 560px) { .cert-shot-btn img { height: 200px; } }

/* Saite uz sertifikātu lapu izglītības akordeonos un B2B hero joslā */
.fit-acc-link { margin: 14px 0 2px; font-size: 0.92rem; }
.fit-acc-link a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.fit-acc-link a:hover { color: var(--gold); }
a.b2b-accred-label { text-decoration: none; }
a.b2b-accred-label:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Netlify Forms medus pods — reāls lauks, ko cilvēks neredz, bet boti aizpilda.
   Slēpts ar position, nevis display:none, jo daži boti display:none ignorē. */
.ask-hp { position: absolute; left: -5000px; width: 1px; height: 1px; overflow: hidden; }
/* Atbildes paziņojums zem formas. */
.ask-note {
  margin-top: 14px; padding: 12px 16px; border-radius: 10px;
  background: rgba(255, 203, 61, 0.18); color: var(--navy);
  font-size: 0.95rem; font-weight: 600;
}
.ask-note:empty { display: none; }
.ask-note.is-err { background: rgba(200, 40, 40, 0.12); color: #8A1F1F; }

/* Privātuma politikas lapa — vienkārša lasāma sleja, bez dekora. */
.pp-hero { padding-bottom: 0; }
.pp-updated { margin-top: 10px; font-size: 0.9rem; color: rgba(13, 59, 142, 0.62); }
.pp-container { max-width: 46em; }
.pp-block { margin-top: 34px; }
.pp-block h2 {
  font-family: var(--serif); color: var(--navy);
  font-size: clamp(1.15rem, 1.5vw, 1.4rem); margin-bottom: 10px;
}
.pp-block p { margin-bottom: 12px; max-width: 46em; }
.pp-block a { color: var(--blue); }

/* Juridiskā atruna zem cenām (klientes teksts) — mazs, pieklusināts, bet AA-drošs.
   Krāsa #5A6B84 uz balta = 5.4:1, tātad der arī 13 px tekstam. */
.legal-note {
  margin: 22px 0 0;
  font-size: 0.85rem;
  line-height: 1.6;
  color: #5A6B84;
  max-width: 68ch;
}

/* ── Virzienu restrukturizācija (2026-09-14): RISA Touch kā sestā virzienu karte.
   Tas ir darba veids, nevis problēmas joma — tāpēc atšķirīgs fons un mazs uzraksts. */
.vcard-touch { background: var(--tint); }
.vcard-kicker { margin: 0; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-ink); }

/* ── Metodes (apvienota sadaļa): 4 metožu kartes vienā rindā desktopā, 2×2 planšetē;
   5 soļi kā viena numurēta rinda, pilnais apraksts <details> izvērsumā. */
.metodes-grid { grid-template-columns: repeat(4, 1fr); margin-top: 28px; align-items: stretch; }
@media (max-width: 1100px) { .metodes-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .metodes-grid { grid-template-columns: 1fr; } }
.metodes-grid .method-card { padding: 28px 26px; background: #FFFFFF; }  /* sadaļa jau ir tonēta — kartēm balts fons */
.metodes-grid .method-card h3 { font-size: 1.15rem; margin-bottom: 10px; }
.metodes-grid .method-card p { font-size: 0.95rem; line-height: 1.6; margin: 0; }
.metode-short { margin: 44px auto 0; max-width: 980px; }
.metode-short > h3 { text-align: center; font-size: 1.3rem; color: var(--navy); margin: 0 0 18px; }
.metode-row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; counter-reset: none; }
.metode-row li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; font-weight: 600; color: var(--navy); font-size: 0.92rem; line-height: 1.4; }
@media (max-width: 760px) { .metode-row { grid-template-columns: 1fr; } .metode-row li { flex-direction: row; text-align: left; } }
.metode-more { margin-top: 24px; }
.metode-more > summary { cursor: pointer; text-align: center; font-weight: 600; color: #1D4FC0; list-style: none; }
.metode-more > summary::-webkit-details-marker { display: none; }
.metode-more > summary::after { content: " ↓"; }
.metode-more[open] > summary::after { content: " ↑"; }
.metode-more > summary:focus-visible { outline: 2px solid var(--navy); outline-offset: 4px; border-radius: 6px; }

/* ── Atsauksmes virziena lapā: līdz 4 kartēm rindā; garie teksti (EN) ritinās kartē. */
.topic-reviews-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); align-items: start; }
/* tikai 2 atsauksmes: nestiept pa visu platumu (garie ekrānuzņēmumi kļūst ~900px augsti) */
.topic-reviews-grid:has(> :nth-child(2):last-child) { max-width: 720px; margin-inline: auto; }
.topic-reviews-grid .testimonial blockquote:not(.visually-hidden) {
  max-height: 19.5em; overflow-y: auto; padding-right: 12px;
  scrollbar-width: thin; scrollbar-color: rgba(13, 59, 142, 0.3) transparent;
}
.topic-reviews-grid .testimonial blockquote:focus-visible { outline: 2px solid var(--navy); outline-offset: 4px; border-radius: 6px; }
.topic-reviews-more { text-align: center; margin-top: 26px; }
.topic-reviews-more a { font-weight: 600; color: #1D4FC0; }

/* ── Cenas lapu beigās: kursu rindas virziena lapā un cenas bloks kursa lapā.
   Poga ved uz bezmaksas iepazīšanās sarunu — maksājumu vietne nepieņem. */
.price-rows { max-width: 880px; margin: 26px auto 0; text-align: left; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 18px; padding: 22px 26px; }  /* tikpat plats kā .price-pointer virs tā */
.course-prices .price-pointer { margin: 0; }  /* kursa lapā virsraksts ir pa kreisi — bloks zem tā, nevis centrā */
.price-rows h3 { font-size: 1.1rem; color: var(--navy); margin: 0 0 8px; }
.price-rows ul { list-style: none; margin: 0; padding: 0; }
.price-row { display: grid; grid-template-columns: 1.3fr 1.5fr auto; gap: 8px 18px; align-items: center; padding: 14px 0; border-top: 1px solid var(--gold-line-soft); }
.price-row:first-child { border-top: 0; }
.price-row-name a { font-weight: 600; color: var(--navy); }
.price-row-amount { font-size: 0.94rem; color: var(--read); }
.price-row-btn { white-space: nowrap; }
@media (max-width: 760px) { .price-row { grid-template-columns: 1fr; } .price-row-btn { justify-self: start; } }

/* ── Tēmas lapa, virziens B (2026-09-14): lapa pēc apmeklētājas lēmuma — vai tas ir par mani →
   kas mainās → vai tas strādā → kā sākt → kas viņa ir → pieteikties. Klases .tb-*.
   Pamatteksts tumšs, nevis zils — TIKAI .tb-* sadaļās: tumšais fit-box savu balto krāsu dod
   caur mantošanu, tāpēc plašāks li noteikums to pārspētu. */
:where(.tb-hero, .tb-section) :is(p, li) { color: var(--read); }
.tb-section { padding: clamp(52px, 6.5vw, 88px) 0; }
.tb-h2 { font-family: var(--serif); color: var(--navy); font-size: clamp(1.7rem, 3vw, 2.35rem); line-height: 1.2; margin: 0 0 14px; }
.tb-lead { font-size: 1.05rem; line-height: 1.7; max-width: 44em; margin: 0 0 30px; }
.tb-kicker { font-size: 0.74rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-ink); margin: 0 0 10px; }

/* 1 · Hero: viņas vārdi + viņas seja */
.tb-hero { padding: 132px 0 56px; background: linear-gradient(180deg, #EEF4FF 0%, #FFFFFF 100%); }
.tb-hero-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.tb-hero h1 { font-family: var(--serif); color: var(--navy); font-size: clamp(2.2rem, 4.6vw, 3.6rem); line-height: 1.08; margin: 18px 0 20px; }
.tb-hero h1 em { color: #1D4FC0; }
.tb-hero .topic-lead { font-size: 1.12rem; line-height: 1.7; max-width: 34em; color: var(--read); }
.tb-hero .hero-actions { margin-top: 28px; }
.tb-hero .topic-meta { margin-top: 22px; }
.tb-portrait { position: relative; margin: 0; }
.tb-portrait img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 32%; border-radius: 26px; display: block; box-shadow: 0 30px 60px rgba(13, 59, 142, 0.16); }
/* Tēmas lapas sākumā — tēmas attēls no izvēlnes (guļformāts 4:3, neapgriežot par portretu) */
.tb-portrait.tb-portrait-theme img { aspect-ratio: 4 / 3; object-position: 50% 50%; }
/* Tēmas lapa bez attēla sākumā (kliente 2026-09-29: «Фото моё убираем») — teksts vienā slejā */
.tb-hero-grid.tb-hero-solo { grid-template-columns: minmax(0, 1fr); }
.tb-hero-solo > div { max-width: 50rem; }
/* Attiecību lapa: klientes kolāža portreta vietā (2026-09-29) — rādām visu, neapgriežot */
.tb-portrait-collage { max-width: 400px; justify-self: center; }
.tb-portrait.tb-portrait-collage img { aspect-ratio: 900 / 1588; object-fit: contain; background: #FFFFFF; }
.tb-portrait figcaption { position: absolute; left: 18px; right: 18px; bottom: 18px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-radius: 16px; padding: 14px 18px; box-shadow: 0 8px 24px rgba(13, 59, 142, 0.12); }
.tb-portrait figcaption strong { display: block; font-family: var(--serif); color: var(--navy); font-size: 1.12rem; }
.tb-portrait figcaption span { display: block; font-size: 0.86rem; line-height: 1.45; color: var(--read); margin-top: 2px; }

/* 2 · Situācijas — skenējams saraksts; telefonā atveras pēc pieskāriena (skripts lapā) */
.tb-sit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 44px; list-style: none; margin: 0; padding: 0; }
.tb-sit-grid:has(> li:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); gap: 0 36px; }
.tb-sit-grid li { display: grid; grid-template-columns: 26px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid rgba(13, 59, 142, 0.1); }
.tb-sit-grid li::before { content: ""; width: 22px; height: 22px; margin-top: 2px; border-radius: 50%; background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%230D3B8E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; }
.tb-sit-grid h3 { font-size: 1.02rem; color: var(--navy); margin: 0 0 4px; font-family: inherit; font-weight: 700; }
.tb-sit-grid p { font-size: 0.95rem; line-height: 1.6; margin: 0; }
/* Klientes citāts pirms situācijas apraksta (2026-09-29) */
.tb-sit-grid p.tb-sit-quote { font-family: var(--serif); font-style: italic; font-size: 1.02rem; line-height: 1.5; color: var(--navy); margin: 2px 0 8px; padding-bottom: 0; }
.tb-sit > summary { list-style: none; cursor: default; }
.tb-sit > summary::-webkit-details-marker { display: none; }
.tb-sit > summary:focus-visible { outline: 2px solid var(--navy); outline-offset: 4px; border-radius: 6px; }
.tb-thoughts { margin-top: 40px; padding: 32px clamp(24px, 4vw, 44px); background: var(--tint); border-radius: 22px; }
.tb-thoughts ul { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 12px; }
.tb-thoughts li { font-family: var(--serif); font-style: italic; font-size: 1.12rem; color: var(--navy); background: #FFFFFF; border-radius: 999px; padding: 10px 20px; }
.tb-thoughts > p:last-child { max-width: 52em; line-height: 1.7; margin: 0; }

/* 3 · Kas mainās */
.tb-change { background: var(--navy); }
.tb-change .tb-h2 { color: #FFFFFF; }
.tb-change-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 28px; counter-reset: tbc; }
.tb-change-grid article { background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 20px; padding: 26px 26px; counter-increment: tbc; }
.tb-change-grid article::before { content: "0" counter(tbc); display: block; font-family: var(--serif); font-size: 1.9rem; color: var(--gold); margin-bottom: 8px; }
.tb-change-grid h3 { color: #FFFFFF; font-family: var(--serif); font-size: 1.35rem; margin: 0 0 8px; }
.tb-change-grid p { color: rgba(255, 255, 255, 0.86); font-size: 0.97rem; line-height: 1.65; margin: 0; }

/* 4 · Atsauksmes — citāts klientes vārdiem, oriģināls pēc klikšķa (esošais lightbox) */
.tb-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.tb-quotes:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, 1fr); max-width: 860px; }
.tb-quote { margin: 0; display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 20px; padding: 26px 24px 22px; box-shadow: 0 14px 34px rgba(13, 59, 142, 0.07); }
.tb-quote blockquote { margin: 0 0 18px; flex: 1; }
.tb-quote blockquote p { font-family: var(--serif); font-size: 1.08rem; line-height: 1.6; color: var(--navy); margin: 0; }
.tb-quote blockquote p::before { content: "“"; color: var(--gold); font-size: 2.2rem; line-height: 0; vertical-align: -0.42em; margin-right: 4px; }
.tb-quote figcaption { display: flex; align-items: center; gap: 14px; border-top: 1px solid rgba(13, 59, 142, 0.1); padding-top: 16px; }
.tb-quote figcaption > span { font-size: 0.86rem; line-height: 1.4; color: var(--read); }
.tb-quote figcaption strong { display: block; color: var(--navy); }
.tb-quote .testimonial-shot-btn { flex: 0 0 56px; width: 56px; height: 72px; padding: 0; border: 1px solid rgba(13, 59, 142, 0.16); border-radius: 10px; overflow: hidden; background: #FFFFFF; cursor: zoom-in; position: relative; margin-left: auto; }
.tb-quote .testimonial-shot-btn img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; display: block; }
.tb-more { text-align: center; margin-top: 26px; }
.tb-more a { font-weight: 600; color: #1D4FC0; }

/* 5 · Kā sākt — sesijas + tēmas specialitāte + kursi, cena vienreiz, bezmaksas sarunas josla */
.tb-ways-section { background: #F7F9FD; }
.tb-ways { display: grid; grid-template-columns: 1fr 1.2fr; gap: 22px; align-items: stretch; }
.tb-ways > .tb-way-courses:nth-child(3) { grid-column: 1 / -1; }
.tb-ways > .tb-way-courses:nth-child(3) .tb-courses { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); column-gap: 32px; }
/* Tēmas spēle (kliente 2026-10-01: «Bildes un spēles») — attēls pa kreisi, viņas teksts pa labi */
.tb-game { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 22px 34px; align-items: center; margin-top: 22px;
  background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.12); border-radius: 22px; padding: 26px 28px; }
.tb-game-pic { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; display: block; }
.tb-game-pic.tb-game-product { aspect-ratio: 7 / 8; object-fit: contain; max-width: 230px; justify-self: center; background: #FFFFFF; }
.tb-game h3 { font-family: var(--serif); color: var(--navy); font-size: 1.4rem; margin: 2px 0 10px; }
.tb-game p { font-size: 0.96rem; line-height: 1.65; margin: 0 0 10px; }
.tb-game .tb-game-sub { font-weight: 600; color: var(--navy); }
.tb-game-areas { list-style: none; margin: 4px 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tb-game-areas li { font-size: 0.86rem; padding: 6px 12px; border-radius: 999px; background: var(--tint); color: var(--navy); }
.tb-game .tb-game-credit { font-size: 0.84rem; color: var(--read); opacity: 0.85; margin-bottom: 0; }
.tb-game-link { font-weight: 600; }
@media (max-width: 700px) { .tb-game { grid-template-columns: 1fr; padding: 22px 20px; } }
/* Melnraksts (kliente 2026-09-29 13:34): viena apvienota kartīte — teksts pa kreisi, pogas pa labi */
.tb-ways.tb-ways-single { grid-template-columns: 1fr; }
.tb-way.tb-way-merged { flex-direction: row; align-items: center; justify-content: space-between; gap: 20px 40px; flex-wrap: wrap; padding: 34px 36px; }
.tb-way-merged > div:first-child { flex: 1 1 22rem; }
.tb-way-merged > div:first-child p { font-size: 1rem; line-height: 1.65; margin: 0; max-width: 40em; }
.tb-way-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.tb-way { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.12); border-radius: 22px; padding: 30px 28px 28px; }
.tb-way h3 { font-family: var(--serif); color: var(--navy); font-size: 1.4rem; margin: 0 0 10px; }
.tb-way > p { font-size: 0.96rem; line-height: 1.65; margin: 0 0 14px; }
.tb-way ul:not(.tb-courses) { margin: 0 0 14px; padding-left: 20px; }
.tb-way ul:not(.tb-courses) li { font-size: 0.93rem; line-height: 1.55; margin-bottom: 6px; }
.tb-way .method-note, .tb-note { font-size: 0.86rem; line-height: 1.55; padding-top: 12px; margin: 0 0 14px; border-top: 1px solid rgba(13, 59, 142, 0.1); }
.tb-price { font-size: 1.05rem; font-weight: 700; color: var(--navy); margin: 0 0 16px; }
.tb-price-line { font-size: 0.98rem; line-height: 1.6; margin: 0 0 16px; }
.tb-price-line strong { color: var(--navy); }
.tb-way .btn { margin-top: auto; align-self: flex-start; }
.tb-steps { list-style: none; margin: 0 0 16px; padding: 0; counter-reset: tbs; }
.tb-steps li { counter-increment: tbs; position: relative; padding-left: 34px; font-size: 0.92rem; line-height: 1.55; margin-bottom: 10px; }
.tb-steps li::before { content: counter(tbs); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; border-radius: 50%; background: var(--tint); color: var(--navy); font-weight: 700; font-size: 0.78rem; display: grid; place-items: center; }
.tb-steps strong { color: var(--navy); }
.tb-courses { list-style: none; margin: 4px 0 14px; padding: 0; }
.tb-courses li { border-top: 1px solid rgba(13, 59, 142, 0.1); }
.tb-courses a { display: grid; grid-template-columns: 64px 1fr auto; gap: 14px; align-items: center; padding: 12px 0; text-decoration: none; }
.tb-courses img { width: 64px; height: 48px; object-fit: cover; border-radius: 8px; }
.tb-courses strong { display: block; color: var(--navy); font-size: 0.97rem; line-height: 1.3; }
.tb-courses small { display: block; color: var(--read); font-size: 0.82rem; margin-top: 2px; }
.tb-courses .tb-arrow { color: #1D4FC0; font-weight: 700; }
.tb-courses a:hover strong { text-decoration: underline; }
.tb-start { margin-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px 36px; flex-wrap: wrap; background: #FFF9E8; border: 2px solid var(--gold); border-radius: 22px; padding: 26px clamp(24px, 3.4vw, 40px); }
.tb-start > div { flex: 1 1 420px; }
.tb-start h3 { font-family: var(--serif); color: var(--navy); font-size: 1.4rem; margin: 0 0 6px; }
.tb-start p:not(.tb-kicker) { margin: 0; max-width: 46em; line-height: 1.65; }
.tb-start .btn { white-space: nowrap; }

/* 6 · Kas es esmu */
.tb-about { background: var(--tint); }
.tb-about-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
.tb-about-grid img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; display: block; }
.tb-about blockquote { margin: 22px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--gold); font-family: var(--serif); font-style: italic; font-size: 1.2rem; line-height: 1.5; color: var(--navy); }
.tb-about-links { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; }
.tb-about-links a { font-weight: 600; color: #1D4FC0; }

@media (max-width: 1040px) {
  .tb-quotes, .tb-quotes:has(> :nth-child(2):last-child) { grid-template-columns: 1fr; max-width: 640px; }
}
@media (max-width: 900px) {
  .tb-hero { padding-top: 112px; }
  .tb-hero-grid, .tb-about-grid { grid-template-columns: 1fr; }
  .tb-portrait { max-width: 440px; }
  .tb-portrait img { object-position: 50% 30%; }
  /* telefonā vārda karte zem attēla (pārklāj tikai malu), lai neaizsedz seju */
  .tb-portrait figcaption { position: relative; left: auto; right: auto; bottom: auto; margin: -40px 16px 0; }
  .tb-change-grid, .tb-sit-grid:has(> li:nth-child(3):last-child) { grid-template-columns: 1fr; }
  .tb-ways { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .tb-sit-grid { grid-template-columns: 1fr; }
  /* telefonā situācijas atveras pēc pieskāriena (virsraksts = 44px+ pieskāriena josla) */
  .tb-sit-grid li { padding: 6px 0; }
  .tb-sit-grid li::before { margin-top: 11px; }
  .tb-sit > summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; }
  .tb-sit > summary h3 { margin: 0; }
  .tb-sit > summary::after { content: ""; flex: 0 0 10px; width: 10px; height: 10px; margin-right: 4px; border-right: 2px solid #1D4FC0; border-bottom: 2px solid #1D4FC0; transform: rotate(45deg) translateY(-3px); transition: transform 0.2s ease; }
  .tb-sit[open] > summary::after { transform: rotate(-135deg) translateY(-3px); }
  .tb-sit > p { padding: 0 0 12px; }
  .tb-thoughts li { font-size: 1rem; }
  .tb-start .btn { white-space: normal; }
  .tb-ways > .tb-way-courses:nth-child(3) .tb-courses { grid-template-columns: 1fr; }
}

/* ── Veikala tipa (mega) izvēlne privātās puses lapās (2026-09-15, klientes vēlme "kā internetveikalā").
   Tēmas / Kursi / Sesijas / Par mani atver paneļus; datorā — pilna platuma panelis zem galvenes,
   telefonā — akordeons burgerī bez attēliem. Skripts: initMegaNav() main.js. */
.site-header .header-inner { position: relative; }
.mega-nav > .mn-item:first-child { margin-left: auto; }
.mn-trigger { font: inherit; font-weight: 500; font-size: 0.96rem; color: #1D4FC0; background: none; border: 0; padding: 10px 10px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.mn-trigger:hover, .mn-trigger[aria-expanded="true"] { background: var(--tint); }
.mn-trigger.is-current { background: rgba(255, 203, 61, 0.25); color: var(--navy); }
.mn-chev { width: 14px; height: 14px; transition: transform 0.2s ease; }
.mn-trigger[aria-expanded="true"] .mn-chev { transform: rotate(180deg); }
.mn-panel { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 60; background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.1); border-radius: 22px; box-shadow: 0 24px 60px rgba(13, 59, 142, 0.18); padding: 24px 26px 18px; }
.mn-panel-narrow { left: 0; right: auto; width: 460px; }  /* horizontālo vietu iestata skripts — zem pogas */
.mn-grid { display: grid; gap: 10px 14px; }
.mn-grid-3 { grid-template-columns: repeat(3, 1fr); }
.mn-grid-4 { grid-template-columns: repeat(4, 1fr); }
.site-nav .mn-panel a { white-space: normal; border-radius: 14px; color: var(--read); font-weight: 400; font-size: 0.9rem; text-decoration: none; }
.site-nav .mn-panel a:hover { background: var(--tint); }
.site-nav .mn-panel a[aria-current="page"] { background: rgba(255, 203, 61, 0.18); }
.mn-card { display: grid !important; grid-template-columns: 76px 1fr; gap: 14px; align-items: center; padding: 10px !important; }
.mn-card img { width: 76px; height: 76px; object-fit: cover; border-radius: 12px; }
.mn-card-touch { background: #F4F8FF; }
.mn-card-text small, .mn-course small { display: block; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-ink); }
.mn-card strong, .mn-course strong, .mn-service strong { display: block; color: var(--navy); font-weight: 700; font-size: 0.95rem; line-height: 1.3; margin-bottom: 2px; }
.mn-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.84rem; line-height: 1.45; color: var(--read); }
.mn-course { display: grid !important; grid-template-columns: 58px 1fr; gap: 12px; align-items: center; padding: 8px 10px !important; }
.mn-course img { width: 58px; height: 44px; object-fit: cover; border-radius: 8px; }
.mn-meta { font-size: 0.8rem; color: var(--read); }
.mn-service { display: flex !important; flex-direction: column; gap: 4px; padding: 14px !important; border: 1px solid rgba(13, 59, 142, 0.1); }
.mn-service-free { border: 2px solid var(--gold); background: #FFF9E8; }
.mn-price { font-size: 1.05rem; font-weight: 700; color: var(--navy); }
.mn-price small { display: block; font-size: 0.78rem; font-weight: 500; color: var(--read); }
.mn-foot { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid rgba(13, 59, 142, 0.1); text-align: right; }
.site-nav .mn-foot a { font-weight: 600; color: #1D4FC0; padding: 4px 6px; }
.mn-about { display: grid; grid-template-columns: 110px 1fr; gap: 18px; align-items: center; }
.mn-about img { width: 110px; height: 110px; object-fit: cover; object-position: 50% 30%; border-radius: 16px; }
.mn-about small { display: block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-ink); margin: 0 0 6px 10px; }
.site-nav .mn-about a { display: block; padding: 8px 10px; font-weight: 600; color: var(--navy); font-size: 0.95rem; }
@media (min-width: 1121px) and (max-width: 1299px) { .mn-trigger { padding: 10px 7px; font-size: 0.92rem; } }
@media (max-width: 1120px) {
  .site-nav.mega-nav { max-height: calc(100vh - 110px); overflow-y: auto; min-width: 300px; }
  .mega-nav > .mn-item:first-child { margin-left: 0; }
  .mn-trigger { width: 100%; justify-content: space-between; padding: 13px 24px; border-radius: 0; color: var(--ink); font-size: 0.98rem; font-weight: 600; }
  .mn-trigger[aria-expanded="true"] { background: var(--tint); color: var(--navy); }
  .mn-panel, .mn-panel-narrow { position: static; width: auto; box-shadow: none; border: 0; border-radius: 0; padding: 4px 12px 12px; background: #FAFCFF; }
  .mn-grid-3, .mn-grid-4 { grid-template-columns: 1fr; gap: 2px; }
  .mn-card, .mn-course { grid-template-columns: 1fr; padding: 8px 12px !important; }
  .mn-card img, .mn-course img, .mn-about img { display: none; }
  .mn-clamp { display: none; }
  .mn-meta { display: none; }  /* visiem 9 kursiem vienāds '24 ak. st.' — telefonā tikai pagarina sarakstu */
  .mn-service { border: 0; padding: 8px 12px !important; flex-direction: row; justify-content: space-between; align-items: baseline; }
  .mn-service-free { background: #FFF9E8; border: 0; }
  .mn-price { font-size: 0.9rem; }
  .mn-price small { display: none; }
  .mn-about { grid-template-columns: 1fr; }
  .mn-foot { text-align: left; margin-top: 6px; }
}

/* ── Biznesa lapu veikala tipa izvēlne (2026-09-15): tas pats komponents, "Programmas" panelis.
   Uz tumšā hero (pirms ritināšanas) izvēlne ir balta — pogām tas jāiestata atsevišķi, bet paneļa
   saitēm balto krāsu jāatceļ, citādi tās būtu baltas uz balta. */
.mn-card-noimg { grid-template-columns: 1fr !important; }
.mn-sub { margin: 18px 0 6px; padding: 16px 10px 0; border-top: 1px solid rgba(13, 59, 142, 0.14); font-size: 0.95rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--navy); }
@media (min-width: 1121px) {
  .b2b-page .site-header:not(.scrolled) .mn-trigger { color: #FFFFFF; }
  .b2b-page .site-header:not(.scrolled) .mn-trigger:hover,
  .b2b-page .site-header:not(.scrolled) .mn-trigger[aria-expanded="true"] { background: rgba(255, 255, 255, 0.14); }
  .b2b-page .site-header:not(.scrolled) .mn-trigger.is-current { background: rgba(255, 255, 255, 0.22); color: #FFFFFF; }
  .b2b-page .site-header:not(.scrolled) .site-nav .mn-panel a { color: var(--read); }
  .b2b-page .site-header:not(.scrolled) .site-nav .mn-panel a:hover { background: var(--tint); }
  .b2b-page .site-header:not(.scrolled) .site-nav .mn-panel a[aria-current="page"] { background: rgba(255, 203, 61, 0.18); }
  .b2b-page .site-header:not(.scrolled) .site-nav .mn-foot a { color: #1D4FC0; }
}
@media (max-width: 1120px) {
  .mn-sub { margin: 12px 0 2px; padding: 14px 12px 0; font-size: 1rem; }
}

/* ── Uzņēmējiem lapa, "ideja 1" (2026-09-15): programmas tikai kā plānas flīzes, detaļas — to lapās.
   Pamatteksts tumšs, nevis zils — tikai šajās gaišajās sadaļās (:where = nulles specifiskums). */
:where(.b2b-page) :where(.bb-section, .bb-intro, .b2b-steps, .b2b-buj) :is(p, li) { color: var(--read); }
.bb-section { padding: clamp(56px, 7vw, 92px) 0 clamp(40px, 5vw, 64px); }
.bb-section > .container > h2 { color: var(--navy); margin: 0 0 8px; }
.bb-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 26px; }
.bb-tile { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.12); border-radius: 20px; overflow: hidden; text-decoration: none; box-shadow: 0 14px 34px rgba(13, 59, 142, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease; scroll-margin-top: 110px; }
.bb-tile:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(13, 59, 142, 0.12); }
.bb-tile:focus-visible { outline: 3px solid rgba(255, 203, 61, 0.9); outline-offset: 3px; }
.bb-tile img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.bb-tile-body { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.bb-tile h3 { font-family: var(--serif); color: var(--navy); font-size: 1.3rem; line-height: 1.25; margin: 0; }
.bb-tile-sum { color: var(--read); font-size: 0.96rem; line-height: 1.6; }
.bb-kicker { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-ink); margin: 0; }
.bb-link { font-weight: 600; color: #1D4FC0; font-size: 0.94rem; }
.bb-link::after { content: " →"; }
.bb-tile .bb-link { margin-top: auto; padding-top: 6px; }
.bb-other-title { margin: 44px 0 14px; font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--navy); }
.bb-section .b2b-mini-grid { grid-template-columns: repeat(3, 1fr); }
.bb-section .b2b-mini-grid > .b2b-mini:last-child:nth-child(odd) { grid-column: auto; }
.bb-section .b2b-mini { align-items: stretch; scroll-margin-top: 110px; }
.bb-section .b2b-mini > div { display: flex; flex-direction: column; }
.bb-mini-cta { margin-top: auto; padding-top: 14px; align-self: flex-start; }
.bb-section .topic-bands { padding: 0; margin-top: 34px; }
.bb-section .b2b-cta { margin-top: 34px; }
.b2b-form-box { scroll-margin-top: 110px; }
/* sadarbība tagad seko tumšajai "Par mani" sadaļai, nevis jautājumiem — vajag savu atstarpi */
.b2b-why + .b2b-steps { padding-top: clamp(56px, 7vw, 92px); }
.b2b-why .b2b-about-portrait img { aspect-ratio: 1 / 1; height: auto; object-fit: cover; object-position: 50% 28%; }
@media (max-width: 1100px) { .bb-section .b2b-mini-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) {
  .bb-tiles { grid-template-columns: 1fr; }
  .bb-tile { flex-direction: row; }
  .bb-tile img { width: 36%; aspect-ratio: auto; }
}
@media (max-width: 480px) { .bb-tile { flex-direction: column; } .bb-tile img { width: 100%; aspect-ratio: 16 / 9; } }

/* Programmas lapās: ievada josla ar tekstu, kas agrāk bija tikai Uzņēmējiem lapā */
.bb-intro { padding: clamp(40px, 5vw, 64px) 0; background: #FFFFFF; }
.bb-intro-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(28px, 4vw, 56px); align-items: start; }
.bb-intro p { line-height: 1.7; }
.bb-intro-lead { font-family: var(--serif); font-size: clamp(1.15rem, 1.8vw, 1.4rem); line-height: 1.5 !important; color: var(--navy) !important; margin: 0 0 16px; }
.bb-intro .bb-note { font-size: 0.86rem; color: rgba(13, 59, 142, 0.72) !important; }
.bb-list { list-style: none; margin: 0 0 18px; padding: 0; border-top: 1px solid rgba(13, 59, 142, 0.1); }
.bb-list li { padding: 10px 0; border-bottom: 1px solid rgba(13, 59, 142, 0.08); font-size: 0.94rem; line-height: 1.5; }
.bb-list li span { display: block; font-weight: 700; color: var(--navy); font-size: 0.82rem; margin-bottom: 2px; }
.bb-result { background: #FFF6DA; border-left: 3px solid var(--gold); border-radius: 10px; padding: 14px 16px; font-size: 0.95rem; line-height: 1.55; color: var(--navy) !important; margin: 0; }
.bb-result strong { color: var(--navy); }
@media (max-width: 900px) { .bb-intro-grid { grid-template-columns: 1fr; } }

/* ── Telefona platums (2026-09-15, lapu mērījums 320/360/390px): nekas nedrīkst izspiest lapu uz sāniem. */
@media (max-width: 600px) {
  .price-pointer .btn { white-space: normal; text-align: center; }  /* kursa cenas poga bija platāka par ekrānu */
}
@media (max-width: 900px) {
  .tb-ways { grid-template-columns: minmax(0, 1fr); }               /* "Kā sākt" kartes: garie RU vārdi neizstiepj */
  .tb-way { min-width: 0; overflow-wrap: break-word; }
  .course-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .course-hero h1 { overflow-wrap: break-word; hyphens: auto; }
}
.tb-courses a { grid-template-columns: 64px minmax(0, 1fr) auto; }
/* Drošības tīkls telefonā: gari vārdi virsrakstos (RU «конфиденциальности») drīkst lūzt un tikt pārnesti —
   citādi viens vārds izspiež visu lapu uz sāniem. LV pārnesumu pārlūki nezina, tad lūst bez defises. */
@media (max-width: 600px) {
  h1, h2, h3 { overflow-wrap: break-word; hyphens: auto; }
}
/* Kursa tikšanās rinda telefonā: ilgums ("4 ak. st.", "100 kartītes") zem nosaukuma, nevis blakus —
   blakus tas ar garu nosaukumu izspieda lapu uz sāniem (RU līdz 374px pie 360px ekrāna). */
@media (max-width: 600px) {
  .course-meeting > summary { grid-template-columns: 36px minmax(0, 1fr); gap: 4px 12px; padding-right: 36px; }
  .course-meeting-dur { grid-column: 2; }
  .course-meeting-t { overflow-wrap: break-word; hyphens: auto; }
}

/* ── Ieejas vārti noņemti (2026-09-17, klientes lēmums): uzņēmēju bilde kā plata kartīte
   virzienu režģa beigās. Desktopā attēls pa kreisi, teksts pa labi; telefonā kā citas kartītes. */
.vcard-b2b { flex-basis: 100%; max-width: none; flex-direction: row; background: var(--navy); } /* kā «Uzņēmējiem» poga galvenē */
.vcard-b2b .vcard-img { position: relative; flex: 0 0 42%; aspect-ratio: auto; min-height: 300px; }
.vcard-b2b .vcard-img img { position: absolute; inset: 0; object-position: 50% 24%; } /* bilde neizstiepj kartīti; 24% — visas trīs sejas kadrā ar vietu virs galvas */
.vcard-b2b .vcard-body { justify-content: center; gap: 0; padding: 36px clamp(28px, 3.5vw, 48px); }
.vcard-b2b .vcard-body h3 { font-size: 1.6rem; margin: 0 0 10px; }
.vcard-b2b .vcard-body h3, .vcard-b2b .vcard-body p { color: #FFFFFF; }
.vcard-b2b .vcard-cta { margin: 26px 0 0; }
@media (max-width: 640px) {
  .vcard-b2b { flex-direction: column; max-width: 480px; }
  .vcard-b2b .vcard-img { flex: none; aspect-ratio: 16 / 10; min-height: 0; }
}

/* ── Kustība v2 (2026-09-17, prototips sākumlapā — <body class="motion">) ─────────────────────────
   Mērķis: "premium" sajūta ar lēnu, mīkstu, režisētu kustību, nevis ar vairāk kustības.
   Tikai opacity/translate/scale (GPU, bez pārkārtošanas). Viss ir @media (prefers-reduced-motion:
   no-preference) iekšā — kas izvēlējies samazinātu kustību, redz lapu kā līdz šim.
   Parādīšanās kustībai izmanto `translate` (nevis `transform`), lai kartīšu hover pacēlums
   (`transform`) ar to nekonfliktētu. Pakāpenisko aizkavi (stagger) uzliek main.js initReveal. */
@media (prefers-reduced-motion: no-preference) {
  .motion { --m-ease: cubic-bezier(0.22, 1, 0.36, 1); }

  /* 1. Parādīšanās — lēnāka, mīkstāka */
  .js .motion .reveal {
    transform: none; translate: 0 30px;
    transition: opacity 0.9s var(--m-ease), translate 0.9s var(--m-ease), transform 0.45s var(--m-ease), box-shadow 0.45s var(--m-ease);
  }
  .js .motion .reveal.reveal.visible { translate: none; }

  /* Foto "iestājas" no neliela tuvinājuma */
  .js .motion .reveal :is(.vcard-img, .about-portrait) img { transition: transform 0.45s var(--m-ease); }
  .js .motion .reveal.visible:not(.settled) :is(.vcard-img, .about-portrait) img { transition: transform 1.8s var(--m-ease); }
  .js .motion .reveal:not(.visible) :is(.vcard-img, .about-portrait) img { transform: scale(1.1); }

  /* Virsraksti blokos: zīme → virsraksts → ievads pa vienam */
  .js .motion .reveal :is(h2, .section-lead, .about-kicker, .about-headline) {
    transition: opacity 0.9s var(--m-ease), translate 0.9s var(--m-ease);
  }
  .js .motion .reveal:not(.visible) :is(h2, .section-lead, .about-kicker, .about-headline) { opacity: 0; translate: 0 14px; }
  .js .motion .reveal.visible :is(h2, .about-headline) { transition-delay: 0.12s; }
  .js .motion .reveal.visible .section-lead { transition-delay: 0.26s; }

  /* Zelta zīme virs sadaļām — līnija izvelkas no centra, punkti parādās galos */
  .js .motion .section-mark line { transform-box: fill-box; transform-origin: center; transition: transform 1.1s var(--m-ease) 0.1s; }
  .js .motion .section-mark circle { transition: opacity 0.5s ease 0.75s; }
  .js .motion :is(.reveal:not(.visible) .section-mark, .section-mark.reveal:not(.visible)) line { transform: scaleX(0); }
  .js .motion :is(.reveal:not(.visible) .section-mark, .section-mark.reveal:not(.visible)) circle { opacity: 0; }

  /* Kartītes: maigs pacēlums (agrāk .js .reveal.visible to nomāca) */
  @media (hover: hover) {
    .js .motion .vcard.reveal.visible:hover { transform: translateY(-6px); box-shadow: 0 28px 64px rgba(13, 59, 142, 0.17); }
  }

  /* 2. Hero: teksts statisks; sākumlapas fons "nosēžas" */
  /* Hero sadaļās teksts bez efektiem (2026-09-17, lietotāja lēmums): redzams uzreiz visās lapās.
     Fona foto "nosēšanās" un parallakse paliek. */
  .js .motion :is(.hero, .topic-hero, .tb-hero, .b2b-hero, .atsauksmes-page-hero, .pp-hero) .reveal,
  .js .motion :is(.hero, .topic-hero, .tb-hero, .b2b-hero, .atsauksmes-page-hero, .pp-hero).reveal,
  .js .motion :is(.hero, .topic-hero, .tb-hero, .b2b-hero, .atsauksmes-page-hero, .pp-hero) .reveal :is(h2, .section-lead, .about-kicker, .about-headline) {
    opacity: 1; translate: none; transition: none;
  }
  .js .motion .hero-bg { animation: m-settle 4.5s cubic-bezier(0.25, 0.8, 0.35, 1) both; will-change: translate; }

  /* 3. Sīkās mijiedarbības */
  .motion .btn { transition: transform 0.35s var(--m-ease), box-shadow 0.35s var(--m-ease), background 0.25s ease, color 0.25s ease, border-color 0.25s ease; }
  .motion .btn-gold:hover, .motion .btn-gold:focus-visible { box-shadow: 0 14px 32px -8px rgba(240, 176, 30, 0.6); }
  .motion .arr { display: inline-block; transition: translate 0.35s var(--m-ease); }
  .motion a:is(:hover, :focus-visible) > .arr,
  .motion .vcard:hover .vcard-link > .arr { translate: 5px 0; }

  /* Izvēršamie bloki: augstumu animē main.js; saturs mīksti ieslīd */
  .js .motion details[open] > :not(summary) { animation: m-fade 0.5s var(--m-ease) both; }

  /* Izvēlnes paneļi: ieslīd; flīzes pa vienai (--i uzliek main.js) */
  .js .motion .mn-panel:not([hidden]) { animation: m-panel 0.34s var(--m-ease) both; }
  .js .motion .mn-panel:not([hidden]) :is(.mn-card, .mn-sub, .mn-foot) {
    animation: m-rise-sm 0.45s var(--m-ease) both;
    animation-delay: calc(var(--i, 0) * 32ms + 60ms);
  }

  @keyframes m-rise-sm { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: none; } }
  @keyframes m-settle { from { scale: 1.08; } to { scale: 1; } }
  @keyframes m-fade { from { opacity: 0; translate: 0 -6px; } to { opacity: 1; translate: none; } }
  @keyframes m-panel { from { opacity: 0; translate: 0 -8px; } to { opacity: 1; translate: none; } }
}

/* ── Atsauksmes: pateicības (2026-09-17) — divi pateicību raksti blakus ar parakstu zem attēla */
.pateicibas-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 340px)); justify-content: center; gap: 28px; }
.pateiciba { margin: 0; display: flex; flex-direction: column; }
.pateiciba .testimonial-shot-btn img { aspect-ratio: 3 / 4; object-fit: cover; background: #FFFFFF; }
.pateiciba figcaption { padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 4px; }
.pateiciba figcaption strong { color: var(--navy); font-size: 1rem; }
.pateiciba figcaption span { color: var(--read); font-size: 0.88rem; line-height: 1.5; }
@media (max-width: 620px) { .pateicibas-grid { grid-template-columns: minmax(0, 360px); } }

/* ── Atsauksmes (RU): krievu tulkojums zem latviešu oriģināla (2026-09-25, klientes lēmums) */
.shot-translation { display: flex; flex-direction: column; gap: 6px; padding: 14px 18px 18px; color: var(--read); font-size: 0.88rem; line-height: 1.55; }
.pateiciba figcaption .shot-translation { padding: 10px 0 0; margin-top: 6px; border-top: 1px solid var(--gold-line-soft); }
.shot-translation .shot-translation-label,
.pateiciba figcaption .shot-translation .shot-translation-label { color: var(--gold-ink); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase; }

/* Izvēlnes paneļu apakšējā saite kā skaidra poga (2026-09-17: kliente nepamanīja «Izvēlies kursu» saiti) */
.mn-foot { text-align: right; }
.site-nav .mn-panel .mn-foot a,
.site-nav .mn-panel .mn-foot a[aria-current="page"],
.b2b-page .site-header:not(.scrolled) .site-nav .mn-panel .mn-foot a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 22px; border-radius: 999px;
  background: var(--gold); color: var(--navy); font-weight: 600; font-size: 0.95rem;
  box-shadow: 0 8px 20px -8px rgba(240, 176, 30, 0.6);
}
.site-nav .mn-panel .mn-foot a:hover,
.site-nav .mn-panel .mn-foot a:focus-visible,
.b2b-page .site-header:not(.scrolled) .site-nav .mn-panel .mn-foot a:hover { background: #FFD35E; color: var(--navy); }
@media (max-width: 1120px) {
  .site-nav .mn-panel .mn-foot a { display: flex; justify-content: center; }
}

/* 2026-09-17: kursu attēli izvēlnē lielāki (58×44 → 132×88, 3:2 kā kartītes); apakšējā poga centrā */
.mn-course { grid-template-columns: 132px 1fr; gap: 16px; padding: 10px 12px !important; }
.mn-course img { width: 132px; height: 88px; border-radius: 12px; }
.mn-foot { text-align: center; }

/* ── Tēmu lapas "piedāvājums uzreiz" (2026-09-17, klientes atsauksme): mazākas atstarpes starp blokiem
   (176 → 88 px datorā, 104 → 64 px telefonā) un metodes soļi kā atsevišķa sadaļa. */
.theme-b .tb-section { padding: clamp(32px, 3.5vw, 44px) 0; }
.theme-b .tb-situations { padding-top: clamp(40px, 4.5vw, 56px); }
.theme-b main > .section { padding-bottom: clamp(32px, 3.5vw, 44px); }
.tb-method { background: #F7F9FD; }
.tb-method .tb-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 26px; margin: 26px 0 0; }
.tb-method .tb-steps li { margin: 0; font-size: 0.95rem; }
@media (max-width: 980px) { .tb-method .tb-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .tb-method .tb-steps { grid-template-columns: 1fr; } }

/* Kursa lapas beigās kontakti turpat zem kalendāra (2026-09-18), nevis saite uz sākumlapas sadaļu */
.cta-contacts { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 22px 0 6px; }
.cta-contact {
  display: flex; align-items: center; gap: 13px; text-decoration: none;
  background: #FFFFFF; border: 1px solid rgba(13, 59, 142, 0.14); border-radius: 14px;
  padding: 13px 20px 13px 14px; color: var(--navy); text-align: left;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cta-contact:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -14px rgba(13, 59, 142, 0.5); }
.cta-contact-icon {
  flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%;
  background: var(--gold); color: var(--navy); display: flex; align-items: center; justify-content: center;
}
.cta-contact-icon svg { width: 20px; height: 20px; }
.cta-contact strong { display: block; font-size: 0.95rem; }
.cta-contact small { display: block; font-size: 0.85rem; color: var(--read); }
@media (max-width: 560px) { .cta-contact { width: 100%; } }

/* Kursa tēmu saite tagad programmas sadaļas beigās (2026-09-18), nevis atsevišķā joslā */
.course-program .hub-topics { margin-top: 30px; background: rgba(255, 255, 255, 0.6); }

/* «Gribi uz kursu?» bloks — tāda pati pāreja kā lapas augšā (tonis → balts), lai tas nesaplūst ar
   BUJ sadaļas toni virs tā (2026-09-18) */
.course-cta .cta-box { background: linear-gradient(180deg, var(--tint) 0%, rgba(234, 242, 255, 0) 88%); }

/* «Kursu vada» kartīte tumši zila (2026-09-18, lietotāja lēmums) — kursa lapā tas ir vienīgais
   tumšais akcents starp gaišajām sadaļām. */
.course-lead { background: var(--navy); border-color: rgba(255, 255, 255, 0.16); }
.course-lead img { box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.14); }
.course-lead .course-lead-k { color: var(--gold-soft); }
.course-lead .course-lead-name { color: #FFFFFF; }
.course-lead p { color: rgba(255, 255, 255, 0.88); }
.course-lead .course-lead-link { color: #FFFFFF; text-decoration-color: var(--gold); }
.course-lead .course-lead-link:hover { color: var(--gold-soft); text-decoration-color: var(--gold-soft); }
.course-lead .course-lead-method { border-top-color: rgba(255, 255, 255, 0.22); }
.course-lead .course-lead-method strong { color: #FFFFFF; }

/* ── «Pieteikties sarunai» josla tēmu lapās (2026-09-19): zelta bloks, lai tā nesaplūst ar gaišajām
   sadaļām. Vienīgais pilnībā zeltainais bloks lapā; zem tā seko tumši zilā «Kas mainās». */
.tb-start {
  background: linear-gradient(135deg, #FFCB3D 0%, #FFD86B 100%);
  border: 0; box-shadow: 0 18px 44px -22px rgba(168, 114, 20, 0.85);
  padding: clamp(28px, 3.4vw, 38px) clamp(24px, 3.4vw, 44px);
}
.tb-start .tb-kicker { color: rgba(13, 59, 142, 0.85); }  /* 5.3:1 uz zelta */
.tb-start h3 { font-size: clamp(1.45rem, 2.2vw, 1.75rem); }
:where(.tb-section) .tb-start p:not(.tb-kicker) { color: #123A7A; }
.tb-start .btn-gold {
  background: var(--navy); color: #FFFFFF; border-color: var(--navy);
  box-shadow: 0 10px 24px -10px rgba(13, 59, 142, 0.8);
}
.tb-start .btn-gold:hover { background: #0A2F73; color: #FFFFFF; }

/* Zelta joslas faktu rinda + lipīgā pieteikšanās poga (2026-09-19) */
.tb-start-meta { margin: 12px 0 0 !important; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.02em; color: rgba(13, 59, 142, 0.85) !important; }
.sticky-cta {
  position: fixed; right: clamp(14px, 2vw, 28px); bottom: clamp(14px, 2vw, 28px); z-index: 70;
  opacity: 0; visibility: hidden; transform: translateY(14px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}
.sticky-cta.show { opacity: 1; visibility: visible; transform: none; }
.sticky-cta .btn { box-shadow: 0 16px 36px -12px rgba(13, 59, 142, 0.55); }
@media (max-width: 640px) {
  .sticky-cta { left: 12px; right: 12px; bottom: 12px; }
  .sticky-cta .btn { display: block; text-align: center; padding: 15px 18px; }
}
@media (prefers-reduced-motion: reduce) { .sticky-cta { transition: none; transform: none; } }
@media print { .sticky-cta { display: none; } }

/* Sešu zonu ritenis — SVG ar īstu tekstu (2026-09-19), lai tas runā lapas valodā */
svg.sesu-wheel { display: block; width: min(560px, 100%); max-width: min(560px, 100%); height: auto; margin: 10px auto 14px; }
.sw-t { fill: #FFFFFF; font-family: var(--sans); font-weight: 700; font-size: 15.5px; letter-spacing: 0.03em; text-anchor: middle; text-transform: uppercase; }
.sw-n { fill: #FFFFFF; font-family: var(--sans); font-weight: 700; font-size: 16px; text-anchor: middle; dominant-baseline: central; }
.sw-i, .sw-c { fill: none; stroke: #FFFFFF; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sw-c { stroke-width: 1.8; }
@media (max-width: 520px) { .sw-t { font-size: 17px; } .sw-n { font-size: 17px; } }

/* Dāvanu karte (2026-09-21, klientes grafika un teksts): attēls pa kreisi, teksts un kontakti pa labi */
.gift-section { padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); }
.gift-card { display: grid; grid-template-columns: 420px 1fr; gap: clamp(24px, 3.5vw, 44px); align-items: center; }
.gift-card-img { margin: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 22px 50px -26px rgba(13, 59, 142, 0.6); }
.gift-card-img img { display: block; width: 100%; height: auto; }
.gift-card-body h2 { margin: 4px 0 12px; }
.gift-card-body p { max-width: 46em; }
.gift-card-buy { margin: 18px 0 10px !important; font-weight: 600; color: var(--navy); }
.gift-card-contacts { justify-content: flex-start; margin: 0; }
@media (max-width: 780px) { .gift-card { grid-template-columns: 1fr; } }

/* «Kā notiek sesija» kā saliekami bloki zem kalendāra (2026-09-21) */
.how-section { padding-top: clamp(36px, 4.5vw, 56px); padding-bottom: clamp(36px, 4.5vw, 56px); }
.how-folds { max-width: 900px; margin: 22px auto 0; }
.how-fold { border-top: 1px solid rgba(13, 59, 142, 0.16); }
.how-fold:last-child { border-bottom: 1px solid rgba(13, 59, 142, 0.16); }
.how-fold > summary {
  cursor: pointer; list-style: none; display: flex; align-items: center; gap: 14px;
  padding: 16px 40px 16px 0; position: relative;
  font-family: var(--serif); font-size: 1.12rem; font-weight: 600; color: var(--navy);
}
.how-fold > summary::-webkit-details-marker { display: none; }
.how-fold > summary::after {
  content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  color: #D49F29; font-size: 1.6rem; line-height: 1;
}
.how-fold[open] > summary::after { content: "–"; }
.how-fold > summary .course-step-n { flex: 0 0 auto; }
.how-fold > p { margin: 0 0 20px; max-width: 70ch; }

/* Cenu kartītes bez liekā teksta (2026-09-21): uzraksts · nosaukums · liela cena · ilgums */
.path-grid-simple { align-items: stretch; }
.path-grid-simple .path-card { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 0; padding: 30px 24px 28px; }
.path-grid-simple .path-card h3 { margin: 6px 0 18px; font-size: 1.25rem; }
.path-grid-simple .path-price { margin: 4px 0 6px; font-size: clamp(1.4rem, 1.9vw, 1.8rem); line-height: 1.2; text-wrap: balance; }
.path-grid-simple .path-meta { margin: 0; font-size: 0.9rem; opacity: 0.85; }
.path-grid-simple .path-note { margin: 8px 0 0; font-size: 0.82rem; font-style: italic; opacity: 0.75; }

.path-grid-simple .path-card h3 { min-height: 2.6em; display: flex; align-items: center; justify-content: center; }
.path-grid-simple .is-featured .path-meta { color: rgba(255, 255, 255, 0.85); opacity: 1; }
.path-grid-simple .is-featured .path-note { color: rgba(255, 255, 255, 0.72); opacity: 1; }

/* Dāvanu karte cenu sadaļā (2026-09-21): šaurāks attēls, mazāka atstarpe nekā atsevišķai sadaļai */
#cenas .gift-card { margin-top: 26px; grid-template-columns: 300px 1fr; align-items: center; }
#cenas .gift-card-body h2 { font-size: clamp(1.3rem, 2vw, 1.6rem); }
@media (max-width: 780px) { #cenas .gift-card { grid-template-columns: 1fr; } }

/* Pakalpojumu lapa — funkcija pirmajā vietā (2026-09-24):
   telefonā bez hero foto (virsraksts un cenas uzreiz), poga katrā cenu kartītē */
@media (max-width: 760px) { .services-page .course-hero-media { display: none; } }
.path-grid-simple .path-btn { margin-top: auto; padding: 10px 22px; font-size: 0.9rem; }
.path-grid-simple .path-card > :nth-last-child(2) { margin-bottom: 18px; }  /* atstarpe virs pogas; pogas vienā līmenī */
.path-grid-simple .is-featured .path-btn { box-shadow: none; }

/* Pakalpojumi — kompakta galvene hero vietā, cenas uzreiz zem tās (2026-09-24) */
.svc-head { padding: calc(var(--header-h) + clamp(34px, 5vw, 60px)) 0 clamp(16px, 2vw, 24px); }
.svc-head h1 { margin: 10px 0 10px; font-size: clamp(2rem, 3.6vw, 2.9rem); }
.svc-head h1 em { font-style: normal; color: var(--gold-deep); }
.svc-head .topic-lead { margin: 0; max-width: 46em; }
.svc-prices { padding-top: clamp(14px, 2vw, 22px); }

/* Telefonā uzraksts īsāks, lai paliek vienā rindā */
@media (max-width: 560px) { .svc-chip-long { display: none; } }

/* Uzticības josla virs kalendāra pakalpojumu lapā (2026-09-24): kas ir sarunas otrā pusē */
.svc-trust { display: flex; align-items: center; gap: 14px 16px; flex-wrap: wrap; justify-content: center;
  max-width: 620px; margin: 0 auto 22px; padding: 12px 18px; background: #FFFFFF; border: 1px solid var(--gold-line-soft); border-radius: 16px; text-align: left; }
.svc-trust img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: 50% 28%; flex: 0 0 auto; }
.cta-box .svc-trust p { margin: 0; max-width: none; flex: 1 1 220px; font-size: 0.9rem; line-height: 1.45; color: var(--read); }
.svc-trust p strong { display: block; color: var(--navy); font-size: 1rem; }
.svc-trust-link { font-weight: 600; color: #1D4FC0; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--gold); }

@media (max-width: 560px) { .services-page #pieteikties .cta-box { padding: 40px 16px 30px; } }  /* telefonā vairāk vietas kalendāram un joslai */

/* Uzticības josla zem cenām (2026-09-24): kreisajā malā kā pārējais cenu sadaļas saturs */
#cenas .svc-trust { margin: 22px 0 6px; justify-content: flex-start; flex-wrap: nowrap; }
#cenas .svc-trust p { margin: 0; max-width: none; flex: 1 1 auto; font-size: 0.9rem; line-height: 1.45; color: var(--read); }
@media (max-width: 560px) { #cenas .svc-trust { flex-wrap: wrap; } #cenas .svc-trust p { flex-basis: calc(100% - 80px); } }

/* Uzticības josla — visā cenu kartīšu platumā, vienā rindā (2026-09-24) */
#cenas .svc-trust { max-width: none; width: 100%; padding: 18px 26px; gap: 18px 22px; border-radius: 20px; background: var(--tint); border-color: transparent; }
#cenas .svc-trust img { width: 64px; height: 64px; box-shadow: 0 0 0 4px #FFFFFF; }
#cenas .svc-trust p { font-size: 0.95rem; }
#cenas .svc-trust p strong { display: inline; margin-right: 10px; font-size: 1.05rem; }
#cenas .svc-trust p span { display: inline; }
#cenas .svc-trust-link { margin-left: auto; }
@media (max-width: 760px) {
  #cenas .svc-trust { padding: 16px 18px; gap: 12px 14px; flex-wrap: wrap; align-items: flex-start; }
  #cenas .svc-trust img { width: 56px; height: 56px; }
  #cenas .svc-trust p { flex: 1 1 calc(100% - 72px); min-width: 0; }
  #cenas .svc-trust p strong { display: block; margin: 0 0 2px; }
  #cenas .svc-trust-link { margin-left: 0; }
}

/* Pakalpojumu lapā — tā pati tumši zilā «vada» kartīte kā kursu lapās (2026-09-24) */
#cenas .svc-lead { margin: 24px 0 6px; }

/* «Sesijas vada» kartītes saites kā baltas pogas ar ikonu (kā kontaktiem) */
.svc-lead .svc-lead-links { justify-content: flex-start; margin: 16px 0 0; }
.svc-lead .svc-lead-links .cta-contact small { color: var(--read); }

/* Kursi / Uzņēmējiem rindas ar attēlu (2026-09-24): foto · teksts · poga */
.hub-b2b-img { display: grid; grid-template-columns: 280px minmax(0, 1fr) auto; gap: 28px 34px; align-items: center; }
.hub-b2b-pic { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 18px; box-shadow: 0 18px 40px -24px rgba(13, 59, 142, 0.55); }
@media (max-width: 1000px) { .hub-b2b-img { grid-template-columns: 220px minmax(0, 1fr); } .hub-b2b-img > .btn { grid-column: 2; justify-self: start; } }
@media (max-width: 640px) { .hub-b2b-img { grid-template-columns: 1fr; gap: 16px; } .hub-b2b-img > .btn { grid-column: 1; } }

/* «Citi formāti» kā otrā cenu kartīšu rinda (2026-09-24) */
.path-sub { margin: 34px 0 0; font-family: var(--sans); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-ink); }
.path-grid-simple.path-grid-other { margin-top: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .path-grid-simple.path-grid-other { grid-template-columns: 1fr 1fr; } .path-grid-other > li:last-child { grid-column: 1 / -1; } }
@media (max-width: 560px) { .path-grid-simple.path-grid-other { grid-template-columns: 1fr; } }

/* «Vēl piedāvāju» virsraksts virs kursu un uzņēmēju rindām (2026-09-24) */
.svc-more-title { margin: 0 0 30px; }

/* Pakalpojumu lapa — atstarpes starp sadaļām uz pusi (2026-09-24): bija 88+88 = 176 px */
.services-page main > section.section:not(.svc-prices) { padding-top: clamp(28px, 3vw, 44px); padding-bottom: clamp(28px, 3vw, 44px); }
.services-page main > section.svc-prices { padding-bottom: clamp(28px, 3vw, 44px); }
.services-page main > section:last-of-type { padding-bottom: clamp(48px, 5vw, 72px); }

/* ── Pakalpojumi — cenu kartītes ar foto (2026-09-24, apstiprināts priekšskatījumā):
   foto kartītes augšā ieplūst tumši zilā, zelta nosaukums, balta cena, pogas vienā līmenī */
.path-grid-simple.svc-photo-cards .path-card { position: relative; isolation: isolate; overflow: hidden; border: 0; background: #0D2A55;
  min-height: 470px; padding: 204px 20px 26px; justify-content: flex-start; }
.path-grid-simple.svc-photo-cards .path-card .path-card-bg { position: absolute; top: 0; left: 0; width: 100%; height: 230px; max-width: none; margin: 0; object-fit: cover; z-index: -2; }
.path-grid-simple.svc-photo-cards .path-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 232px; z-index: -1;
  background: linear-gradient(180deg, rgba(13, 42, 85, 0) 0%, rgba(13, 42, 85, 0) 45%, rgba(13, 42, 85, 0.75) 78%, #0D2A55 100%); }
.path-grid-simple.svc-photo-cards .path-card h3 { color: var(--gold); min-height: 2.6em; margin: 0 0 8px; align-items: flex-end; }
.path-grid-simple.svc-photo-cards .path-card .path-price { color: #FFFFFF; font-size: clamp(21px, 1.55vw, 25px); }
.path-grid-simple.svc-photo-cards .path-card .path-meta { color: rgba(255, 255, 255, 0.9); opacity: 1; }
.path-grid-simple.svc-photo-cards .path-card .path-note { color: rgba(255, 255, 255, 0.75); opacity: 1; }
.path-grid-simple.svc-photo-cards .path-card .path-btn { margin-top: auto; }
.path-grid-simple.svc-photo-cards .path-card > :nth-last-child(2) { margin-bottom: 18px; }
.path-grid-simple.svc-photo-cards .path-card .btn-outline { color: #FFFFFF; border-color: rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.06); }
.path-grid-simple.svc-photo-cards .path-card .btn-outline:hover { background: #FFFFFF; color: var(--navy); }
.path-grid-simple.svc-photo-cards .path-card.is-featured { box-shadow: 0 0 0 3px var(--gold); }
.path-grid-simple.svc-photo-cards.path-grid-other .path-card { min-height: 0; }
@media (min-width: 1001px) { .path-grid-simple.svc-photo-cards.path-grid-other { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 561px) and (max-width: 1000px) { .path-grid-simple.svc-photo-cards.path-grid-other { grid-template-columns: 1fr 1fr; } .path-grid-simple.svc-photo-cards.path-grid-other > li:last-child { grid-column: auto; } }
@media (max-width: 560px) { .path-grid-simple.svc-photo-cards .path-card { min-height: 0; } .path-grid-simple.svc-photo-cards .path-card h3 { min-height: 0; } }
.path-card-gift .path-card-bg { object-position: 50% 45%; }
.path-btns { margin-top: auto; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.path-btns .path-btn { margin-top: 0; padding: 10px 18px; }