/* =========================================================================
   Mājaslapa jaunam uzņēmumam (Figma 2364:10812, popup 2375:*, lauka stāvokļi 2376:11117), 04.11.2026.
   Kopā ar majaslapas.css (sx-hero, sx-packs, mjf). Kustība: transform un opacity, reduced-motion = gala stāvoklis.
   ========================================================================= */

.juh .screen-reader-text, .juc .screen-reader-text{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }

/* ---------- Hero ---------- */
.juh__grid{
  display:grid;
  grid-template-columns:minmax(0, 660px) minmax(0, 760px);
  grid-template-areas:"top poster" "bottom poster";
  grid-template-rows:auto 1fr;
  column-gap:clamp(40px, 5vw, 80px);
  justify-content:space-between;
}
.juh__top{ grid-area:top; align-self:end; display:flex; flex-direction:column; gap:20px; padding-top:40px; }
.juh__bottom{ grid-area:bottom; align-self:start; display:flex; flex-direction:column; gap:28px; margin-top:24px; }
.juh .sx-hero__kicker, .juh .sx-hero__h1, .juh .sx-hero__lead{ margin:0; }
.juh .sx-facts{ margin-top:clamp(48px, 5vw, 72px); }

/* Pārbaudes lauks */
.ju-check{ position:relative; max-width:660px; }
.ju-check__bar{
  display:flex; align-items:center; gap:12px;
  background:#fff; border:1.5px solid var(--ink); border-radius:14px;
  padding:8px 8px 8px 20px;
  box-shadow:0 12px 30px rgba(17,19,21,.08);
  transition:box-shadow .2s var(--ease-v3);
}
.ju-check__bar:focus-within{ box-shadow:0 0 0 4px rgba(244,131,74,.28), 0 12px 30px rgba(17,19,21,.08); }
.ju-check__icon{ width:22px; height:22px; flex:none; color:var(--ink); }
.ju-check__input{
  flex:1; min-width:0; height:46px; padding:0;
  border:0; outline:0; background:transparent;
  font-size:17px; color:var(--ink);
}
.ju-check__input::placeholder{ color:var(--muted); opacity:1; }
.ju-check__input::-webkit-search-cancel-button{ display:none; }
.ju-check__btn{ flex:none; min-height:46px; padding-inline:26px; }
.ju-check__spin{ width:18px; height:18px; flex:none; border:2px solid var(--line); border-top-color:var(--ink); border-radius:50%; animation:juSpin .7s linear infinite; }
.ju-check__spin[hidden]{ display:none; }
.ju-check__note{ margin:12px 0 0; font-size:13px; color:var(--muted); }
.ju-check.is-shake .ju-check__bar{ animation:juShake .35s ease; }

.ju-list{
  position:absolute; z-index:30; left:0; right:0; top:72px;
  margin:0; padding:6px 0; list-style:none;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 18px 40px rgba(17,19,21,.12);
  max-height:min(360px, 60vh); overflow-y:auto; overscroll-behavior:contain;
  animation:juDrop .18s var(--ease-v3) both;
}
.ju-list[hidden]{ display:none; }
.ju-opt{ display:flex; align-items:center; gap:12px; padding:12px 20px; cursor:pointer; }
.ju-opt.is-active, .ju-opt:hover{ background:var(--panel); }
.ju-opt__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ju-opt__t b{ font-size:15px; font-weight:500; overflow-wrap:anywhere; }
.ju-opt__t small{ font-size:13px; color:var(--muted); }
.ju-opt__chip{ flex:none; font-size:13px; font-weight:500; padding:5px 10px; border-radius:8px; }
.ju-opt__chip--peach{ background:var(--peach); }
.ju-opt__chip--sky{ background:var(--sky); }

.ju-msg{ margin-top:12px; padding:16px 20px; border-radius:14px; background:var(--butter); display:flex; flex-direction:column; gap:6px; animation:juDrop .2s var(--ease-v3) both; }
.ju-msg[hidden]{ display:none; }
.ju-msg strong{ font-size:var(--fs-h4); font-weight:500; }
.ju-msg span{ font-size:15px; }
.ju-msg a{ width:fit-content; font-weight:500; text-decoration:underline; text-underline-offset:3px; }

/* Plakāts (Šveices plakāts: krāsu bloki, lieli skaitļi) */
.ju-poster{
  grid-area:poster; align-self:center;
  position:relative; aspect-ratio:760 / 560;
  border-radius:var(--r-xl, 32px);
  background:var(--panel);
  container-type:inline-size;
  overflow:hidden;
}
.ju-poster::before{ content:""; position:absolute; inset:0; background-image:var(--noise); opacity:.1; pointer-events:none; }
.ju-poster__b{
  position:absolute; display:flex; flex-direction:column; justify-content:space-between;
  padding:3.3cqw 3.5cqw; border-radius:3.2cqw; color:var(--ink); overflow:hidden;
  animation:juIn .7s cubic-bezier(.34, 1.56, .64, 1) both;
  transition:box-shadow .3s var(--ease-v3), transform .3s var(--ease-v3);
}
.ju-poster__b--peach{ left:3.16%; top:4.29%; width:51.58%; height:53.57%; background:var(--peach); --dy:-28px; }
.ju-poster__b--sky{ left:56.84%; top:4.29%; width:40%; height:32.86%; background:var(--sky); --dx:28px; --dy:0px; animation-delay:.08s; }
.ju-poster__b--mint{ left:56.84%; top:40%; width:19.47%; height:17.86%; background:var(--mint); flex-direction:row; align-items:center; justify-content:center; gap:1cqw; animation-delay:.16s; }
.ju-poster__b--cal{ left:78.42%; top:40%; width:18.42%; height:17.86%; background:#fff; padding:0; justify-content:flex-start; animation:juFlip .6s cubic-bezier(.34, 1.56, .64, 1) .24s both; transform-origin:50% 0; }
.ju-poster__b--lilac{ left:3.16%; top:60.71%; width:39.47%; height:35%; background:var(--lilac); padding:0; --dx:-28px; --dy:0px; animation-delay:.3s; }
.ju-poster__b--butter{ left:44.74%; top:60.71%; width:52.1%; height:35%; background:var(--butter); --dy:28px; animation-delay:.36s; }

.ju-poster__t{ display:flex; flex-direction:column; gap:.3cqw; position:relative; z-index:1; }
.ju-poster__t strong, .ju-poster__b--butter strong, .ju-poster__b--mint strong{ font-size:max(14px, 2.65cqw); font-weight:500; letter-spacing:-.02em; line-height:1.2; }
.ju-poster__t small{ font-size:max(11px, 1.7cqw); opacity:.7; }
.ju-poster__p{ display:flex; align-items:baseline; gap:1cqw; }
.ju-poster__p b{ font-size:9.5cqw; font-weight:500; letter-spacing:-.045em; line-height:1; }
.ju-poster__p--m b{ font-size:5.3cqw; }
.ju-poster__p small{ font-size:max(11px, 1.7cqw); }
.ju-poster__b--butter b{ font-size:5.3cqw; font-weight:500; letter-spacing:-.04em; line-height:1; }
.ju-poster__b--mint svg{ width:max(16px, 2.9cqw); height:max(16px, 2.9cqw); flex:none; }
.ju-poster__b--mint svg path{ stroke-dasharray:24; stroke-dashoffset:24; animation:juDraw .45s ease-out .75s forwards; }
.ju-poster__b--cal i{ display:block; height:1.4cqw; background:var(--signal-soft); }
.ju-poster__b--cal > span{ flex:1; display:flex; flex-direction:column; justify-content:center; gap:.2cqw; padding:0 2.4cqw; }
.ju-poster__b--cal small{ font-size:max(11px, 1.7cqw); color:var(--muted); }
.ju-poster__b--cal strong{ font-size:max(14px, 2.65cqw); font-weight:500; letter-spacing:-.02em; }
.ju-poster__dot{ position:absolute; right:3.2cqw; top:3.2cqw; width:8.4cqw; height:8.4cqw; border-radius:50%; background:var(--purple); animation:juFloat 5s ease-in-out 1s infinite; }

.ju-poster__page{ position:absolute; left:9.3%; top:13.3%; width:81.4%; height:76.5%; background:#fff; border-radius:1.6cqw; }
.ju-poster__bar{ position:absolute; left:1.8cqw; top:1.1cqw; display:flex; align-items:center; gap:.6cqw; }
.ju-poster__bar i{ width:.8cqw; height:.8cqw; border-radius:50%; background:var(--line); }
.ju-poster__bar em{ font-style:normal; font-size:max(9px, 1.45cqw); color:var(--muted); margin-left:1.2cqw; }
.ju-poster__l{ position:absolute; border-radius:.5cqw; background:var(--line); transform-origin:0 50%; animation:juLine .5s var(--ease-v3) both; }
.ju-poster__l--1{ left:1.8cqw; top:24%; width:46%; height:8%; background:var(--ink); animation-delay:.6s; }
.ju-poster__l--2{ left:1.8cqw; top:36%; width:32%; height:5%; animation-delay:.7s; }
.ju-poster__l--btn{ left:1.8cqw; top:49%; width:20%; height:13%; background:var(--signal-soft); border-radius:.8cqw; animation-delay:.8s; }
.ju-poster__l--img{ left:61%; top:24%; width:33%; height:47%; background:var(--peach); border-radius:.8cqw; transform-origin:50% 100%; animation-name:juGrow; animation-delay:.75s; }
.ju-poster__l--3{ left:1.8cqw; top:75%; width:88%; height:5%; animation-delay:.9s; }
.ju-poster__l--4{ left:1.8cqw; top:85%; width:70%; height:5%; animation-delay:1s; }

.ju-poster__b.is-hl{ box-shadow:0 0 0 3px var(--ink); animation:juPulse .6s var(--ease-v3); }

@keyframes juIn{ from{ opacity:0; transform:translate(var(--dx, 0px), var(--dy, 24px)) scale(.94); } to{ opacity:1; transform:none; } }
@keyframes juFlip{ from{ opacity:0; transform:perspective(400px) rotateX(-80deg); } to{ opacity:1; transform:none; } }
@keyframes juLine{ from{ transform:scaleX(0); } to{ transform:none; } }
@keyframes juGrow{ from{ transform:scaleY(0); } to{ transform:none; } }
@keyframes juDraw{ to{ stroke-dashoffset:0; } }
@keyframes juFloat{ 0%, 100%{ transform:translateY(0); } 50%{ transform:translateY(-.9cqw) translateX(-.5cqw); } }
@keyframes juPulse{ 0%{ transform:scale(1); } 40%{ transform:scale(1.025); } 100%{ transform:scale(1); } }
@keyframes juSpin{ to{ transform:rotate(360deg); } }
@keyframes juDrop{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
@keyframes juShake{ 0%, 100%{ transform:none; } 25%{ transform:translateX(-6px); } 75%{ transform:translateX(6px); } }

/* ---------- Cenas ---------- */
.ju-tl{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; margin:clamp(40px, 4vw, 56px) 0 20px; padding:0; list-style:none; }
.ju-tl__i{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:18px 22px; border-radius:14px; }
.ju-tl__i strong{ font-size:var(--fs-h4); font-weight:500; letter-spacing:-.02em; }
.ju-tl__i small{ font-size:13px; opacity:.7; margin-left:6px; }
.ju-tl__i b{ font-size:var(--fs-h4); font-weight:500; white-space:nowrap; }
.ju-tl__i--peach{ background:var(--peach); }
.ju-tl__i--sky{ background:var(--sky); }
.ju-tl__i--grey{ background:var(--line); }
.jup .sec-head + .ju-tl{ margin-top:clamp(40px, 4vw, 56px); }
.jup__grid{ margin-top:0; }
.jup__foot{ margin-top:auto; padding-top:24px; }
.jup__foot .sx-pack__foot{ margin-top:0; }
.jup__note{ margin:10px 0 0; font-size:13px; color:var(--muted); }
.sx-pack--dark .jup__note{ color:var(--on-black-muted); }

/* ---------- Meklēšana (tumšā) ---------- */
.jus .sec-head__aside{ color:var(--on-black-muted); }
.jus__grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; margin-top:clamp(40px, 4vw, 56px); }
.jus__card{ margin:0; padding:32px; border-radius:20px; background:#fff; color:var(--ink); display:flex; flex-direction:column; gap:16px; }
.jus__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.jus__head strong{ font-size:var(--fs-h4); font-weight:500; }
.jus__chip{ font-size:13px; font-weight:500; padding:5px 10px; border-radius:8px; background:var(--panel); white-space:nowrap; }
.jus__card--mine .jus__chip{ background:var(--peach); }
.jus__q{ padding:11px 18px; border:1px solid var(--line); border-radius:24px; font-size:15px; }
.jus__list{ margin:0; padding:0; list-style:none; }
.jus__r{ display:flex; flex-direction:column; gap:4px; padding:14px 0; }
.jus__r small{ font-size:13px; color:var(--muted); }
.jus__r b{ font-size:var(--fs-lead); font-weight:500; line-height:1.35; }
.jus__r span{ font-size:15px; color:var(--muted); }
.jus__r--mine{ padding:14px 16px; border-radius:12px; background:var(--peach); }
.jus__r--mine span{ color:var(--ink); opacity:.75; }

/* ---------- Salīdzinājums ---------- */
.juc__grid{ display:grid; grid-template-columns:minmax(0, 520px) minmax(0, 1fr); gap:clamp(48px, 6vw, 120px); align-items:start; }
.juc__intro{ display:flex; flex-direction:column; gap:20px; }
.juc__intro p{ color:var(--muted); margin:0; }
.juc__btns{ display:flex; flex-wrap:wrap; gap:10px; }
.juc__table{ background:#fff; border-radius:20px; overflow:hidden; }
.juc__row{ display:grid; grid-template-columns:200px minmax(0, 1fr) minmax(0, 1fr); gap:24px; padding:18px 28px; border-top:1px solid var(--line); font-size:15px; align-items:baseline; }
.juc__row > span:first-child{ font-size:13px; color:var(--muted); }
.juc__row--head{ background:var(--panel); border-top:0; padding-block:20px; }
.juc__row--head strong{ font-size:var(--fs-h4); font-weight:500; letter-spacing:-.02em; }
.juc__row--head small{ display:block; font-size:13px; font-weight:400; color:var(--muted); letter-spacing:0; }

/* ---------- Popup ---------- */
html.ju-lock{ overflow:hidden; }
.ju-modal{ position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; }
.ju-modal[hidden]{ display:none; }
.ju-modal__veil{ position:absolute; inset:0; background:rgba(17,19,21,.62); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); opacity:0; transition:opacity .2s ease; }
.ju-modal.is-open .ju-modal__veil{ opacity:1; }
.ju-modal__box{
  position:relative; display:grid; grid-template-columns:380px minmax(0, 600px);
  width:min(980px, 100%); max-height:calc(100dvh - 48px);
  background:#fff; border-radius:24px; overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  opacity:0; transform:translateY(16px); filter:blur(6px);
  transition:opacity .35s var(--ease-v3), transform .35s var(--ease-v3), filter .35s var(--ease-v3);
}
.ju-modal.is-open .ju-modal__box{ opacity:1; transform:none; filter:none; }
.ju-modal__side{ position:relative; overflow:hidden; padding:36px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; background:var(--peach); transition:background-color .3s ease; }
[data-tone="sky"] .ju-modal__side{ background:var(--sky); }
[data-tone="mint"] .ju-modal__side{ background:var(--mint); }
.ju-modal__shape{ position:absolute; display:block; opacity:0; }
.ju-modal.is-open .ju-modal__shape{ animation:juShape .7s cubic-bezier(.34, 1.56, .64, 1) forwards; }
.ju-modal__shape--1{ width:180px; height:180px; right:-50px; top:-40px; border-radius:50%; background:var(--signal-soft); --r:0deg; animation-delay:.12s !important; }
.ju-modal__shape--2{ width:120px; height:40px; right:-10px; top:150px; border-radius:12px; background:#fff; --r:-8deg; animation-delay:.2s !important; }
.ju-modal__shape--3{ width:44px; height:44px; right:36px; top:210px; border-radius:10px; background:var(--purple); --r:0deg; animation-delay:.28s !important; }
.ju-modal.is-open .ju-modal__shape--3{ animation:juShape .7s cubic-bezier(.34, 1.56, .64, 1) .28s forwards, juSpinSlow 12s linear 1s infinite; }
[data-tone="sky"] .ju-modal__shape--1{ background:var(--purple); width:170px; height:170px; right:-30px; }
[data-tone="sky"] .ju-modal__shape--2{ --r:6deg; width:130px; height:44px; top:170px; }
[data-tone="sky"] .ju-modal__shape--3{ background:var(--butter-2); border-radius:50%; width:50px; height:50px; top:240px; right:30px; }
[data-tone="mint"] .ju-modal__shape--1{ background:var(--lilac); width:200px; height:200px; right:-50px; top:-50px; }
[data-tone="mint"] .ju-modal__shape--2{ background:var(--butter); width:110px; height:110px; border-radius:20px; --r:12deg; top:180px; right:-10px; }
[data-tone="mint"] .ju-modal__shape--3{ background:var(--signal-soft); border-radius:50%; width:36px; height:36px; top:330px; right:94px; }
.ju-modal__stop{ position:relative; z-index:1; display:flex; flex-direction:column; gap:4px; max-width:250px; }
.ju-modal__stop strong{ font-size:var(--fs-h4); font-weight:500; letter-spacing:-.02em; line-height:1.25; overflow-wrap:anywhere; }
.ju-modal__stop small{ font-size:13px; opacity:.7; }
.ju-modal__sbot{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.ju-modal__big{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.ju-modal__big b{ font-size:var(--fs-big); font-weight:500; letter-spacing:-.045em; line-height:1; }
.ju-modal__big small{ font-size:13px; }
.ju-modal__schip{ display:inline-flex; padding:6px 12px; border-radius:8px; background:#fff; font-size:13px; font-weight:500; }
.ju-modal__schip[hidden]{ display:none; }
.ju-modal__main{ position:relative; padding:40px 44px; display:flex; flex-direction:column; gap:16px; overflow-y:auto; overscroll-behavior:contain; }
.ju-modal__x{ position:absolute; z-index:3; top:28px; right:28px; width:40px; height:40px; display:grid; place-items:center; border-radius:10px; color:var(--ink); transition:background-color .15s; }
.ju-modal__x:hover{ background:var(--panel); }
.ju-modal__x svg{ width:20px; height:20px; }
.ju-modal__chip{ align-self:flex-start; display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:8px; font-size:13px; font-weight:500; }
.ju-modal__chip--mint{ background:var(--mint); }
.ju-modal__chip--butter{ background:var(--butter); }
.ju-modal__chip.has-check::before{
  content:""; width:14px; height:14px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ju-modal__co{ margin:-6px 0 0; font-size:13px; color:var(--muted); }
.ju-modal__co[hidden]{ display:none; }
.ju-modal__h{ margin:0; padding-right:44px; font-size:var(--fs-h2); font-weight:500; line-height:1.16; letter-spacing:-.04em; outline:0; }
.ju-modal__p{ margin:0; font-size:15px; color:var(--muted); }
.ju-modal__links{ display:flex; flex-wrap:wrap; gap:8px; }
.ju-modal__links[hidden]{ display:none; }
.ju-modal__links a{ padding:7px 12px; border-radius:8px; background:var(--panel); font-size:13px; font-weight:500; transition:background-color .15s; }
.ju-modal__links a:hover{ background:var(--line); }
.ju-modal.is-open .ju-modal__links:not([hidden]) a{ animation:juDrop .3s var(--ease-v3) both; }
.ju-modal__links a:nth-child(2){ animation-delay:.06s !important; }
.ju-modal__links a:nth-child(3){ animation-delay:.12s !important; }
.ju-modal__links a:nth-child(4){ animation-delay:.18s !important; }

.ju-form{ position:relative; display:flex; flex-direction:column; gap:14px; margin-top:4px; }
.ju-form[hidden]{ display:none; }
.ju-form__row{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.ju-field{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.ju-field label{ font-size:13px; font-weight:500; }
.ju-field label span{ font-weight:400; color:var(--muted); }
.ju-field input, .ju-field textarea{
  width:100%; padding:13px 16px; font-size:16px; line-height:1.4;
  color:var(--ink); background:#fff;
  border:1.5px solid var(--line); border-radius:10px; outline:0;
  transition:border-color .15s, box-shadow .15s;
}
.ju-field textarea{ min-height:84px; resize:vertical; }
.ju-field input::placeholder, .ju-field textarea::placeholder{ color:var(--muted); opacity:1; }
.ju-field input:focus, .ju-field textarea:focus{ border-color:var(--ink); box-shadow:0 0 0 3px rgba(17,19,21,.06); }
.ju-field.is-error input, .ju-field.is-error textarea{ border-color:var(--error, #d7263d); }
.ju-field__err{ font-size:13px; line-height:18px; font-weight:500; color:var(--error, #d7263d); }
.ju-field__err:empty{ display:none; }
.ju-form__hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.ju-form__alert{ font-size:14px; font-weight:500; color:var(--error, #d7263d); }
.ju-form__alert:empty{ display:none; }
.ju-form__btn{ width:100%; justify-content:center; min-height:52px; }
.ju-form__btn.is-loading{ opacity:.7; pointer-events:none; }
.ju-form__note{ margin:0; font-size:13px; color:var(--muted); }
.ju-form__note a{ text-decoration:underline; text-underline-offset:3px; }
.ju-modal__done{ display:flex; }
.ju-modal__done[hidden]{ display:none; }

@keyframes juShape{ from{ opacity:0; transform:translateY(-36px) scale(.6) rotate(var(--r, 0deg)); } to{ opacity:1; transform:rotate(var(--r, 0deg)); } }
@keyframes juSpinSlow{ to{ transform:rotate(360deg); } }

/* ---------- Planšete ---------- */
@media (max-width:1100px){
  .juh__grid{ grid-template-columns:minmax(0, 1fr); grid-template-areas:"top" "poster" "bottom"; grid-template-rows:auto; }
  .juh__top{ padding-top:16px; }
  .ju-poster{ margin-top:28px; max-width:760px; width:100%; }
  .ju-check{ max-width:none; }
  .juc__grid{ grid-template-columns:minmax(0, 1fr); }
}

/* ---------- Telefons ---------- */
@media (max-width:767px){
  .juh__top{ gap:14px; }
  .juh__bottom{ gap:20px; margin-top:20px; }
  .ju-poster{ aspect-ratio:760 / 420; margin-top:20px; border-radius:20px; }
  .ju-poster__b--lilac, .ju-poster__b--butter, .ju-poster__b--cal{ display:none; }
  .ju-poster__b--peach{ left:3.5%; top:5.5%; width:52%; height:89%; }
  .ju-poster__b--sky{ left:57.5%; top:5.5%; width:39%; height:52%; }
  .ju-poster__b--mint{ left:57.5%; top:61%; width:39%; height:33.5%; }
  .ju-poster__p b{ font-size:12cqw; }
  .ju-poster__p--m b{ font-size:7cqw; }
  .ju-poster__b{ padding:3.6cqw 4cqw; }

  .ju-check__bar{ padding:6px 6px 6px 14px; gap:8px; }
  .ju-check__icon{ width:20px; height:20px; }
  .ju-check__input{ font-size:16px; height:44px; }
  .ju-check__btn{ padding-inline:16px; min-height:44px; }
  .ju-list{ top:64px; }
  .ju-opt{ padding:12px 14px; }

  .ju-tl{ grid-template-columns:minmax(0, 1fr); gap:8px; margin-bottom:16px; }
  .ju-tl__i{ padding:14px 18px; }

  .jus__grid{ grid-template-columns:minmax(0, 1fr); gap:12px; }
  .jus__card{ padding:22px 20px; }

  .juc__row{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:4px 16px; padding:14px 18px; }
  .juc__row > [role="rowheader"]{ grid-column:1 / -1; }
  .juc__row--head > span:first-child{ display:none; }
  .juc__row--head{ padding-block:16px; }

  .ju-modal{ place-items:end center; padding:0; }
  .ju-modal__box{ grid-template-columns:minmax(0, 1fr); width:100%; max-height:94dvh; border-radius:24px 24px 0 0; overflow-y:auto; overscroll-behavior:contain; transform:translateY(40px); }
  .ju-modal__side{ min-height:168px; padding:24px 20px 20px; gap:12px; }
  .ju-modal__stop{ max-width:calc(100% - 120px); }
  .ju-modal__big b{ font-size:44px; }
  .ju-modal__shape--1{ width:130px; height:130px; right:-30px; top:-30px; }
  .ju-modal__shape--2{ top:96px; right:-20px; width:90px; height:32px; }
  .ju-modal__shape--3{ top:118px; right:72px; width:32px; height:32px; }
  [data-tone="mint"] .ju-modal__shape--1{ width:140px; height:140px; }
  [data-tone="mint"] .ju-modal__shape--2{ width:76px; height:76px; top:96px; }
  [data-tone="mint"] .ju-modal__shape--3{ top:126px; right:100px; }
  [data-tone="sky"] .ju-modal__shape--3{ top:120px; right:70px; }
  .ju-modal__main{ position:static; padding:22px 20px 28px; overflow:visible; }
  .ju-modal__x{ top:12px; right:12px; background:rgba(255,255,255,.85); }
  .ju-modal__h{ padding-right:0; }
  .ju-form__row{ grid-template-columns:minmax(0, 1fr); }
}

@media (prefers-reduced-motion:reduce){
  .ju-poster *, .ju-poster__b, .ju-modal *, .ju-list, .ju-msg{ animation:none !important; transition:none !important; }
  .ju-modal__shape{ opacity:1; transform:rotate(var(--r, 0deg)); }
  .ju-poster__b--mint svg path{ stroke-dashoffset:0; }
  .ju-modal__box{ opacity:1; transform:none; filter:none; }
}
html.reduced .ju-poster *, html.reduced .ju-poster__b{ animation:none !important; }
html.reduced .ju-poster__b--mint svg path{ stroke-dashoffset:0; }

/* ---------- Portfolio: divas slīdošas lentes (kā /portfolio/ hero, 04.11.2026) ---------- */
.jupf{ overflow:hidden; }
.jupf .sec-head{ margin-bottom:0; }
.jupf__foot{ display:none; }
.pf-ribbons{
  position:relative; display:grid; gap:28px; margin-top:clamp(36px, 3vw, 56px);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.pf-ribbon{ --w:clamp(260px, 22vw, 420px); --g:20px; --dur:calc(var(--n, 10) * 7.5s); }
.pf-ribbon--b{ --w:clamp(180px, 14.6vw, 280px); --dur:calc(var(--n, 10) * 10s); }
.pf-ribbon__move{ display:flex; width:max-content; animation:ju-marquee var(--dur) linear infinite; will-change:transform; }
.pf-ribbon--b .pf-ribbon__move{ animation-direction:reverse; }
.pf-ribbon__track{ display:flex; flex:none; gap:var(--g); margin:0; padding:0 var(--g) 0 0; list-style:none; }
.pf-ribbon__item{ flex:none; width:var(--w); }
.pf-rcard{ display:block; color:var(--ink); text-decoration:none; }
.pf-rcard__shot{ display:block; aspect-ratio:16 / 10; overflow:hidden; border-radius:16px; background:var(--panel); box-shadow:0 8px 28px rgba(18, 20, 23, 0.10); }
.pf-ribbon--b .pf-rcard__shot{ border-radius:12px; opacity:.85; }
.pf-rcard__shot img{ display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.pf-rcard__cap{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; }
.pf-rcard__cap b{ flex:none; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; transition:color 200ms ease; }
.pf-rcard__cap span{ min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; font-weight:500; line-height:1.5; color:var(--muted); }
.pf-rcard:focus-visible{ outline:2px solid var(--ink); outline-offset:6px; border-radius:16px; }
.pf-ribbons.is-off .pf-ribbon__move{ animation-play-state:paused; }
@keyframes ju-marquee{ to{ transform:translate3d(-50%, 0, 0); } }
@media (hover: hover) and (pointer: fine){
  .pf-ribbon:hover .pf-ribbon__move, .pf-ribbon:focus-within .pf-ribbon__move{ animation-play-state:paused; }
  .pf-ribbon--a .pf-rcard:hover .pf-rcard__cap b{ color:var(--signal); }
}
@media (max-width: 767px){
  .jupf .jupf__all{ display:none; }
  .jupf__foot{ display:block; margin-top:28px; }
  .jupf__foot .btn{ width:100%; justify-content:center; }
  .pf-ribbons{ gap:14px; margin-top:28px; -webkit-mask-image:none; mask-image:none; }
  .pf-ribbon{ --w:240px; --g:12px; }
  .pf-ribbon--b{ --w:170px; }
  .pf-rcard__shot{ border-radius:12px; }
  .pf-ribbon--b .pf-rcard__shot{ border-radius:10px; }
  .pf-rcard__cap{ margin-top:10px; }
  .pf-rcard__cap b{ font-size:15px; }
  .pf-rcard__cap span{ display:none; }
}
/* Bez kustības: augšējā lente ritināma, apakšējā paslēpta. */
@media (prefers-reduced-motion: reduce){
  .pf-ribbon__move{ animation:none; }
  .pf-ribbon--a{ overflow-x:auto; overflow-y:hidden; padding:0 var(--gutter, 20px) 12px; scrollbar-width:thin; }
  .pf-ribbon--a .pf-ribbon__track[aria-hidden]{ display:none; }
  .pf-ribbon--b{ display:none; }
  .pf-ribbons{ -webkit-mask-image:none; mask-image:none; }
}
html.reduced .pf-ribbon__move{ animation:none; }
html.reduced .pf-ribbon--a{ overflow-x:auto; overflow-y:hidden; padding:0 var(--gutter, 20px) 12px; }
html.reduced .pf-ribbon--a .pf-ribbon__track[aria-hidden]{ display:none; }
html.reduced .pf-ribbon--b{ display:none; }
