/* Mobilus Miestas – UX ir prieinamumo pataisymai. 2026-10-09.
   ATSKIRAS failas: mm.css neliestas. Norint atšaukti – pašalinti eilutę iš layout/header.tpl. */

/* 1. Teksto laužymas: antraštėse nebelieka vieno žodžio paskutinėje eilutėje. */
.mm-card__title,
h1, h2, h3,
.mm-pd__title { text-wrap: balance; }

.mm-pd__longdesc p,
.mm-rv__body p { text-wrap: pretty; }

/* 2. Vienodo aukščio kortelės: ilgas pavadinimas nebeištempia tinklelio. */
.mm-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 3. Nuotrauka kortelėje švelniai priartėja – įprasta šiuolaikinėse parduotuvėse. */
.mm-card__media {
    overflow: hidden;
    border-radius: calc(var(--mm-radius, 6px) - 2px);
}
.mm-card__media img {
    transition: transform .35s cubic-bezier(.2, .6, .2, 1);
}
.mm-card:hover .mm-card__media img,
.mm-card:focus-within .mm-card__media img { transform: scale(1.06); }

/* 4. Kainos lygiuojasi stulpeliu (vienodo pločio skaitmenys). */
.mm-card__price,
.mm-pd__price,
.mm-price,
td.price { font-variant-numeric: tabular-nums; }

/* 5. Matomas klaviatūros žymeklis – reikalingas ir prieinamumui, ir pelės nenaudojantiems. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--mm-link, #0a58ca);
    outline-offset: 2px;
    border-radius: 3px;
}

/* 6. Telefone pirštui patogūs plotai (rekomenduojama 44 px). */
@media (max-width: 767px) {
    .mm-btn,
    .btn,
    .mm-card__actions a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    /* Meniu nuorodoms NEkeiciam isdestymo budo (liktu per siauros) - tik auksti. */
    .nav-link {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .mm-card__actions .mm-btn { width: 100%; }
}

/* 7. Peršokus per nuorodą antraštė nebeuždengia turinio. */
:target { scroll-margin-top: 80px; }

/* 8. Prekės savybių grupės (modulis mmattrgroups) – iki šiol be stilių. */
.mm-attr__group {
    margin: 20px 0 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--mm-border, #e6e6e6);
    font-size: 15px;
    font-weight: 700;
    color: var(--mm-text, #222);
}
.mm-attr__group:first-child { margin-top: 0; }
#attributes dl.attributes { margin-bottom: 0; }

/* 9. Pasirinkto teksto spalva pagal parduotuvės stilių. */
::selection { background: var(--mm-link, #0a58ca); color: #fff; }

/* 10. Gerbiam nustatymą „mažiau judesio“. */
@media (prefers-reduced-motion: reduce) {
    .mm-card,
    .mm-card__media img { transition: none; }
    .mm-card:hover .mm-card__media img,
    .mm-card:focus-within .mm-card__media img { transform: none; }
    /* UX 1.19 (2026-10-21): visoje svetainėje – be animacijų ir perėjimų (404 krumpliaračiai, hero takelis, kortelės, juostos). */
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
    html { scroll-behavior: auto !important; }
}

/* 11. Sklandus perėjimas tarp puslapių (naršyklėse, kurios tai moka; kitose – nieko nesikeičia). */
@view-transition { navigation: auto; }

@media (prefers-reduced-motion: reduce) {
    @view-transition { navigation: none; }
}

/* mm-ux: puslapio fonas (2026-10-15) – šviesiai mėlynas body fonas lįsdavo antraštės kraštuose ir juostose tarp blokų (neigiamos paraštės); hero ir kortelės turi savus fonus. */
body { background: #fff; }

/* mm-ux: paieskos linija (2026-10-15) – ryški mėlyna linija po paieškos laukeliu lange keičiama į švelnią pilką (savininkės pastaba). */
.mm-search__bar { box-shadow: inset 0 -1px 0 0 #e6eaef !important; }

/* mmsocial (2026-10-16): prisijungimas per Google / Facebook – mygtukų vieta prisijungimo formose. */
.mm-social { margin-top: 18px; }
.mm-social[hidden], .mm-social [hidden] { display: none !important; }
.mm-social__or { display: flex; align-items: center; gap: 10px; color: #667085; font-size: 13px; margin-bottom: 12px; }
.mm-social__or::before, .mm-social__or::after { content: ""; flex: 1; height: 1px; background: #e6eaef; }
.mm-social__btns { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.mm-social__fb { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 4px; background: #1877f2; color: #fff; font-weight: 600; font-size: 14px; cursor: pointer; }
.mm-social__fb:hover { background: #1569d6; }
.mm-social__err { margin-bottom: 12px; font-size: 14px; }

/* mm-mobile (2026-10-16): telefonas kaip senoje svetainėje – viršuje VISADA logotipas, paieška, paskyra, krepšelis ir meniu; prekės sąraše po 2 stulpelius. */
@media (max-width: 768px) {
  /* Lipni juosta (logotipas + paieška + paskyra + krepšelis) rodoma iškart, ne tik nuslinkus. */
  .mm-sticky { transform: none !important; }
  .mm-sticky__in { padding-right: 56px; }
  .mm-shell { padding-top: 64px; }
  /* UX 1.2 (2026-10-21): 64 px reikia tik antraštės apvalkalui (po fiksuota juosta); turinio apvalkale tai buvo tuščia juosta virš trupinių. */
  #wrapper .mm-shell { padding-top: 0; }
  /* Pirminė antraštės eilutė (logotipas, paieška) dubliuotų juostą – telefone paslėpta, kategorijų plytelės lieka. */
  .mm-header__row { display: none; }
  /* Meniu mygtukas ant juostos ir nenuslenkantis meniu. */
  .mm-mobile-toggle { position: fixed; top: 8px; right: 4px; z-index: 1060; }
  #mmMobileMenu { position: fixed; top: 60px; left: 0; right: 0; max-height: calc(100vh - 60px); z-index: 1055; }
  .mm-header .mm-tiles { margin-top: 4px; }
}

/* Paieškos / sąrašų prekės telefone: du stulpeliai, kortelė stulpeliu (nuotrauka viršuje). */
@media (max-width: 575px) {
  .list-container .row.infogrid-view > .productData[class*="col-"] { flex: 0 0 50%; max-width: 50%; padding-left: 6px; padding-right: 6px; }
  .mm-card--row { flex-direction: column; gap: 8px; }
  .mm-card--row .mm-card__media { flex: 0 0 auto; width: 100%; height: 150px; }
  .mm-card--row .mm-card__title { font-size: 14px; }
  .mm-card--row .mm-card__actions { width: 100%; }
}

/* mm-mobile-cards (2026-10-16): kortelė užpildo stulpelį (anksčiau susitraukdavo iki ~70 px). */
@media (max-width: 575px) {
  .list-container .row.infogrid-view > .productData .mm-card--row { width: 100% !important; max-width: none !important; box-sizing: border-box; align-items: stretch; padding: 10px; }
  .list-container .row.infogrid-view > .productData .mm-card--row .mm-card__media { width: 100%; height: 140px; justify-content: center; }
  .list-container .row.infogrid-view > .productData .mm-card--row .mm-card__media img { max-height: 140px; width: auto; max-width: 100%; object-fit: contain; }
  .list-container .row.infogrid-view > .productData .mm-card--row .mm-card__body { width: 100%; min-width: 0; }
}

/* mm-chooser (2026-10-20): apmokėjimo žingsnio 2 pradžia kaip senoje svetainėje – trys kortelės. */
.mm-chooser { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width: 1180px; margin: 28px auto; align-items: stretch; }
.mm-chooser__card { border: 1px solid var(--mm-blue, #1f66b3); border-radius: 8px; padding: 22px 22px 26px; background: #fff; display: flex; flex-direction: column; gap: 12px; }
.mm-chooser__h { margin: 0; font-size: 20px; line-height: 1.25; font-weight: 700; color: var(--mm-blue, #1f66b3); }
.mm-chooser__h3 { margin: 14px 0 0; font-size: 18px; font-weight: 700; color: var(--mm-blue, #1f66b3); }
.mm-chooser__p { margin: 0; font-size: 14px; color: #333; }
.mm-chooser__small { margin: 4px 0 0; font-size: 13px; }
.mm-chooser__btn { align-self: flex-start; text-decoration: none; }
.mm-chooser__form { display: flex; flex-direction: column; gap: 6px; }
.mm-chooser__form label { font-size: 13px; font-weight: 700; margin-top: 6px; }
.mm-chooser__form input[type=text], .mm-chooser__form input[type=password] { width: 100%; height: 42px; border: 1px solid #cfd6df; border-radius: 6px; padding: 0 12px; font-size: 15px; box-sizing: border-box; }
.mm-chooser__form .mm-chooser__btn { margin-top: 10px; }
.mm-chooser .mm-social { margin-top: 0; }
.mm-chooser .mm-social__or { display: none; }
.mm-checkout--single .mm-checkout__main { max-width: 900px; margin: 0 auto; }
@media (max-width: 900px) { .mm-chooser { grid-template-columns: 1fr; gap: 16px; margin: 18px 0; } }

/* mm-osc (2026-10-20): pristatymo ir mokėjimo kortelės kaip senoje svetainėje (cl=osc). */
.mm-shipcards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 22px; margin-top: 10px; }
.mm-shipcard { background: #fff; border: 2px solid #e4e9f0; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; }
.mm-shipcard.is-active { border-color: var(--mm-orange, #f0b323); background: #fffdf7; }
.mm-shipcard__head { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; cursor: pointer; font-weight: 700; font-size: 16px; }
.mm-shipcard__radio { accent-color: var(--mm-orange, #f0b323); width: 18px; height: 18px; flex: 0 0 auto; }
.mm-shipcard__price { font-weight: 600; font-size: 13px; color: #333; }
.mm-shipcard__img { max-width: 100%; height: 140px; object-fit: contain; }
.mm-lp { width: 100%; text-align: left; border-top: 1px solid #e8edf3; padding-top: 12px; }
.mm-lp__label { display: block; font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.mm-req { color: var(--mm-req); }
.mm-lp__combo { position: relative; }
.mm-lp__input { width: 100%; height: 42px; border: 1px solid #cfd6df; border-radius: 6px; padding: 0 12px; font-size: 15px; box-sizing: border-box; }
.mm-lp__dropdown { position: absolute; z-index: 30; left: 0; right: 0; top: 100%; max-height: 260px; overflow: auto; background: #fff; border: 1px solid #cfd6df; border-radius: 0 0 6px 6px; box-shadow: 0 8px 20px rgba(15, 23, 42, .12); }
.mm-lp__dropdown[hidden] { display: none; }
.mm-lp__opt, .mm-lp__none { padding: 8px 12px; font-size: 14px; }
.mm-lp__opt { cursor: pointer; }
.mm-lp__opt:hover { background: #f0f4f9; }
.mm-lp__none { font-style: italic; }
.mm-lp__err { color: #b00020; font-size: 13px; margin-top: 6px; }
.mm-lp__err[hidden] { display: none; }
/* mm-caddr (2026-10-20): kurjerio adresas pasirinktoje kurjerio kortelėje (kaip senoje – adresas tik kurjeriui) */
.mm-caddr { width: 100%; text-align: left; border-top: 1px solid #e8edf3; padding-top: 12px; display: flex; flex-direction: column; gap: 10px; }
.mm-caddr__title { font-weight: 700; font-size: 14px; }
.mm-caddr__label { display: block; font-weight: 600; font-size: 13px; margin-bottom: 4px; }
.mm-caddr__pair { display: flex; gap: 8px; }
.mm-caddr__input { flex: 1 1 auto; min-width: 0; width: 100%; height: 42px; border: 1px solid #cfd6df; border-radius: 6px; padding: 0 12px; font-size: 15px; box-sizing: border-box; }
.mm-caddr__input--nr { flex: 0 0 30%; }
.mm-caddr__input--zip { flex: 0 0 38%; }
.mm-caddr__input.is-invalid { border-color: #b00020; }
.mm-caddr__err { color: #b00020; font-size: 13px; }
.mm-caddr__text { font-size: 14px; line-height: 1.45; }
.mm-caddr__change { font-size: 13px; font-weight: 600; }
.mm-pay__grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.mm-pay--logo { align-items: center; text-align: center; gap: 8px; }
.mm-pay__img { max-width: 100%; height: 64px; object-fit: contain; }
.mm-pay--logo .mm-pay__name { padding-right: 0; font-weight: 500; font-size: 13px; }
@media (max-width: 575px) { .mm-shipcards { grid-template-columns: 1fr; } .mm-shipcard__img { height: 110px; } }
/* mm-cacc (2026-10-20, flow): krepšelio prekių priedai kaip senoje svetainėje ("SPECIALI NUOLAIDA PERKANT KARTU!") */
.mm-cacc { margin: 28px 0 8px; }
.mm-cacc .page-header { border: 0; margin: 0 0 12px; padding: 0; }
.mm-cacc .page-header h2, .mm-cacc .page-header .h2 { margin: 0; font-size: 20px; font-weight: 700; color: var(--mm-blue, #1f66b3); }

/* Prekes puslapis: variantu antraste (kaip senoje: Galimi variantai) */
.mm-pd__variants-title{margin:0 0 6px;font-size:14px;font-weight:600;color:#333}

/* Kategorija: prekiu skaicius puslapyje ir "Puslapis X / Y" (kaip senoje) */
.mm-perpage{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px;font-size:14px}
.mm-perpage__opt{display:inline-block;min-width:32px;padding:4px 10px;border:1px solid #d5d5d5;border-radius:6px;text-align:center;color:#333;text-decoration:none}
.mm-perpage__opt.is-active,.mm-perpage__opt:hover{border-color:#006eb5;color:#006eb5}
.mm-paging__of{margin:6px 0 0;text-align:center;font-size:13px;color:#666}

/* ==========================================================================
   UX partija 1 (2026-10-21) – UX plano punktai 1.1–1.19 (tik CSS; tekstai, šablonai, JS nekeičiami).
   Visos naujos spalvos, dydžiai ir trukmės – :root tokenai žemiau. mm-ux.css kraunamas po mm.css,
   bet prieš wave styles.min.css, todėl wave taisyklės perrašomos didesniu specifiškumu.
   ========================================================================== */
:root {
  --mm-req: #c0392b;            /* privalomo lauko žymė (buvusi .mm-req spalva) */
  --mm-req-mark: " *";          /* privalomo lauko simbolis po etikete */
  --mm-orange-text: #b45309;    /* oranžinė tekstui ant balto (5.0:1) */
  --mm-green-text: #15803d;     /* žalia tekstui ant balto (5.0:1) */
  --mm-muted-strong: #4b5563;   /* blankus tekstas ant pilko fono (6.9:1) */
  --mm-badge-red: #dc2626;      /* ženkliukas su baltu tekstu (4.8:1) */
  --mm-on-blue: #fff;           /* tekstas ant --mm-blue */
  --mm-blue-700: #154d88;       /* --mm-blue užvedus (kaip mm.css) */
  --mm-line: #d7dde6;           /* laukų / linijų spalva (kaip mm.css) */
  --mm-disabled-bg: #e8edf3;    /* neaktyvaus mygtuko fonas (kaip mm.css) */
  --mm-focus-ring: #4f86c6;     /* fokuso žiedas laukams (3.8:1 ant balto) */
  --mm-focus-ring-w: 3px;
  --mm-gutter: 20px;            /* = mm.css .mm-shell kairė paraštė (keičiant mm.css – keisti ir čia) */
  --mm-gutter-end: 20px;        /* = mm.css .mm-shell dešinė paraštė (>=1100 px – 84 px, žr. žemiau) */
  --mm-sticky-dur: .18s;        /* lipnios juostos išvažiavimo trukmė */
  --mm-tap: 44px;               /* minimalus paspaudimo plotas telefone */
  --mm-tap-min: 40px;           /* tankiems sąrašams (filtrai), WCAG 2.5.8 >= 24 px */
  --mm-check: 20px;             /* žymimųjų langelių / radijo dydis */
  --mm-hero-nav-inset: 12px;    /* hero rodyklių atstumas nuo krašto */
  --mm-hero-img-max-m: 200px;   /* hero nuotraukos aukštis telefone */
  --mm-hero-title-m: 24px;      /* hero antraštė telefone */
  --mm-pd-img-max-m: 260px;     /* prekės nuotraukos aukštis telefone */
  --mm-tile-gap: 8px;           /* antraštės plytelių tarpas telefone */
  --mm-tiles-visible: 3.4;      /* kiek plytelių matosi telefone (4-oji išlenda) */
  --mm-tile-fs-m: 12px;         /* plytelių užrašas telefone */
  --mm-subcat-gap: 10px;
  --mm-subcat-min-h: 104px;
  --mm-subcat-img-m: 48px;
  --mm-rel-gap: 6px;            /* „Dažnai perkama kartu“ kortelių tarpas telefone (pusė) */
  --mm-fab-clear: 64px;         /* vieta nuo turinio krašto, kurios neuždengia mmassist mygtukas (56 px + tarpas) */
  --mm-fab-clear-box: 44px;     /* tas pats .mm-sum viduje (minus 20 px kortelės paraštė) */
  --mm-pay-min-m: 128px;        /* mokėjimo kortelės minimalus plotis telefone (2 stulpeliai) */
  --mm-pay-logo-m: 40px;
  --mm-ship-img-m: 48px;
  --mm-cbox-pad-m: 16px;
  --mm-step: 30px;              /* žingsnio numerio apskritimas */
}
@media (min-width: 1100px) { :root { --mm-gutter-end: 84px; } }

/* 1.3 Telefone prekės ir atsiskaitymo puslapiuose 12 plytelių juosta paslepiama (tos pačios kategorijos – meniu mygtuke). */
@media (max-width: 768px) {
  body:is(.cl-details, .cl-basket, .cl-user, .cl-payment, .cl-order) .mm-header .mm-tiles { display: none; }
}

/* 1.4 iOS Safari nebepriartina lauko: telefone visi teksto laukai, sąrašai ir tekstinės sritys – 16 px. */
@media (max-width: 767px) {
  :root :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image]):not([type=range]):not([type=color]):not([type=file]), select, textarea) { font-size: 16px !important; }
}

/* 1.5 Prekės pavadinimas ir kaina – pirmame telefono ekrane (be HTML pakeitimų). */
@media (max-width: 575px) {
  #breadcrumb.mm-crumbs { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  #breadcrumb.mm-crumbs::-webkit-scrollbar { display: none; }
  #breadcrumb.mm-crumbs .breadcrumb-item { flex: 0 0 auto; }
  #breadcrumb.mm-crumbs .breadcrumb-item:first-child::before { content: none; }
  .mm-pd .mm-pd__main img { max-height: var(--mm-pd-img-max-m); object-fit: contain; }
  .mm-pd__gallery .details-picture-more { margin-top: 12px; }
  .mm-pd__gallery #morePicsContainer .slides,
  .mm-pd__gallery #morePicsContainer .details-picture-more-list { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .mm-pd__gallery #morePicsContainer .slides::-webkit-scrollbar,
  .mm-pd__gallery #morePicsContainer .details-picture-more-list::-webkit-scrollbar { display: none; }
  .mm-pd__gallery #morePicsContainer .slides > li { flex: 0 0 auto; }
  .mm-pd { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 0; }
  .mm-pd .mm-pd__title { margin-top: 0; }
}

/* 1.6 Kaina skaitoma (žalia kaip kortelėse), pasirinkimai aiškiai matomi, neaktyvus mygtukas – pilkas. */
.mm-pd__price { color: var(--mm-price); }
.mm-pd__variant.is-active { border-color: var(--mm-blue); box-shadow: inset 0 0 0 1px var(--mm-blue); }
.mm-pd__variant.is-active i { border-color: var(--mm-blue); background: radial-gradient(var(--mm-blue) 45%, transparent 50%); }
.mm-pd__gallery .slides a.selected,
.mm-pd__gallery .details-picture-more-list-item a.selected { border-color: var(--mm-blue); }
#toBasket.mm-pd__btn:disabled,
#toBasket.mm-pd__btn[disabled] { background: var(--mm-disabled-bg) !important; border-color: var(--mm-disabled-bg) !important; color: var(--mm-muted) !important; cursor: not-allowed; transform: none; box-shadow: none; }

/* 1.7 Atsiskaitymo adreso forma: laukai lygiuojasi su antraštėmis, privalomi pažymėti, didesni žymimieji langeliai. */
.mm-checkout .form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.mm-checkout label.req::after,
.mm-cbox label.req::after { content: var(--mm-req-mark); color: var(--mm-req); }
.mm-checkout .checkbox label { display: flex; align-items: center; gap: 10px; min-height: var(--mm-tap); margin: 0; cursor: pointer; }
.mm-checkout input[type=checkbox] { width: var(--mm-check); height: var(--mm-check); flex: 0 0 auto; margin: 0; accent-color: var(--mm-blue); }
.mm-checkout .card-header + .card-body { padding-top: 12px; }
@media (min-width: 992px) {
  .mm-checkout .form-horizontal .form-group.row > label[class*="col-lg-"] { display: flex; align-items: center; align-self: flex-start; min-height: var(--mm-tap); margin-bottom: 0; }
  .mm-checkout .form-horizontal .form-group.row > label.control-label { justify-content: flex-end; }
}
@media (max-width: 767px) {
  .mm-checkout .cart-buttons .row { flex-direction: column-reverse; gap: 12px; }
}

/* 1.8 mmassist mygtukas lieka, bet neuždengia sprendimo vietų: telefone slepiamas, kol pildomas puslapio laukas
   (atidarytas pokalbis niekada neslepiamas); atsiskaitymo puslapiuose sumoms paliekama vieta. */
@media (max-width: 767px) {
  html:has(:is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea):focus:not(.mmassist *)) .mmassist:not(.is-open) .mmassist__launcher,
  html:has(:is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea):focus:not(.mmassist *)) .mmassist:not(.is-open) .mmassist__teaser { visibility: hidden; }
}
@media (max-width: 575px) {
  body:is(.cl-basket, .cl-user, .cl-payment, .cl-order) .mm-sum__list dd,
  body:is(.cl-basket, .cl-user, .cl-payment, .cl-order) .mm-sum__total { padding-right: var(--mm-fab-clear-box); }
  body:is(.cl-basket, .cl-order) .mm-ci__price { padding-right: var(--mm-fab-clear); }
}

/* 1.9 Kontrastas (WCAG AA): tekstui – tamsesni tų pačių spalvų tokenai; Bootstrap pagrindiniai mygtukai – firminė mėlyna. */
.mm-info__item--delivery a { color: var(--mm-orange-text); }
.mm-info__item--contact a { color: var(--mm-green-text); }
.mm-side__count { background: var(--mm-badge-red); }
.mm-filter__cnt { color: var(--mm-muted-strong); }
.checkout-steps .step { color: var(--mm-muted); }
.mm-ci__meta, .mm-sum__vat, .mm-deliv__t { color: var(--mm-muted); }
.mm-ci__remove, .mm-basket__update, .mm-basket__remove { color: var(--mm-muted); }
.btn.btn-primary { background-color: var(--mm-blue); border-color: var(--mm-blue); color: var(--mm-on-blue); }
.btn.btn-primary:hover, .btn.btn-primary:focus,
.btn.btn-primary:not(:disabled):not(.disabled):active { background-color: var(--mm-blue-700); border-color: var(--mm-blue-700); color: var(--mm-on-blue); }
.pagination .page-item.active .page-link { background-color: var(--mm-blue); border-color: var(--mm-blue); color: var(--mm-on-blue); }

/* 1.10 Matomas klaviatūros fokusas; paslėpta desktop lipni juosta nebegauna fokuso. */
:root .form-control:focus,
:root .custom-select:focus { border-color: var(--mm-blue); outline: 0; box-shadow: 0 0 0 var(--mm-focus-ring-w) var(--mm-focus-ring); }
:root .btn:focus-visible { outline: 2px solid var(--mm-link); outline-offset: 2px; }
@media (min-width: 769px) {
  .mm-sticky { transition: transform var(--mm-sticky-dur) ease-out, visibility 0s linear var(--mm-sticky-dur); }
  .mm-sticky:not(.is-on) { visibility: hidden; }
  .mm-sticky.is-on { visibility: visible; transition: transform var(--mm-sticky-dur) ease-out, visibility 0s; }
}

/* 1.11 Subkategorijų plytelės telefone – po dvi eilutėje. */
@media (max-width: 575px) {
  .mm-subcats { gap: var(--mm-subcat-gap); }
  .mm-subcats .mm-subcat { width: calc(50% - var(--mm-subcat-gap) / 2); min-height: var(--mm-subcat-min-h); padding: 10px 8px; gap: 6px; font-size: 13px; line-height: 1.3; }
  .mm-subcats .mm-subcat img { max-width: 100%; max-height: var(--mm-subcat-img-m); }
}

/* 1.12 „Dažnai perkama kartu“ telefone – du stulpeliai, kortelė užpildo stulpelį. */
@media (max-width: 700px) {
  #relProducts .row.grid-view { margin-left: calc(-1 * var(--mm-rel-gap)); margin-right: calc(-1 * var(--mm-rel-gap)); }
  #relProducts .row.grid-view > .productData { flex: 0 0 50%; max-width: 50%; padding-left: var(--mm-rel-gap); padding-right: var(--mm-rel-gap); }
  #relProducts .row.grid-view .mm-card { width: 100%; box-sizing: border-box; }
}

/* 1.13 Liečiamuose ekranuose savybės reikšmė nebeperima paspaudimo (atidaro prekę); telefone – etiketė virš reikšmės. */
@media (hover: none) {
  .mm-card__spec b[data-url] { pointer-events: none; border-bottom: 0; }
}
@media (max-width: 575px) {
  .mm-card__spec { flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.2; margin-bottom: 2px; }
  .mm-card__spec em { font-size: 11px; line-height: 1.15; }
  .mm-card__spec b { max-width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* 1.14 Trumpesnis mokėjimo žingsnis telefone: mokėjimo būdai po du, pristatymo kortelės – kompaktiškos eilutės. */
@media (max-width: 575px) {
  .mm-cbox { padding: var(--mm-cbox-pad-m); }
  .mm-pay__grid { grid-template-columns: repeat(auto-fill, minmax(var(--mm-pay-min-m), 1fr)); gap: 8px; }
  .mm-pay__grid .mm-pay { display: flex; gap: 4px; padding: 8px; line-height: 1.3; } /* .mm-cbox label{display:block} (mm.css) perrašydavo .mm-pay flex – logotipas ir pavadinimas eidavo vienoje eilutėje */
  .mm-pay__grid .mm-pay__img { height: var(--mm-pay-logo-m); max-width: calc(100% - 2 * var(--mm-check) - 8px); }
  .mm-pay__grid .mm-pay__price { white-space: nowrap; }
  .mm-pay__grid .mm-pay__radio { top: 8px; right: 8px; }
  .mm-shipcards { gap: 10px; }
  .mm-shipcards .mm-shipcard { flex-direction: row; flex-wrap: wrap; align-items: center; text-align: left; gap: 8px 12px; padding: 12px 14px; }
  .mm-shipcards .mm-shipcard__head { flex: 1 1 0; min-width: 0; justify-content: flex-start; }
  .mm-shipcards .mm-shipcard__img { flex: 0 0 auto; width: var(--mm-ship-img-m); height: var(--mm-ship-img-m); }
  .mm-shipcards .mm-lp, .mm-shipcards .mm-caddr { flex: 1 0 100%; }
}

/* 1.15 Telefone mažiems valdikliams – bent 44 px (tankiems sąrašams 40 px). */
@media (max-width: 767px) {
  .mm-filter__opt { min-height: var(--mm-tap-min); }
  .mm-filter__opt input { width: var(--mm-check); height: var(--mm-check); flex: 0 0 auto; }
  .pagination .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: var(--mm-tap); min-height: var(--mm-tap); }
  .mm-perpage .mm-perpage__opt { display: inline-flex; align-items: center; justify-content: center; min-width: var(--mm-tap); min-height: var(--mm-tap); }
  .mm-sort select { height: var(--mm-tap); }
  .mm-pd__variant { min-height: var(--mm-tap); }
  #breadcrumb.mm-crumbs a { display: inline-block; padding: 10px 0; }
  .mm-footer .mm-footer__nav a { padding: 10px 0; margin-bottom: 0; }
  .mm-footer a[href^="tel:"], .mm-contact a[href^="tel:"] { display: inline-flex; align-items: center; min-height: var(--mm-tap); }
  .mm-footer .mm-footer__fb { display: inline-flex; align-items: center; justify-content: center; min-width: var(--mm-tap); min-height: var(--mm-tap); }
  .mm-hero .mm-hero__nav { width: var(--mm-tap); height: var(--mm-tap); }
  .mmassist .mmassist__teaser-x { width: var(--mm-tap); height: var(--mm-tap); top: 0; right: 0; }
  .mm-header .mm-tiles { gap: var(--mm-tile-gap); }
  .mm-header .mm-tiles > .mm-tile,
  .mm-header .mm-tiles > .mm-tile-item { flex: 0 0 calc((100% - 3 * var(--mm-tile-gap)) / var(--mm-tiles-visible)); width: auto; min-width: 0; }
  .mm-header .mm-tiles .mm-tile { width: 100%; height: auto; min-height: 78px; padding: 8px 4px; font-size: var(--mm-tile-fs-m); letter-spacing: 0; line-height: 1.2; }
}

/* 1.16 Prekės savybių lentelė ir skirtukai telefone. */
@media (max-width: 575px) {
  .mm-pd__tabs #attributes dl { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .mm-pd__tabs #attributes dt { padding-left: 0; }
  .mm-pd__tabs .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .mm-pd__tabs .nav-tabs::-webkit-scrollbar { display: none; }
  .mm-pd__tabs .nav-tabs .nav-item { flex: 0 0 auto; }
  .mm-pd__tabs .nav-tabs .nav-link { white-space: nowrap; }
}

/* 1.17 Hero ir poraštė per visą plotį be horizontalaus perpildymo (be 100vw su slinkties juosta); rodyklės hero viduje. */
.mm-footer { width: 100%; left: 0; margin-left: 0; margin-right: 0; }
@supports (width: 1cqw) {
  body { container-type: inline-size; }
  .mm-hero { left: auto; width: 100cqw; margin-left: calc(50% - 50cqw + (var(--mm-gutter-end) - var(--mm-gutter)) / 2); }
}
.mm-hero .mm-hero__nav--prev { left: var(--mm-hero-nav-inset); }
.mm-hero .mm-hero__nav--next { right: var(--mm-hero-nav-inset); }
@media (max-width: 767px) {
  .mm-hero, .mm-hero .mm-hero__slide { min-height: 0; }
  .mm-hero .mm-hero__slide { padding: 20px 20px 36px; gap: 10px; }
  .mm-hero .mm-hero__media { order: -1; align-self: stretch; margin-left: 0; margin-right: 0; }
  .mm-hero .mm-hero__slide .mm-hero__media img { width: 100% !important; height: var(--mm-hero-img-max-m) !important; max-width: 100% !important; max-height: var(--mm-hero-img-max-m) !important; object-fit: contain; }
  .mm-hero .mm-hero__title { font-size: var(--mm-hero-title-m); margin-bottom: 8px; }
  .mm-hero .mm-hero__price { margin-bottom: 12px; }
}

/* 1.18 Atsiskaitymo žingsniai: telefone matomas aktyvaus žingsnio pavadinimas; numeriai – firminiais tokenais. */
.checkoutSteps.checkout-steps { border-top-color: var(--mm-line); }
.checkoutSteps.checkout-steps .step .num { width: var(--mm-step); height: var(--mm-step); display: flex; align-items: center; justify-content: center; padding: 0; background-color: var(--mm-on-blue); border: 2px solid var(--mm-muted); color: var(--mm-muted); }
.checkoutSteps.checkout-steps .step.passed .num { background-color: var(--mm-blue); border-color: var(--mm-blue); color: var(--mm-on-blue); }
.checkoutSteps.checkout-steps .step.active .num { background-color: var(--mm-orange); border-color: var(--mm-blue-dark); color: var(--mm-blue-dark); }
.checkoutSteps.checkout-steps .step.active { color: var(--mm-text); }
.checkoutSteps.checkout-steps .step.passed { color: var(--mm-blue); }
@media (max-width: 575px) {
  .checkoutSteps.checkout-steps { height: auto; margin-bottom: 18px; }
  .checkoutSteps.checkout-steps .step .text { display: none; }
  .checkoutSteps.checkout-steps .step.active .text { display: block; margin: 0 -24px; font-size: 12px; font-weight: 600; line-height: 1.2; }
}

/* 1.19 Skaitmenys: vienodo aukščio (lining) ir pločio kainose; krepšelio eilutės suma nebelūžta. */
.mm-card__price, .mm-pd__price, .mm-ci__price, .mm-sum, .mm-hero__amount, .mm-cartbar__sum,
.mm-basket__price, .mm-search__offer-price, .mm-search__item-price { font-variant-numeric: lining-nums tabular-nums; }
.mm-card__title, .mm-pd__title, .mm-ci__title, .mm-card__spec, .mm-hero__title, #attributes dd { font-variant-numeric: lining-nums; }
.mm-ci__price b { white-space: nowrap; }
@media (max-width: 900px) {
  .mm-ci .mm-ci__price { grid-column: 2 / -1; justify-self: end; }
}

/* ==========================================================================
   UX likučiai (2026-10-21): atsiskaitymo JS tokenai (mm-checkout.js skaito per getComputedStyle), pristatymo būdo
   „Atnaujinti“ mygtukas, krepšelio klaidos, PVM kodo laukas. Čia, ne mm-parity-acct.css: tą failą keičia laukiantis
   savininkės paketas private_html/bin/uxb-blk (md5 sargas), todėl jis neliečiamas.
   ========================================================================== */
:root {
  --mm-uxc-mobile-max: 768px;       /* telefono riba paštomato laukui (kaip mm-parity-acct.css @media max-width: 768px) */
  --mm-uxc-lp-max-options: 80;      /* daugiausia paštomatų sąraše vienu metu */
  --mm-uxc-lp-scroll-delay: 250ms;  /* telefone laukas pakeliamas į viršų, kai atsiranda klaviatūra */
  --mm-uxc-lp-blur-delay: 150ms;    /* sąrašas užveriamas po fokuso praradimo (spėja suveikti „Keisti“ ir parinktis) */
  --mm-uxc-next-ttl: 60s;           /* krepšelis: išsaugojus kiekį kitas žingsnis atidaromas tik per šį laiką */
  --mm-uxc-shipapply-gap: 12px;     /* „Atnaujinti pristatymo būdą“ atstumas nuo kortelių */
  --mm-uxc-err-gap: 4px;            /* krepšelio klaidų eilučių tarpas */
  --mm-uxc-igroup-input-w: 1%;      /* laukas input-group viduje: Bootstrap flex plotis (mm.css .mm-checkout input.form-control – 100 %) */
}

/* 3.6 „Atnaujinti pristatymo būdą“ – matomas tik kol rodyklėmis pažymėtas būdas dar nepritaikytas (mm-checkout.js) */
.mm-uxc-shipapply { margin-top: var(--mm-uxc-shipapply-gap); }
.mm-uxc-shipapply[hidden] { display: none; }

/* 3.1 Krepšelio klaidos ($Errors.basket) virš eilučių */
.mm-cart__errors p { margin: 0; }
.mm-cart__errors p + p { margin-top: var(--mm-uxc-err-gap); }

/* 5.3 PVM kodas: „LT-“ priešdėlis toje pačioje eilutėje kaip laukas (mm.css width: 100 % laužė input-group) */
.mm-checkout .input-group > input.form-control,
.mm-cbox .input-group > input.form-control { width: var(--mm-uxc-igroup-input-w); flex: 1 1 auto; min-width: 0; }