@charset "utf-8";
/* ==========================================================================
   perkisau.lt: PRADINIS puslapis, naujas pavidalas (2026-08-01)
   Maketas: Claude Design projektas a1718d9b, „Perkisau pradinis v2.dc.html".
   Kodėl viskas pririšta prie `body.puslapis-pradinis`, kaip veikia įkėlimo eilė
   ir kokie trys specifiškumo grėbliai čia pagauti: wiki/concepts/dizaino-atnaujinimas,
   dvyliktas blokas. Trumpai: be žymės stilius nutekėtų į visą parduotuvę, failas
   kraunamas paskutinis, o `#content h2` (1,0,1) klase nenugalimas.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Puslapio pagrindas. #right yra 196px juosta su atsitiktinėmis prekėmis
   (banners(2)); makete jos nėra. #bottom lieka, kaip ir kituose puslapiuose.
   -------------------------------------------------------------------------- */
body.puslapis-pradinis #right { display: none; }
body.puslapis-pradinis #middle-right { width: 958px; }

/* --------------------------------------------------------------------------
   6. Pirmasis ekranas
   Savininko sprendimas 2026-08-01: nivoSlider juosta nedingsta, o tampa
   pirmojo ekrano nuotrauka. Skaidrės yra 805x322 ir 838x322 (apie 2,5:1), tad
   jos NEKARPOMOS: jose gali būti savininko sudėto teksto, o `object-fit: cover`
   atimtų apie pusę pločio.
   -------------------------------------------------------------------------- */
body.puslapis-pradinis .apm-pradinis-hero {
	display: grid; grid-template-columns: 1fr 420px; align-items: center; min-height: 280px;
	background: #F8EEF0; border-radius: 10px; overflow: hidden; margin: 26px 0 16px; }
body.puslapis-pradinis .apm-pradinis-hero-tekstas { padding: 36px 32px 36px 40px; }
body.puslapis-pradinis .apm-pradinis-hero-zyme {
	display: inline-block; margin-bottom: 14px; padding: 7px 15px; border-radius: 40px;
	background: rgba(255,255,255,0.75); font-family: 'Outfit', sans-serif; font-weight: 600;
	font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: #8A3355; }
body.puslapis-pradinis .apm-pradinis-hero #top,
body.puslapis-pradinis .apm-pradinis-hero #name {
	width: auto; height: auto; margin: 0; padding: 0; background: none; }
body.puslapis-pradinis .apm-pradinis-hero #top #name h1 {
	margin: 0 0 14px; padding: 0; background: none; border: none;
	font-family: 'Bodoni Moda', Georgia, serif; font-weight: 500; font-size: 36px;
	line-height: 1.12; letter-spacing: 0.01em; text-transform: none; color: #221B1E; }
body.puslapis-pradinis .apm-pradinis-hero-p {
	margin: 0 0 24px; font-family: 'Outfit', sans-serif; font-weight: 300;
	font-size: 15px; line-height: 1.6; color: #4A3F44; }
body.puslapis-pradinis .apm-pradinis-hero-mygtukai { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
body.puslapis-pradinis .apm-pradinis-mygtukas {
	display: inline-flex; align-items: center; gap: 9px; padding: 14px 28px; border-radius: 40px;
	background: #D26A8E; color: #FCFBFA; text-decoration: none; box-shadow: 0 14px 30px -14px rgba(210,106,142,0.95);
	font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 13px;
	letter-spacing: 0.1em; text-transform: uppercase; }
body.puslapis-pradinis .apm-pradinis-mygtukas:hover { background: #8A3355; color: #FCFBFA; text-decoration: none; }
body.puslapis-pradinis .apm-pradinis-mygtukas-antras {
	color: #221B1E; text-decoration: none; padding-bottom: 3px; border-bottom: 1px solid rgba(34,27,30,0.35);
	font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 0.05em; }
body.puslapis-pradinis .apm-pradinis-mygtukas-antras:hover { color: #8A3355; text-decoration: none; }
body.puslapis-pradinis .apm-pradinis-hero-juosta { padding: 0 24px 0 0; }
body.puslapis-pradinis .apm-pradinis-hero-juosta #banner {
	display: block; width: auto; height: auto; margin: 0; padding: 0; float: none; }
body.puslapis-pradinis .apm-pradinis-hero-juosta .slider-wrapper {
	width: auto; height: auto; margin: 0; padding: 0; background: none; }
/* GRĖBLYS, kurį pagavo tik matavimas naršyklėje 2026-08-01.

   nivoSlider <img> PASLEPIA ir skaidrę piešia kaip CSS foną, o plotį ir aukštį
   įrašo INLINE. Todėl fonas be `background-size` nukerpamas. `contain`, o ne
   `cover`: savininkas skaidres keičia skydelyje, tad kitokių proporcijų
   nuotrauka bus parodyta visa. `aspect-ratio` tik su @supports: be jo senesnė
   naršyklė gautų `height:auto` ir juosta susitrauktų į nulį. */
/* `width` privalo būti !important: nivoSlider plotį įrašo INLINE iš pirmos
   nuotraukos `width` atributo (banner() ten rašo 740), ir hero jį nukirptų. */
body.puslapis-pradinis .apm-pradinis-hero-juosta .nivoSlider {
	width: 100% !important; border-radius: 8px; overflow: hidden; box-shadow: none;
	background-color: #F8EEF0; background-size: contain !important;
	background-position: center center !important; background-repeat: no-repeat !important; }
body.puslapis-pradinis .apm-pradinis-hero-juosta .nivo-slice,
body.puslapis-pradinis .apm-pradinis-hero-juosta .nivo-box {
	background-size: contain !important; background-repeat: no-repeat !important; }
@supports (aspect-ratio: 5 / 2) {
	body.puslapis-pradinis .apm-pradinis-hero-juosta .nivoSlider { height: auto !important; aspect-ratio: 5 / 2; }
}
body.puslapis-pradinis .apm-pradinis-hero-juosta .nivo-controlNav,
body.puslapis-pradinis .apm-pradinis-hero-juosta .nivo-directionNav { display: none; }

/* --------------------------------------------------------------------------
   7. Kategorijų mygtukai. Kompiuteryje jų nerodom (tas pačias devynias grupes
   jau rodo kairė juosta ir meniu), tad taisyklės guli @media bloke.
   -------------------------------------------------------------------------- */
body.puslapis-pradinis .apm-pradinis-kategorijos { display: none; }

/* ---------- 8. Pasitikėjimo juosta ---------- */
body.puslapis-pradinis .apm-pradinis-pasitikejimas {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0 0 34px;
	background: rgba(34,27,30,0.09); border: 1px solid rgba(34,27,30,0.09);
	border-radius: 8px; overflow: hidden; }
body.puslapis-pradinis .apm-pradinis-langelis {
	display: flex; align-items: center; gap: 11px; padding: 14px 16px; background: #FCFBFA; }
body.puslapis-pradinis .apm-pradinis-taskas {
	width: 7px; height: 7px; border-radius: 50%; background: #D26A8E; flex: none; }
body.puslapis-pradinis .apm-pradinis-langelio-tekstas { display: flex; flex-direction: column; min-width: 0; }
body.puslapis-pradinis .apm-pradinis-langelio-virsus {
	font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 12.5px; color: #221B1E; }
body.puslapis-pradinis .apm-pradinis-langelio-apacia {
	font-family: 'Outfit', sans-serif; font-weight: 300; font-size: 11.5px; color: #6E5F64; }

/* --------------------------------------------------------------------------
   9. Skyrių antraštės. `#content` priešdėlis būtinas: style.min.css turi
   `#content h2` ir `#content a`, o klasė viena to nenugali.
   -------------------------------------------------------------------------- */
body.puslapis-pradinis #content .apm-pradinis-skyrius {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	width: 100%; float: left; clear: both; margin: 0 0 16px; }
body.puslapis-pradinis #content .apm-pradinis-skyriaus-antraste {
	display: flex; align-items: center; gap: 12px; margin: 0; padding: 0;
	font-family: 'Bodoni Moda', Georgia, serif; font-weight: 500; font-size: 24px;
	line-height: 1.2; letter-spacing: 0.01em; text-transform: none; color: #221B1E; }
body.puslapis-pradinis #content .apm-pradinis-skyriaus-antraste:before {
	content: ""; width: 5px; height: 24px; border-radius: 3px; background: #D26A8E; flex: none; }
body.puslapis-pradinis #content .apm-pradinis-skyriaus-nuoroda {
	font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 12.5px; letter-spacing: 0.05em;
	color: #8A3355; text-decoration: none; white-space: nowrap; }
body.puslapis-pradinis #content .apm-pradinis-skyriaus-nuoroda:hover { color: #D26A8E; text-decoration: underline; }
/* 2026-08-01: `ul.first-and-second-carousel` vardo puslapyje nebėra. Eilės
   vadinasi `.apm-pradinis-eile` ir gyvena css/reskin-pradinis-eiles.css faile,
   kur jos yra grid su scroll-snap, o ne jcarousel plugino sąrašas. */

/* ---------- 10. Atsiliepimų blokas. Pradiniame puslapyje jo nebuvo. ---------- */
body.puslapis-pradinis #content .apm-pradinis-ats {
	width: 100%; float: left; clear: both; box-sizing: border-box;
	background: #F8EEF0; border-radius: 10px; padding: 26px 28px; margin: 0 0 20px; }
body.puslapis-pradinis #content .apm-pradinis-ats-galva {
	display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 20px; }
body.puslapis-pradinis #content .apm-pradinis-ats-suma { display: flex; align-items: center; gap: 13px; }
/* Skaičiai visur Outfit, ne Bodoni: jo ketvertas skaitosi kaip vienetas.
   Žr. css/reskin-kortele.css. */
body.puslapis-pradinis #content .apm-pradinis-ats-vidurkis {
	font-family: 'Outfit', sans-serif; font-variant-numeric: lining-nums tabular-nums;
	font-weight: 600; font-size: 32px; line-height: 1; color: #221B1E; }
body.puslapis-pradinis #content .apm-pradinis-ats-salia { display: flex; flex-direction: column; gap: 3px; }
body.puslapis-pradinis #content .apm-pradinis-ats-zvaigzdes { color: #D26A8E; font-size: 13px; }
body.puslapis-pradinis #content .apm-pradinis-ats-kiek {
	font-family: 'Outfit', sans-serif; font-weight: 300; font-size: 12px; color: #6E5F64; }
body.puslapis-pradinis #content .apm-pradinis-ats-korteles {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.puslapis-pradinis #content .apm-pradinis-ats-kortele {
	background: #FCFBFA; border-radius: 8px; padding: 17px 19px; }
body.puslapis-pradinis #content .apm-pradinis-ats-mazos { color: #D26A8E; font-size: 12px; }
body.puslapis-pradinis #content .apm-pradinis-ats-tekstas {
	margin: 9px 0 10px; font-family: 'Outfit', sans-serif; font-weight: 300;
	font-size: 13.5px; line-height: 1.6; color: #4A3F44; }
body.puslapis-pradinis #content .apm-pradinis-ats-vardas {
	font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 12px; color: #221B1E; }

/* --------------------------------------------------------------------------
   12. Telefonas. Riba 500px privalo sutapti su home.php galvutės @media bloku,
   home.php JS `matchMedia` riba ir reskin-kortele.css riba. Kitaip atsiranda
   plotis, kuriame nei karuselė veikia, nei tinklelis suveikia.
   -------------------------------------------------------------------------- */

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

	/* Iki 2026-08-01 #banner telefone buvo display:none, tad pirmojo ekrano ten
	   nebuvo, ir pirmas dalykas po antraštės buvo prekių sąrašas. */
	body.puslapis-pradinis .apm-pradinis-hero {
		grid-template-columns: 1fr; min-height: 0; margin: 14px 0; border-radius: 10px; }
	body.puslapis-pradinis .apm-pradinis-hero-juosta { order: -1; padding: 0; }
	body.puslapis-pradinis .apm-pradinis-hero-juosta .nivoSlider { border-radius: 0; }
	body.puslapis-pradinis .apm-pradinis-hero-tekstas { padding: 18px 18px 20px; }
	body.puslapis-pradinis .apm-pradinis-hero-zyme { font-size: 9px; margin-bottom: 10px; }
	body.puslapis-pradinis .apm-pradinis-hero #top #name h1 { font-size: 24px; margin: 0 0 10px; }
	body.puslapis-pradinis .apm-pradinis-hero-p { font-size: 13.5px; margin-bottom: 16px; }
	body.puslapis-pradinis .apm-pradinis-hero-mygtukai { gap: 10px; }
	body.puslapis-pradinis .apm-pradinis-mygtukas {
		flex: 1; justify-content: center; padding: 14px 18px; font-size: 12px; }

	/* Kategorijų mygtukai. Kompiuteryje jų nerodom, telefone tai vienintelis
	   kelias į kategorijas iki pat 4474 px. */
	body.puslapis-pradinis .apm-pradinis-kategorijos {
		display: flex; gap: 12px; overflow-x: auto; padding: 2px 0 18px;
		-webkit-overflow-scrolling: touch; scrollbar-width: none; }
	body.puslapis-pradinis .apm-pradinis-kategorijos::-webkit-scrollbar { display: none; height: 0; }
	body.puslapis-pradinis .apm-pradinis-kat {
		flex: none; width: 96px; text-align: center; text-decoration: none; }
	body.puslapis-pradinis .apm-pradinis-kat-nuotrauka {
		display: block; width: 96px; height: 96px; margin-bottom: 8px; border-radius: 10px;
		overflow: hidden; background: #F1E9E4; }
	body.puslapis-pradinis .apm-pradinis-kat-nuotrauka img {
		width: 100%; height: 100%; object-fit: cover; display: block; }
	body.puslapis-pradinis .apm-pradinis-kat-vardas {
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
		font-family: 'Outfit', sans-serif; font-size: 11.5px; line-height: 1.3; color: #221B1E; }
	body.puslapis-pradinis .apm-pradinis-pasitikejimas { grid-template-columns: 1fr 1fr; margin-bottom: 22px; }
	body.puslapis-pradinis .apm-pradinis-langelis { padding: 11px 12px; gap: 8px; }
	body.puslapis-pradinis .apm-pradinis-langelio-virsus { font-size: 11.5px; }
	body.puslapis-pradinis .apm-pradinis-langelio-apacia { font-size: 10.5px; }
	body.puslapis-pradinis #content .apm-pradinis-skyriaus-antraste { font-size: 19px; }
	body.puslapis-pradinis #content .apm-pradinis-skyriaus-antraste:before { height: 19px; width: 4px; }
	body.puslapis-pradinis #content .apm-pradinis-skyriaus-nuoroda { font-size: 11.5px; }
	body.puslapis-pradinis #content ul.first-and-second-carousel { margin-bottom: 22px; }
	body.puslapis-pradinis #content .apm-pradinis-ats { padding: 20px 16px; }
	body.puslapis-pradinis #content .apm-pradinis-ats-korteles { grid-template-columns: 1fr; }
	body.puslapis-pradinis #content .apm-pradinis-ats-vidurkis { font-size: 28px; }
}

@media all and (max-width: 360px) {
	body.puslapis-pradinis .apm-pradinis-hero #top #name h1 { font-size: 21px; }
}