@charset "utf-8";
/* ==========================================================================
   perkisau.lt: pristatymo į Latviją ir Estiją puslapiai

   Vienas failas TRIMS puslapiams, nes tai tas pats puslapis trimis kalbomis:
   /pristatymas-i-latvija-ir-estija (lt), /piegade-uz-latviju (lv),
   /tarne-eestisse (et). Jie sujungti hreflang klasteriu, tad ir perpiešti
   turi būti visi trys: perdažius vieną, latvis ar estas matytų senąjį.

   Kraunamas PO css/reskin-bendra.css. Bendra dalis (apvalkalas, pagrindas,
   kelio nuoroda, viršutinis blokas, antraštės, mygtukas) yra ten.

   MAKETO ŠIAM PUSLAPIUI NĖRA. Claude Design projekte pristatymo puslapio
   niekas nepiešė, tad naudojama ta pati dizaino kalba kaip Apie mus ir
   Kontaktuose: rausvas viršutinis blokas, Bodoni antraštės su rausvu
   stulpeliu, piliulinis mygtukas, tas pats 958px plotis.

   NAUJO TEKSTO NERAŠOM. Latvių ir estų kalbų tikrinti negalim, tad visi
   sakiniai perkelti iš senojo turinio žodis į žodį. Nauja tik kelio nuorodos
   pirmas žodis (Pradžia / Sākums / Avaleht), o jis vienareikšmis.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Viršutinis blokas be antraštės

   Šie puslapiai turinyje h2 neturi ir gauti jo negali: naujo teksto trimis
   kalbomis nerašom. Todėl bloke stovi vien įvadinė pastraipa, ir ji padaroma
   didesnė, kad blokas neatrodytų tuščias.
   -------------------------------------------------------------------------- */

#content .apm-hero .apm-ivadas {
	margin: 0;
	max-width: 660px;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.45;
	letter-spacing: 0.01em;
	color: #221B1E;
}

/* --------------------------------------------------------------------------
   2. „Kaip užsakyti": numeruoti žingsniai

   Turinyje tai <ol> su trimis <li>, kaip ir anksčiau. Numeriai piešiami per
   CSS skaitiklį, tad HTML'e jų nėra ir teksto keisti nereikėjo.
   -------------------------------------------------------------------------- */

#content .apm-zingsniai {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: apm-zingsnis;
}
#content .apm-zingsniai li {
	flex: 1 1 240px;
	box-sizing: border-box;
	margin: 0;
	padding: 24px;
	border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 10px;
	background: #fff;
	list-style: none;
	font-size: 14px;
	line-height: 1.6;
	counter-increment: apm-zingsnis;
}
/* Numeris piešiamas TEKSTO šriftu, ne Bodoni. Bodoni Moda yra didelio kontrasto
   šriftas, tad 17px skaitmenys jame išeina plonyčiai kaip plaukas ir apskritime
   pasimeta. Ta pati bėda jau buvo Apie mus skaičių juostoje su brūkšneliu ir
   pliusu, žr. wiki/concepts/dizaino-atnaujinimas. */
#content .apm-zingsniai li:before {
	content: counter(apm-zingsnis);
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 0 14px;
	border-radius: 50%;
	background: #F8EEF0;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	color: #8A3355;
}

/* --------------------------------------------------------------------------
   3. Mygtukas į katalogą ir kalbų juosta
   -------------------------------------------------------------------------- */

#content .apm-veiksmas {
	margin: 0 0 34px;
}

/* Kitos dvi kalbos. Šios nuorodos buvo ir senajame puslapyje, tad hreflang
   klasterio vidinių nuorodų neprarandam. */
#content .apm-kalbos {
	margin: 0;
	padding-top: 18px;
	border-top: 1px solid rgba(34, 27, 30, 0.08);
	font-size: 13.5px;
	color: #6E5F64;
}

/* --------------------------------------------------------------------------
   4. Telefonas. Riba 500px sutampa su info.php inline @media bloku.
   -------------------------------------------------------------------------- */

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

	#content .apm-hero .apm-ivadas {
		font-size: 18px;
		line-height: 1.4;
	}

	#content .apm-zingsniai {
		gap: 12px;
	}
	#content .apm-zingsniai li {
		flex: 1 1 100%;
		padding: 18px 20px;
	}
	#content .apm-zingsniai li:before {
		width: 30px;
		height: 30px;
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 30px;
	}

	#content .apm-veiksmas {
		margin-bottom: 24px;
	}
}