@charset "utf-8";
/* ==========================================================================
   perkisau.lt: abu iššokantys langai

     contact_to_us.php   „Užpildykite formą ir mes susisieksime su Jumis"
     ask.php             „Klauskite apie prekę"

   VIENAS FAILAS DVIEM LANGAMS, ir tai sąmoninga. 2026-07-31 ask.php HTML
   pertvarkytas taip, kad sutaptų su contact_to_us.php struktūra: pirmas
   langelis yra etiketė virš lauko, antras pats laukas. Iki tol ask.php turėjo
   dviejų stulpelių lentelę su `align='right'` etiketėmis ir savo `<style>`
   bloką galvutėje. Sulyginus struktūras dizainą keisti reikia vienoje vietoje,
   o ne dviejose, kurios anksčiau ar vėliau išsiskirtų.

   **Pakeitus šį failą numerį reikia pakelti ABIEJUOSE failuose.**

   MAKETO ŠIEMS LANGAMS NĖRA, ir tai patikrinta: Claude Design projekte
   a1718d9b nėra nė vieno failo su iššokančia forma. Todėl čia nieko naujo
   nepiešiam, o kartojam tą pačią išvaizdą, kuri jau įgyvendinta Kontaktų
   formoje (css/reskin-kontaktai.css skyrius „3. Forma"). Tos pačios spalvos,
   tie patys šriftai, tie patys apvalinimai.

   KODĖL ATSKIRAS FAILAS, o ne įrašas $perpiesti_puslapiai masyve. Tas
   mechanizmas gyvena info.php faile, o abu šie failai yra savarankiški ir
   info.php nenaudoja, tad jis jų nepasiekia iš viso.

   Kraunamas PO css/style.min.css. Senojo failo neliečiam: jis yra viena
   23 000 ženklų eilutė be nė vienos @media taisyklės. Atšaukiama išmetus po
   vieną <link> eilutę iš abiejų failų.

   KĄ PERRAŠOM IŠ SENOJO FAILO:
     div.call_header       rausva #f37aa7 juosta su baltu paryškintu tekstu
     .call_inside input    31px aukščio laukas, pirštui per mažas
     input[type=submit]    ryškiai žalias gradientas #1f9c07, tas pats, kuris
                           visoje parduotuvėje krenta į akis labiausiai
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Pagrindas
   -------------------------------------------------------------------------- */

body {
	margin: 0;
	background: #FCFBFA;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.55;
	color: #221B1E;
	-webkit-text-size-adjust: 100%;
}

div.call_body {
	box-sizing: border-box;
	width: 100%;
	float: none;
	overflow: hidden;
	border-radius: 10px;
	background: #FCFBFA;
}

/* AUKŠČIO BIUDŽETAS, ir jo nepamirškit keisdami tarpus žemiau. fancybox šiam
   langui duoda 700px (info.php, .call nustatymai), tad visas turinys turi
   sutilpti maždaug į 650px: likusi vieta reikalinga pranešimui, kuris atsiranda
   po siuntimo. Iki 2026-07-31 langas buvo 400x600, o turinys 716px, tad
   mygtukas „Siųsti" likdavo už lango ribos.

   Tikrinti reikia matuojant document.body.scrollHeight, ne skaitant CSS.

   Antraštė: rausva juosta keičiama švelniu akcento fonu ir Bodoni antrašte,
   tokia pat kaip perpieštų puslapių viršuje. */
div.call_header {
	box-sizing: border-box;
	width: 100%;
	float: none;
	padding: 18px 26px 14px;
	border-bottom: 1px solid rgba(34, 27, 30, 0.08);
	background: #F8EEF0;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 1.25;
	text-align: left;
	color: #221B1E;
}

.call_inside {
	padding: 20px 26px 20px;
}

/* --------------------------------------------------------------------------
   2. Prekės juosta. Tik ask.php: rodo, apie kurią prekę klausiama.
   Iki 2026-07-31 lange nebuvo nieko, kas tai pasakytų.
   -------------------------------------------------------------------------- */

.call_inside .ask-preke {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 20px;
	padding: 12px 14px;
	border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 8px;
	background: #fff;
}
/* Miniatiūros yra mažos ir įvairių proporcijų (127x180 stačios, 170x124
   gulsčios), tad langelis fiksuotas, o nuotrauka stovi jo viduryje savo
   proporcijomis. Taip pat kaip prekių sąrašų kortelėse. */
.call_inside .ask-preke img {
	flex: none;
	width: 52px;
	height: 52px;
	object-fit: contain;
	border-radius: 4px;
	background: #FCFBFA;
}
.call_inside .ask-preke > div {
	min-width: 0;
}
.call_inside .ask-preke-etikete {
	display: block;
	margin: 0 0 3px;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #8A3355;
}
.call_inside .ask-preke b {
	/* Bendra .call_inside b taisyklė piešia apsaugos kodo langelį, tad čia ją
	   atstatom: prekės pavadinimas yra tekstas, ne punktyrinis kodas. Prefiksas
	   .call_inside būtinas: be jo abi taisyklės būtų vienodo specifiškumo, o
	   kodo langelio taisyklė stovi žemiau ir nugalėtų.

	   Kerpam ties dviem eilutėmis. Šios parduotuvės pavadinimai būna labai ilgi
	   („Victoria's Secret Flavor Favorites Lūpų Blizgių Rinkinys (5 vnt.) –
	   Skanus Švytėjimas Kiekvienai Dienai"), o iššokančio lango aukštį fancybox
	   gauna iš anksto, tad jis negali priklausyti nuo prekės vardo ilgio.
	   Senesnės naršyklės, nemokančios line-clamp, parodys visą vardą: langas
	   tada tik paaukštėja, niekas nesulūžta. */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.35;
	letter-spacing: 0;
	color: #221B1E;
}

/* Kai atidaroma be prekės numerio. Iki 2026-07-31 langas tada būdavo tuščias. */
.call_inside .ask-tuscia {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #4A3F44;
}
.call_inside .ask-tuscia a {
	color: #8A3355;
}

/* --------------------------------------------------------------------------
   3. Forma. HTML ateina iš contact() (contact_to_us.php) ir query_ask()
   (ask.php). Abi lentelės vieno stulpelio ir vienodos struktūros, tad
   išdėstymo laužyti nereikia: užtenka perdažyti etiketes ir laukus.
   -------------------------------------------------------------------------- */

.call_inside table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}
.call_inside td {
	box-sizing: border-box;
	width: 100%;
	float: none;
	display: block;
	padding: 0;
	border: 0;
	text-align: left;
}

/* Etiketė virš lauko. Tokia pat kaip #content .apm-forma td:first-child. */
.call_inside .label,
.call_inside tr.label td {
	box-sizing: border-box;
	width: 100%;
	float: none;
	padding: 0;
	margin: 0 0 7px;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #8E7F84;
}

/* Laukai. Iki 2026-07-31 jų aukštis buvo 31px, o pirštui reikia bent 44px:
   14px + 14px vidinio tarpo plius eilutės aukštis duoda apie 50px. */
.call_inside input[type=text],
.call_inside textarea {
	box-sizing: border-box;
	display: block;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 11px;
	padding: 14px 16px;
	border: 1px solid rgba(34, 27, 30, 0.18);
	border-radius: 6px;
	background: #FCFBFA;
	box-shadow: none;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.4;
	color: #221B1E;
}
.call_inside textarea {
	height: 88px;
	resize: vertical;
}
.call_inside input[type=text]:focus,
.call_inside textarea:focus {
	border-color: #D26A8E;
	outline: none;
}

/* Apsaugos kodas. Nuo 2026-07-31 jis nebeguli paslėptame lauke, o keliauja
   sesijoje, tad tai, kas parodyta, yra vienintelė jo vieta puslapyje.
   Punktyrinis langelis rodo, kad reikšmę reikia perrašyti. */
.call_inside b {
	/* Blokas, ne inline: contact() etiketę ir kodą deda į TĄ PATĮ langelį
	   („Apsaugos kodas: <b>ABCD</b>"), o Kontaktuose jie yra dviejuose, tad
	   kodas ten atsiduria po etikete. Suvienodinam nekeisdami PHP.
	   display:table, o ne block: taip langelis pradeda naują eilutę, bet lieka
	   tokio pločio, kokio reikia keturiems ženklams, be jokio įrašyto skaičiaus. */
	display: table;
	margin: 3px 0 8px;
	padding: 9px 16px;
	border: 1px dashed rgba(34, 27, 30, 0.25);
	border-radius: 6px;
	background: #F8EEF0;
	font-family: ui-monospace, "Courier New", monospace;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.22em;
	color: #8A3355;
}

/* Mygtukas. Žalias gradientas keičiamas piliule, tokia pat kaip visuose
   perpieštuose puslapiuose. */
.call_inside input[type=submit] {
	box-sizing: border-box;
	width: 100%;
	margin: 6px 0 0;
	padding: 15px 34px;
	border: 0;
	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;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #FCFBFA;
	cursor: pointer;
}
.call_inside input[type=submit]:hover {
	background: #8A3355;
}

/* --------------------------------------------------------------------------
   4. Pranešimai po siuntimo
   Skiriami pagal inline reikšmę, kaip ir Kontaktuose: email() sėkmę išveda
   žaliu #96ec91 fonu, o klaidą raudonu <font> tekstu. Taip HTML keisti
   nereikia.
   -------------------------------------------------------------------------- */

.call_inside div[style*="96ec91"] {
	box-sizing: border-box;
	width: 100% !important;
	float: none !important;
	margin: 14px 0 0;
	padding: 11px 18px !important;
	border-radius: 8px;
	background: #E8F4EE !important;
}
.call_inside div[style*="96ec91"] font {
	margin-left: 0 !important;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-size: 14px !important;
	color: #1E7A4D;
}
.call_inside font[style*="red"] {
	display: inline-block;
	margin: 14px 0 0 0 !important;
	padding: 11px 18px;
	border-radius: 8px;
	background: #FBEAE8;
	font-family: 'Outfit', 'Source Sans Pro', sans-serif;
	font-size: 14px !important;
	color: #B3261E !important;
}

/* --------------------------------------------------------------------------
   5. Telefonas
   fancybox iframe'ui plotį duoda pats fancybox, tad čia rūpi tik vidiniai
   tarpai: per 375px langą 26px iš abiejų pusių atima per daug vietos.
   -------------------------------------------------------------------------- */

@media all and (max-width: 480px) {
	div.call_header {
		padding: 18px 16px 14px;
		font-size: 18px;
	}
	.call_inside {
		padding: 18px 16px 20px;
	}
	/* Telefone vietos dar mažiau nei kompiuteryje, tad laukas ne aukštesnis, o
	   žemesnis. Iki pataisymo čia buvo 96px, tai yra daugiau nei 88px viršuje. */
	.call_inside textarea {
		height: 76px;
	}
}