/* proto-extra.css — klasės, kurių NĖRA proto-2026.css dump'e. * * Prototipas suktas su JIT Tailwind'u; mūsų statiškame dump'e dalies klasių * paprasčiausiai nėra. Tokia klasė nemeta klaidos — ji tyliai nieko nedaro. * Būtent dėl to pagrindinio puslapio antraštė buvo renderinama 16px dydžiu. * * Trūkumus rodo: python3 tools/check-missing-classes.py * Krauti VISADA po proto-2026.css. */ /* ── Pagrindinio puslapio herojus ─────────────────────── */ .text-\[clamp\(2\.5rem\,6\.4vw\,6\.6rem\)\] { font-size: clamp(2.5rem, 6.4vw, 6.6rem); } .max-w-\[15ch\] { max-width: 15ch; } .text-white\/32 { color: rgb(255 255 255 / .32); } @media (min-width: 640px) { .sm\:leading-\[\.9\] { line-height: .9; } .sm\:tracking-\[-\.05em\] { letter-spacing: -.05em; } .sm\:px-3\.5 { padding-left: .875rem; padding-right: .875rem; } .sm\:py-2\.5 { padding-top: .625rem; padding-bottom: .625rem; } .sm\:text-xs { font-size: .75rem; line-height: 1rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .sm\:grid-cols-\[1fr_150px_100px_92px\] { grid-template-columns: 1fr 150px 100px 92px; } } @media (min-width: 1024px) { .lg\:grid-cols-\[1\.18fr_0\.82fr\] { grid-template-columns: 1.18fr .82fr; } .lg\:text-\[20px\] { font-size: 20px; } .lg\:leading-9 { line-height: 2.25rem; } } /* ── Pilno ekrano kainų terminalas ────────────────────── */ .z-\[90\] { z-index: 90; } .bg-\[\#07070a\]\/95 { background-color: rgb(7 7 10 / .95); } .max-w-\[1180px\] { max-width: 1180px; } .min-h-11 { min-height: 2.75rem; } .h-\[calc\(100\%-42px\)\] { height: calc(100% - 42px); } .hover\:bg-violet-400\/20:hover { background-color: rgb(167 139 250 / .2); } /* Tailwind `hidden` klasė ir `hidden` atributas turi vienodai užgesinti * elementą — kitaip `display:flex`/`grid` nugali atributą. */ [hidden] { display: none !important; } /* ── Atsiradimas scrolinant ──────────────────────────── * `.rv` uždeda tik scroll-reveal.js, todėl be JS turinys matomas iš karto. */ .rv { opacity: 0; transform: translateY(18px); transition: opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); will-change: opacity, transform; } .rv-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .rv { opacity: 1; transform: none; transition: none; } } /* ── Trūkstamos Tailwind klasės kituose 2026 puslapiuose ────────────── * proto-2026.css yra statiškas JIT dump'as: klasė, kurios jame nėra, tyliai * nieko nedaro. Šitas blokas — tikslūs atitikmenys toms, kurias naudoja * accessibility/legal-basis/privacy/terms/lt/narsyk puslapiai. * Patikra: python3 tools/check-missing-classes.py */ .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .tracking-\[-0\.03em\] { --tw-tracking: -0.03em; letter-spacing: -0.03em; } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .object-contain { object-fit: contain; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[1120px\] { max-width: 1120px; } .text-white\/85 { color: rgb(255 255 255 / .85); } .bg-emerald-400\/15 { background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 15%, transparent); } .hover\:border-violet-400\/40:hover { border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 40%, transparent); } .space-y-2 > :not(:last-child) { margin-block-end: calc(var(--spacing) * 2); } @media (width >= 40rem) { .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (width >= 64rem) { .lg\:pt-14 { padding-top: calc(var(--spacing) * 14); } .lg\:pt-16 { padding-top: calc(var(--spacing) * 16); } } /* ── Bendra poraštė (pf-) ───────────────────────────────────────────── * Puslapiai parašyti keliomis kartomis (senas CSS, r-, t-, Tailwind), todėl * poraštė NEsiremia nė viena jų klase — tik savomis. Fonas permatomas, spalvos * iš currentColor, kad vienodai veiktų ir tamsiuose, ir šviesiuose puslapiuose. */ /* Kai kurie puslapiai (404, zaidimas) body'je turi flex+align-items:center — * be sito porastė susitrauktų iki turinio pločio. */ /* Spalvos NEpaveldimos su opacity: kai kuriuose puslapiuose pagrindinis * teksto tonas jau prigesintas, ir dauginant is .55 poraste tapdavo * neiskaitoma (isnatuoruota coming-soon.html — kontrastas 2,54:1). * Todel poraste nusistato savo tonus, o sviesiam rezimui juos apverciam. */ .pf { --pf-fg: #edecf2; --pf-link: rgb(237 236 242 / .78); --pf-dim: rgb(237 236 242 / .62); } :root[data-theme="light"] .pf { --pf-fg: #17171a; --pf-link: rgb(23 23 26 / .82); --pf-dim: rgb(23 23 26 / .66); } .pf .pf-brand { color: var(--pf-fg); } .pf { width: 100%; align-self: stretch; flex: 0 0 auto; box-sizing: border-box; margin-top: 72px; border-top: 1px solid rgba(127,127,160,.22); font-size: 13px; } .pf-in { margin: 0 auto; max-width: 1180px; padding: 40px 20px 32px; } .pf-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; font-weight: 800; letter-spacing: .17em; font-size: 13px; } .pf-brand img { width: 28px; height: 28px; border-radius: 9px; } .pf-note { margin: 12px 0 0; max-width: 46ch; color: var(--pf-dim); line-height: 1.6; } .pf-cols { display: grid; gap: 28px; margin-top: 32px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); } .pf-col h3 { margin: 0 0 12px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--pf-dim); } .pf-col a { display: block; padding: 5px 0; text-decoration: none; color: var(--pf-link); transition: color .18s ease; } .pf-col a:hover, .pf-col a:focus-visible { color: var(--pf-fg); text-decoration: underline; } .pf-bot { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; margin-top: 34px; padding-top: 20px; border-top: 1px solid rgba(127,127,160,.16); color: var(--pf-dim); font-size: 12px; } .pf-bot a { color: inherit; text-decoration: none; } .pf-bot a:hover { text-decoration: underline; } .pf-bot .pf-sep { margin-left: auto; } /* Apačioje kairėje kabo fiksuota grįžimo rodyklė (.ph-home) — mobiliajame * ji uždengdavo pašto adresą, todėl paliekam jai vietos. */ @media (max-width: 600px) { .pf-in { padding: 32px 18px 84px; } .pf-bot .pf-sep { margin-left: 0; padding-left: 56px; } } /* ── Per silpnas smulkus tekstas TAMSIOJE temoje ────────────────────── * Prototipe daug 10–12 px parašų su text-white/40…/46. Ant #0e0e11 tai duoda * 3,8–4,2:1, o ant šviesesnių kortelių (#17171d, #1a1a21) dar mažiau — po * WCAG AA riba (4,5:1). Spalvą pakeliam tik ten, kur ji objektyviai per silpna; * hierarchija išlieka, nes stipresni tonai (/55 ir aukščiau) nekeičiami. * Šviesiai temai galioja atskiri light-2026.css atitikmenys. */ .text-white\/35, .text-white\/38, .text-white\/40, .text-white\/42, .text-white\/43, .text-white\/45, .text-white\/46, .text-white\/48 { color: rgb(255 255 255 / .58); } /* Tailwind'o numatytasis fonas yra ŠVIESUS — 2026 puslapiuose tamsą * duoda tik viduje esantis apvalkalas su bg-[#0e0e11]. Todėl viskas, kas * atsiduria UŽ to apvalkalo (pvz. poraštė product.html'e), atsistodavo ant * balto: šviesus tekstas ant šviesaus fono, kontrastas 1,05:1. */ body:has(.bg-\[\#0e0e11\]) { background-color: #0e0e11; } :root[data-theme="light"] body:has(.bg-\[\#0e0e11\]) { background-color: #f6f6f9; } /* ── Klasės, kurių nėra proto-2026.css JIT iškrovoje ────────────────── * proto-2026.css yra statinis Tailwind dump: klasė, kurios ten nėra, tyliai * nieko nedaro. Šios reikalingos /narsyk herojaus suvestinei. */ .tracking-\[-\.03em\] { letter-spacing: -.03em; } @media (min-width: 1024px) { .lg\:gap-16 { gap: 4rem; } .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] { grid-template-columns: minmax(0, 1fr) 320px; } } /* ── Bendras viršutinis meniu (tools/build-header-nav.py) ───────────── * Iki šiol iš vidinio puslapio į kitą skiltį nuvesdavo tik poraštė. Meniu * rašomas tiesiai į HTML, kad veiktų ir be JS. Siaurame ekrane slepiamas — * ten navigaciją perima poraštė. */ .ph-links { display: none; align-items: center; gap: 1.55rem; font-size: 12px; font-weight: 700; /* /kategorijos meniu gyvena kito