@charset "utf-8";
/* ==========================================================================
   perkisau.lt: Apie mus puslapio taisyklės
   Maketas: Claude Design projektas a1718d9b, „Perkisau apie mus v2".

   Kraunamas PO css/reskin-bendra.css. Bendra dalis (apvalkalas, pagrindas,
   antraštės, mygtukas, rekvizitai) yra ten, čia lieka tik tai, ko kiti
   puslapiai nenaudoja. Iki 2026-07-30 abi dalys gulėjo viename css/reskin.css,
   išaugusiame iki 630 eilučių prie projekto ribos 400.

   Taisyklės pririštos prie .apm žymės, kurią turi tik naujas turinys duomenų
   bazėje. Grąžinus seną turinį stiliai savaime nutyla.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Skaičių juosta: 12 metų, 10 000+ klienčių, 4,9 iš 5, 1–2 d.d.
   -------------------------------------------------------------------------- */

#content .apm-skaiciai {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 42px;
	padding: 0;
	list-style: none;
	border: 1px solid rgba(34, 27, 30, 0.09);
	border-radius: 8px;
	overflow: hidden;
	background: #FCFBFA;
}
#content .apm-skaiciai li {
	flex: 1 1 0;
	min-width: 150px;
	box-sizing: border-box;
	padding: 24px 20px;
	text-align: center;
	border-left: 1px solid rgba(34, 27, 30, 0.09);
	list-style: none;
}
#content .apm-skaiciai li:first-child {
	border-left: 0;
}
#content .apm-skaiciai b {
	display: block;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 1;
	color: #8A3355;
}
#content .apm-skaiciai span {
	display: block;
	margin-top: 7px;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #6E5F64;
}

/* Ženklai skaičiuose: rėžio brūkšnelis „1–2 d.d." ir pliusas „10 000+".
   Bodoni Moda yra didelio kontrasto šriftas, tad jo brūkšnys ir pliusas ploni
   kaip plaukas ir iš tolo dingsta. Todėl būtent šie du ženklai piešiami teksto
   šriftu, kuris duoda pilną liniją.
   Specifiškumas (1,2,1) nugali bendrą .apm-skaiciai span taisyklę, tad display,
   margin ir spalvą reikia atstatyti čia pat. */
#content .apm-skaiciai b .apm-bruksnys,
#content .apm-skaiciai b .apm-plius {
	display: inline;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	color: inherit;
}
#content .apm-skaiciai b .apm-bruksnys {
	margin: 0 0.04em;
	font-size: 0.78em;
	vertical-align: 0.1em;
}
/* Pliusas kiek mažesnis ir pakeltas: prilipęs prie paskutinio skaitmens jis
   turi skaitytis kaip priedas, o ne kaip dar vienas ženklas eilėje. */
#content .apm-skaiciai b .apm-plius {
	margin: 0 0 0 0.03em;
	font-size: 0.62em;
	vertical-align: 0.28em;
}

/* Nuoroda į atsiliepimus. Ji buvo ir senajame puslapyje, tad neprarandam
   nei vidinės nuorodos, nei įvertinimo šaltinio. */
#content .apm-atsiliepimai {
	margin: -30px 0 42px;
	font-size: 13.5px;
}

/* --------------------------------------------------------------------------
   2. Kortelės „Kodėl renkasi mus"
   -------------------------------------------------------------------------- */

#content .apm-korteles {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .apm-korteles li {
	flex: 1 1 240px;
	box-sizing: border-box;
	padding: 26px 24px;
	border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 10px;
	background: #fff;
	list-style: none;
}
#content .apm-korteles p {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.65;
}

/* --------------------------------------------------------------------------
   3. Kvietimas susisiekti
   -------------------------------------------------------------------------- */

#content .apm-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 28px;
	box-sizing: border-box;
	margin: 0 0 44px;
	padding: 32px 36px;
	border-radius: 10px;
	background: #F8EEF0;
}
#content .apm-cta-tekstas {
	flex: 1 1 320px;
}
#content .apm-cta h2 {
	margin: 0 0 8px;
	text-transform: none;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 500;
	font-size: 26px;
	line-height: 1.25;
	letter-spacing: 0.01em;
	color: #221B1E;
}
#content .apm-cta p {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.6;
}

/* --------------------------------------------------------------------------
   4. Asortimentas: nuorodos į katalogą piliulėmis
   -------------------------------------------------------------------------- */

#content .apm-sarasas {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
}
#content .apm-sarasas li {
	list-style: none;
}
#content .apm-sarasas a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid rgba(34, 27, 30, 0.12);
	border-radius: 40px;
	background: #FCFBFA;
	font-size: 13.5px;
	line-height: 1.3;
	color: #4A3F44;
	text-decoration: none;
}
#content .apm-sarasas a:hover {
	border-color: #D26A8E;
	background: #F8EEF0;
	color: #8A3355;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   5. Teisinė dalis: grąžinimas ir rekvizitai
   -------------------------------------------------------------------------- */

#content .apm-teisine {
	box-sizing: border-box;
	margin: 0 0 24px;
	padding: 28px 30px;
	border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 10px;
	background: #FCFBFA;
	font-size: 14px;
	line-height: 1.7;
}
#content .apm-teisine h2.apm-antraste {
	font-size: 22px;
}
#content .apm-teisine h3 {
	margin-top: 20px;
}
#content .apm-teisine ul {
	margin: 0 0 14px;
	padding-left: 20px;
}
#content .apm-teisine li {
	margin-bottom: 5px;
}
/* Socialiniai tinklai atskiroje eilutėje, savininko prašymu: sulieti su
   pastaba apie registracijos adresą jie pasimesdavo. */
#content .apm-teisine .apm-socialiniai {
	margin: 14px 0 0;
	padding-top: 14px;
	border-top: 1px solid rgba(34, 27, 30, 0.08);
	font-size: 14px;
	line-height: 1.6;
}

/* --------------------------------------------------------------------------
   6. Telefonas. Maketas „Apie mus · Mobili · 390px".
      Riba 500px sutampa su info.php inline @media bloku ir su JS riba.
   -------------------------------------------------------------------------- */

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

	/* Makete telefone skaičiai eina po du eilėje. */
	#content .apm-skaiciai {
		margin-bottom: 24px;
	}
	#content .apm-skaiciai li {
		flex: 1 1 50%;
		min-width: 0;
		max-width: 50%;
		padding: 18px 12px;
		border-top: 1px solid rgba(34, 27, 30, 0.09);
	}
	#content .apm-skaiciai li:nth-child(odd) {
		border-left: 0;
	}
	#content .apm-skaiciai li:first-child,
	#content .apm-skaiciai li:nth-child(2) {
		border-top: 0;
	}
	#content .apm-skaiciai b {
		font-size: 24px;
	}
	#content .apm-skaiciai span {
		margin-top: 5px;
		font-size: 11.5px;
	}

	#content .apm-korteles {
		gap: 12px;
	}
	#content .apm-korteles li {
		flex: 1 1 100%;
		padding: 18px 20px;
	}

	#content .apm-cta {
		display: block;
		margin-bottom: 26px;
		padding: 24px 20px;
	}
	#content .apm-cta h2 {
		font-size: 22px;
	}
	#content .apm-cta p {
		margin-bottom: 16px;
		font-size: 13.5px;
	}

	#content .apm-teisine {
		padding: 20px 18px;
		font-size: 13px;
	}
	#content .apm-teisine h2.apm-antraste {
		font-size: 19px;
	}
}