/* ============================================================================
23. Datora versija — CSS labojumu kārta ESOŠAJAI tēmai (ec.aplv.tv, 22.10.2026)
Uzliekama PĒC /assets/css/ec.css (pēdējais galvā). Nekas no esošā
dizaina nemainās: paliek krāsas (#FFB200 / #0B1B2B / #666), fonts Poppins,
galvenes/izvēlnes izkārtojums, kartīšu forma, lapu struktūra.
Katram noteikumam komentārā spec. ID (23-datora-versija.md) un izmērītais.
Selektori ņemti no dzīvās lapas (ec.css v=2026101500070).
============================================================================ */
/* --- A1 (pogu kontrasts) — IZŅEMTS: Elektrocentrs 22.10. „neko nemaini, lai paliek kā ir šobrīd”. */
/* --- A2. Tastatūras fokuss redzams (D2); „Pāriet uz saturu” saite — servera pusē --- */
:focus-visible { outline: 2px solid #0B1B2B !important; outline-offset: 2px; }
.header-bottom :focus-visible, .footer-dark :focus-visible, .btn-primary:focus-visible {
outline-color: #FFB200 !important;
}
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 9999; background: #0B1B2B; color: #FFB200; padding: 8px 14px; }
.skip-link:focus { left: 8px; }
/* --- A3. Galvene vienā rindā (D3) — ✏️ Elektrocentrs 22.10.: tālrunis un e-pasts TEKSTĀ redzami visos
platumos ≥ 992 px („kā iepriekš”); ✏️ Elektrocentrs 22.10. (2): augšējā pelēkā josla „Mans konts · Izrakstīties”
datorā nost — konts kā ikona pie groza ar izkrītošo sarakstu (HTML — servera pusē, sk. spec. A3).
Vietu izvēlnē atbrīvo: „Kontakti” galvenes izvēlnē nerāda (≥ 992), „Juridiskām personām” tikai ≥ 1380 px
(sk. zemāk ✏️ 22.10. (3)). Logo paliek nominālais 189×59
(flex-shrink 0 — tēma to saspieda līdz 144 px, kad trūka vietas). Izmērīts: 1024/1280/1366/1440/1920
galvene 141 px (bija 185/180/176/185/185), tālrunis 117×22, e-pasts 157×22, scrollWidth = platums. --- */
@media (min-width: 992px) {
.header-top { display: none !important; } /* pelēkā josla — nost */
.header-middle a.logo { flex-shrink: 0; }
.header-middle .header-call .call-info { display: block !important; } /* tēma slēpa < 1200 (d-xl-show) */
.header-middle .header-call .call-info a.phone-number,
.header-middle .header-call .call-info .chat { white-space: nowrap; }
.header-middle .header-call .call-info .chat a { display: inline; }
.header-middle .header-right { flex-wrap: nowrap; }
.main-nav .menu { flex-wrap: nowrap; }
.main-nav .menu > li > a { white-space: nowrap; }
}
/* ✏️ 22.10. (3) defekts: ar konta ikonu (≈75 px) izvēlne no 1440 px uzlīda WhatsApp blokam par 19 px (1366: 21 px
brīvi, 1024: −2 px, 992: pārplūde). Elektrocentrs: „ja vajag, varam novākt Kontakti un iespējams arī Juridiskām personām”.
Noteikums: izvēlnes labā mala → WhatsApp bloka kreisā mala ≥ 24 px visos platumos ≥ 992.
„Kontakti” — galvenes izvēlnē nekad (≥ 992; ir „Informācija” sarakstā (S, F6) un kājenē „Sazinies ar mums”).
„Juridiskām personām” — tikai ≥ 1380 px (robeža: ar to atstarpe 1366 = 21,2 px, 1369 ≈ 24, 1380 = 34,8 px). */
@media (min-width: 992px) {
.main-nav .menu > li:has(> a[href$="/sazinaties-ar-mums"]) { display: none !important; } /* „Kontakti” */
}
@media (min-width: 992px) and (max-width: 1379.98px) {
.main-nav .menu > li:has(> a[href$="/juridiskajam-personam"]) { display: none !important; } /* „Juridiskām personām” */
}
/* S 6-02 (v1.46): „Informācija” sarakstā „Juridiskām personām” tikai tur, kur augšā paslēpts (< 1380 px) */
@media (min-width: 1380px) {
.main-nav .submenu > li.ec-info-legal { display: none !important; }
}
/* 992–1199: tēma rāda arī mobilās izvēlnes „hamburgeru” (40 px) blakus pilnai izvēlnei — lieks; atstarpes nedaudz šaurākas.
Ar to 992 px atstarpe −5 (pārplūde) → 25,7 px, 1024 px −2,3 → 45,8 px. */
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-middle .mobile-menu-toggle { display: none !important; }
.header-middle a.logo { margin-right: 12px !important; } /* tēmā 20 px (ml-lg-0 + mr) */
.main-nav .menu > li { margin-right: 14px; } /* tēmā 20 px */
}
/* Konta ikona + izkrītošais saraksts pie groza (servera pusē ievieto `.ec-account` pirms `.cart-dropdown`;
ikona `w-icon-account` kā tēmas lipīgajā joslā; „Izrakstīties” = esošā POST forma, tikai pārvietota). */
.ec-account { position: relative; display: flex; align-items: center; height: 44px; margin-right: 16px; padding-right: 16px; border-right: 1px solid #E5E5E5; }
.ec-account > a { display: flex; align-items: center; color: #0B1B2B; font-size: 26px; line-height: 1; }
.ec-account-menu { position: absolute; right: 0; top: 100%; margin-top: 10px; min-width: 210px; background: #fff;
box-shadow: rgba(11, 27, 43, 0.12) 0 8px 28px; padding: 8px 0; display: none; z-index: 1060; }
/* S (v1.46): atvēršanu vada ec-header.js ar klasi `.open` (pele — mouseenter/leave ar aizturi, klikšķis, tastatūra, 1 pieskāriens);
:hover/:focus-within nost — citādi Esc / klikšķis ārpusē nevarētu aizvērt, kamēr kursors vai fokuss ir uz ikonas (F3). */
.ec-account.open .ec-account-menu { display: block; }
.ec-account > a { min-width: 44px; min-height: 44px; justify-content: center; } /* F2: mērķis ≥ 44×44 */
.ec-account-menu form { margin: 0; }
.ec-account-menu button { cursor: pointer; }
.ec-account-menu a, .ec-account-menu button { display: block; width: 100%; text-align: left; padding: 9px 18px; font-size: 14px; color: #0B1B2B; background: none; border: 0; line-height: 1.3; }
.ec-account-menu a:hover, .ec-account-menu button:hover { background: #F6F7F9; color: #0B1B2B; }
.ec-account-menu .ec-account-name { padding: 6px 18px 8px; font-size: 12px; color: #666; border-bottom: 1px solid #EEF0F3; margin-bottom: 4px; }
/* --- A4. Aktīvais izvēlnes punkts (D4): dzeltens teksts 1,81:1 → tumšs teksts + 2 px dzeltena svītra --- */
.main-nav .menu > li > a { position: relative; }
.main-nav .menu > li.active > a, .main-nav .menu > li > a:hover, .main-nav .menu > li.show > a {
color: #0B1B2B !important;
}
.main-nav .menu > li.active > a::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 8px; height: 2px; background: #FFB200;
}
/* A4 ✏️ Elektrocentrs 22.10.: „logo tekstam ELEKTROCENTRS jābūt precīzi iecentrētam pret Sākums”. Teksts ir attēla
iekšā (ec-logo.png 640×200): tumšo pikseļu rindas pa labi no zīmes 85,7–120,2 → centrs 102,9 px
→ renderētā 189×59,06 logo 30,4 px no augšas (40,39 px lapā). „Sākums” teksta mezgla Range centrs 39,53 px
(Poppins 600 14 px; lielo burtu augstuma centrs 39,33). Δ = −0,87 px (izvēlne augstāk) 1024/1280/1440/1920
vienādi (logo izmērs fiksēts) → logo 1 px uz augšu: Δ = +0,13 px (lielo burtu centrs −0,07). Izmērs/proporcija
nemainās; galvenes vidusrinda 79 px; aktīvā svītra paliek zem teksta (teksts līdz 49,1, svītra no 54,7). */
@media (min-width: 992px) {
.header-middle a.logo { position: relative; top: -1px; }
}
/* --- A5 (preces lapas daudzuma lauks) — IZŅEMTS: Elektrocentrs 22.10. „lai paliek kā ir šobrīd” (paliek tikai kartīšu daļa). */
/* --- A5. Daudzuma pogas (D5): kartītē 21–32×38 → 40×40; preces lapā 24×24 → 44×44 ------- */
.ec-card-qty { display: inline-flex; align-items: stretch; overflow: visible; }
.ec-card-qty .ec-qty-btn { width: 40px; min-width: 40px; height: 40px; padding: 0; font-size: 18px; line-height: 1; }
.ec-card-qty .ec-card-qty-input { height: 40px; width: 44px; text-align: center; }
/* 1280 px kartīte ir 234 px plata: pirkšanas rinda (40+32+40 + „Grozā”) ietilpst bez pārplūdes */
@media (max-width: 1439.98px) {
.product-wrap .product { padding-left: 10px; padding-right: 10px; }
.product-wrap .product-details { padding-left: 6px !important; padding-right: 6px !important; }
.ec-card-qty .ec-card-qty-input { width: 32px; }
.product-wrap .ec-card-cart { padding-left: 10px; padding-right: 10px; }
}
/* --- A6 (palīgteksta krāsa/izmērs) — IZŅEMTS: Elektrocentrs 22.10. „šeit lai paliek kā ir šobrīd”. */
/* --- A7 (pogas pacelšana virs variantiem) — IZŅEMTS: Elektrocentrs 22.10. „šo arī nemaini”. */
/* --- A5 ✏️ Elektrocentrs 22.10. (kartīte): (1) cena ar PVN un „bez PVN” vienā rindā (fonti/krāsas nemainās; šaurā
kartītē drīkst lūzt 2. rindā — flex-wrap); kartīte 1280 4 kolonnās 473 → 456 px.
(2) Garie zīmoli (Schneider Electric 18 z., Stanley Black & Decker, Inc. 28 z. …) lauza zīmola·koda rindu
2 rindās (42 px) un nobīdīja pārējo kartītes saturu → ✏️ zemāk: zīmols / kods — divas fiksētas rindas
visām kartītēm (35 px); nosaukumam tieši 2 rindas (36 px). --- */
.product-wrap .ec-price-block { display: flex !important; flex-direction: row !important; flex-wrap: wrap; width: 100%;
justify-content: center; align-items: baseline; column-gap: 8px; row-gap: 0; }
.product-wrap .ec-price-block .new-price, .product-wrap .ec-price-block .ec-price-novat { display: inline; margin: 0; }
/* (nosaukuma 2 rindu noteikums — sk. ✅ Elektrocentrs 22.10. GALA zemāk) */
/* A5 ✅ Elektrocentrs 22.10.: gari zīmoli — variants B: kartītē īsais zīmola nosaukums (S: „Schneider”, „Stanley”, „fischer”,
„STEGO”; „Hager” DB jau īss), pilnais — `title` un preces lapā; daudzpunkte augšā = tikai drošības tīkls.
✏️ Elektrocentrs 22.10.: „šo sadaļu vajadzētu kompaktāku” — tie paši fonti/krāsas/secība, vienots ritms:
saistītās rindas 3–4 px, grupas 8 px; rindu augstums 20,8 → 17,5 px (13 px teksts), cena 20,8 → 20 px;
pogas 40 px paliek. Atdalītājlīnija NOŅEMTA (ieteikts; grupas atdala atstarpe). Izmērīts 1280, 4 kol. (MCB):
nosaukums→pogas 186,6 → 155,2 px (−17 %), .product-details 212,6 → 169,2 px (−20 %), kartīte 436,3 → 392,9 px
(−10 %) ar vienas rindas zīmolu·kodu; ar fiksēto divu rindu zīmolu/kodu (zemāk) .product-details 188,7 px
(−11 %), kartīte 412,4 px (−5 %), visām rindas kartītēm vienādi, cenas un pogas top vienāds. */
.product-wrap .product-details { padding-top: 10px !important; padding-bottom: 4px !important; }
.product-wrap .product-name { margin-bottom: 6px; }
/* ✏️ Elektrocentrs 22.10.: „kartītes vizuālais noformējums nedrīkst atšķirties Hager / Carlo Gavazzi garuma dēļ”.
Izmērīts (canvas, Poppins 13 px 600/400, visi 52 354 aktīvie produkti, `products.producer` + `products.code`):
zīmols • kods VIENĀ rindā neietilpst 36 % precēm 1280/4 kol. (180 px), 23 % 1024 (196 px), 51 % „nesen
skatītās” 1280 (157 px) — vaina galvenokārt GARIE KODI (Red Lion, Carlo Gavazzi, TE, Högert …), ne zīmoli.
Tāpēc vienota struktūra VISĀM kartītēm: zīmols 1. rindā, kods 2. rindā, bez „•”, rinda fiksēti 35 px
(2 × 17,5). Ietilpst: kods 1280/4 kol. — visi, izņemot 6 (0,01 %), 1024 — visi; zīmoli (ar īso „Schneider”)
— visi visur. Drošības tīkls: nowrap + overflow hidden + daudzpunkte (+ `title` — S). Kartīte 1280 MCB 412 px
(bija 436 pirms kompaktuma; vienas rindas kompaktajā 393). „Nesen skatītās” 1024 (115 px): 21 % kodu
ar daudzpunkti — sk. spec. A5. */
.ec-brand-code { display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start;
height: 35px; line-height: 17.5px; overflow: hidden; white-space: nowrap; min-width: 0; max-width: 100%; }
.product-wrap .ec-brand-code { margin-bottom: 8px; gap: 0; } /* tēmā gap 6 px — kolonnā tas izstumtu kodu ārpus 35 px */
.ec-brand-code .ec-sep { display: none !important; }
.ec-brand-code .ec-brand, .ec-brand-code .ec-code,
.product-wrap .ec-brand-code .ec-brand, .product-wrap .ec-brand-code .ec-code {
display: block; flex: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 17.5px; }
/* ✏️ Elektrocentrs 22.10.: „visas rindas zem zīmola pārāk saplūst vienā masā … gaumīgu piedāvājumu” → tipogrāfiska
hierarhija (Poppins, tēmas krāsas, centrēts, secība tā pati; kontrasts pret #FFF ≥ 4,5:1; nekas < 11 px).
✅ Elektrocentrs 22.10. IZVĒLĒTS T2 „mierīgs” (23-attēli/23-A5-tipo-T2.jpg, aktīvs): zīmols parastie burti 13 px/600
rgba(11,27,43,.7) (6,48:1), kods 12 px/400 #767676 (4,54:1), tabular-nums; pieejamība #666 (5,74:1), 7 px zem grupas;
bloks 33 px; kartīte 409,4 px. */
.product-wrap .ec-brand-code { height: 33px; margin-bottom: 7px; }
.product-wrap .ec-brand-code .ec-brand { font-size: 13px; font-weight: 600; text-transform: none; letter-spacing: 0;
color: rgba(11, 27, 43, 0.7); line-height: 17px; }
.product-wrap .ec-brand-code .ec-code { font-size: 12px; font-weight: 400; color: #767676; line-height: 16px; font-variant-numeric: tabular-nums; }
.product-wrap .ec-brand-code:not(:has(.ec-brand)) { justify-content: flex-end; } /* bez zīmola kods paliek 2. rindā (līdzināts ar blakus kartītēm) */
/* T1 „etiķete” — NORAIDĪTS 22.10. (Elektrocentrs izvēlējās T2): zīmols mazi lielie burti 11 px/600, 0,06 em, #666; kods 12 px #767676,
1 px zem zīmola; pieejamība 13 px #555; bloks 31 px.
.product-wrap .ec-brand-code { height: 31px; margin-bottom: 9px; }
.product-wrap .ec-brand-code .ec-brand { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em;
color: #666; line-height: 14px; }
.product-wrap .ec-brand-code .ec-code { font-size: 12px; font-weight: 400; color: #767676; line-height: 16px; margin-top: 1px;
font-variant-numeric: tabular-nums; }
.product-wrap .ec-availability, .product-wrap .ec-availability.ec-on-order::before { color: #555 !important; }
*/
.product-wrap .ec-availability { line-height: 17.5px; padding-top: 0; border-top: 0; margin-bottom: 3px; }
.product-wrap .ec-availability::before { line-height: 17.5px; }
.product-wrap .ec-price-block { line-height: 20px; }
.product-wrap .ec-card-buy { margin-top: 8px; }
/* ✏️ Elektrocentrs 22.10.: „mums jāvar šajā skatā attēlot visu preces nosaukumu” — apgriešana (line-clamp + „…”) NOŅEMTA,
pilns nosaukums vienmēr. Sadalījums (54 463 aktīvās preces, Poppins 500 13 px, satura platums 180 px 1280/4 kol.):
1 rinda 4,8 % · 2 — 35,1 % · 3 — 27,7 % · 4 — 10,7 % · 5 — 6,4 % · 6+ — 15,2 % (garākais 239 z. = 11 rindas).
Līdzināšana: CSS Grid subgrid — kartīte pār 7 režģa rindām (bilde · nosaukums · zīmols/kods · „Pārdod pa N” ·
pieejamība · cena · pogas); katras režģa rindas augstums = garākais saturs TAJĀ rindā, tāpēc zīmols, pieejamība,
cena un pogas visām rindas kartītēm vienā līmenī. Tēmas režģis ir flex (.row.cols-lg-4) → ≥ 992 px pārslēgts uz grid.
Subgrid: Chrome/Edge 117+, Firefox 71+, Safari 16+. Bez subgrid (vecāks pārlūks) kartīte paliek tēmas flex:
cena/pogas lejā, zīmols uzreiz zem nosaukuma (23-A5-pilns-nosaukums-fallback.jpg). */
/* ✅ Elektrocentrs 22.10. (GALA): „atspoguļojam tikai divas rindas ar preces nosaukumu, tas nekas, ka pārējais nosaukums paliek
aiz daudzpunkta” → VISĀS kartītēs (kategorija, TOP, Jaunākās, Nesen skatītās, saistītās) nosaukums maks. 2 rindas ar „…”,
rezervēts 2 rindu augstums (2 × 18,2 = 36,4 px) — visas kartītes vienādas. S: pilnais nosaukums `title` atribūtā
uz saites; pilns — preces lapā. (Iepriekšējais „pilns nosaukums” variants atcelts; subgrid paliek — tas līdzina
„Pārdod pa N” rindu un pieejamību.) */
.product-wrap .product-name, .related-product-section .product-simple .product-name {
display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;
overflow: hidden !important; white-space: normal !important; text-overflow: ellipsis;
height: 36.4px !important; min-height: 36.4px !important; max-height: 36.4px !important; line-height: 18.2px; }
@media (min-width: 992px) {
.product-wrapper.cols-lg-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-wrapper.cols-lg-4 > .product-wrap, .ec-recent-row > .product-wrap {
display: grid; grid-template-rows: subgrid; grid-row: span 7; row-gap: 0; grid-template-columns: minmax(0, 1fr);
width: auto !important; max-width: none !important; flex: none !important; }
.product-wrapper.cols-lg-4 > .product-wrap > .product, .ec-recent-row > .product-wrap > .product {
display: grid; grid-template-rows: subgrid; grid-row: 1 / -1; row-gap: 0; grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; }
.product-wrapper.cols-lg-4 .product > .product-media, .ec-recent-row .product > .product-media { grid-row: 1; width: 100%; }
.product-wrapper.cols-lg-4 .product > .product-details, .ec-recent-row .product > .product-details {
display: grid; grid-template-rows: subgrid; grid-row: 2 / -1; row-gap: 0; grid-template-columns: minmax(0, 1fr);
width: 100%; min-width: 0; align-items: start; }
.product-wrapper.cols-lg-4 .product-details > .product-name, .ec-recent-row .product-details > .product-name { grid-row: 1; }
.product-wrapper.cols-lg-4 .product-details > .ec-brand-code, .ec-recent-row .product-details > .ec-brand-code { grid-row: 2; }
.product-wrapper.cols-lg-4 .product-details > .ec-moq, .ec-recent-row .product-details > .ec-moq { grid-row: 3; }
.product-wrapper.cols-lg-4 .product-details > .ec-availability, .ec-recent-row .product-details > .ec-availability { grid-row: 4; }
.product-wrapper.cols-lg-4 .product-details > .product-pa-wrapper, .ec-recent-row .product-details > .product-pa-wrapper {
display: grid; grid-template-rows: subgrid; grid-row: 5 / span 2; row-gap: 0; grid-template-columns: minmax(0, 1fr); justify-items: center; }
}
/* 11-05 (12 §5.1, 9.7; EC v1.46 programmētājs): augstāk ≥ 992 režģis piespieda 4 kolonnas; 992–1199 — 3 kolonnas
(~1080 px platumā 4 × ~192 px pirkšanas rinda knapi ietilpa). ≥ 1200 — 4, 576–991 — 3 un < 576 — 2 (tēmas cols-sm-3 / cols-2). */
@media (min-width: 992px) and (max-width: 1199.98px) {
.product-wrapper.cols-lg-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Kartītes sīkumi abos skatos (Elektrocentrs 22.10., „Nesen skatītās” ekrānuzņēmums):
pieejamība tieši centrā (tēmā margin 15 px + gap 6 px + padding-top 9 px pēc „Pārdod pa N” → nobīde);
„Pārdod pa N gab.” — sava rezervēta režģa rinda (nenobīda pārējo; ja rindā nevienam nav — 0 px);
RFQ prece: „Cena pēc pieprasījuma” cenas stilā (16 px/600, kā cena), poga „Pieprasīt cenu” 40 px, teksts centrā, pilnā platumā. */
.product-wrap .ec-availability { width: auto; max-width: none; margin-left: 0; margin-right: 0; justify-content: center;
text-align: center; gap: 0; padding-top: 0 !important; }
.product-wrap .ec-moq { font-size: 12px; line-height: 16px; color: #767676; margin: -4px 0 6px; text-align: center; }
.product-wrap .product-price:not(.ec-price-block) { width: 100%; text-align: center; line-height: 20px; }
.product-wrap .product-price:not(.ec-price-block) .new-price { white-space: normal; text-wrap: balance; }
.product-wrap .ec-card-buy:has(.btn-price-request) { width: 100%; }
.product-wrap .btn-price-request { display: flex !important; align-items: center; justify-content: center; height: 40px;
width: 100%; padding: 0 10px; line-height: 1; }
/* „Nesen skatītās preces” (.ec-recent-row — tēmas grid, 6 kolonnas visos platumos): tā pati kartīte kā kategorijā.
Tēma tur pogas lika 2 rindās (daudzums 100 % + „Grozā” 100 %) — tagad vienā rindā kā kategorijā.
Izmērīts (kartīte / satura platums / „Grozā” platums): 6 kol. 1280 = 191 / 157 / 38 px — „Grozā” neietilpst,
„Cena pēc pieprasījuma” 2 rindās → kolonnas: sk. zemāk (✅ Elektrocentrs 22.10.: 5 × 2). Visur kodi un zīmoli bez daudzpunktes. */
.ec-recent-row .product-wrap .product { padding-left: 10px; padding-right: 10px; }
.ec-recent-row .product-wrap .product-details { padding-left: 6px !important; padding-right: 6px !important; }
.ec-recent-row .product-wrap .ec-card-buy { flex-wrap: nowrap; width: 100%; }
.ec-recent-row .product-wrap .ec-card-qty { width: auto; flex: none; }
.ec-recent-row .product-wrap .ec-card-qty .ec-card-qty-input { width: 32px !important; flex: none; }
.ec-recent-row .product-wrap .ec-card-cart { width: auto; flex: 0 1 auto; min-width: 0; padding-left: 10px; padding-right: 10px; } /* „Grozā” dabiskā platumā kā kategorijā */
/* ✅ Elektrocentrs 22.10. (GALA): „skatītās preces paliek 6 gb. vienā rindā un divas rindas sākumlapā”.
„Nesen skatītās”: ≥ 1440 — 6 kol. × 2 rindas (12 preces; kartīte 213 px, satura platums 180 px — viss ietilpst).
Tehniska nepieciešamība šaurāk (6 kol. 1280 px = kartīte 191 px, saturs 157 px: „Grozā” 38 px pārplūst,
„Cena pēc pieprasījuma” 2 rindās): 1200–1439 — 5 × 2 (10; 1280: 232 px), 992–1199 — 4 × 2 (8; 1024: 230 px).
Sākumlapas TOP / Jaunākās (tēmā 4 kol. ≥ 1200, 3 kol. 992–1199, 8 preces): maks. 2 rindas → 992–1199 rāda 6. */
@media (min-width: 1440px) {
.ec-recent-row { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.ec-recent-row > .product-wrap:nth-child(n + 13 of .product-wrap) { display: none !important; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
.ec-recent-row { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.ec-recent-row > .product-wrap:nth-child(n + 11 of .product-wrap) { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.ec-recent-row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.ec-recent-row > .product-wrap:nth-child(n + 9 of .product-wrap) { display: none !important; }
.ec-home-block > .container > .row > .product-wrap:nth-child(n + 7 of .product-wrap) { display: none !important; }
}
/* Variants „Nesen skatītās 4 × 2” (Elektrocentrs 22.10. jautājums; 23-A5-nesen-skatitas-4kol-pec.jpg) — NAV aktīvs.
1280: kartīte 294 px (TOP 291), satura platums 260 px (5 kol.: 198); nosaukumu vid. rindas 3,19 → 2,46 (−23 %),
≥ 3 rindas 51,9 % → 31,4 % preču; zīmols+kods vienā rindā ietilptu 100 % (5 kol.: 86 %).
@media (min-width: 1200px) {
.ec-recent-row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.ec-recent-row > .product-wrap:nth-child(n + 9 of .product-wrap) { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.ec-recent-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.ec-recent-row > .product-wrap:nth-child(n + 7 of .product-wrap) { display: none !important; }
}
*/
/* Sākumlapas „TOP preces” / „Jaunākās preces” (.ec-home-block .row.grid.cols-xl-4 — tēmā Isotope: kartītes
position:absolute ar inline left/top, rindas augstums inline) → tā pati kartīšu sistēma kā kategorijā (subgrid).
Bez šī: garāks nosaukums vienā kartītē nobīdīja zīmolu/pieejamību/pogas par 18 px pret blakus esošajām.
Izmērīts 1280: kartīte 311 px (produkts 291), 1920: 325 px; visām rindas kartītēm zīmols/pieejamība/cena/pogas
vienā līmenī, pogas 40 px, nekas nepārplūst. Isotope inline stili pārrakstīti ar !important (JS nav jāmaina,
bet programmētājs var Isotope šiem blokiem atslēgt). */
@media (min-width: 992px) {
.ec-home-block > .container > .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); height: auto !important; }
.ec-home-block > .container > .row > :not(.product-wrap) { display: none !important; }
.ec-home-block > .container > .row > .product-wrap { position: static !important; left: auto !important; top: auto !important; transform: none !important;
display: grid; grid-template-rows: subgrid; grid-row: span 7; row-gap: 0; grid-template-columns: minmax(0, 1fr);
width: auto !important; max-width: none !important; flex: none !important; }
.ec-home-block > .container > .row > .product-wrap > .product { display: grid; grid-template-rows: subgrid; grid-row: 1 / -1; row-gap: 0;
grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; }
.ec-home-block > .container > .row .product > .product-media { grid-row: 1; width: 100%; }
.ec-home-block > .container > .row .product > .product-details { display: grid; grid-template-rows: subgrid; grid-row: 2 / -1; row-gap: 0;
grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; align-items: start; }
.ec-home-block > .container > .row .product-details > .product-name { grid-row: 1; }
.ec-home-block > .container > .row .product-details > .ec-brand-code { grid-row: 2; }
.ec-home-block > .container > .row .product-details > .ec-moq { grid-row: 3; }
.ec-home-block > .container > .row .product-details > .ec-availability { grid-row: 4; }
.ec-home-block > .container > .row .product-details > .product-pa-wrapper { display: grid; grid-template-rows: subgrid; grid-row: 5 / span 2; row-gap: 0;
grid-template-columns: minmax(0, 1fr); justify-items: center; }
}
@media (min-width: 992px) and (max-width: 1199.98px) { .ec-home-block > .container > .row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* A5 alternatīva „ar līniju” (23-A5-kartite-cena-pec.jpg): līnija paliek, 6 px virs/zem — +4,8 px kartītei.
.product-wrap .ec-brand-code { margin-bottom: 6px; }
.product-wrap .ec-availability { padding-top: 6px; } (+ augšējā rindā `border-top: 0` izņemt — tēmas līnija paliek)
*/
/* --- A8 (kājene) — IZŅEMTS: Elektrocentrs 22.10. „paturam šī brīža kājeni”. */
/* --- A14. Slaidera punkti (D14): 12 px → 16 px ar 8 px atstarpi ----------------------- */
.swiper-pagination-bullet, .owl-dot, .slick-dots li button {
width: 16px !important; height: 16px !important; margin: 0 4px !important;
}
/* --- A15. ✏️ Elektrocentrs 22.10.: „galvenei nav jābūt piespraustai desktop versijā” — tēmas Wolmart
stickyContent (main.js: minWidth 992, uz ritināšanas `.header-bottom` saņem klasi `fixed`,
ietinas `.sticky-content-wrapper` ar inline augstumu, parāda `.ec-sticky-only` logo/konts/grozs).
Datorā (≥ 992 px) neitralizēts ar CSS: josla paliek plūsmā, bez lēciena (wrapper augstums auto). --- */
@media (min-width: 992px) {
.header-bottom.sticky-content.fixed {
position: static !important; transform: none !important; animation: none !important;
box-shadow: none !important; margin-top: 0 !important; opacity: 1 !important;
}
.sticky-content-wrapper { height: auto !important; }
.header .header-bottom.sticky-content.fixed .ec-sticky-only,
.header-bottom .ec-sticky-only { display: none !important; }
}
/* --- A16 / 21 #8. Saistīto preču kartīte: „Ppievienot grozam” (position:absolute) pāri cenai.
Poga statiski ZEM cenas, redzama bez hover (planšete). Teksts — servera pusē. --- */
.product-simple .product-pa-wrapper { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.product-simple .product-pa-wrapper > .product-action {
position: static !important; opacity: 1 !important; visibility: visible !important;
justify-content: center; transform: none;
}
.product-simple .product-pa-wrapper > .product-action .btn-product { font-size: 13px; }
/* ✏️ Elektrocentrs 22.10.: nosaukums centrēts kā cena un poga; 2 rindas ar daudzpunkti kā tagad, augstums rezervēts 2 rindām */
.related-product-section .product-simple .product-details { text-align: center; }
.related-product-section .product-simple .product-name { text-align: center; min-height: 36px; }
/* --- B2. Pieejamība (Elektrocentrs 22.10.): sarakstā/kartītēs tikai „● Mūsu noliktavā” (zaļš, stock>0)
vai „Piegādātāja noliktavā” (neitrāls pelēks, bez punkta). Termiņš tikai preces lapā,
neitrālā krāsā — nekad oranžs/sarkans/dzeltens. Teksta maiņa pa īstam — servera pusē;
šeit ::before parāda izskatu. --- */
.ec-availability { color: #666 !important; }
.ec-availability.ec-on-order .ec-avail-dot { display: none; } /* oranžais punkts rgb(245,158,11) → nav */
.ec-availability.ec-in-stock .ec-avail-dot { background: #1E8E3E !important; } /* zaļš tikai „Mūsu noliktavā” */
/* EC v1.46 (programmētājs): teksts „Piegādātāja noliktavā” ir servera veidnē (partials/ec-list-availability, teksts adminā) —
demonstrācijas ::before + font-size:0 noņemti (citādi admina teksts nebūtu redzams / ekrāna lasītājam dublētos); izmērs tas pats. */
.product-wrap .ec-availability.ec-on-order,
.cart-dropdown .ec-availability.ec-on-order { font-size: 13px; color: #666; }
.product-wrap .ec-availability.ec-on-order { font-size: 12.5px; } /* T2 (Elektrocentrs 22.10.): kartītē 12,5 px */
.product-single .product-details .ec-availability.ec-on-order { color: #0B1B2B !important; } /* preces lapā termiņš pamata krāsā */
.ec-avail-note { display: block; margin-top: 4px; font-size: 12px; color: #666; } /* provizoriskā piezīme zem termiņa — visām precēm (servera pusē) */
/* --- K. Dzeltenā akcenta svītra (Elektrocentrs 22.10.: „stilistiski pareizi”) — viena sistēma visam veikalam,
ņemta no tēmas esošā akcenta `.title.title-link::before` (3 px, #FFB200, bez rādiusa):
biezums 3 px, platums ≈2,25 nosaukuma em (kartītē 38,5 px, sānu kokā 36 px), sākums = teksta
kreisā mala, absolūti pozicionēts pseidoelements (vietu dod atstarpe, ne rindas augstums).
Kur: /lv/katalogs L1 kartītes + sānu koka L2 virsraksts. L1 lapas apakškategoriju flīzēs
(`.ec-subcat-name`) svītras NAV (Elektrocentrs 22.10.: „šajā skatā nevajag … tā izskatīsies labāk”) —
flīzes paliek kā dzīvajā veikalā. Nedublējas ar A4 (tikai .main-nav) un koka aktīvā L2 kreiso joslu.
K-V1 ✅ ieteiktais (aktīvs): svītra ZEM grupas „nosaukums + N preces”, kā atdalītājs pirms L2 saraksta.
Nosaukums → 4 px → „1 260 preces” → 10,5 px → svītra → 12,6 px → saraksts (0,32 / 0,75 / 0,9 em). --- */
.ec-cat-card-meta { margin-top: 0.32em; } /* 12,5 px → 4 px: nosaukums+skaits = viena grupa */
.ec-cat-card-groups { position: relative; margin-top: calc(0.75em + 3px + 0.9em); } /* 14 px → 26,1 px */
.ec-cat-card-groups::before {
content: ""; position: absolute; left: 0; top: calc(-0.9em - 3px); width: 2.75em; height: 3px; background: #FFB200; /* 38,5 px */
}
/* K-V2 (alternatīva): skaits vienā rindā ar nosaukumu (pelēks, baseline), svītra zem rindas.
Mīnuss: 2 no 14 kartītēm („Stiprinājumi, iepakošana un pārsegšana”, „Apgaismojums un sadzīves elektrika”)
skaits pārlec uz 2. rindu — nevienāds ritms.
.ec-cat-card-body { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0.6em; }
.ec-cat-card-body > * { flex: 0 0 100%; }
.ec-cat-card-body > .ec-cat-card-name { flex: 0 1 auto; }
.ec-cat-card-body > .ec-cat-card-meta { flex: 0 0 auto; margin-top: 0; white-space: nowrap; }
.ec-cat-card-body > .ec-cat-card-all { flex: 0 0 auto; }
.ec-cat-card-body > .ec-cat-card-arrow { flex: none; }
.ec-cat-card-groups { position: relative; margin-top: calc(0.6em + 3px + 0.9em); }
.ec-cat-card-groups::before { content: ""; position: absolute; left: 0; top: calc(-0.9em - 3px); width: 2.75em; height: 3px; background: #FFB200; }
*/
/* K-V3 (alternatīva): svītra VIRS nosaukuma (virsraksta „uzlīme”), nosaukums → 4 px → skaits → 12 px → saraksts.
Mīnuss: svītra pielīp attēla apakšmalai, saraksts no galvenes nav atdalīts; sānu kokā svītra ir ZEM → divas sistēmas.
.ec-cat-card-name { position: relative; margin-top: calc(3px + 0.6em); }
.ec-cat-card-name::before { content: ""; position: absolute; left: 0; top: calc(-0.6em - 3px); width: 2.25em; height: 3px; background: #FFB200; }
.ec-cat-card-meta { margin-top: 0.32em; }
*/
.ec-mm-head { padding-bottom: calc(0.35em + 3px); } /* sānu koks: L2 virsraksts (skaits tajā pašā rindā) virs L3 saraksta */
.ec-mm-head h4 { position: relative; }
.ec-mm-head h4::after {
content: ""; position: absolute; left: 0; bottom: -0.35em; width: 2.25em; height: 3px; background: #FFB200;
}
/* --- M. Izkrītošais kategoriju koks „Pārlūkot kategorijas” (Elektrocentrs 22.10.: „estētiskāk; preču, ne grupu skaits”).
Tas pats dizains (3 paneļi, platumi, krāsas, fonts) — tikai pieslīpēšana. Skaitļi — servera pusē. --- */
.category-dropdown .dropdown-box > ul > li > a { padding-right: 30px; } /* M3: bultiņa nepielīp tekstam (atstarpe ≥ 8 px) */
.category-dropdown .dropdown-box > ul > li > a::after { right: 12px; } /* bultiņas vienā vertikālē */
.ec-mm-g { min-height: 41px; align-items: center; border-bottom: 1px solid #EEF0F3; } /* M5b: L2 rindas kā L1 — atdalītājs, vienāds augstums */
.ec-mm-g:last-child { border-bottom: 0; }
.ec-mm-g small { font-variant-numeric: tabular-nums; min-width: 3.5ch; text-align: right; font-size: 12px; color: #8A96A3; } /* M1: skaitļi vienā kolonnā */
.ec-mm-groups { scrollbar-width: thin; scrollbar-color: #D5D9E0 transparent; } /* M5: plāna ritjosla */
.ec-mm-groups::-webkit-scrollbar { width: 6px; }
.ec-mm-groups::-webkit-scrollbar-thumb { background: #D5D9E0; border-radius: 3px; }
.ec-mm-groups::-webkit-scrollbar-button { display: none; height: 0; }
.ec-mm-list li { padding: 3px 0; break-inside: avoid; } /* M4: vienāds rindu solis */
.ec-mm-list a { text-wrap: pretty; line-height: 1.4; }
.ec-mm-list a:hover { color: #0B1B2B; text-decoration: underline; text-decoration-color: #FFB200; text-decoration-thickness: 2px; text-underline-offset: 4px; } /* viens hover stils */
.ec-mm-list a small, .ec-mm-head a small { font-size: 12px; color: #8A96A3; margin-left: 6px; font-variant-numeric: tabular-nums; } /* M2: L3 preču skaits (servera pusē) */
.ec-mm-panel { position: relative; }
/* M9 ✏️ Elektrocentrs 22.10.: „L3 logam dinamiski jāaizņem vieta pēc tā, cik kategoriju; nevajag milzīgo balto laukumu.”
Tēma: `.ec-mega2` (balts fons + ēna, 945×607) > `.ec-mm` flex stretch > `.ec-mm-groups` (L2, 605 px, ritināms)
+ `.ec-mm-panels` (L3, stiepjas līdz L2 augstumam). Tagad: ārējais konteiners caurspīdīgs, balts fons + ēna
katrai kolonnai atsevišķi; L3 panelis `height:auto` pēc satura (polsterējums 16/20 px kā augšā), ne garāks
par skatlogu (iekšēja ritināšana ar to pašu plāno ritjoslu). Izmērīts 1280: MCB (6 L3) 183 px · Releji un taimeri
(15 L3) 242 px · Elektromagnētisko traucējumu slāpēšana (1 L3) 122 px (bija 605 px visiem). */
.ec-mega2 { background: transparent !important; box-shadow: none !important; }
.ec-mega2 .ec-mm { align-items: flex-start; }
.ec-mega2 .ec-mm-groups { background: #FAFBFC; box-shadow: rgba(11, 27, 43, 0.12) 0 8px 28px; }
.ec-mega2 .ec-mm-panels {
height: auto !important; max-height: calc(100vh - 160px); align-self: flex-start; overflow-y: auto;
background: #fff; box-shadow: rgba(11, 27, 43, 0.12) 0 8px 28px; padding: 16px 20px;
scrollbar-width: thin; scrollbar-color: #D5D9E0 transparent;
}
.ec-mega2 .ec-mm-panels::-webkit-scrollbar { width: 6px; }
.ec-mega2 .ec-mm-panels::-webkit-scrollbar-thumb { background: #D5D9E0; border-radius: 3px; }
/* M6 — variants B (tikai ja Elektrocentrs izvēlas): L2 kategorijas attēls (categories.image_path, 100 %) L3 paneļa tukšajā labajā pusē
.ec-mm-panel.active { min-height: 320px; }
.ec-mm-img { position: absolute; right: 0; top: 170px; width: 170px; height: 120px; object-fit: contain; background: #F6F7F9; border-radius: 8px; padding: 8px; box-sizing: border-box; }
*/
/* --- P1. Preces apraksts pa visu satura platumu (Elektrocentrs 22.10.) — tēma ierobežo `.ec-pi-text{max-width:70ch}`
(615 px, zem galerijas); tagad 1225 px (1280) / 1360 px (1920), fonts un rindstarpa kā tagad,
līdzināts pa kreisi. Specifikācija | Dokumenti — kā tagad. --- */
.ec-pi-text { max-width: none; text-align: justify; hyphens: auto; -webkit-hyphens: auto; } /* ✅ Elektrocentrs 22.10.: izlīdzināts abās malās (kā Word „Justify”); pēdējā rinda pa kreisi; vārdu pārnešana, kur pārlūks to atbalsta (lang="lv") */
/* --- P. Pastaiga 22.10.: kartīšu rindas, atstarpes ------------------------------------- */
.product-wrap .ec-card-buy { display: flex; justify-content: center; gap: 6px; }
.product-wrap .ec-card-cart { height: 40px; }
/* ============================================================================
S — SLAIDERIS (sākumlapa, 16 slāņu slaidi „.ec-slide-layers”; 22.10.2026)
Spec. un mērījumi: 25-slaideris/SLAIDERIS.md; pirms/pēc: 25-slaideris/25---{pirms,pec}.jpg.
Tas pats dizains (krāsas, fonts, poga, minimālais teksts) — tikai izmēri/izkārtojums. Strādā abām pusēm
(content_align left / right = .ec-slide-rev). Mērīts 10 platumos × 16 slaidi: pārklāšanās 0, augstums visiem
slaidiem vienāds katrā platumā (nelec), satura josla vertikāli 46–47 % → 67–74 %.
============================================================================ */
/* S1b. Kategoriju koks kompaktāks (rinda 41 → 35 px; 14 kategorijas: koks 609 → 525 px). Slaidera augstumu
main.js ≥ 1200 px pielīdzina kokam (sync) → slaids 609 → 525 px, saturs aizpilda laukumu. */
@media (min-width: 992px) {
.category-dropdown .category-menu > li > a { padding-top: 10px; padding-bottom: 10px; }
}
/* S1. Dators ≥ 1200 (slaids 925–1060 × 525): teksts 38 % / preces 62 %; preču slānis 112 % kolonnas
(caurspīdīgās malas 2–13 % katrā pusē „ēd” paddingu, redzamā prece kolonnā nepārkāpj);
S10 (28.10.2026): logo object-fit: contain (ne cover) — Elektrocentrs augšupielādē apgrieztus logo bez tukšām malām,
cover tos nogrieztu. Logo līdz 72 px (cqw robeža — lai platākais logo fischer 546/646 nekad netiek nogriezts, sk. S6);
nosaukums 38 → 38–44 px (pēc kolonnas platuma), poga 44 → 48 px; punkti 12 px no apakšas.
min-height 525 = koka augstums jau pirms main.js „load” → nav 209 px lēciena ielādē (bija 400 → 609). */
@media (min-width: 1200px) {
.intro-wrapper .intro-slide.ec-slide-layers { padding: 20px 28px 40px; min-height: 525px; }
.ec-slide-layers .ec-sl-text { flex: 0 0 38%; max-width: 38%; padding-right: 24px; container-type: inline-size; }
.ec-slide-layers.ec-slide-rev .ec-sl-text { padding-right: 0; padding-left: 24px; }
.ec-slide-layers .ec-sl-prod { flex: 0 0 62%; max-width: 62%; }
.ec-slide-layers .ec-sl-prod img { width: 112%; max-width: none; height: auto; max-height: 100%; margin: 0 -6%; }
.ec-slide-layers .ec-sl-logo { width: 100% !important; max-width: 100%; height: min(72px, 18.3cqw) !important; max-height: none;
object-fit: contain !important; object-position: left center; margin-bottom: 18px; }
.ec-slide-layers .ec-sl-sub { font-size: 14px; margin-bottom: 10px; }
.ec-slide-layers .ec-sl-title { font-size: clamp(36px, 12.5cqw, 44px); line-height: 1.12; margin-bottom: 24px; }
.ec-slide-layers .ec-sl-btn { min-height: 48px; padding: 0 26px; border-radius: 24px; font-size: 15px; }
.intro-wrapper .pg-inner .swiper-pagination { bottom: 12px; }
}
/* S2. 768–1199 (iPad stāvus/guļus, mazi klēpjdatori): BEZ mēroga (tēmā viss slaids 1060×400 tika
samazināts ar scale 0,66–0,81 → nosaukums 25 px, apakšvirsraksts 8,6 px, poga 127×29 px).
Tagad īsti izmēri: nosaukums 30 px, poga 44 px, divas kolonnas 42/58, augstums pēc satura. */
@media (min-width: 768px) and (max-width: 1199.98px) {
.intro-wrapper .intro-slide.ec-slide-layers { aspect-ratio: auto !important; height: auto; min-height: 0; padding: 0 !important; }
.ec-slide-layers .ec-sl-inner { position: static !important; transform: none !important; left: auto; top: auto;
width: auto !important; height: 100% !important; display: flex !important; align-items: center; padding: 20px 24px 40px !important; }
.ec-slide-layers.ec-slide-rev .ec-sl-inner { flex-direction: row-reverse; }
.ec-slide-layers .ec-sl-text { flex: 0 0 42%; max-width: 42%; padding-right: 16px; container-type: inline-size; }
.ec-slide-layers.ec-slide-rev .ec-sl-text { padding-right: 0; padding-left: 16px; }
.ec-slide-layers .ec-sl-prod { flex: 0 0 58%; max-width: 58%; }
.ec-slide-layers .ec-sl-prod img { width: 106%; max-width: none; height: auto; max-height: 100%; margin: 0 -3%; }
.ec-slide-layers .ec-sl-logo { width: 100% !important; height: min(56px, 18.3cqw) !important; max-height: none;
object-fit: contain !important; object-position: left center; margin-bottom: 14px; }
.ec-slide-layers .ec-sl-title { font-size: 30px; line-height: 1.15; margin-bottom: 18px; }
.intro-wrapper .pg-inner .swiper-pagination { bottom: 12px; }
}
/* S3. Telefons < 768 (spec. 10.14): preces AUGŠĀ pilnā platumā, zem tām logo, apakšvirsraksts 12 px,
logo zīme ~29 px, nosaukums 23 px, poga 44 px; punkti apakšā zem pogas. Tēmā slaids bija 345×192 (390 px) ar mērogu 0,32:
nosaukums 12 px, apakšvirsraksts ~4 px, poga 62×14 px, 16 punkti divās rindās pāri precēm. */
@media (max-width: 767.98px) {
.intro-wrapper .intro-slide.ec-slide-layers { aspect-ratio: auto !important; height: auto; min-height: 0; padding: 0 !important; }
.ec-slide-layers .ec-sl-inner, .ec-slide-layers.ec-slide-rev .ec-sl-inner { position: static !important; transform: none !important;
left: auto; top: auto; width: auto !important; height: auto !important; display: flex !important; flex-direction: column !important;
align-items: stretch; padding: 8px 16px 48px !important; }
.ec-slide-layers .ec-sl-prod { order: -1; flex: none; width: 100%; max-width: 100%; }
.ec-slide-layers .ec-sl-prod img { width: 108%; max-width: none; height: auto; max-height: none; margin: 0 -4%; }
.ec-slide-layers .ec-sl-text { flex: none; width: 100%; max-width: 100%; padding: 4px 0 0; }
/* logo: contain (ne cover) — telefonā kolonna (283–353 px) ir platāka par 646×100 audekla proporciju pie 34 px,
cover te nogrieztu logo augšu/apakšu; contain → logo zīme ~29 px augsta, piespiesta pa kreisi */
.ec-slide-layers .ec-sl-logo { width: 100% !important; height: 34px !important; max-height: none;
object-fit: contain !important; object-position: left center; margin-bottom: 10px; }
.ec-slide-layers .ec-sl-sub { font-size: 12px; margin-bottom: 6px; }
.ec-slide-layers .ec-sl-title { font-size: 23px; line-height: 1.2; margin-bottom: 14px; }
.ec-slide-layers .ec-sl-btn { min-height: 44px; }
.intro-wrapper .pg-inner .swiper-pagination { bottom: 10px; }
/* S5. 16 punkti vienā rindā: punkts 8 px, skāriena laukums 18×18 (16 × 18 = 288 px ≤ 315 px pie 360).
A14 (16 px + 8 px) telefonā = 384 px → lūztu divās rindās. */
.intro-wrapper .swiper-pagination-bullet { width: 8px !important; height: 8px !important; margin: 0 !important;
padding: 5px; box-sizing: content-box; background-clip: content-box; }
}
/* S4. ✏️ Elektrocentrs 22.10.: „pilnībā baltu fonu … slaidera fons saplūstu ar pašu e-veikala fonu”.
Lapas fons body #FFF (mērīts) → slaids #FFF, bez gradienta #fff→#f4f6f9 un bez redzama stūra.
Preču ēna: divslāņu kontakta ēna (cieša 2 px + mīksta 14/16 px), nevis viena 10/14 px „oreola” ēna. */
.intro-wrapper .intro-slide.ec-slide-layers { background: #FFFFFF !important; border-radius: 0; box-shadow: none; }
.ec-slide-layers .ec-sl-prod img { filter: drop-shadow(0 2px 2px rgba(11,27,43,.10)) drop-shadow(0 14px 16px rgba(11,27,43,.09)); }
/* S7. Preču slānim rezervēta vieta (img bez width/height + loading=lazy → telefonā augstums lēktu, kad bilde ielādējas).
S9 22.10.: apgriezti preču slāņi (līdz satura robežām + 2 %, proporcija 1,24–1,72:1, katram zīmolam atšķirīga) —
fiksētā `aspect-ratio: 1400/1000` vairs neder (ar tēmas `img{object-fit:cover}` nogrieztu). Vietu rezervē servera
puse: `![]()
` ar faila faktiskajiem izmēriem (S7 serveris). */
.ec-slide-layers .ec-sl-prod img { aspect-ratio: auto; object-fit: contain; }
/* S9 22.10.: apgriezti preču slāņi — ≥ 1200 px vecie `width:112%; margin:0 -6%` + `aspect-ratio:1400/1000` precēm
pārklāja teksta kolonnu 14 no 16 slaidiem (1440 px). Ar šo: pārklāšanās 0, aizpildījums 66–85 % (mediāna ~74 %). */
@media (min-width: 1200px) {
.ec-slide-layers .ec-sl-prod img { width: 100%; margin: 0; aspect-ratio: auto; }
}
/* S8. prefers-reduced-motion: teksta/preču animācijas tēmā jau izslēgtas; arī slaidu pārbīde bez kustības. */
@media (prefers-reduced-motion: reduce) { .intro-wrapper .swiper-wrapper { transition-duration: 0ms !important; } }
/* --- B5 kodu bloks (Elektrocentrs 22.10., 00 8-08) — datorā UN telefonā (22-mobila-labojumi.css uz šo atsaucas).
Meta blokā rinda „Kods:” (div.product-sku bez .product-brand) paslēpta; zem meta atsevišķs bloks „Kods / EAN / Ražotāja kods”
(tikai aizpildītie: code 100 %, gtin 99,9 %, manufacturer_code 46 %), katrai rindai sava kopēšanas ikona 44×44,
pēc pieskāriena rinda `.copied` 1,5 s („✓ Nokopēts”). „EC kods” NAV. HTML + navigator.clipboard — servera pusē (S):
KodsFB1B1010
… EAN … Ražotāja kods …