/* ==========================================================================
   Glass 4 Home – dizaina sistēma
   Virziens „Gaisma“, krāsas ņemtas no zīmola logo (navy + taupe).
   Fonti: Newsreader (displejs) + Karla (saskarne). SIL OFL 1.1.
   ========================================================================== */

/* --- Fonti -----------------------------------------------------------------
   Katrai ģimenei VAJAG abus failus: latin (pamatburti) + latin-ext
   (ā ē ī ū č ģ ķ ļ ņ š ž). Ja ir tikai viens, otra daļa krīt uz sistēmas fontu. */
@font-face{font-family:'Newsreader';src:url('../fonts/newsreader-latin.woff2') format('woff2');
  font-weight:200 800;font-style:normal;font-display:swap;
  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}
@font-face{font-family:'Newsreader';src:url('../fonts/newsreader-latinext.woff2') format('woff2');
  font-weight:200 800;font-style:normal;font-display:swap;
  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}
@font-face{font-family:'Karla';src:url('../fonts/karla-latin.woff2') format('woff2');
  font-weight:400 800;font-style:normal;font-display:swap;
  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}
@font-face{font-family:'Karla';src:url('../fonts/karla-latinext.woff2') format('woff2');
  font-weight:400 800;font-style:normal;font-display:swap;
  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}

/* --- Marķieri --------------------------------------------------------------- */
:root{
  /* Krāsas nolasītas no oriģinālajiem logo vektoriem (LOGO/Logo/logo A.pdf
     un logo C.pdf), nevis no rastra – tāpēc precīzas. */
  --navy:#12223E;          /* logo vārdzīme un logo C fons */
  --navy-2:#1B2E4F;
  --taupe:#94897E;         /* logo rāmis un „4 HOME“ */
  /* Mazam tekstam uz gaiša. Jāiztur AA gan uz --papirs, gan uz --virsma:
     uz virsmas fons ir tumšāks, tāpēc tas ir stingrākais gadījums (4,8:1). */
  --taupe-t:#6A625A;
  --taupe-g:#A99E91;       /* gaišāks – uz navy, 6,0:1 */
  --stikls-g:#D1D3D5;      /* logo stikla plakne */
  --stikls-z:#7F878E;      /* logo stikla sāns */
  --papirs:#F4F2EF;
  --virsma:#EAE6E0;
  --balts:#FFFFFF;
  --klusi:#5E6470;
  --linija:rgba(13,28,60,.14);
  --linija-g:rgba(255,255,255,.20);
  /* Aizstājvārdi, ko lieto styles/consent.css – lai piekrišanas banneris
     un iegultā satura vietturi paņem to pašu paleti. */
  --primary-navy:#12223E;
  --text-dark:#12223E;
  --text-light:#5E6470;
  --white:#FFFFFF;
  --ietvars:1280px;
  --lente:clamp(64px,8vw,128px);   /* vertikālais ritms starp sadaļām */
  --e:cubic-bezier(.22,.68,.28,1);
}

/* --- Bāze ------------------------------------------------------------------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{
  background:var(--papirs);color:var(--navy);
  font-family:'Karla',system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.62;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,.displejs,blockquote{
  font-family:'Newsreader',Georgia,'Times New Roman',serif;
  font-weight:300;letter-spacing:-.021em;line-height:1.1;text-wrap:balance;
}
a{color:inherit}
::selection{background:var(--navy);color:var(--balts)}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:1px}
/* Tumšajos kontekstos (kājene, mobilā izvēlne, tumšās sadaļas, aicinājums,
   lipīgā josla) navy kontūra uz navy fona nav redzama – tur fokuss ir balts. */
.kajene :focus-visible, .mob :focus-visible, .sadala-tumsa :focus-visible,
.aicinajums :focus-visible, .lipiga :focus-visible { outline-color: #fff; }
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;
  padding:14px 22px;font-size:14px;text-decoration:none}
.skip-link:focus{left:0}
.ietvars{max-width:var(--ietvars);margin:0 auto;padding:0 40px;width:100%}
.slepts{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Uzraksts virs virsraksta */
.et{font-family:'Karla',system-ui,sans-serif;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--taupe-t);font-weight:700;line-height:1.4;
  display:flex;align-items:center;gap:12px}
.et::after{content:'';flex:0 0 46px;height:1px;background:var(--taupe)}
.et.viens::after{display:none}
.et-g{color:rgba(255,255,255,.92)}
.et-g::after{background:var(--taupe-g);opacity:.75}

/* --- Galvene ---------------------------------------------------------------- */
.galvene{position:fixed;inset:0 0 auto;z-index:80;transition:background .35s var(--e),box-shadow .35s var(--e)}
.galvene .ietvars{display:flex;align-items:center;justify-content:space-between;height:88px;gap:28px}
.zimols{display:block;flex:0 0 auto}
.zimols img{height:38px;width:auto;transition:opacity .3s var(--e)}
.zimols .gaisais{display:block}
.zimols .tumsais{display:none}
.izvelne{display:flex;align-items:center;gap:34px;list-style:none}
.izvelne a{color:rgba(255,255,255,.86);text-decoration:none;font-size:15px;letter-spacing:.005em;
  padding:6px 0;position:relative;transition:color .25s var(--e)}
.izvelne a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--e)}
.izvelne a:hover{color:#fff}
.izvelne a:hover::after,.izvelne a[aria-current="page"]::after{transform:scaleX(1)}
.izvelne a[aria-current="page"]{color:#fff}
.galvenes-poga{border:1px solid rgba(255,255,255,.55);padding:11px 22px;font-size:12.5px;
  letter-spacing:.09em;text-transform:uppercase;font-weight:700;transition:.28s var(--e)}
.galvenes-poga:hover{background:#fff;color:var(--navy);border-color:#fff}
.galvenes-poga::after{display:none!important}

/* Cietā galvene: pēc ritināšanas, un uzreiz lapās bez foto hero (.vienmer-cieta) */
.galvene.cieta,.galvene.vienmer-cieta{background:rgba(244,242,239,.94);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--linija)}
.galvene.cieta .zimols .gaisais,.galvene.vienmer-cieta .zimols .gaisais{display:none}
.galvene.cieta .zimols .tumsais,.galvene.vienmer-cieta .zimols .tumsais{display:block}
.galvene.cieta .izvelne a,.galvene.vienmer-cieta .izvelne a{color:var(--navy)}
.galvene.cieta .izvelne a:hover,.galvene.vienmer-cieta .izvelne a:hover{color:var(--taupe-t)}
.galvene.cieta .galvenes-poga,.galvene.vienmer-cieta .galvenes-poga{border-color:var(--navy);color:var(--navy)}
.galvene.cieta .galvenes-poga:hover,.galvene.vienmer-cieta .galvenes-poga:hover{background:var(--navy);color:#fff}
.galvene.cieta .lentes span,.galvene.vienmer-cieta .lentes span{background:var(--navy)}

.lentes{display:none;background:none;border:0;cursor:pointer;padding:12px 4px;
  flex-direction:column;gap:6px;margin-right:-4px}
/* Caurspīdīgā stāvoklī galvene gulst uz fotogrāfijas – logo un saites vajag nolasīt
   arī virs gaišas debess. */
.galvene:not(.cieta):not(.vienmer-cieta) .zimols img{filter:drop-shadow(0 1px 10px rgba(7,14,30,.5))}
.galvene:not(.cieta):not(.vienmer-cieta) .izvelne,
.galvene:not(.cieta):not(.vienmer-cieta) .lentes{text-shadow:0 1px 12px rgba(7,14,30,.5)}

.lentes span{display:block;width:26px;height:1.5px;background:#fff;transition:.3s var(--e)}
.lentes[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.lentes[aria-expanded="true"] span:nth-child(2){opacity:0}
.lentes[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Mobilā izvēlne */
.mob{position:fixed;inset:0;z-index:79;background:var(--navy);padding:112px 32px 40px;
  display:flex;flex-direction:column;gap:2px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .3s var(--e),transform .3s var(--e),visibility .3s}
.mob.atverta{opacity:1;visibility:visible;transform:none}
.mob a{color:#fff;text-decoration:none;font-family:'Newsreader',serif;font-weight:300;
  font-size:30px;letter-spacing:-.02em;padding:15px 0;border-bottom:1px solid var(--linija-g)}
.mob .mob-cta{margin-top:28px;border:0;font-family:'Karla',sans-serif;font-size:13px;
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:#fff;color:var(--navy);
  text-align:center;padding:18px}
.mob .mob-kontakti{margin-top:auto;padding-top:26px;border-top:1px solid var(--linija-g);
  font-family:'Karla',sans-serif;font-size:15px;color:rgba(255,255,255,.7);border-bottom:0}

/* --- Pogas ------------------------------------------------------------------ */
.poga{display:inline-flex;align-items:center;gap:11px;text-decoration:none;cursor:pointer;
  padding:17px 32px;font-family:'Karla',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;border:1px solid transparent;
  transition:.28s var(--e);white-space:nowrap}
.poga svg{width:15px;height:15px;flex:0 0 auto;transition:transform .3s var(--e)}
.poga:hover svg{transform:translateX(4px)}
.poga-balta{background:#fff;color:var(--navy)}
.poga-balta:hover{background:var(--taupe-g)}
.poga-caura{border-color:rgba(255,255,255,.6);color:#fff}
.poga-caura:hover{background:rgba(255,255,255,.12);border-color:#fff}
.poga-navy{background:var(--navy);color:#fff}
.poga-navy:hover{background:var(--navy-2)}
.poga-lin{border-color:var(--navy);color:var(--navy)}
.poga-lin:hover{background:var(--navy);color:#fff}
.poga[disabled]{opacity:.55;cursor:progress}

/* Teksta saite ar bultu */
.saite{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--navy)}
.saite svg{width:14px;height:14px;transition:transform .3s var(--e)}
.saite:hover svg{transform:translateX(4px)}

/* --- Sākumlapas hero -------------------------------------------------------- */
.hero{position:relative;min-height:min(88svh,880px);display:flex;align-items:flex-end;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
/* Aizsegs zem teksta. Mērīts pret reāliem foto pikseļiem: augšdaļā gradients bija
   par gaišu, un uzraksts virs virsraksta iznāca 1,88:1 (WCAG AA prasa 4,5:1).
   Vērtības zemāk ir izvēlētas tā, lai gaišākais pikselis zem teksta iztur AA.
   Ja maina hero foto, PĀRMĒRA no jauna – ar gaišāku debesi tas var atkal krist. */
.hero::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,
    rgba(7,14,30,.58) 0%,
    rgba(7,14,30,.20) 16%,
    rgba(7,14,30,.56) 32%,
    rgba(7,14,30,.70) 46%,
    rgba(7,14,30,.82) 64%,
    rgba(7,14,30,.93) 100%)}
.hero>.ietvars{position:relative;z-index:2;--hero-apaksa:clamp(56px,7vw,88px);padding-bottom:var(--hero-apaksa);color:#fff;
  text-shadow:0 1px 18px rgba(7,14,30,.4)}
/* Uzraksts dzīvo H1 iekšā, tāpēc izmērus un svaru nes .sauklis, ne pats H1 –
   citādi uzraksts mantotu 112 px Newsreader. */
.hero h1{margin:0 0 24px;color:#fff}
.hero h1 .et{margin-bottom:20px}
.hero h1 .sauklis{display:block;font-size:clamp(48px,7.4vw,112px);line-height:1;
  max-width:14ch;font-weight:200}
.hero .ievadrinda{max-width:50ch;color:rgba(255,255,255,.92);font-size:clamp(17px,1.5vw,20px)}
.hero-pogas{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
.hero-apaksa{position:absolute;z-index:2;left:0;right:0;bottom:0;
  border-top:1px solid var(--linija-g)}
.hero-apaksa .ietvars{display:flex;gap:40px;padding-block:20px;padding-bottom:20px;
  flex-wrap:wrap;font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.75)}

/* --- Apakšlapu hero --------------------------------------------------------- */
.lapas-hero{position:relative;min-height:min(66svh,600px);display:flex;align-items:flex-end;overflow:hidden}
.lapas-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
/* Lapām, kurām vēl NAV pārbaudīta objekta fotogrāfija. Labāk tīra zīmola virsma
   nekā foto, par kuru nezinām, vai tas ir mūsu darbs un vai tas rāda šo produktu. */
.lapas-hero-vienkrasa{background:var(--navy)}
/* Tas pats apsvērums: takas ceļš un uzraksts bija 2,30 un 3,29 pret 4,5. */
.lapas-hero::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,
    rgba(7,14,30,.62) 0%,
    rgba(7,14,30,.26) 20%,
    rgba(7,14,30,.56) 42%,
    rgba(7,14,30,.74) 60%,
    rgba(7,14,30,.88) 100%)}
.lapas-hero>.ietvars{position:relative;z-index:2;--hero-apaksa:clamp(44px,5vw,68px);padding-bottom:var(--hero-apaksa);color:#fff;
  text-shadow:0 1px 18px rgba(7,14,30,.4)}
.lapas-hero h1{font-size:clamp(38px,5.4vw,76px);margin:18px 0 18px;color:#fff;font-weight:200;max-width:18ch}
.lapas-hero p{max-width:52ch;color:rgba(255,255,255,.9);font-size:18px}
.taka{display:flex;gap:10px;flex-wrap:wrap;list-style:none;font-size:12.5px;
  letter-spacing:.06em;color:rgba(255,255,255,.66);margin-bottom:26px}
.taka a{text-decoration:none}
.taka a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.taka li+li::before{content:'/';margin-right:10px;opacity:.5}

/* --- Sadaļas ---------------------------------------------------------------- */
.sadala{padding:var(--lente) 0}
.sadala-tumsa{background:var(--navy);color:#fff}
.sadala-tumsa h2,.sadala-tumsa h3{color:#fff}
.sadala-virsma{background:var(--virsma)}
/* Taupe kā virsma. Zīmolā tā ir pamatvirsma, ne matu līnija. Teksts navy. */
.sadala-taupe{background:var(--taupe);color:var(--navy)}
.sadala-taupe h2,.sadala-taupe h3,.sadala-taupe .duo-lielais{color:var(--navy)}
.sadala-taupe p,.sadala-taupe .duo p+p,.sadala-taupe .galva p{color:var(--navy)}
.sadala-taupe .et{color:var(--navy);opacity:.9}
.sadala-taupe .et::after{background:var(--navy);opacity:.45}
.sadala-taupe .cipi li{border-color:rgba(18,34,62,.4);color:var(--navy)}
.sadala-taupe .saite{color:var(--navy)}
.galva{max-width:60ch;margin-bottom:clamp(40px,4.5vw,64px)}
.galva h2{font-size:clamp(34px,4.6vw,60px);margin:16px 0 18px}
.galva p{color:var(--klusi);font-size:19px;max-width:52ch}
.sadala-tumsa .galva p{color:rgba(255,255,255,.74)}
.galva-plata{max-width:none;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}

/* --- Pakalpojumu flīzes ------------------------------------------------------ */
.flizes{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(28px,3vw,40px) 28px}
.fliza{position:relative;display:block;text-decoration:none;color:inherit}
.fliza .ram{overflow:hidden;background:var(--virsma);position:relative}
.fliza .ram img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e)}
.fliza:hover .ram img,.fliza:focus-visible .ram img{transform:scale(1.045)}
.fliza .nr{position:absolute;z-index:2;top:0;left:0;color:#fff;font-size:11px;
  letter-spacing:.18em;font-weight:700;padding:14px 18px;
  background:linear-gradient(135deg,rgba(13,28,60,.55),rgba(13,28,60,0) 78%)}
.fliza .apaksa{padding-top:22px;display:flex;flex-direction:column;gap:8px;
  border-top:1px solid var(--linija);margin-top:22px}
.fliza h3{font-size:clamp(24px,2.3vw,31px);font-weight:400}
.fliza .sistemas{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-t);font-weight:700}
.fliza p{color:var(--klusi);font-size:16px;max-width:44ch}
.fliza .saite{margin-top:6px}
.fliza:hover .saite{color:var(--taupe-t)}
/* Vienā rindā esošajām flīzēm attēla augstums ir fiksēts, lai apakšmalas sakristu.
   Ar aspect-ratio tās nesakristu, jo kolonnu platumi atšķiras. */
.f-7{grid-column:span 7}.f-7 .ram{height:clamp(300px,37vw,520px)}
.f-5{grid-column:span 5}.f-5 .ram{height:clamp(300px,37vw,520px)}
.f-6{grid-column:span 6}.f-6 .ram{aspect-ratio:3/2}
.f-4{grid-column:span 4}.f-4 .ram{aspect-ratio:3/4}
.f-12{grid-column:span 12}.f-12 .ram{height:clamp(240px,30vw,430px)}
.f-12 .apaksa{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:baseline}

/* Loga rūšu dalījums, kas parādās uz attēla. Tāds pats kā logo zīmē. */
.fliza .ram::after{content:'';position:absolute;inset:16px;pointer-events:none;z-index:1;
  border:1px solid rgba(255,255,255,.5);
  background:
    linear-gradient(to right,rgba(255,255,255,.5) 1px,transparent 1px) 38% 0/100% 100% no-repeat,
    linear-gradient(to bottom,rgba(255,255,255,.5) 1px,transparent 1px) 0 46%/100% 100% no-repeat;
  opacity:0;transition:opacity .5s var(--e)}
.fliza:hover .ram::after,.fliza:focus-visible .ram::after{opacity:1}
.f-12 .apaksa p{margin-left:auto}

/* Papildpiezīme zem flīzēm */
.flizu-piezime{margin-top:34px;padding-top:26px;border-top:1px solid var(--linija);
  display:flex;gap:20px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}
.flizu-piezime p{color:var(--klusi);font-size:16px;max-width:56ch}

/* --- Divkolonnu teksta bloks -------------------------------------------------- */
.duo{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(40px,6vw,96px);align-items:start}
.duo-lielais{font-family:'Newsreader',serif;font-weight:300;font-size:clamp(23px,2.5vw,32px);
  line-height:1.32;letter-spacing:-.015em}
.duo p+p{margin-top:18px;color:var(--klusi)}
.sadala-tumsa .duo p+p{color:rgba(255,255,255,.76)}

/* --- Ieguvumu saraksts -------------------------------------------------------- */
/* Līnijas zīmē pašas šūnas (box-shadow), nevis konteinera fons – citādi nepilnā
   pēdējā rindā paliktu tukša pelēka šūna. */
.ieguvumi{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:1px;
  list-style:none}
.ieguvumi li{list-style:none;background:var(--papirs);padding:30px 26px;
  box-shadow:0 0 0 1px var(--linija)}
.sadala-virsma .ieguvumi li{background:var(--virsma)}
.ieguvumi b{display:block;font-family:'Newsreader',serif;font-weight:400;font-size:20px;
  letter-spacing:-.01em;margin-bottom:8px}
.ieguvumi span{color:var(--klusi);font-size:15.5px}
.ieguvumi .cip{font-size:11px;letter-spacing:.16em;color:var(--taupe-t);font-weight:700;display:block;margin-bottom:14px}

/* Vienkāršs punktu saraksts */
.punkti{list-style:none;display:grid;gap:14px}
.punkti li{padding-left:26px;position:relative;color:var(--klusi)}
.punkti li::before{content:'';position:absolute;left:0;top:.62em;width:12px;height:1px;background:var(--taupe)}
.sadala-tumsa .punkti li{color:rgba(255,255,255,.8)}

/* Īpašību čipi */
.cipi{display:flex;flex-wrap:wrap;gap:9px;list-style:none}
.cipi li{border:1px solid var(--linija);padding:9px 16px;font-size:13.5px;color:var(--navy)}
.sadala-tumsa .cipi li{border-color:var(--linija-g);color:rgba(255,255,255,.9)}

/* --- Sistēmu saraksts --------------------------------------------------------- */
.sistemu-saraksts{display:grid;gap:1px;background:var(--linija);border-block:1px solid var(--linija)}
.sistema{background:var(--papirs);display:grid;grid-template-columns:200px 1fr;gap:clamp(24px,4vw,56px);
  padding:clamp(26px,3vw,40px) 0;align-items:start}
.sadala-virsma .sistema{background:var(--virsma)}
.sistema .att{background:#fff;border:1px solid var(--linija);aspect-ratio:1;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.sistema .att img{width:100%;height:100%;object-fit:contain;padding:10px}
.sistema h3,.sistema .e404-nos{font-size:clamp(22px,2.1vw,28px);font-weight:400;margin-bottom:4px}
.sistema .marka{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--taupe-t);font-weight:700;margin-bottom:10px}
.sistema p{color:var(--klusi);font-size:16px;max-width:62ch}
.sistema dl{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px;padding-top:16px;
  border-top:1px solid var(--linija)}
.sistema dt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-t);
  font-weight:700;width:100%;margin-top:6px}
.sistema dd{font-size:14.5px;color:var(--navy)}
.sistema dd+dd::before{content:'·';margin-right:9px;color:var(--taupe)}
.nav-datu{color:var(--klusi);font-style:italic;font-size:14px}

/* Kopīgie parametri */
.parametri{margin-top:36px;padding:26px 28px;background:var(--virsma);border-left:2px solid var(--taupe)}
.sadala-virsma .parametri{background:var(--papirs)}
.parametri b{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-t);
  display:block;margin-bottom:9px}
.parametri p{font-size:15px;color:var(--klusi)}

/* --- BUJ --------------------------------------------------------------------- */
.buj{border-top:1px solid var(--linija)}
.buj details{border-bottom:1px solid var(--linija)}
.buj summary{cursor:pointer;list-style:none;padding:26px 44px 26px 0;position:relative;
  font-family:'Newsreader',serif;font-weight:400;font-size:clamp(19px,1.8vw,23px);letter-spacing:-.01em}
.buj summary::-webkit-details-marker{display:none}
.buj summary::after{content:'';position:absolute;right:6px;top:50%;width:13px;height:13px;
  margin-top:-7px;border-right:1.5px solid var(--taupe);border-bottom:1.5px solid var(--taupe);
  transform:rotate(45deg);transition:transform .3s var(--e)}
.buj details[open] summary::after{transform:rotate(-135deg)}
.buj summary:hover{color:var(--taupe-t)}
.buj .atbilde{padding:0 60px 28px 0;color:var(--klusi);max-width:76ch}

/* --- Galerija ----------------------------------------------------------------- */
/* Loga rūšu režģis. Zīmola signatūra ir rūtis – tās ir logo zīmē un visā auto
   dizainā. Stingrs kvadrātu modulis, kur daļa rūšu ir foto, daļa krāsas lauki. */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal > *{aspect-ratio:1;overflow:hidden;position:relative;margin:0;min-width:0}
.gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--e)}
.gal figure:hover img{transform:scale(1.05)}
.g-2{grid-column:span 2;grid-row:span 2}

/* Krāsu rūtis. Skaitļi tikai apstiprinātie – nekas nav izdomāts. */
.rute{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2vw,26px)}
.rute .maz{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.rute .liels{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(30px,3.4vw,50px);
  line-height:1;letter-spacing:-.03em}
.rute-navy{background:var(--navy);color:#fff}
.rute-navy .maz{color:var(--taupe-g)}
/* Uz taupe teksts ir navy, ne balts: balts dod 3,4:1, navy 4,6:1. */
.rute-taupe{background:var(--taupe);color:var(--navy)}
.rute-taupe .maz{color:var(--navy);opacity:.75}
.gal-piezime{margin-top:24px;font-size:13.5px;color:var(--klusi);max-width:74ch}

/* --- Par mums un skaitītāji ---------------------------------------------------- */
.pm{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,6vw,90px);align-items:center}
.pm-foto{position:relative}
.pm-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pm-foto figcaption{margin-top:12px;font-size:13px;color:var(--klusi)}
.skaitli{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px;
  padding-top:34px;border-top:1px solid var(--linija)}
.skaitli.divi{grid-template-columns:repeat(2,1fr);max-width:460px}
.skaitlis b{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(36px,4.4vw,58px);
  line-height:1;letter-spacing:-.03em;display:block}
.skaitlis span{font-size:13.5px;color:var(--klusi);display:block;margin-top:10px;line-height:1.4}
.skaitlis.gaida{opacity:.42}

/* --- Aicinājuma josla ----------------------------------------------------------- */
.aicinajums{background:var(--navy);color:#fff}
.aicinajums .ietvars{display:grid;grid-template-columns:1fr auto;gap:clamp(28px,4vw,60px);
  align-items:center;padding-block:clamp(52px,6vw,80px)}
.aicinajums h2{font-size:clamp(28px,3.5vw,46px);max-width:20ch;color:#fff}
.aicinajums p{color:rgba(255,255,255,.72);margin-top:14px;max-width:46ch}

/* --- Kontakti ------------------------------------------------------------------- */
.kont{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,90px);align-items:start}
.kont-dl{margin-top:34px}
.kont-dl dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-t);
  font-weight:700;margin-top:24px}
.kont-dl dd{font-size:17.5px;margin-top:5px}
.kont-dl a{text-decoration:none;border-bottom:1px solid var(--linija);transition:border-color .25s}
.kont-dl a:hover{border-color:var(--navy)}
form{display:grid;gap:22px}
.lauks label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;margin-bottom:9px;color:var(--navy)}
input[type=email],input[type=tel],input[type=text],textarea{
  width:100%;font-family:inherit;font-size:16.5px;padding:16px 17px;background:#fff;
  border:1px solid var(--linija);color:var(--navy);transition:border-color .25s var(--e)}
textarea{resize:vertical;min-height:130px}
input:hover,textarea:hover{border-color:rgba(13,28,60,.3)}
input:focus,textarea:focus{outline:2px solid var(--navy);outline-offset:-1px;border-color:transparent}
.vajag{color:#A8442A}
.pamaciba{font-size:13.5px;color:var(--klusi);margin-top:9px}
/* Faila lauks */
.fails{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fails input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.fails .faila-poga{border:1px solid var(--navy);background:none;color:var(--navy);cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:13px 20px;transition:.25s var(--e)}
.fails .faila-poga:hover{background:var(--navy);color:#fff}
.fails input[type=file]:focus-visible+.faila-poga{outline:2px solid var(--navy);outline-offset:3px}
.fails .faila-teksts{font-size:14.5px;color:var(--klusi)}
/* Mārketinga piekrišana. Sākotnēji neatzīmēta un atsevišķa no pieteikuma –
   VDAR neļauj to sasaistīt ar pakalpojuma saņemšanu. */
.piekrisana .kaste{display:flex;gap:13px;align-items:flex-start;cursor:pointer}
.piekrisana label{text-transform:none;letter-spacing:0;font-weight:400;font-size:15px;
  margin:0;color:var(--klusi);line-height:1.5}
.piekrisana input[type=checkbox]{width:19px;height:19px;flex:0 0 auto;margin-top:1px;
  accent-color:var(--navy);cursor:pointer}
.piekrisana .kaste:hover span{color:var(--navy)}

.juridiski{font-size:13.5px;color:var(--klusi);line-height:1.55}
.juridiski a{color:var(--navy)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formas-statuss{font-size:15px;padding:14px 16px;border-left:2px solid var(--taupe)}
.formas-statuss:empty{display:none}
.formas-statuss[data-veids="kluda"]{border-color:#A8442A;color:#8A3220;background:rgba(168,68,42,.06)}
.formas-statuss[data-veids="ok"]{border-color:#3F6B54;color:#2F5240;background:rgba(63,107,84,.06)}

/* Karte – click-to-load */
.karte{aspect-ratio:16/10;background:var(--virsma);border:1px solid var(--linija)}
.karte iframe{width:100%;height:100%;border:0;display:block}

/* Konfigurators – trešās puses iegultne, click-to-load kā kartei.

   Trīs lietas, kas te nav acīmredzamas.

   1. Augstums ir uz KONTEINERA, ne uz <iframe>. consent.css nāk pēc šī faila un
      satur `[data-embed-src] iframe{height:100%}` ar tādu pašu svaru kā
      `.konf-ietvars iframe`, tāpēc kaskādē uzvarēja tas. Šeit selektoram
      pielikta arī atribūta daļa, lai svars būtu lielāks.

   2. Rāmis ir par --konf-galvene augstāks nekā konteiners un pabīdīts uz augšu,
      tāpēc piegādātāja josla ar viņu logo paliek ārpus redzamā laukuma. Josla ir
      statiska (nav sticky), 57 px, pašā augšā – tāpēc nogriežot to, neko citu
      nepazaudē. Tas ir pagaidu risinājums; pareizi būtu, ka piegādātājs joslu
      izslēdz pats.

   3. Augstumi ir nomērīti no paša rīka tukšā stāvoklī: 767 px pie 1180 px
      platuma (3 kolonnas), ~930 px pie 2 kolonnām un ~1460 px pie vienas.
      Mīnus nogrieztā josla, plus neliela rezerve. Kad cilvēks pievieno logu,
      saturs kļūst garāks par rāmi un rāmim parādās sava ritjosla – tas pazūd
      tajā brīdī, kad piegādātājs sāk sūtīt augstumu ar postMessage. */
.konf-ietvars{--konf-galvene:57px;
  height:800px;overflow:hidden;background:#fff;
  border:1px solid var(--linija);border-radius:12px;
  box-shadow:0 1px 2px rgba(13,28,60,.04),0 10px 30px rgba(13,28,60,.07);
  margin-top:clamp(28px,3.5vw,44px)}
/* Pirms piekrišanas iekšā ir uzruna, ne rāmis – tai fiksēts augstums nav vajadzīgs. */
.konf-ietvars:not(.embed-loaded){height:auto;background:var(--virsma);box-shadow:none}
.konf-ietvars[data-embed-src] iframe{width:100%;
  height:calc(100% + var(--konf-galvene));margin-top:calc(-1 * var(--konf-galvene));
  border:0;border-radius:0;display:block}
/* Lūzuma punkti ir pēc LOGA, bet rīka kolonnas maina RĀMJA platums, un tie nav
   viens un tas pats. Rāmis = min(logs,1280) − 82 px, bet zem 900 px – 50 px, jo
   tur .ietvars maina atkāpi. Tāpēc 1024 → 1106 un 640 → 690.
   Bez šī pie 1060 px loga rāmis ir 963 px plats, rīks pārslēdzas uz divām
   kolonnām, bet konteiners paliek trīs kolonnu augstumā – un ap 110 px nogriež. */
@media (max-width:1105px){.konf-ietvars{height:950px}}
@media (max-width:689px){.konf-ietvars{height:1470px}}

/* Rāmis neatbildēja. Fiksētais augstums te vairs nav vajadzīgs – teksts ir īss,
   un 800 px tukšuma ap diviem teikumiem izskatītos vēl sliktāk par kļūdu pašu. */
.konf-ietvars.konf-neizdevas{height:auto;background:var(--virsma);box-shadow:none}
.konf-atteikums{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:20px;text-align:center;padding:clamp(40px,6vw,72px) 32px}
.konf-atteikums p{max-width:44ch;color:var(--klusi);font-size:15.5px;line-height:1.6}

/* --- Kājene ---------------------------------------------------------------------- */
.kajene{background:var(--navy);color:rgba(255,255,255,.7);padding:clamp(56px,6vw,84px) 0 40px;font-size:14.5px}
.kajene-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(32px,5vw,64px);
  padding-bottom:44px;border-bottom:1px solid var(--linija-g)}
.kajene .zimols img{height:44px;margin-bottom:14px}
.kajenes-fraze{font-family:'Newsreader',serif;font-weight:300;font-size:20px;
  letter-spacing:-.01em;color:var(--taupe-g);margin-bottom:20px}
.kajenes-fraze em{font-style:normal;opacity:.7}
/* Kājenē lieto h2, nevis h4: audits rādīja virsrakstu lēcienu h2→h4,
   kas ekrāna lasītājam nozīmē izlaistu līmeni. Izskats nemainās. */
.kajene .kajenes-virsraksts{font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--taupe-g);font-family:'Karla',sans-serif;font-weight:700;margin-bottom:18px;
  line-height:1.4}
.kajene a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .25s}
.kajene a:hover{color:#fff}
.kajenes-saraksts{display:grid;gap:11px;list-style:none}
.soctikli{display:flex;gap:12px;margin-top:24px}
.soctikli a{width:40px;height:40px;border:1px solid var(--linija-g);display:flex;
  align-items:center;justify-content:center;transition:.25s var(--e)}
.soctikli a:hover{background:#fff;border-color:#fff;color:var(--navy)}
.soctikli svg{width:17px;height:17px;fill:currentColor}
.kajenes-apaksa{padding-top:26px;display:flex;justify-content:space-between;gap:20px;
  flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.55)}
.kajenes-apaksa .juridiskas{display:flex;gap:22px;flex-wrap:wrap}

/* --- Juridiskās lapas -------------------------------------------------------------- */
.dokuments{max-width:78ch;padding-block:var(--lente)}
.dokuments h1{font-size:clamp(34px,4.4vw,54px);margin-bottom:12px}
.dokuments h2{font-size:clamp(22px,2.4vw,30px);font-weight:400;margin:44px 0 14px}
.dokuments h3{font-size:19px;font-weight:400;margin:28px 0 10px}
.dokuments p,.dokuments li{color:var(--klusi)}
.dokuments p+p,.dokuments ul,.dokuments ol,.dokuments table{margin-top:16px}
.dokuments ul,.dokuments ol{padding-left:22px;display:grid;gap:8px}
.dokuments a{color:var(--navy)}
.dokuments table{width:100%;border-collapse:collapse;font-size:15px}
.dokuments th,.dokuments td{text-align:left;padding:13px 14px;border:1px solid var(--linija);vertical-align:top}
.dokuments th{background:var(--virsma);font-weight:700;color:var(--navy);font-size:13px;
  letter-spacing:.04em;text-transform:uppercase}
.dokuments .melnraksts{border-left:2px solid #A8442A;background:rgba(168,68,42,.05);
  padding:18px 22px;margin-bottom:32px;color:#8A3220;font-size:15px}
.dokuments .legal-updated{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--taupe-t);font-weight:700}
.dokuments .legal-callout{border-left:2px solid var(--taupe);background:var(--virsma);
  padding:20px 24px;margin-top:24px}
.dokuments .legal-callout p{color:var(--navy)}
.dokuments strong{color:var(--navy);font-weight:700}
.tabulas-ram{overflow-x:auto;margin-top:16px}
.tabulas-ram table{margin-top:0;min-width:640px}

/* --- Lipīgā josla mobilajā ----------------------------------------------------------
   Mērīts: mobilajā starp hero pogām (626 px) un nākamo aicinājumu (6837 px) bija
   6,3 ekrāni bez neviena veida, kā pieteikties. Lapai, kuras vienīgais mērķis ir
   pieteikumi, tas ir galvenais zaudējums. Josla parādās, kad hero ir pagājis. */
.lipiga{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
  background:rgba(13,28,60,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px;
  box-shadow:0 -1px 0 rgba(255,255,255,.14);
  transform:translateY(110%);transition:transform .32s var(--e)}
.lipiga.redzama{transform:none}
.lipiga a{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:9px;
  text-decoration:none;padding:14px 10px;font-size:13px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.lipiga .l-zvans{border:1px solid rgba(255,255,255,.45);color:#fff}
.lipiga .l-pieteikt{background:#fff;color:var(--navy)}
.lipiga svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6}
@media (max-width:900px){
  .lipiga{display:flex}
  /* Lai josla neaizsedz kājenes pēdējo rindu un formas pogu */
  body{padding-bottom:76px}
  /* Sīkdatņu poga (styles/consent.css) stāv apakšā pa kreisi un sadurtos
     ar lipīgo joslu – paceļam to virs tās. consent.css ielādējas VĒLĀK, tāpēc
     ar vienādu specifiskumu tas uzvarētu; `body` priekšā to atrisina bez !important. */
  body .consent-reset{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.lipiga{transition:none}}

/* --- Galerijas palielinātājs --------------------------------------------------------- */
.gal button{border:0;padding:0;background:none;cursor:zoom-in;display:block;width:100%;height:100%}
.gal button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.skatitajs{position:fixed;inset:0;z-index:120;background:rgba(7,14,30,.94);
  display:none;align-items:center;justify-content:center;padding:24px}
.skatitajs[open]{display:flex}
.skatitajs img{max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain}
.skatitajs .aizvert{position:absolute;top:18px;right:18px;width:46px;height:46px;
  background:none;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:22px;
  cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}
.skatitajs .aizvert:hover{background:#fff;color:var(--navy)}
.skatitajs .parslegt{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;
  background:none;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:24px;cursor:pointer;
  display:flex;align-items:center;justify-content:center}
.skatitajs .parslegt:hover{background:#fff;color:var(--navy)}
.skatitajs .iepr{left:18px}
.skatitajs .nak{right:18px}
.skatitajs .paraksts{position:absolute;left:0;right:0;bottom:20px;text-align:center;
  color:rgba(255,255,255,.8);font-size:14px;padding:0 80px}
@media (max-width:560px){
  .skatitajs .parslegt{width:44px;height:44px;top:auto;bottom:20px;transform:none}
  .skatitajs .iepr{left:20px}.skatitajs .nak{right:20px}
  .skatitajs .paraksts{bottom:82px;padding:0 20px}
}

/* --- Faktu josla -------------------------------------------------------------------
   Tūlīt zem hero. Divi uzdevumi: cilvēks 3 sekundēs redz, ar ko mēs atšķiramies,
   un AI atbilžu dzinēji atrod konkrētus skaitļus ar mērvienībām lapas augšā, kur
   tie tos sver visvairāk. Tikai apstiprināti fakti – nekādu aptuvenu apgalvojumu. */
.fakti{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linija);
  border-block:1px solid var(--linija);list-style:none}
.fakti li{background:var(--papirs);padding:26px clamp(18px,2vw,28px)}
.sadala-virsma .fakti li{background:var(--virsma)}
.fakti b{display:block;font-family:'Newsreader',serif;font-weight:200;
  font-size:clamp(26px,3vw,40px);line-height:1;letter-spacing:-.03em;color:var(--navy)}
.fakti span{display:block;margin-top:11px;font-size:13.5px;color:var(--klusi);line-height:1.45}

/* --- Salīdzinājuma tabula -----------------------------------------------------------
   Lapas galvenais lēmumu rīks: sešas sistēmas ar VIENĀDĀM kolonnām. Kartītēs katrai
   sistēmai bija savs parametru komplekts, tāpēc salīdzināt nevarēja.
   Tukša šūna ir „–“ ar paskaidrojumu, nevis izdomāts skaitlis. */
.salidz-ram{overflow-x:auto;margin-top:8px;-webkit-overflow-scrolling:touch}
.salidz{width:100%;border-collapse:collapse;font-size:15px;min-width:720px}
.salidz th,.salidz td{text-align:left;padding:14px 16px;border:1px solid var(--linija);
  vertical-align:top}
.salidz thead th{background:var(--navy);color:#fff;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;white-space:nowrap}
.salidz tbody th{background:var(--virsma);font-weight:400;font-family:'Newsreader',serif;
  font-size:19px;color:var(--navy);white-space:nowrap}
.sadala-virsma .salidz tbody th{background:var(--papirs)}
.salidz td{color:var(--klusi)}
.salidz .cip-t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--taupe-t);font-weight:700;display:block;margin-top:5px}
.salidz .nav-dat{color:var(--taupe-t);font-style:italic}
.salidz-piezime{margin-top:16px;font-size:13.5px;color:var(--klusi);max-width:80ch}
/* Norāde, ka tabulu var ritināt sāniski. Parādās tikai tur, kur tā nesatilpst. */
.ritinams{display:none;margin-top:10px;font-size:12.5px;color:var(--taupe-t);
  letter-spacing:.06em;text-transform:uppercase;font-weight:700}

/* --- Izvēles scenāriji ---------------------------------------------------------------
   „Kura sistēma man?“ – trīs tipiskas situācijas ar ieteikumu. Katrs ved uz savu
   rindu tabulā, nevis uz jaunu lapu: lēmums notiek šeit. */
.scenariji{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linija);
  border:1px solid var(--linija);list-style:none;margin-top:8px}
.scenariji li{background:var(--papirs);padding:clamp(24px,2.6vw,34px);display:flex;
  flex-direction:column;gap:12px}
.sadala-virsma .scenariji li{background:var(--virsma)}
.scenariji .situacija{font-family:'Newsreader',serif;font-weight:400;font-size:21px;
  line-height:1.28;letter-spacing:-.01em;color:var(--navy)}
.scenariji p{font-size:15px;color:var(--klusi)}
.scenariji .iesakam{margin-top:auto;padding-top:14px;border-top:1px solid var(--linija);
  font-size:13px;letter-spacing:.06em}
.scenariji .iesakam b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--taupe-t);margin-bottom:7px}

/* --- Process --------------------------------------------------------------------- */
.solji{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,40px);
  list-style:none;margin-top:8px}
.solji li{display:grid;gap:10px;align-content:start;padding-top:20px;
  border-top:1px solid var(--navy)}
.solji .nr{font-size:11px;letter-spacing:.16em;color:var(--taupe-t);font-weight:700}
.solji b{font-family:'Newsreader',serif;font-weight:400;font-size:20px;letter-spacing:-.01em}
.solji span{font-size:15px;color:var(--klusi)}

/* --- Saistītās lapas ---------------------------------------------------------------
   Produktu lapas bija strupceļš: visā <main> nebija nevienas saites uz citām
   sadaļām. Šis bloks aizver apli gan cilvēkam, gan meklētājam. */
.saistitas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linija);
  border:1px solid var(--linija);margin-top:8px}
.saistitas a{background:var(--papirs);padding:clamp(22px,2.4vw,30px);display:grid;gap:8px;
  align-content:start;text-decoration:none;transition:background .3s var(--e)}
.sadala-virsma .saistitas a{background:var(--virsma)}
.saistitas a:hover{background:var(--virsma)}
.sadala-virsma .saistitas a:hover{background:var(--papirs)}
.saistitas .nos{font-family:'Newsreader',serif;font-weight:400;font-size:21px;
  letter-spacing:-.01em;color:var(--navy)}
.saistitas .apr{font-size:14.5px;color:var(--klusi)}

/* Palīgklases – lai lapās nebūtu inline style atribūtu.
   Logu lapā to bija 13, no tiem 4 pārrakstīja virsrakstu izmērus. */
.h2-maza{font-size:clamp(26px,3.2vw,38px);margin-top:16px}
.h2-videja{font-size:clamp(32px,4.2vw,50px);margin:16px 0}
.h2-liela{font-size:clamp(30px,3.8vw,48px);margin-top:16px}
.atstarpe-videja{margin-top:26px}
.atstarpe-maza{margin-top:18px}
.h2-pm{font-size:clamp(34px,4.6vw,56px);margin:16px 0 26px}
.h3-maza{font-size:21px;font-weight:400;margin:34px 0 14px}
.klusais{color:var(--klusi)}
.atstarpe-lente{margin-top:var(--lente)}
.att-mezgls{border:1px solid var(--linija);background:#fff}
.att-paraksts{font-size:13px;color:var(--klusi);margin-top:10px}

/* --- Atklāšanas animācija ---------------------------------------------------------- */
.parades{opacity:0;transform:translateY(22px);transition:opacity .8s var(--e),transform .8s var(--e)}
.parades.redzams{opacity:1;transform:none}

/* --- Responsīvs --------------------------------------------------------------------- */
@media (max-width:1080px){
  .flizes{gap:34px 24px}
  .f-7,.f-5,.f-6,.f-4{grid-column:span 6}
  .f-7 .ram,.f-5 .ram,.f-6 .ram,.f-4 .ram{aspect-ratio:4/3;height:auto}
}
@media (max-width:900px){
  .ietvars{padding:0 24px}
  .izvelne{display:none}
  .lentes{display:flex}
  .duo,.pm,.kont,.galva-plata{grid-template-columns:1fr;gap:32px}
  .galva-plata{align-items:start}
  .aicinajums .ietvars{grid-template-columns:1fr;gap:28px}
  /* SVARĪGI: jāatiestata arī .f-12, citādi span 12 uztaisa 12 implicītas kolonnas
     un lapa kļūst platāka par ekrānu. */
  .flizes{grid-template-columns:1fr}
  .f-7,.f-5,.f-6,.f-4,.f-12{grid-column:auto}
  .f-12 .ram{height:auto;aspect-ratio:4/3}
  .f-12 .apaksa{grid-template-columns:1fr;gap:8px;align-items:start}
  .f-12 .apaksa p{margin-left:0}
  .sistema{grid-template-columns:130px 1fr;gap:22px}
  .gal{grid-template-columns:repeat(2,1fr);gap:10px}
  .g-2{grid-column:span 2;grid-row:span 2}
  .kajene-grid{grid-template-columns:1fr}
  /* Josla paliek arī mobilajā – tie ir vienīgie trīs pierādījumi hero sadaļā,
     un tie ir vērtīgāki par 60 px ekrāna. Aplaužas divās rindās.
     Hero saturam jāatkāpjas, citādi pogas paliek zem joslas: noklusējuma 56 px
     ir mazāk nekā joslas 62 px. */
  .hero-apaksa .ietvars{gap:4px 16px;padding-block:12px;font-size:11.5px;
    letter-spacing:.03em;line-height:1.45}
  .hero>.ietvars{--hero-apaksa:82px}
  .skaitli{grid-template-columns:1fr;gap:22px;text-align:left}
  .buj .atbilde{padding-right:0}
  .fakti{grid-template-columns:repeat(2,1fr)}
  .scenariji,.saistitas{grid-template-columns:1fr}
  .solji{grid-template-columns:repeat(2,1fr)}
  /* Tabula šeit vairs nesatilpst, tāpēc pasakām, ka to var vilkt sāniski. */
  .ritinams{display:block}
}
@media (max-width:560px){
  body{font-size:16.5px}
  .sistema{grid-template-columns:1fr}
  .sistema .att{max-width:200px}
  .hero-pogas .poga{flex:1 1 100%;justify-content:center}
  .fakti{grid-template-columns:1fr}
  .solji{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
  .parades{opacity:1;transform:none}
}
@media print{
  .galvene,.mob,.aicinajums,.soctikli,.hero-apaksa{display:none}
  body{background:#fff;color:#000}
}