/* ==========================================================================
   „Tos pačios serijos“ prekės puslapyje (planas B, 2026-10-20).

   HTML piešia function/prekiu-serijos-vaizdas.php. Kortelė ta pati
   preke_kortele(), tinklelis `.apm-preke-tinklelis` iš reskin-kortele.css.
   Pradinio „Perkamiausios“ taisyklės (reskin-pradinis-telefonas.css) galioja
   tik body.puslapis-pradinis, tad čia jų prekės puslapio atitikmuo:
   kompiuteryje keturios kortelės eilėje, telefone slenkama eilė po 150 px.
   Įkeliama tik prekės puslapyje (info.php, šalia reskin-patarimai.css).
   ========================================================================== */

/* Antraštė ir tarpai kaip „Panašios prekės“: prekės puslapio h2 stilių duoda
   reskin-preke.css (`#content h2`), tad čia jo neperrašom, kad visos skiltys
   atrodytų vienodai. */
#page .apm-serija { clear: both; margin: 40px 0 10px; }
#page .apm-serija .apm-perk-galva { margin: 0 0 22px; }
/* Galva yra flex eilutė: be to antraštės langelis susitrauktų iki teksto. */
#page .apm-serija h2.apm-perk-antraste { flex: 1 1 auto; margin: 0; }
#page .apm-serija .apm-serija-tinklas {
	grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; }

@media all and (max-width: 500px) {
	/* Eilė eina iki ekrano kraštų (neigiama paraštė), matosi dvi kortelės ir
	   trečios kraštas, kuris parodo, kad eilę galima slinkti. */
	#page .apm-serija { margin: 26px 0 8px; }
	#page .apm-serija .apm-perk-galva { margin: 0 0 12px; }
	#page .apm-serija .apm-serija-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; }
	#page .apm-serija .apm-serija-tinklas::-webkit-scrollbar { display: none; width: 0; height: 0; }
	#page .apm-serija .apm-serija-tinklas > .apm-preke { scroll-snap-align: start; }
	/* Trumpa kortelė kaip pradinio eilėse: be kategorijos, įvertinimo ir mygtuko. */
	#page .apm-serija .apm-preke { padding: 0 0 10px; border: none; border-radius: 8px; overflow: hidden; background: #FCFBFA; }
	#page .apm-serija .apm-preke .apm-preke-nuotrauka { height: auto; aspect-ratio: 1 / 1; margin: 0; border-radius: 0; background: #fff; }
	#page .apm-serija .apm-preke .apm-preke-nuotrauka img { width: 100%; height: 100%; max-height: none; object-fit: contain; }
	#page .apm-serija .apm-preke-kategorija,
	#page .apm-serija .apm-preke-ivertinimas,
	#page .apm-serija .apm-preke-veiksmas { display: none; }
	#page .apm-serija .apm-preke .apm-preke-vardas { margin: 8px 10px 0; height: 34px; font-size: 13px; line-height: 1.3; }
	#page .apm-serija .apm-preke-apacia { margin: 6px 10px 0; gap: 6px; }
	#page .apm-serija .apm-preke-kaina { font-size: 15px; }
	#page .apm-serija .apm-preke-sena { font-size: 11.5px; }
	#page .apm-serija .apm-preke-dydziai { margin: 6px 10px 0; }
	#page .apm-serija .apm-preke-zyme { top: 8px; left: 8px; }
}