/* PAIEŠKOS LAUKŲ STILIAI (.sp-fld, .sp-sel, .sp-dd …) — anksčiau <style>
   templates/listings/partials/_sp_field_styles.html (~22 KB kiekviename
   paieškos atsakyme). Jungiamas toje pačioje vietoje, tad kaskada ta pati. */
  .sp-fld { background:#fff; border:1px solid #DCDEE2; border-radius:8px; font-size:13.5px; color:#555; width:100%; padding:9px 12px; appearance:none; }
  .sp-fld:focus { outline:none; border-color:var(--accent); }
  .sp-sel { position:relative; }
  .sp-sel::after { content:''; position:absolute; right:13px; top:50%; transform:translateY(-50%); width:11px; height:11px; pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat; }
  .sp-rail-btn2 { position:relative; width:100%; height:56px; display:flex; align-items:center; justify-content:center; cursor:pointer; background:none; border:none; }
  /* Ikonos gali būti ir <svg> (padangos, ratlankiai), ir Font Awesome <i> —
     spalvos taisyklės vienodos abiem. */
  .sp-rail-btn2 svg, .sp-rail-btn2 i { color:#6B7178; transition:color .12s; }
  .sp-rail-btn2:hover svg, .sp-rail-btn2:hover i { color:#333; }
  .sp-rail-btn2.sp-on svg, .sp-rail-btn2.sp-on i { color:var(--accent); }
  .sp-rail-btn2.sp-on::after { content:''; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); width:32px; height:3px; background:var(--accent); border-radius:2px; }
  .sp-wtoggle { display:inline-flex; border:1px solid #DCDEE2; border-radius:8px; overflow:hidden; }
  .sp-wtoggle button { padding:8px 18px; font-size:13.5px; font-weight:700; background:#fff; color:#555; border:none; cursor:pointer; }
  .sp-wtoggle button.sp-won { background:var(--accent); color:#fff; }
  .sp-dd { position:absolute; top:calc(100% + 4px); left:0; width:100%; min-width:250px; background:#fff; border:1px solid #DCDEE2; border-radius:8px; box-shadow:0 10px 28px rgba(0,0,0,.14); z-index:60; }
  .sp-dd-search { padding:8px; border-bottom:1px solid #EEE; position:relative; }
  .sp-dd-search input { width:100%; border:1px solid #DCDEE2; border-radius:6px; font-size:14px; padding:9px 36px 9px 12px; outline:none; }
  .sp-dd-search input:focus { border-color:var(--accent); }
  .sp-dd-search svg { position:absolute; right:18px; top:50%; transform:translateY(-50%); width:17px; height:17px; color:#9AA0A6; pointer-events:none; }
  .sp-dd-scroll { max-height:280px; overflow-y:auto; }
  /* SĄRAŠO EILUTĖ: tekstas VISADA kairėje (docs/taisykles.md 10).
     „space-between" čia buvo nuo pat pradžių (acaed7e, 2026-08-20) ir
     eilutės turinį stumdydavo pagal jo ilgį; dabar tvarką nustato pats
     tekstas, o skaičius atsistoja į dešinę per margin-left:auto. */
  .sp-dd-item { display:flex; align-items:center; justify-content:flex-start; text-align:left; gap:12px; padding:9px 14px; font-size:14px; color:#333; cursor:pointer; }
  .sp-dd-item > span:not(.sp-dd-count) { flex:1; min-width:0; text-align:left; }
  .sp-dd-item:hover { background:#F6F7F8; }
  .sp-dd-count { color:#9AA0A6; font-size:13px; margin-left:auto; flex:0 0 auto; }
  /* Markė be skelbimų NEBLANKINAMA: „Audi 0" atrodo lygiai taip pat
     ryškiai kaip „BMW 1". Blanki eilutė skaitėsi kaip neaktyvi, nors ją
     paspausti galima; pats skaičius dešinėje ir taip viską pasako.
     Todėl .is-tuscia taisyklės čia nebėra — jos niekas nebeuždeda. */
  .sp-dd-group { padding:9px 14px 4px; font-weight:700; font-size:14px; color:#111; }
  .sp-dd-foot { padding:9px 14px; text-align:center; font-size:13px; color:#777; border-top:1px solid #EEE; }
  .sp-dd-foot a { display:block; color:var(--accent); font-weight:600; cursor:pointer; margin-top:2px; }
  .sp-dd-btn { text-align:left; cursor:pointer; }
  [x-cloak] { display:none !important; }

  /* Antrinis mygtukas: rezultatų puslapyje akcento nėra visai
     (docs/dizaino-sistema.md, hierarchijos lentelė). */
  .sp-btn-secondary { background: var(--surface); color: var(--accent);
                      border: 1px solid var(--accent); transition: background-color var(--dur); }
  .sp-btn-secondary:hover { background: var(--accent-soft); }

  /* ── ŠONINĖS JUOSTOS KORTELĖ ─────────────────────────────────────
     Etalone (išmatuota 2026-08-21) juostos <form> yra balta kortelė:
     1 px #E7E7E7, 8 px apvalinimas, 16 px vidus, be šešėlio. Telefone
     juostos nėra visai, todėl kortelė apibrėžiama tik nuo 1024 px. */
  @media (min-width: 1024px) {
    .sp-side-card {
      display: block;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--r-md);
      padding: var(--card-pad);
    }
    /* Skirtukas po „Daugiau filtrų", kaip etalono .line */
    .sp-side-card > a:first-of-type { margin-bottom: var(--sp-3); }
    .sp-side-line { height: 1px; background: var(--border); margin: 0 0 var(--sp-3); }
  }

  /* ── MOBILUS VAIZDAS ─────────────────────────────────────────────
     Etalone (išmatuota Playwright, iPhone 390×844): ikonų juostos nėra,
     laukai vienu stulpeliu, šoninės paraštės 16 px, veiksmų blokas
     apačioje. Lūžio taškas — 1024 px (lg). */
  .sp-body-h { height: auto; }
  /* Etalono panelės aukštis — 410 px; laikom jį kaip MINIMALŲ, o ne fiksuotą.
     Fiksuotas aukštis kategorijose su papildomomis eilutėmis (automobiliai:
     tekstinė paieška, „Tik Lietuvoje", VIN) išstumdavo apatinę eilutę su
     „Detali paieška" ir „Skelbimai" už kortelės apačios. */
  @media (min-width: 1024px) { .sp-body-h { min-height: 410px; } }

  /* ── TELEFONO VAIZDAS (< 1024 px) ─────────────────────────────────
     Etalonas (Playwright, iPhone 390×844): kategorijų ikonos horizontalia
     juosta kortelės viršuje, laukai — 56 px aukščio eilutės su rodykle,
     šriftas 17 px, o paspaudus atsidaro atskiras reikšmių ekranas
     (pas juos /select/?step=…, pas mus – sluoksnis toje pačioje formoje). */
  @media (max-width: 1023px) {
    .sp-shell { flex-direction: column; }
    /* Juosta: slenka tik ikonos, o „…" stovi vietoje dešinėje (etalonas).
       Todėl slenkama sritis ir „…" yra du atskiri flex elementai. */
    .sp-rail { width: 100%; flex-direction: row; align-items: stretch; gap: 0;
               border-right: none; border-bottom: 1px solid var(--accent-soft);
               padding: 0; overflow: visible; }
    /* Horizontalaus slinkimo telefone NĖRA: keturios ikonos ir „…"
       telpa į ekrano plotį, todėl dydis mažinamas, o ne stumiama į šoną. */
    .sp-rail-scroll { flex: 1 1 auto; min-width: 0; display: flex;
                      overflow: visible; }
    .sp-rail-scroll > * { flex: 1 1 0; min-width: 0; }
    .sp-rail-fixed { flex: 0 0 auto; width: 52px; display: flex;
                     align-items: center; justify-content: center; }
    .sp-rail-fixed .sp-rail-btn2 { width: 52px; }
    .sp-rail-btn2 svg { width: 26px; height: 26px; }
    .sp-rail-btn2 { height: 54px; }
    .sp-rail-btn2.sp-on::after { bottom: 0; width: 100%; height: 3px; border-radius: 0; }

    /* Laukų tinklelis telefone virsta eilučių sąrašu */
    .sp-grid-mobile { display: block !important; }
    .sp-ctl { display: none; }

    .sp-mrow { display: flex; align-items: center; justify-content: flex-start;
               gap: 10px; width: 100%; height: 56px; padding: 0 2px;
               font-size: 17px; color: #1F2328; background: none; border: none;
               border-bottom: 1px solid var(--accent-soft); text-align: left; cursor: pointer; }
    .sp-mrow > span:first-child { flex: 1; min-width: 0; text-align: left; }
    .sp-mrow-val { margin-left: auto; color: #9AA0A6; font-size: 15px; flex: 0 0 auto;
                   max-width: 45%; overflow: hidden; text-overflow: ellipsis;
                   white-space: nowrap; }
    .sp-mrow svg { width: 18px; height: 18px; color: #9AA0A6; flex: 0 0 auto; }

    /* Reikšmių ekranas */
    .sp-sheet { position: fixed; inset: 0; background: #fff; z-index: 90;
                display: flex; flex-direction: column; }
    .sp-sheet-hdr { display: flex; align-items: center; gap: 10px; height: 56px;
                    padding: 0 12px; border-bottom: 1px solid var(--accent-soft);
                    font-size: 17px; font-weight: 600; }
    .sp-sheet-hdr button { background: none; border: none; cursor: pointer;
                           display: flex; align-items: center; color: var(--accent); }
    .sp-sheet-hdr svg { width: 22px; height: 22px; }
    .sp-sheet-search { padding: 8px 12px; border-bottom: 1px solid var(--accent-soft); }
    .sp-sheet-search input { width: 100%; height: 44px; border: 1px solid #DCDEE2;
                             border-radius: 8px; padding: 0 12px; font-size: 16px; outline: none; }
    .sp-sheet-list { flex: 1; overflow-y: auto; }
    .sp-sheet-item { display: flex; align-items: center; justify-content: flex-start;
                     text-align: left; gap: 10px;
                     height: 52px; padding: 0 14px; font-size: 17px; color: #1F2328;
                     border-bottom: 1px solid #F3F4F6; cursor: pointer; }
    .sp-sheet-item > span:not(.cnt) { flex: 1; min-width: 0; text-align: left; }
    .sp-sheet-item.is-sel { color: var(--accent); font-weight: 700; }
    .sp-sheet-item .cnt { color: #9AA0A6; font-size: 15px; margin-left: auto; flex: 0 0 auto; }
    /* Markė be skelbimų neblankinama — žr. .sp-dd-item paaiškinimą */
    .sp-sheet-foot { padding: 10px 12px; border-top: 1px solid var(--accent-soft); }
  }
  @media (min-width: 1024px) {
    .sp-mrow, .sp-sheet { display: none !important; }
    /* Darbalaukyje juosta vėl vertikali, be atskiros slenkamos srities */
    .sp-rail-scroll { display: flex; flex-direction: column; align-items: center;
                      width: 100%; gap: 2px; }
    .sp-rail-fixed { width: 100%; }
  }
  /* Pasirinkta reikšmė — žyma su ×; eilutė su „›" tada nerodoma.
     Etalone žyma oranžinė, pas mus akcentas tamsiai pilkas (var(--accent)). */
  @media (max-width: 1023px) {
    /* Lauko eilutė su pasirinkimais: pavadinimas viršuje, žymos po juo —
       viena eilutė, ne du atskiri blokai. */
    .sp-chip-eil { padding: 10px 2px; border-bottom: 1px solid var(--accent-soft); }
    .sp-chip-eil-vardas { display: block; font-size: 15px; color: var(--text);
                          margin-bottom: 8px; }
    .sp-chip-eil .sp-chips { padding: 0; border-bottom: 0; }
    .sp-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
                padding: 10px 2px; border-bottom: 1px solid var(--accent-soft); }
    .sp-chip { display: inline-flex; align-items: center; gap: 8px;
               background: var(--accent-soft); color: #1F2328; border-radius: 999px;
               padding: 7px 8px 7px 14px; font-size: 15px; }
    .sp-chip button { background: none; border: none; padding: 0; cursor: pointer;
                      color: var(--accent); display: flex; align-items: center; }
    .sp-chip svg { width: 16px; height: 16px; }
    .sp-chip-add { width: 34px; height: 34px; border-radius: 50%;
                   border: 1px solid #DCDEE2; background: #fff; color: var(--accent);
                   display: flex; align-items: center; justify-content: center;
                   cursor: pointer; flex: 0 0 auto; }
    .sp-chip-add svg { width: 18px; height: 18px; }

    /* Panelės apačia: paieška, žymimieji langeliai, pagrindinis mygtukas */
    .sp-mfoot { padding-top: 14px; }
    .sp-mfoot-search { position: relative; display: block; margin-bottom: 12px; }
    .sp-mfoot-search svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
                           width: 18px; height: 18px; color: #9AA0A6; pointer-events: none; }
    .sp-mfoot-search input { width: 100%; height: 50px; border: 1px solid #DCDEE2;
                             border-radius: 10px; padding: 0 12px 0 38px; font-size: 16px; outline: none; }
    .sp-mfoot-checks { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
    .sp-mfoot-checks label { display: flex; align-items: center; gap: 10px; font-size: 15.5px; }
    .sp-mfoot-btn { width: 100%; height: 52px; border: none; border-radius: 10px;
                    background: var(--accent); color: #fff; font-size: 16.5px; font-weight: 700;
                    display: flex; align-items: center; justify-content: center; gap: 10px;
                    cursor: pointer; }
    .sp-mfoot-btn svg { width: 19px; height: 19px; }
    /* Etalone apačia column-reverse: mygtukas viršuje, nuoroda po juo */
    .sp-mfoot-link { display: flex; align-items: center; justify-content: center; gap: 8px;
                     width: 100%; height: 48px; margin-top: 8px; color: #686868;
                     font-weight: 500; text-decoration: none; font-size: 16px; }
    .sp-mfoot-link svg { width: 18px; height: 18px; }
    .sp-mlist { display: block; }
  }

  /* Drill-in puslapis (/pasirinkti/) — tas pats vaizdas kaip sluoksnio,
     bet su savo URL, todėl veikia naršyklės „atgal". */
  .sp-select-page { display: flex; flex-direction: column; min-height: 100vh;
                    background: #fff; margin: 0 auto; max-width: 640px; }
  .sp-select-page .sp-sheet-hdr { display: flex; align-items: center; gap: 10px;
                    height: 56px; padding: 0 12px; border-bottom: 1px solid var(--accent-soft);
                    font-size: 17px; font-weight: 600; }
  .sp-select-page .sp-sheet-hdr a { color: var(--accent); display: flex; align-items: center; }
  .sp-select-page .sp-sheet-hdr svg { width: 22px; height: 22px; }
  .sp-select-page .sp-sheet-search { padding: 8px 12px; border-bottom: 1px solid var(--accent-soft); }
  .sp-select-page .sp-sheet-search input { width: 100%; height: 44px; border: 1px solid #DCDEE2;
                    border-radius: 8px; padding: 0 12px; font-size: 16px; outline: none; }
  .sp-select-page .sp-sheet-list { flex: 1; }
  .sp-select-page .sp-sheet-item { display: flex; align-items: center; justify-content: flex-start;
                    text-align: left; gap: 10px;
                    min-height: 52px; padding: 0 14px; font-size: 17px; color: #1F2328;
                    border-bottom: 1px solid #F3F4F6; text-decoration: none; }
  .sp-select-page .sp-sheet-item > span:not(.cnt) { flex: 1; min-width: 0; text-align: left; }
  .sp-select-page .sp-sheet-item.is-sel { font-weight: 700; color: var(--accent); }
  .sp-select-page .cnt { color: #9AA0A6; font-size: 15px; margin-left: auto; flex: 0 0 auto; }
  /* „Visi" antraštėje — vienu paspaudimu nuvalyti lauką neieškant
     eilutės sąrašo viršuje. */
  .sp-select-page .sp-sheet-clear { margin-left: auto; font-size: 15px;
                    font-weight: 500; color: var(--accent); text-decoration: none; }

  /* Diapazonas: „Nuo" ir „Iki" greta (etalono „ddvaluedouble").
     Kiekvienas stulpelis slenkasi atskirai, kad ilgas metų sąrašas
     nenustumtų antrojo už ekrano. */
  .sp-sheet-cols { display: grid; grid-template-columns: 1fr 1fr; flex: 1;
                   min-height: 0; }
  .sp-sheet-col { display: flex; flex-direction: column; min-width: 0;
                  border-left: 1px solid var(--accent-soft); }
  .sp-sheet-col:first-child { border-left: none; }
  .sp-sheet-colhdr { position: sticky; top: 0; z-index: 1; background: #fff;
                     padding: 10px 14px; font-size: 13px; font-weight: 700;
                     letter-spacing: .02em; text-transform: uppercase;
                     color: #6B7280; border-bottom: 1px solid var(--accent-soft); }
  .sp-sheet-cols .sp-sheet-list { flex: 1; overflow-y: auto; }
  .sp-sheet-cols .sp-sheet-item { justify-content: flex-start; padding: 0 14px; }
  .sp-select-page .sp-sheet-foot { position: sticky; bottom: 0; background: #fff;
                    padding: 10px 12px; border-top: 1px solid var(--accent-soft); }
  .sp-select-page .sp-sheet-done { display: flex; align-items: center;
                    justify-content: center; height: 50px; border-radius: 10px;
                    background: var(--accent); color: #fff; font-size: 16.5px;
                    font-weight: 700; text-decoration: none; }

  /* Rezultatų antraštė telefone (etalono .items-header) */
  @media (max-width: 1023px) {
    /* Siauruose ekranuose (360 px) rikiavimo laukas su ilgu
    tekstu išstumdavo eilutę už puslapio krašto — todėl eilutė laužoma,
    o pats laukas mažinamas kartu su ja. */
    .sp-items-header { display: flex; align-items: center; justify-content: space-between;
                       flex-wrap: wrap; gap: 12px; padding: 10px 0 12px; }
    .sp-items-header .filter-controls { min-width: 0; }
    .sp-items-header .sorting { min-width: 0; }
    .sp-items-header .ads-count { font-size: 15px; color: #1F2328; }
    .sp-items-header .ads-count span { font-weight: 700; }
    .sp-items-header .filter-controls { display: flex; align-items: center; gap: 14px; }
    .sp-items-header .list-type { display: flex; align-items: center; gap: 6px; }
    .sp-items-header .list-type a { width: 30px; height: 30px; display: flex;
                                    align-items: center; justify-content: center;
                                    color: #9AA0A6; border-radius: 6px; }
    .sp-items-header .list-type a svg { width: 20px; height: 20px; }
    .sp-items-header .list-type a.is-on { color: var(--accent); background: var(--accent-soft); }
    .sp-items-header .sorting { display: flex; align-items: center; gap: 6px;
                                font-size: 15px; color: #1F2328; }
    .sp-items-header .sorting svg { width: 16px; height: 16px; color: #9AA0A6; }
    .sp-items-header .sorting select { border: none; background: none; font-size: 15px;
                                       color: #1F2328; outline: none;
                                       max-width: 150px; min-width: 0; }
  }
  @media (min-width: 1024px) { .sp-items-header { display: none; } }

  /* ── MOBILUS KATEGORIJŲ PIKERIS ─────────────────────────────────── */
  @media (max-width: 1023px) {
    .sp-picker { position: fixed; inset: 0; z-index: 95; background: #fff;
                 display: flex; flex-direction: column; }
    .sp-picker-hdr { display: flex; align-items: center; justify-content: space-between;
                     height: clamp(40px, 5.5vh, 56px); padding: 0 14px; background: #F4F5F6;
                     font-size: clamp(14px, 2vh, 17px); font-weight: 600; color: #1F2328; }
    .sp-picker-hdr button { width: 32px; height: 32px; border-radius: 50%;
                            background: #1F2328; color: #fff; border: none;
                            display: flex; align-items: center; justify-content: center; }
    .sp-picker-hdr svg { width: 18px; height: 18px; }
    /* Vienas plytelių tinklelis: 3 stulpeliai, plytelė ~100 px (ikona 26 px,
    pavadinimas 12 px dviem eilutėm, skaičius 11 px). Sekcijų ir didelių
    kortelių nebeliko — taip kategorijos telpa į ekraną be slinkimo, o
    jei visos netelpa, paskutinė plytelė yra „Daugiau" (pSkaiciuok()).
    Siauresniuose ekranuose (≤370 px) šriftas ir ikona sumažinami, bet
    stulpelių lieka trys. */
    .sp-picker-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden;
                      -webkit-overflow-scrolling: touch; padding: 10px 12px 8px; }

    /* Flex, ne grid: net jei kuri nors taisyklė nepasiektų naršyklės,
       plytelės tiesiog gultų viena šalia kitos, o ne būtų nukirptos.
       Maža plytelė — trys eilutėje, didelė — dvi. */
    .sp-picker-tinklas { display: flex; flex-wrap: wrap; gap: 8px; align-content: flex-start; }
    .sp-plytele { flex: 0 0 calc((100% - 16px) / 3); max-width: calc((100% - 16px) / 3);
                  display: flex; flex-direction: column;
                  align-items: center; overflow: hidden;
                  justify-content: center; gap: 5px; height: 92px; padding: 8px 6px;
                  background: #fff; border: 1px solid #E6E8EB; border-radius: 12px;
                  text-decoration: none; text-align: center; min-width: 0;
                  cursor: pointer; font: inherit; }
    .sp-plytele:active { background: #F4F5F6; }
    .sp-plytele.is-soon { color: #B7BCC2; background: #FAFBFB; cursor: default; }
    .sp-plytele-ico { width: 26px; height: 26px; color: var(--accent);
                      flex: 0 0 auto; display: block; }
    .sp-plytele-ico svg { width: 100%; height: 100%; }
    .sp-plytele-ico i.fa-solid { display: inline-flex; align-items: center;
                                 justify-content: center; width: 100%; height: 100%; }
    .sp-plytele.is-soon .sp-plytele-ico { color: #B7BCC2; }
    .sp-plytele-txt { font-size: 12px; line-height: 1.15; color: var(--accent);
                      font-weight: 600; max-width: 100%; overflow-wrap: anywhere;
                      display: -webkit-box; -webkit-line-clamp: 2;
                      -webkit-box-orient: vertical; overflow: hidden;
                      max-height: 2.3em; flex: 0 0 auto; }
    .sp-plytele.is-soon .sp-plytele-txt { color: #B7BCC2; }
    .sp-plytele-cnt { font-size: 11px; color: #9AA0A6; line-height: 1; }
    .sp-plytele-daugiau { border-style: dashed; }

    /* Keturios populiariausios — plačiau (dvi eilutėje) ir aukščiau */
    .sp-plytele.is-didele { flex: 0 0 calc((100% - 8px) / 2);
                            max-width: calc((100% - 8px) / 2); height: 112px; gap: 7px; }
    .sp-plytele.is-didele .sp-plytele-ico { width: 34px; height: 34px; }
    .sp-plytele.is-didele .sp-plytele-txt { font-size: 14px; }
    .sp-plytele.is-didele .sp-plytele-cnt { font-size: 11.5px; }

    @media (max-width: 370px) {
      .sp-picker-tinklas { gap: 6px; }
      .sp-plytele { flex-basis: calc((100% - 12px) / 3); max-width: calc((100% - 12px) / 3); }
      .sp-plytele.is-didele { flex-basis: calc((100% - 6px) / 2); max-width: calc((100% - 6px) / 2); }
      .sp-plytele { height: 86px; }
      .sp-plytele.is-didele { height: 104px; }
      .sp-plytele-txt { font-size: 11px; }
      .sp-plytele.is-didele .sp-plytele-txt { font-size: 13px; }
      .sp-plytele-ico { width: 24px; height: 24px; }
      .sp-plytele-ico i.fa-solid { font-size: 24px !important; }
      .sp-plytele.is-didele .sp-plytele-ico i.fa-solid { font-size: 32px !important; }
    }

    .sp-picker-foot { padding: 8px 12px; border-top: 1px solid var(--accent-soft); background: #fff; }
    .sp-picker-search { position: relative; display: block; }
    .sp-picker-search svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
                            width: 18px; height: 18px; color: #9AA0A6; pointer-events: none; }
    .sp-picker-search input { width: 100%; height: clamp(34px, 4.8vh, 46px); border: 1px solid #DCDEE2;
                              border-radius: 10px; padding: 0 12px 0 38px; font-size: 16px;
                              outline: none; }
  }
  @media (min-width: 1024px) { .sp-picker { display: none !important; } }


  /* Poros pašalinimas panelėje. */
  .pair-x-sm { width: 34px; height: var(--btn-h-sm, 38px); border: 1px solid var(--border);
               border-radius: var(--r-md); background: var(--surface); color: var(--text-muted);
               font-size: 14px; line-height: 1; cursor: pointer; flex: 0 0 auto; }
  .pair-x-sm:hover { border-color: var(--border-hover); color: var(--text); }