@charset "utf-8";
/* ==========================================================================
   perkisau.lt: „Perkamiausios" pirmame ekrane ir pradinio išdėstymas telefone,
   variantas A (2026-10-18). Maketas: Claude Design lenta „A. Prekės pirmame
   ekrane", specifikacija docs/2026-10-18-pradinis-telefone-ir-temines-akcijos-
   specifikacija.md. HTML piešia function/pradinio-perkamiausios.php,
   pradinio-telefonas.php ir pradinio-kategorijos.php.

   Kodėl: po 10-08 pertvarkos į kategoriją iš pradinio eina dukart daugiau
   žmonių, bet prekių atidarymų nepadaugėjo. Telefone pirma kaina buvo matoma
   tik ties 1 051 px. Dabar prekės su kainomis stovi iškart po antrašte.

   Kraunamas PASKUTINIS pradinio failuose, tad prie vienodo specifiškumo laimi
   prieš reskin-pradinis.css, reskin-pradinis-eiles.css ir
   reskin-pradinis-kategorijos.css. Kiekviena taisyklė su `body.puslapis-pradinis`:
   be žymės stilius nutekėtų į kitus puslapius.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Kompiuteris. Čia keičiasi vienas dalykas: „Perkamiausios" kaip viena
   eilė keturiomis kortelėmis pirmojo ekrano (hero) apačioje, po kategorijų.
   Telefono blokai (pasitikėjimo eilutė, „Visos" piliulė, patarimai,
   kategorijų sąrašas) kompiuteryje slepiami.
   -------------------------------------------------------------------------- */
body.puslapis-pradinis .apm-pradinis-eilute { display: none; }
/* `a.`, ne `.`: reskin-pradinis-kategorijos.css piliulę rodo per
   `a.apm-pop-kat { display: block }`, ir vien klase jos nenugalėtum. */
body.puslapis-pradinis a.apm-pop-kat-visos { display: none; }
body.puslapis-pradinis #content .apm-pat,
body.puslapis-pradinis #content .apm-kat { display: none; }
/* Tekstas tik ekrano skaitytuvui („iš 5, 1140 atsiliepimų" prie žvaigždutės). */
body.puslapis-pradinis .apm-tik-skaitytuvui {
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

body.puslapis-pradinis .apm-perk {
	grid-column: 1 / -1; margin: 0 24px 24px 40px; padding: 18px 20px 20px;
	background: #fff; border: 1px solid #EFE4E7; border-radius: 10px; }
body.puslapis-pradinis .apm-perk-galva {
	display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 14px; }
/* Senasis style.min.css h2 turi savo dydį, spalvą ir tarpus: paskelbta viskas. */
body.puslapis-pradinis .apm-pradinis-hero h2.apm-perk-antraste {
	width: auto; margin: 0; padding: 0; border: none; background: none; text-transform: none; letter-spacing: 0.01em;
	font-family: 'Bodoni Moda', Georgia, serif; font-weight: 500; font-size: 22px; line-height: 1.2; color: #221B1E; }
body.puslapis-pradinis a.apm-perk-visos {
	flex: none; font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 500;
	color: #8A3355; text-decoration: none; white-space: nowrap; }
body.puslapis-pradinis a.apm-perk-visos:hover { color: #D26A8E; text-decoration: underline; }
/* `.apm-preke-tinklelis` iš reskin-kortele.css duoda tris stulpelius; čia
   keturi ir tik pirmos keturios kortelės. Likusios keturios lieka HTML'e
   telefonui, kur rodomos visos aštuonios. */
body.puslapis-pradinis #page .apm-perk-tinklas {
	grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; }
body.puslapis-pradinis #page .apm-perk-tinklas > .apm-preke:nth-child(n+5) { display: none; }

/* --------------------------------------------------------------------------
   2. Telefonas. Riba 500px kaip visuose pradinio failuose.

   Eilė nuo viršaus: pasitikėjimo eilutė, žymė, antraštė (h1), kategorijų
   piliulės, perkamiausios, skaidrė, naujienos, akcijos, atsiliepimai,
   patarimai, kategorijų sąrašas. HTML'e h1 lieka antras po eilutės, o tvarką
   keičia tik `order`, kaip ir 10-08 kategorijoms. Pirmojo ekrano sakinys ir
   du mygtukai telefone slepiami: jų vietą užima prekės, o į katalogą veda
   „Visos" piliulė ir „Visos prekės".
   -------------------------------------------------------------------------- */
@media all and (max-width: 500px) {
	/* `align-items: stretch` BŪTINAS: kompiuterio tinklelio taisyklė duoda
	   `align-items: center`, o stulpelyje tai reiškia, kad kiekvienas blokas
	   susitraukia iki turinio ir centruojamas. Piliulių eilė (apie 1 100 px)
	   tada išlįsdavo už abiejų ekrano kraštų, o slinkti nebuvo ko. */
	body.puslapis-pradinis .apm-pradinis-hero-su-perk {
		display: flex; flex-direction: column; align-items: stretch; margin: 0 0 4px; padding: 0;
		background: none; border-radius: 0; overflow: visible; }
	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-pradinis-hero-tekstas { display: contents; }

	/* Pasitikėjimo eilutė: viena eilutė, netelpantis galas nukerpamas, ne
	   laužomas (ilgesni pažadai riboti 28 ženklais skydelyje). */
	/* `position: relative` BŪTINAS: viduje yra absoliučiai padėtas tekstas
	   ekrano skaitytuvui, ir be atskaitos taško jis 320 px ekrane išlįsdavo už
	   dešinio krašto, o puslapis gaudavo horizontalų slinkimą. Pažadai gali
	   trumpėti su daugtaškiu, įvertinimas visada matomas visas. */
	body.puslapis-pradinis .apm-pradinis-eilute {
		position: relative; display: flex; order: 0; align-items: center; gap: 7px; margin: 10px 12px 0; min-width: 0;
		font-family: 'Outfit', sans-serif; font-size: 11px; line-height: 1.3; color: #4A3F44;
		white-space: nowrap; overflow: hidden; }
	body.puslapis-pradinis .apm-pradinis-eilute > span:not([class]) { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
	body.puslapis-pradinis .apm-pradinis-eilute-ok { flex: none; color: #1E7A4D; }
	body.puslapis-pradinis .apm-pradinis-eilute-sk { flex: none; color: #9A8B90; }
	body.puslapis-pradinis a.apm-pradinis-eilute-ivert { flex: none; color: inherit; text-decoration: none; }
	body.puslapis-pradinis .apm-pradinis-eilute-zv { color: #D26A8E; }
	body.puslapis-pradinis .apm-pradinis-eilute-kiek { color: #6E5F64; }
	/* Kompiuterio keturių langelių juosta telefone nerodoma: tą patį sako eilutė. */
	body.puslapis-pradinis .apm-pradinis-pasitikejimas { display: none; }

	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-pradinis-hero-zyme {
		order: 1; align-self: flex-start; margin: 10px 12px 6px; }
	body.puslapis-pradinis .apm-pradinis-hero-su-perk #top { order: 2; width: auto; margin: 0; padding: 0 12px; }
	body.puslapis-pradinis .apm-pradinis-hero-su-perk #top #name { width: auto; margin: 0; padding: 0; }
	body.puslapis-pradinis .apm-pradinis-hero-su-perk #top #name h1 { font-size: 21px; line-height: 1.25; margin: 0 0 12px; }
	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-pradinis-hero-p,
	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-pradinis-hero-mygtukai { display: none; }

	/* Kategorijos kaip slenkamos piliulės: 28 px apvali nuotrauka ir vardas,
	   gale „Visos". Antraštė ir galvos nuoroda slepiamos. Tinklelis iš
	   reskin-pradinis-kategorijos.css tampa eile, kurios kraštai siekia
	   ekrano kraštą, kad būtų matyti, jog ji slenka. */
	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-pop {
		order: 3; margin: 0 0 14px; padding: 0; background: none; border: none; border-radius: 0; }
	body.puslapis-pradinis .apm-pop-galva { display: none; }
	body.puslapis-pradinis .apm-pop-tinklas {
		display: flex; gap: 8px; overflow-x: auto; padding: 2px 12px 4px;
		-webkit-overflow-scrolling: touch; scrollbar-width: none; }
	body.puslapis-pradinis .apm-pop-tinklas::-webkit-scrollbar { display: none; height: 0; }
	body.puslapis-pradinis a.apm-pop-kat {
		display: inline-flex; align-items: center; gap: 7px; flex: none; box-sizing: border-box;
		height: 36px; padding: 0 12px 0 4px; border-radius: 40px;
		background: #FCFBFA; border: 1px solid rgba(34, 27, 30, 0.12); color: #221B1E; text-decoration: none; }
	body.puslapis-pradinis .apm-pop-nuotrauka { width: 28px; height: 28px; padding: 0; border-radius: 50%; flex: none; }
	body.puslapis-pradinis .apm-pop-vardas {
		display: block; min-height: 0; margin: 0; white-space: nowrap;
		font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 500; line-height: 1; }
	body.puslapis-pradinis a.apm-pop-kat:hover .apm-pop-vardas,
	body.puslapis-pradinis a.apm-pop-kat:focus-visible .apm-pop-vardas { text-decoration: none; }
	body.puslapis-pradinis a.apm-pop-kat-visos {
		display: inline-flex; padding: 0 14px; border-color: rgba(34, 27, 30, 0.2); color: #8A3355; }

	/* Perkamiausios: aštuonios kortelės vienoje slenkamoje eilėje (2026-10-18).
	   Iki tol jos stovėjo keturiomis eilėmis po dvi ir užėmė apie 1 000 px;
	   savininkas: „didelės nuotraukos, geriau padaryti karuselę". Kortelė
	   150 px kaip naujienų ir akcijų eilėse, tad matosi dvi ir trečios kraštas,
	   kuris parodo, kad eilę galima slinkti. Juosta eina iki ekrano kraštų
	   (neigiama paraštė), o pirma kortelė sustoja ties 12 px. HTML nekeistas:
	   visos aštuonios nuorodos lieka puslapyje. */
	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-perk {
		order: 4; margin: 0 12px 18px; padding: 0; background: none; border: none; border-radius: 0; }
	body.puslapis-pradinis .apm-perk-galva { margin: 0 0 10px; }
	body.puslapis-pradinis .apm-pradinis-hero h2.apm-perk-antraste { font-size: 20px; }
	body.puslapis-pradinis #page .apm-perk-tinklas {
		grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 150px; gap: 10px;
		margin: 0 -12px; padding: 0 12px 4px; scroll-padding: 0 12px;
		overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch; scrollbar-width: none; }
	body.puslapis-pradinis #page .apm-perk-tinklas::-webkit-scrollbar { display: none; width: 0; height: 0; }
	body.puslapis-pradinis #page .apm-perk-tinklas > .apm-preke { scroll-snap-align: start; }
	body.puslapis-pradinis #page .apm-perk-tinklas > .apm-preke:nth-child(n+5) { display: flex; }

	/* Skaidrė po prekių: viena juosta su nuoroda. Sukasi kaip ir anksčiau, tik
	   nebėra pirmame ekrane. */
	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-pradinis-hero-juosta {
		order: 5; width: auto; margin: 0 12px 6px; padding: 0; }
	body.puslapis-pradinis .apm-pradinis-hero-su-perk .apm-pradinis-hero-juosta .nivoSlider { border-radius: 10px; }

	/* Trumpa kortelė pradinio tinklelyje ir eilėse: nuotrauka kvadratu,
	   pavadinimas, kaina ir dydžiai. Kategorijos užrašo, įvertinimo ir mygtuko
	   „Pirkti" čia nėra: į prekę veda nuotrauka ir pavadinimas, o be mygtuko
	   dvi kortelės su kainomis telpa į pirmą ekraną (specifikacija 3.3).
	   Nuotrauka netempiama ir nekarpoma (`contain`): prekių miniatiūros
	   nevienodų proporcijų. */
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke {
		padding: 0 0 10px; border: none; border-radius: 8px; overflow: hidden; background: #FCFBFA; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke .apm-preke-nuotrauka,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke .apm-preke-nuotrauka {
		height: auto; aspect-ratio: 1 / 1; margin: 0; border-radius: 0; background: #fff; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke .apm-preke-nuotrauka img,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke .apm-preke-nuotrauka img {
		width: 100%; height: 100%; max-height: none; object-fit: contain; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-kategorija,
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-ivertinimas,
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-veiksmas,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-kategorija,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-ivertinimas,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-veiksmas { display: none; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke .apm-preke-vardas,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke .apm-preke-vardas {
		margin: 8px 10px 0; height: 34px; font-size: 13px; line-height: 1.3; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-apacia,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-apacia { margin: 6px 10px 0; gap: 6px; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-kaina,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-kaina { font-size: 15px; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-sena,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-sena { font-size: 11.5px; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-dydziai,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-dydziai { margin: 6px 10px 0; }
	body.puslapis-pradinis #page .apm-perk-tinklas .apm-preke-zyme,
	body.puslapis-pradinis #page #content .apm-pradinis-eile .apm-preke-zyme { top: 8px; left: 8px; }

	/* Naujienų ir akcijų eilės: kortelė 150 px, kad matytųsi 2,5 vietoj 1,5. */
	body.puslapis-pradinis #content .apm-pradinis-eile { grid-auto-columns: 150px; gap: 10px; }

	/* Patarimai (trys tinklaraščio įrašai) ir kategorijų sąrašas: #content
	   vaikai plaukia (float), tad blokams reikia to paties `float` ir `clear`
	   kaip skyrių antraštėms. */
	body.puslapis-pradinis #content .apm-pat,
	body.puslapis-pradinis #content .apm-kat {
		display: block; width: 100%; float: left; clear: both; box-sizing: border-box; margin: 0 0 22px; }
	body.puslapis-pradinis #content .apm-pat-galva,
	body.puslapis-pradinis #content .apm-kat-galva {
		display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 10px; }
	body.puslapis-pradinis #content h2.apm-pat-antraste,
	body.puslapis-pradinis #content h2.apm-kat-antraste {
		width: auto; margin: 0; padding: 0; border: none; background: none; text-transform: none; letter-spacing: 0.01em;
		font-family: 'Bodoni Moda', Georgia, serif; font-weight: 500; font-size: 20px; line-height: 1.2; color: #221B1E; }
	body.puslapis-pradinis #content a.apm-pat-visi,
	body.puslapis-pradinis #content a.apm-kat-visos {
		flex: none; font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 500;
		color: #8A3355; text-decoration: none; white-space: nowrap; }
	body.puslapis-pradinis #content .apm-pat-sarasas {
		display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
	body.puslapis-pradinis #content .apm-pat-sarasas li { margin: 0; padding: 0; background: none; list-style: none; }
	body.puslapis-pradinis #content .apm-pat-sarasas a {
		display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px;
		background: #FCFBFA; border-radius: 8px; color: #221B1E; text-decoration: none;
		font-family: 'Outfit', sans-serif; font-size: 14px; line-height: 1.35; }
	body.puslapis-pradinis #content .apm-pat-rodykle { flex: none; color: #8A3355; }
	body.puslapis-pradinis #content .apm-kat-sarasas {
		display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; margin: 0; padding: 0; list-style: none; }
	body.puslapis-pradinis #content .apm-kat-sarasas li { margin: 0; padding: 0; background: none; list-style: none; min-width: 0; }
	body.puslapis-pradinis #content .apm-kat-sarasas a {
		display: block; padding: 9px 0; border-bottom: 1px solid rgba(34, 27, 30, 0.08); color: #221B1E; text-decoration: none;
		font-family: 'Outfit', sans-serif; font-size: 14px; line-height: 1.35; }

	/* Kairė juosta (tamsus akordeonas su 48 nuorodomis, antras atsiliepimų
	   blokas ir tuščias Facebook langelis) telefone nerodoma: ją pakeičia
	   kategorijų sąrašas viršuje. Kompiuteryje viskas lieka. */
	body.puslapis-pradinis #middle-left { display: none; }
}

@media all and (max-width: 360px) {
	body.puslapis-pradinis .apm-pradinis-hero-su-perk #top #name h1 { font-size: 19px; }
	body.puslapis-pradinis .apm-pradinis-eilute { font-size: 10.5px; gap: 6px; }
	body.puslapis-pradinis .apm-pradinis-hero h2.apm-perk-antraste { font-size: 18px; }
	body.puslapis-pradinis #page .apm-perk-tinklas { gap: 8px; grid-auto-columns: 140px; }
}