@charset "utf-8";
/* ==========================================================================
   perkisau.lt: prekių sąrašų puslapiai
   Maketai: Claude Design projektas a1718d9b, „Perkisau greitu laiku v2" ir
   komponentas „PerkiProductCard".

   Naudoja keturi puslapiai: /greitai-gausime, /akcijos, /naujai-gautos-prekes
   ir /black-friday. Kortelė visiems ta pati, skiriasi tik viršutinis blokas, o
   jį piešia PHP.

   GRIEŽTA TAISYKLĖ ta pati kaip reskin-bendra.css: kiekviena taisyklė prasideda
   turinio žyme (.apm arba .apm-preke). Be jos stiliai nutekėtų į puslapius,
   kurie dar neperpiešti.

   2026-08-02: pati kortelė, rikiavimo juosta, puslapių juosta ir tuščio sąrašo
   blokas iš čia IŠKELTI į css/reskin-kortele.css. Priežastis: savininkas
   pasirinko vieną kortelę visoms parduotuvės vietoms, o dvi iš jų (šoninė
   banners(2) juosta ir apatinė banners_bottom(3) eilė) stovi kiekviename
   puslapyje ir yra UŽ #content ribų. Todėl tos taisyklės privalo krautis visur
   ir turėti #page prefiksą. Čia liko tik tai, ką naudoja vien šie keturi
   sąrašai.

   Bendros dalys (viršutinio bloko fonas, mygtukas, kelio nuoroda, skyrių
   antraštės) gyvena reskin-bendra.css faile.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Viršutinis blokas su skaitikliu
   -------------------------------------------------------------------------- */

#content .apm-prekes-hero {
	display: flex; align-items: center; justify-content: space-between; gap: 30px;
	padding: 34px 38px;
}
#content .apm-prekes-hero-tekstas { max-width: 560px; }
#content .apm-prekes-hero h2 { font-size: 34px; margin-bottom: 12px; }
#content .apm-prekes-hero p { margin: 0; }

/* Užrašas virš antraštės. Tekstą duoda PHP, kad jis būtų tikras, o ne maketo. */
#content .apm-prekes-zyme {
	display: inline-block; margin: 0 0 16px; padding: 7px 15px;
	border-radius: 40px; background: rgba(255, 255, 255, 0.75);
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 600; font-size: 10px; line-height: 1.2;
	letter-spacing: 0.28em; text-transform: uppercase; color: #8A3355;
}

#content .apm-prekes-skaitiklis {
	flex: none; text-align: center; padding: 22px 30px;
	border-radius: 10px; background: #FCFBFA;
}
#content .apm-prekes-skaitiklis b {
	display: block; font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 600; font-size: 36px; line-height: 1; color: #8A3355;
}
#content .apm-prekes-skaitiklis span {
	display: block; margin-top: 6px; font-size: 12px; color: #6E5F64;
}

/* --------------------------------------------------------------------------
   2. Kvietimas puslapio apačioje
   -------------------------------------------------------------------------- */

#content .apm-prekes-kvietimas {
	display: flex; align-items: center; justify-content: space-between; gap: 28px;
	padding: 28px 32px; border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 10px; background: #fff;
}
#content .apm-prekes-kvietimas h2 {
	margin: 0 0 7px; text-transform: none;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 500; font-size: 22px; line-height: 1.25; color: #221B1E;
}
#content .apm-prekes-kvietimas p { margin: 0; font-size: 14px; }

/* --------------------------------------------------------------------------
   3. Telefonas. Riba 500px sutampa su info.php inline @media bloku ir su JS
   riba, kuri telefone neinicijuoja jcarousel. Ribas privalu laikyti kartu.

   GRĖBLYS iš reskin-bendra.css: prefiksą `#content` praleisti čia lengviausia,
   ir tada taisyklės tyliai neveikia. Tikrinti reikia matuojant naršyklėje.
   -------------------------------------------------------------------------- */

@media all and (max-width: 500px) {

	#content .apm-prekes-hero {
		display: block; padding: 22px 20px 24px;
	}
	#content .apm-prekes-hero h2 { font-size: 26px; line-height: 1.15; }
	#content .apm-prekes-zyme {
		margin-bottom: 12px; padding: 6px 13px;
		font-size: 9px; letter-spacing: 0.24em;
	}
	#content .apm-prekes-skaitiklis {
		display: flex; align-items: baseline; gap: 8px;
		margin-top: 16px; padding: 12px 18px; text-align: left;
	}
	#content .apm-prekes-skaitiklis b { font-size: 24px; }
	#content .apm-prekes-skaitiklis span { margin-top: 0; }

	#content .apm-prekes-kvietimas { display: block; padding: 22px 20px; }
	#content .apm-prekes-kvietimas h2 { font-size: 20px; }
	#content .apm-prekes-kvietimas p { margin-bottom: 14px; font-size: 13px; }
}