/* LETAS-87 — vecā dizaina responsīvais slānis (planšete un telefons).
   Ielādējas PĒC lapas legacy CSS (layouts/public.blade.php). Viss ir media queries
   iekšā: >= 1000px (desktop) nekas nemainās. Marķējums netiek mainīts; inline
   width (UZMANĪBU bloks, #fPhone, tech-passport) pārraksta ar !important.
   Breakpointi: 768–999px planšete, <= 767px telefons. */

/* ============ KOPĪGS < 1000px (planšete + telefons) ============ */
@media (max-width: 999px) {
  html { -webkit-text-size-adjust: 100%; }
  body { min-width: 0; }
  fieldset { min-width: 0; }

  /* galvenes josla */
  .header-row-inner { padding: 0 16px; }

  /* galvene: logo + valodas */
  #header fieldset { width: auto; max-width: 730px; padding: 0 16px; }
  #header fieldset ul { width: auto; }

  /* kalkulatora bloks */
  #car-number fieldset { width: auto; max-width: 730px; padding: 0 16px; }
  #car-number fieldset .form-row { width: auto; height: auto; }

  /* informācijas saites */
  .apdrinfo { padding: 0 16px; }

  /* priekšrocības: viena kolonna */
  #benefits fieldset ul { width: auto; max-width: 620px; padding: 12px 16px; }
  #benefits fieldset li { display: block; width: auto; }
  #benefits fieldset li > div { padding: 0 0 16px 95px; }

  /* kājene */
  #footer fieldset { padding-top: 48px; }
  #footer fieldset .pay-with {
    width: auto; height: auto; padding: 0 16px 36px; text-align: center;
    background-position: center bottom;
  }
  #footer .ins-cont-wrap { width: auto; max-width: 780px; padding: 0 16px; box-sizing: border-box; }
  #footer fieldset .copyrights { width: auto; max-width: 730px; padding: 0 16px; }
  #footer fieldset .copyrights .support { width: 45%; padding: 14px 0 0; }
  #footer fieldset .copyrights .sia { width: 55%; padding: 14px 0 0; }
  #footer fieldset .copyrights::after { content: ""; display: block; clear: both; }
}

/* ============ PLANŠETE 768–999px ============ */
@media (min-width: 768px) and (max-width: 999px) {
  #footer .ins-cont-wrap > div.ins { width: calc(33.333% - 16px); }
}

/* ============ TELEFONS <= 767px ============ */
@media (max-width: 767px) {
  body { padding-bottom: 96px; }

  /* augšējā josla: centrēta, lielāki skāriena mērķi */
  .header-row { padding: 0; }
  .header-row-inner { text-align: center; font-size: 15px; }
  .header-row-inner a { display: inline-block; padding: 11px 6px; }
  .header-row-inner span.email { margin-right: 8px; }
  div#header { margin-top: 52px; }

  /* logo kreisi, LV/RU labi */
  #header fieldset ul { display: flex; align-items: center; justify-content: space-between; }
  #header fieldset li.letas-octas { width: auto; }
  #header fieldset li.letas-octas .logo { width: auto; padding: 18px 0 14px; }
  #header fieldset li.letas-octas .logo a { width: auto; }
  #header fieldset li.letas-octas .logo img { display: block; width: 190px; height: auto; }
  #header fieldset li.coin { display: none; }
  #header fieldset li.support { width: auto; padding: 0; }
  #header fieldset li.support .lng { width: auto; height: auto; padding: 0; }
  #header fieldset li.support .lng a { padding: 10px 6px; font-size: 22px; }
  #header fieldset li.support .lng a.lv { padding: 10px 6px; margin-left: 6px; }

  /* numura zīme: rāmis ar CSS, lauki viens zem otra */
  #car-number fieldset .car-number-row {
    display: flex; width: auto; height: auto;
    background: #303335; border-radius: 14px; padding: 10px 10px 12px;
    box-shadow: inset 0 0 0 1px #52575a;
  }
  #car-number fieldset .car-number-row .left {
    float: none; flex: 0 0 56px; width: 56px; height: auto;
    background: linear-gradient(#3773d3, #3773d3) 0 134px / 100% 100% no-repeat, #3773d3 url(car-number-bg.png) no-repeat -18px -20px;
    border-radius: 6px 0 0 6px;
  }
  #car-number fieldset .car-number-row .right { display: none; }
  #car-number fieldset .car-number-row .number-details {
    float: none; flex: 1 1 auto; width: auto; min-width: 0; height: auto;
    background: linear-gradient(#c8ccce, #f7f9fa 45%, #fff);
    border-radius: 0 6px 6px 0;
  }
  #car-number fieldset .car-number-row .number-details .top { display: none; }
  #car-number fieldset .car-number-row .number-details .numbers { display: flex; flex-direction: column; width: auto; height: auto; padding: 4px 12px 14px; }
  /* vizuālā secība: virsraksts → lauks → virsraksts → lauks (DOM nemainās) */
  #car-number .numbers > h1 { order: 1; }
  #car-number .numbers > .row:nth-of-type(1) { order: 2; }
  #car-number .numbers > h2 { order: 3; }
  #car-number .numbers > .row:nth-of-type(2) { order: 4; }
  #car-number fieldset .car-number-row .number-details .numbers h1,
  #car-number fieldset .car-number-row .number-details .numbers h2 {
    float: none; width: auto !important; height: auto; margin: 0; padding: 12px 0 6px; font-size: 16px;
  }
  #car-number fieldset .car-number-row .number-details .numbers .row { float: none; width: auto; height: auto; padding: 0; }
  #car-number fieldset .car-number-row .number-details .numbers .row .input { float: none; display: flex; align-items: center; width: auto; height: 46px; }
  #car-number fieldset .car-number-row .number-details .numbers .row .input input {
    float: none; flex: 1 1 auto; width: auto; min-width: 0; height: 46px; line-height: 46px; padding: 0 0 0 12px; font-size: 24px;
  }
  #message, #message2 { float: none; flex: 0 0 16px; margin: 0 12px; }

  /* atzīmes: lielāki skāriena laukumi */
  #car-number input[type=checkbox] { width: 22px; height: 22px; margin: 0 8px 0 0; vertical-align: middle; }
  #disability_row > div, #disability_child_row > div { padding: 12px 0 !important; font-size: 16px; }
  #car-number fieldset .form-row .title { float: none; width: auto; height: auto; padding: 6px 0; }
  #car-number fieldset .form-row .input-block { float: none; width: auto; }
  #car-number fieldset .form-row .input-block input.input { width: 100%; height: 44px; font-size: 16px; box-sizing: border-box; }
  #gdpr { width: 22px; height: 22px; vertical-align: middle; }

  /* UZMANĪBU bloks: inline width:600px */
  #car-number fieldset div[style*="width:600px"] { width: auto !important; padding: 14px 16px !important; font-size: 15px; line-height: 1.4; }

  /* Aprēķināt poga centrā */
  #car-number fieldset .octa-policy { width: auto; height: auto; padding: 24px 0 40px; }
  #car-number fieldset .octa-policy a.calculate { margin: 0 auto; }
  #car-number fieldset .octa-policy .btn-shadow { margin: 14px auto 0; }

  /* dokumentu saites: viena zem otras, 44px augstas */
  .apdrinfo { margin-bottom: 24px !important; }
  .apdrinfo > a { display: block; margin: 0 !important; padding: 13px 0; font-size: 14px !important; line-height: 18px; }
  #pirmapdr_detailed a, #apdrprod_detailed a { display: block; margin: 0 !important; padding: 10px 0; font-size: 14px; }

  /* priekšrocības */
  #benefits fieldset li { font-size: 13px; letter-spacing: 0; line-height: 1.55; }
  #benefits fieldset li > div { padding: 0 0 18px 72px; background-size: 56px 56px !important; background-position: left 18px !important; }
  #benefits fieldset li h3, #benefits fieldset li h4, #benefits fieldset li h5 { font-size: 15px; padding-top: 18px; }

  /* maksājumu logo */
  #footer fieldset .pay-with { font-size: 13px; letter-spacing: 0; background-size: 358px auto; padding-bottom: 30px; }

  /* apdrošinātāju logo josla: tas pats sprite, mērogots */
  #footer fieldset .insurance-companies { height: 44px; background-size: 494px auto; background-position: center 13px; }

  /* apdrošinātāju rekvizīti: 2 kolonnas */
  #footer .ins-cont-wrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; font-size: 12px; }
  #footer .ins-cont-wrap > p { display: none; }
  #footer .ins-cont-wrap > div.ins { float: none; width: auto; margin: 14px 0; }

  /* juridiskā info viena kolonna */
  #footer fieldset .copyrights { font-size: 12px; letter-spacing: 0; }
  #footer fieldset .copyrights .support,
  #footer fieldset .copyrights .sia { float: none; width: auto; text-align: left; padding: 14px 0 0; }
  #footer fieldset .copyrights .sia a { display: inline-block; padding: 6px 0; }

  /* apakšējā CSNg josla */
  .footer-offer { padding: 8px 40px 8px 12px; box-sizing: border-box; }
  .footer-offer-inner { font-size: 14px; }
  .footer-offer-x-btn { position: absolute; right: 0; top: 0; margin: 0; padding: 12px 14px; font-size: 20px; }
}

/* ================= CENRĀDIS (telefons) ================= */
@media (max-width: 767px) {
  /* OCTA beigu datums + atgādinājums numura zīmē */
  #car-number fieldset .car-number-row .number-details-sub {
    float: none; flex: 1 1 auto; width: auto; min-width: 0; height: auto;
    background: linear-gradient(#c8ccce, #f7f9fa 45%, #fff); border-radius: 0 6px 6px 0;
  }
  #car-number fieldset .car-number-row .number-details-sub .top,
  #car-number fieldset .car-number-row .right-sub { display: none; }
  #car-number fieldset .car-number-row .number-details-sub .octa-ends { float: none; width: auto; height: auto; background: none; padding-bottom: 6px; border-bottom: 1px solid #dfe3e5; }
  #car-number fieldset .car-number-row .number-details-sub .octa-ends h1 { width: auto; padding: 12px 12px 0; font-size: 16px; }
  #car-number fieldset .car-number-row .number-details-sub .octa-ends .message { width: auto; padding: 3px 12px 0; }
  #car-number fieldset .number-details-sub a.calend { padding: 6px; margin: 0 0 -8px 2px; background-position: center; }
  #car-number fieldset .car-number-row .number-details-sub .reminder { float: none; width: auto; height: auto; padding-bottom: 12px; }
  #car-number fieldset .car-number-row .number-details-sub .reminder h2 { float: none; width: auto !important; height: auto; padding: 12px 12px 4px; margin: 0; font-size: 16px; }
  #car-number fieldset .car-number-row .number-details-sub .reminder .title-row { float: none; width: auto; height: auto; display: flex; padding: 4px 12px 2px; }
  #car-number fieldset .car-number-row .number-details-sub .reminder .title-row span.phone,
  #car-number fieldset .car-number-row .number-details-sub .reminder .title-row span.email { float: none; flex: 1 1 0; width: auto; padding: 0; }
  #car-number fieldset .car-number-row .number-details-sub .reminder .input-row { float: none; width: auto; height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 12px; }
  #car-number fieldset .car-number-row .number-details-sub .reminder .input-row input.phone,
  #car-number fieldset .car-number-row .number-details-sub .reminder .input-row input.email { float: none; width: 100%; min-width: 0; height: 44px; line-height: 44px; margin: 0; font-size: 16px; box-sizing: border-box; }
  #car-number fieldset .car-number-row .number-details-sub .reminder .input-row a.order {
    float: none; grid-column: 1 / -1; width: auto; height: 44px; padding: 0; line-height: 44px; font-size: 15px;
    background: linear-gradient(#f9fafb, #dfe3e5); border: 1px solid #c7d0d5; border-radius: 4px;
  }

  /* soļi 1–2–3 */
  #car-number fieldset ul.steps { display: flex; width: auto; height: auto; padding: 22px 0 18px; gap: 6px; }
  #car-number fieldset ul.steps li.choose-octa,
  #car-number fieldset ul.steps li.order-details,
  #car-number fieldset ul.steps li.payment { flex: 1 1 0; width: auto; height: auto; min-height: 37px; padding: 6px 0 0 46px; font-size: 13px; line-height: 15px; letter-spacing: 0; }

  /* labākā piedāvājuma paneļi: 2 kolonnas režģis */
  .best-offer-panel { width: auto; position: relative; }
  #reg-loading-overlay, #nom-loading-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; border-radius: 5px; }
  .best-offer-panel .inner { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 0 12px 12px; }
  .best-offer-panel .inner .cl { display: none; }
  .best-offer-panel .inner .text { float: none; width: auto; padding: 12px 0 0; white-space: normal; }
  .best-offer-panel .inner .text-l { font-size: 20px; }
  .best-offer-panel .inner .insurer { float: none; width: auto; padding: 8px 0 0; justify-self: end; }
  .best-offer-panel .inner .insurer .panel-company span { margin-top: 0; }
  .best-offer-panel .inner .price { float: none; width: auto; padding: 10px 0 0; text-align: left; font-size: 26px; }
  .best-offer-panel .inner .price-l { padding-bottom: 0; }
  .best-offer-panel .inner .button, .best-offer-panel .inner .button-1 { float: none; width: auto; padding: 10px 0 0; justify-self: end; }
  .best-offer-panel a.btn { float: none; height: 44px; line-height: 44px; padding: 0; background-size: 161px 89px; }
  .best-offer-panel .inner .extra-info, .best-offer-panel .inner .atlmaks-summary { grid-column: 1 / -1; padding: 12px 0 0; }
  /* papildinformācijas <table>: šūnas kā 2 kolonnu saraksts */
  .best-offer-panel .extra-info table, .best-offer-panel .extra-info tbody { display: block; width: auto; }
  .best-offer-panel .extra-info tr { display: grid; grid-template-columns: 40px 1fr; row-gap: 8px; align-items: center; }
  .best-offer-panel .extra-info td { display: block; width: auto !important; font-size: 13px; }
  /* Zelta OCTA: fona attēls mērogots virs cenas */
  .seesamzelta-panel .inner-lv, .seesamzelta-panel .inner-ru { height: auto; background-size: 100% auto; padding: calc((100vw - 34px) * 0.1705) 12px 12px; }
  .seesamzelta-panel .inner .text { padding-top: 6px; }
  .seesamzelta-panel .inner .price { padding-top: 6px; }

  /* standarta / dalītais pārslēdzējs */
  .atlmaks_sw { padding: 6px 0 14px; font-size: 15px; }
  .atlmaks_sw label { display: inline-block; padding: 12px 4px; }
  .atlmaks_sw input { width: 22px; height: 22px; vertical-align: middle; }

  /* CENU TABULA: tā pati rindu struktūra, saspiestas kolonnas (88px + 5 × 1fr) */
  #car-number fieldset .pricelist { width: auto; padding-bottom: 40px; }
  #car-number fieldset .pricelist .choose-month { width: auto; padding: 0; }
  #car-number fieldset .pricelist .choose-month .left,
  #car-number fieldset .pricelist .choose-month .right { display: none; }
  #car-number fieldset .pricelist .choose-month .date-range { display: flex; float: none; width: auto; padding: 0 0 0 88px; border-radius: 5px 5px 0 0; }
  #car-number fieldset .pricelist .choose-month .date-range .range,
  #car-number fieldset .pricelist .choose-month .date-range .range12month { float: none; flex: 1 1 0; width: auto; min-width: 0; }
  #car-number fieldset .pricelist .choose-month .date-range .range a.date,
  #car-number fieldset .pricelist .choose-month .date-range .range12month a.date {
    position: relative; float: none; width: auto; height: 37px; padding: 4px 0 0; box-sizing: border-box;
    font-size: 11px; line-height: 13px; letter-spacing: -0.3px;
  }
  #car-number fieldset .pricelist .simple-price { left: 0; right: 0; width: auto; padding: 1px 0 0; }
  #car-number fieldset .pricelist .simple-price .row { display: flex; width: auto; }
  #car-number fieldset .pricelist .simple-price .row .insurance-company { position: relative; float: none; flex: 0 0 88px; width: 88px; }
  #car-number fieldset .pricelist .simple-price .row .cheapest { display: flex; flex: 1 1 auto; min-width: 0; height: 47px; }
  #car-number fieldset .pricelist .simple-price .row .insurance-company a.company { height: 20px; margin-top: 14px; width: 68px; background-size: 135px auto !important; }
  body #car-number .pricelist .simple-price .row .insurance-company a.ergo { background-position: 0 0px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.ergo_nom { background-position: 0 0px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.gjensidige { background-position: 0 -20px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.gjensidige_nom { background-position: 0 -20px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.ergo_dubocta { background-position: 0 -40px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.ergo_dubocta_tp { background-position: 0 -262px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.baltikums { background-position: 0 -60px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.bta-europe { background-position: 0 -81px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.ban { background-position: 0 -101px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.balta { background-position: 0 -121px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.balta_nom { background-position: 0 -121px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.bta-baltic { background-position: 0 -141px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.seesam { background-position: 0 -161px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.seesam_nom { background-position: 0 -161px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.if { background-position: 0 -181px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.compensa { background-position: 0 -202px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.compensa_nom { background-position: 0 -202px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.ifplus { background-position: 0 -222px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.seesamzelta { background-position: 0 -242px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.balcia { background-position: 0 -284px; }
  body #car-number .pricelist .simple-price .row .insurance-company a.balcia_premium { background-position: 0 -306px; }
  #car-number .pricelist .delay-ico { position: absolute; top: 6px; left: 66px; width: 22px; padding-top: 16px; font-size: 9px; background-size: 16px auto; letter-spacing: -0.4px; }
  #car-number .pricelist .pricelist-insurer-i { left: -16px; width: 16px; }
  #car-number .pricelist .pricelist-insurer-i img { margin: 17px 0 0 0; }
  #car-number fieldset .pricelist .simple-price .row a.price,
  #car-number fieldset .pricelist .simple-price .row a.loading { float: none; flex: 1 1 0; width: auto; min-width: 0; height: 47px; padding: 0; line-height: 47px; font-size: 12px; letter-spacing: -0.4px; box-sizing: border-box; }
  #car-number fieldset .pricelist .simple-price .row a.price .sub-price { font-size: 9px; }
  #car-number fieldset .pricelist .simple-price .row a.loading { background-position: center; }

  /* pārrēķins (lejā) */
  #recount fieldset { height: auto; padding: 8px 16px 20px; box-sizing: border-box; }
  #recount fieldset .count { display: flex; flex-direction: column; width: auto; height: auto; }
  #recount fieldset .count .titles { display: contents; }
  #recount fieldset .count .titles span.auto-reg-nr,
  #recount fieldset .count .titles span.tech-passport { float: none; width: auto !important; height: auto; padding: 14px 0 6px; font-size: 16px; }
  #recount .count .titles .auto-reg-nr { order: 1; }
  #recount .count > .row:nth-child(2) { order: 2; }
  #recount .count .titles .tech-passport { order: 3; }
  #recount .count > .row:nth-child(3) { order: 4; }
  #recount .count > a { order: 5; }
  #recount fieldset .count .row { float: none; width: auto; height: auto; }
  #recount fieldset .count .row .input { float: none; display: flex; align-items: center; width: auto; height: 46px; }
  #recount fieldset .count .row .input input { float: none; flex: 1 1 auto; width: auto; min-width: 0; height: 46px; font-size: 24px; }
  #recount fieldset .count a.btn-count { float: none; margin: 18px auto 0; }
}

/* ================= ANKETA ================= */
@media (max-width: 999px) {
  #car-number fieldset .agree-row { width: auto; padding-left: 0; }
  #recount fieldset .order-step { width: auto; max-width: 520px; padding: 43px 16px 0 185px; }
}
@media (min-width: 768px) and (max-width: 999px) {
  /* 730px zīme un forma ietilpst; tikai pogas centrā */
  #recount fieldset .order-step { padding-left: 0; display: flex; justify-content: center; }
  #car-number fieldset .agree-row { padding-left: 322px; }
}
@media (max-width: 767px) {
  /* izvēlētais apdrošinātājs + mēnešu cenas zīmē */
  #car-number fieldset .car-number-row .number-details-sub { display: flex; flex-wrap: wrap; align-content: flex-start; }
  #car-number fieldset .car-number-row .number-details-sub .insurer { float: none; flex: 0 0 100%; display: flex; align-items: center; justify-content: space-between; width: auto; height: auto; }
  #car-number fieldset .car-number-row .number-details-sub .insurer .title { width: auto; height: auto; padding: 12px 0 0 12px; }
  #car-number fieldset .car-number-row .number-details-sub .insurer .logo { width: 150px; margin-top: 8px; }
  #car-number fieldset .car-number-row .number-details-sub .date-range { float: none; flex: 1 1 18%; width: auto; min-width: 0; height: auto; padding: 4px 0 10px; }
  #car-number fieldset .car-number-row .number-details-sub .date-range a.month { width: auto; height: auto; min-height: 30px; padding: 8px 0 4px; font-size: 11px; letter-spacing: -0.3px; background-position: center top; background-size: 100% 100%; }
  #car-number fieldset .car-number-row .number-details-sub .date-range .price,
  #car-number fieldset .car-number-row .number-details-sub .date-range .sub-price { width: auto; font-size: 14px; letter-spacing: -0.5px; }
  #car-number fieldset .car-number-row .number-details-sub .date-range .save { width: auto; font-size: 11px; }
  #car-number fieldset .car-number-row .number-details-sub > div[style*="top:-28px"] { flex: 1 1 100%; top: 0 !important; left: 0 !important; height: auto !important; }

  /* anketa: etiķete virs lauka, lauks pilnā platumā */
  #car-number fieldset .order-form .form-row { height: auto !important; padding: 6px 0; }
  #car-number fieldset .order-form .form-row .title { float: none; width: auto; height: auto; padding: 6px 0 4px; font-size: 15px; }
  #car-number fieldset .order-form .form-row .input-block { float: none; width: auto; height: auto; }
  #car-number fieldset .order-form .form-row .input-block input.input { width: 100%; height: 44px; line-height: 44px; font-size: 16px; box-sizing: border-box; }
  #car-number fieldset .order-form .form-row .input-block span.radio-row { float: none; display: inline-block; width: auto; margin: 0 20px 0 0; padding: 8px 0; font-size: 15px; }
  #car-number fieldset .order-form input[type=radio], #car-number fieldset .order-form input[type=checkbox] { width: 22px; height: 22px; vertical-align: middle; margin: 0 6px 0 0; }
  #car-number fieldset .order-form .form-row .input-block div.select { height: 44px; background: #fff; border: 1px solid #d8dddf; box-sizing: border-box; margin-right: 8px; }
  #car-number fieldset .order-form .form-row .input-block div.select span.select { padding-top: 11px; font-size: 16px; }
  #car-number fieldset .order-form .form-row .input-block div.select select { height: 44px; font-size: 16px; }
  #car-number fieldset .order-form .form-row .input-block div.select { float: left; }
  #car-number fieldset .order-form #fPhone { width: calc(100% - 78px) !important; }
  #car-number fieldset .order-form #dateblock { max-width: none !important; gap: 8px; }
  #car-number fieldset .order-form #dateblock input, #car-number fieldset .order-form #dateblock select { height: 44px; font-size: 16px; max-width: none !important; flex: 1 1 0; }
  #verifyPhoneExplain { font-size: 14px !important; line-height: 1.45; }
  #btnVerifyPhoneAgain { display: inline-block; padding: 10px 0; }
  /* apmaksas veidi: visa rinda kā skāriena mērķis */
  .pay-by p { display: flex; align-items: center; margin: 0 0 6px; }
  .pay-by input { top: 0; flex: 0 0 22px; margin: 0 0 0 12px !important; }
  .pay-by label { flex: 1 1 auto; width: auto; min-height: 44px; margin: 0 0 0 -34px; padding-left: 44px; border: 1px solid #e3e7e9; border-radius: 4px; background: #fff; box-sizing: border-box; display: flex; align-items: center; }
  /* piekrišanas */
  #car-number fieldset .order-form .agree-row { width: auto; height: auto; padding: 6px 0; font-size: 14px !important; line-height: 1.4; }
  #car-number fieldset .order-form .form-row .title[style*="width:auto"] { font-size: 14px !important; line-height: 1.45; }
  #car-number fieldset .order-form .form-row .title label { display: block; padding: 4px 0; }
  /* pogas */
  #recount fieldset .order-step { display: flex; justify-content: center; gap: 10px; width: auto; height: auto; padding: 28px 16px; box-sizing: border-box; }
  #recount fieldset .order-step a.btn-order, #recount fieldset .order-step a.btn-back { float: none; margin: 0; }
}

/* ================= APMAKSAS REZULTĀTS ================= */
@media (max-width: 999px) {
  #car-number fieldset .message-output { width: auto; height: auto; }
}
@media (max-width: 767px) {
  #car-number fieldset .car-number-row .number-details-sub { min-height: 124px; }
  #car-number fieldset .message-output { padding: 20px 4px 36px; text-align: center; font-size: 16px; line-height: 1.5; }
}

/* ============ TELEFONS GUĻUS (560–767px): numurs un apliecība blakus ============ */
@media (min-width: 560px) and (max-width: 767px) {
  #car-number fieldset .car-number-row .number-details { min-height: 140px; }
  #car-number fieldset .car-number-row .number-details .numbers { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 12px; }
  #car-number .numbers > h1, #car-number .numbers > h2,
  #car-number .numbers > .row:nth-of-type(1), #car-number .numbers > .row:nth-of-type(2) { order: 0; }
  #recount fieldset .count { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 12px; }
  #recount .count .titles .auto-reg-nr, #recount .count .titles .tech-passport,
  #recount .count > .row:nth-child(2), #recount .count > .row:nth-child(3) { order: 0; }
  #recount .count > a { grid-column: 1 / -1; }
}