@charset "utf-8";
/* ==========================================================================
   perkisau.lt: naujo dizaino BENDRA dalis
   Maketai: Claude Design projektas a1718d9b.

   Čia guli tik tai, kuo naudojasi daugiau negu vienas perpieštas puslapis:
   apvalkalo pataisos, turinio pagrindas, kelio nuoroda, viršutinis blokas,
   skyrių antraštės, mygtukas ir rekvizitai. Vieno puslapio taisyklės gyvena
   savo faile (css/reskin-apie-mus.css, css/reskin-kontaktai.css).

   Iki 2026-07-30 viskas buvo viename css/reskin.css, išaugusiame iki 630
   eilučių prie projekto ribos 400. Failas išskaidytas, o senasis pašalintas.

   GRIEŽTA TAISYKLĖ. Kiekviena taisyklė privalo prasidėti puslapio žyme
   (body.puslapis-...) arba turinio žyme (.apm). Be jos stilius tą pačią
   sekundę nutekėtų į prekių puslapius ir krepšelį, o savininkas to neprašė.

   Žymę body.puslapis-... deda info.php iš $id. Klasę .apm turi tik naujas
   turinys duomenų bazėje, tad grąžinus seną turinį stiliai savaime nutyla.

   ŠRIFTAI. Antraštėms Bodoni Moda, tekstui Outfit. Makete tekstui buvo Jost,
   bet jis lietuviškas raides „ū" ir „Ū" piešia klaidingai; kodėl ir kaip tai
   patikrinta, aprašyta wiki/concepts/dizaino-atnaujinimas. Pakeitus šriftą
   čia, reikia pakeisti ir <link> eilutę info.php galvutėje.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Apvalkalo pataisos perpieštiems puslapiams

   Taisyklės kabinamos ant :has(.apm), o ne vien ant puslapio žymės, kad CSS ir
   info.php galėtų gulėti serveryje nieko nekeisdami, kol turinys dar senas.
   Grąžinus seną turinį apvalkalas savaime grįžta į senąjį pavidalą. Naršyklėse
   be :has() palaikymo taisyklė praleidžiama: turinys lieka siauresnis ir su
   prekių juosta, bet niekas nelūžta.

   Žymė `body.reskin` (nuo 2026-07-30). Ją deda info.php tik tiems puslapiams,
   kurie yra jo `$perpiesti_puslapiai` sąraše. Iki tol kiekvienas puslapis buvo
   vardijamas atskirai (`body.puslapis-apie-mus`, `body.puslapis-kontaktai`), bet
   atėjus trečiam ir ketvirtam puslapiui tas sąrašas būtų kartojęsis aštuoniose
   vietose. Dabar naujas puslapis apvalkalą gauna nieko čia nekeitęs. Apsauga ta
   pati: žymės neturintys puslapiai šių taisyklių nemato.
   -------------------------------------------------------------------------- */

/* Dešinėje stovėjusi 196px juosta su keturiomis atsitiktinėmis prekėmis
   (banners(2)). Makete jos nėra, o turiniui reikia viso pločio. Vietoj tų
   atsitiktinių nuorodų naujame turinyje yra teminės nuorodos į katalogą. */
body.reskin:has(.apm) #right {
	display: none;
}

/* 1200 - 222 (kairė juosta) - 20 (tarpas) = 958. Tiek pat plotis turi apatinė
   banerių eilė, tad kraštai sutampa. Telefone info.php inline @media blokas
   duoda #middle-right{width:100% !important} ir nugali šią taisyklę. */
body.reskin:has(.apm) #middle-right {
	width: 958px;
}

/* Puslapio antraštė. Kode ji yra <h1> ir tokia lieka: puslapyje privalo būti
   lygiai vienas h1, o jo tekstas atitinka <title>. Makete ji nupiešta kaip
   rausva piliulė, tad perdažom, teksto nekeisdami. */
body.reskin:has(.apm) #top {
	height: auto;
	margin-bottom: 4px;
}
body.reskin:has(.apm) #name {
	width: auto;
	height: auto;
}
body.reskin:has(.apm) #name h1 {
	display: inline-block;
	margin: 0 0 6px;
	padding: 7px 16px;
	border-radius: 40px;
	background: #F8EEF0;
	color: #8A3355;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   2. Turinio pagrindas
   -------------------------------------------------------------------------- */

#content .apm {
	float: left;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.75;
	color: #4A3F44;
	text-align: left;
}
#content .apm a {
	color: #8A3355;
	text-decoration: none;
}
#content .apm a:hover {
	color: #D26A8E;
	text-decoration: underline;
}
#content .apm p {
	margin: 0 0 14px;
}
#content .apm p:last-child {
	margin-bottom: 0;
}
#content .apm b,
#content .apm strong {
	font-weight: 500;
	color: #221B1E;
}

/* Kelio nuoroda: Pradžia > puslapio vardas. */
#content .apm-kelias {
	margin: 0 0 20px;
	font-size: 12.5px;
	color: #8E7F84;
}
#content .apm-kelias a {
	color: #6E5F64;
}
#content .apm-kelias .apm-rodykle {
	margin: 0 5px;
	color: #D26A8E;
}
#content .apm-kelias b {
	font-weight: 400;
	color: #221B1E;
}

/* Rausvas apskritimas šviesiame fone. Makete jis stovi ir prie „Kodėl renkasi
   mus", ir prie kontaktų kortelių, tad taisyklė bendra. */
#content .apm .apm-taskas {
	display: block;
	width: 38px;
	height: 38px;
	margin: 0 0 16px;
	border-radius: 50%;
	background: #F8EEF0 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38'%3E%3Ccircle cx='19' cy='19' r='4.5' fill='%23D26A8E'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

/* --------------------------------------------------------------------------
   3. Viršutinis blokas
   -------------------------------------------------------------------------- */

#content .apm-hero {
	box-sizing: border-box;
	margin: 0 0 38px;
	padding: 44px 46px;
	border-radius: 10px;
	background: #F8EEF0;
}
#content .apm-hero h2 {
	margin: 0 0 16px;
	text-transform: none;
	max-width: 620px;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.12;
	letter-spacing: 0.01em;
	color: #221B1E;
}
#content .apm-hero p {
	max-width: 620px;
	font-size: 15px;
	line-height: 1.65;
}
/* Savininko prašymas: aiškiai pasakyti, kad parduotuvė tik elektroninė.
   Žemėlapio nė viename puslapyje sąmoningai nėra. */
#content .apm-hero .apm-tik-internetu {
	display: inline-block;
	margin: 14px 0 0;
	padding: 11px 18px;
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.75);
	font-size: 13.5px;
	line-height: 1.5;
	color: #4A3F44;
}

/* --------------------------------------------------------------------------
   4. Skyrių antraštės
   -------------------------------------------------------------------------- */

#content .apm h2.apm-antraste {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	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 h2.apm-antraste:before {
	content: "";
	flex: none;
	width: 5px;
	height: 26px;
	margin-right: 13px;
	border-radius: 3px;
	background: #D26A8E;
}
#content .apm h3 {
	margin: 0 0 9px;
	text-transform: none;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.35;
	color: #221B1E;
}
#content .apm-skyrius {
	margin: 0 0 44px;
}
#content .apm-skyrius > p:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   5. Mygtukas: piliulė, didžiosios raidės, svoris 600
   -------------------------------------------------------------------------- */

#content .apm-mygtukas,
#content .apm a.apm-mygtukas {
	display: inline-block;
	flex: none;
	padding: 15px 30px;
	border-radius: 40px;
	background: #D26A8E;
	box-shadow: 0 14px 30px -14px rgba(210, 106, 142, 0.95);
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #FCFBFA;
	text-decoration: none;
	white-space: nowrap;
}
#content .apm a.apm-mygtukas:hover {
	background: #8A3355;
	color: #FCFBFA;
	text-decoration: none;
}
#content .apm-mygtukas .apm-rodykle {
	margin-left: 9px;
	font-size: 16px;
}

/* --------------------------------------------------------------------------
   6. Rekvizitai. Naudoja ir Apie mus, ir Kontaktai.
   -------------------------------------------------------------------------- */

#content .apm-rekvizitai {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 40px;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#content .apm-rekvizitai div {
	flex: 1 1 240px;
}
#content .apm-rekvizitai dt {
	margin: 0 0 3px;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #8A3355;
}
#content .apm-rekvizitai dd {
	margin: 0 0 16px;
	line-height: 1.6;
	color: #221B1E;
}
/* Savininko prašymas: registracijos adresas puslapyje privalo būti, bet kartu
   turi būti aišku, kad tai ne parduotuvė ir prekių ten neatsiima. */
#content .apm .apm-pastaba {
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.6;
	color: #6E5F64;
}

/* --------------------------------------------------------------------------
   7. Telefonas. Maketai „... · Mobili · 390px".

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

   GRĖBLYS: prefiksą praleisti čia lengviausia. 2026-07-29 taip ir nutiko:
   telefono taisyklės tyliai neveikė, nors failas atrodė teisingas. Tikrinti
   reikia matuojant naršyklėje, ne skaitant failą.
   -------------------------------------------------------------------------- */

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

	body.reskin:has(.apm) #middle-right {
		margin-left: 0;
		margin-right: 0;
	}
	body.reskin:has(.apm) #content {
		padding: 0 16px;
		box-sizing: border-box;
	}
	body.reskin:has(.apm) #name h1 {
		margin-left: 16px;
	}

	#content .apm {
		font-size: 13.5px;
	}
	#content .apm-kelias {
		margin-bottom: 14px;
	}
	#content .apm .apm-taskas {
		width: 30px;
		height: 30px;
		margin-bottom: 10px;
		background-size: 30px 30px;
	}

	#content .apm-hero {
		margin-bottom: 22px;
		padding: 22px 20px 24px;
	}
	#content .apm-hero h2 {
		font-size: 26px;
		line-height: 1.15;
		margin-bottom: 10px;
	}
	#content .apm-hero p {
		font-size: 13.5px;
	}
	#content .apm-hero .apm-tik-internetu {
		display: block;
		padding: 10px 14px;
		font-size: 13px;
	}

	#content .apm-skyrius {
		margin-bottom: 26px;
	}
	#content .apm h2.apm-antraste {
		margin-bottom: 14px;
		font-size: 20px;
	}
	#content .apm h2.apm-antraste:before {
		width: 4px;
		height: 20px;
		margin-right: 11px;
	}

	#content .apm-mygtukas,
	#content .apm a.apm-mygtukas {
		display: block;
		padding: 16px 20px;
		text-align: center;
		white-space: normal;
	}

	#content .apm-rekvizitai {
		display: block;
		font-size: 13px;
	}
	#content .apm-rekvizitai dd {
		margin-bottom: 12px;
	}
}