@charset "utf-8";
/* ==========================================================================
   perkisau.lt: APVALKALO APAČIA. Kairė juosta, atsiliepimų sukiklis,
   „Facebook" langas, atsakomybės tekstas ir poraštė.
   Viršus (juosta, antraštė, meniu) yra reskin-apvalkalas.css.

   Kodėl atsirado (2026-08-02). Iki tol naujasis apvalkalas gyveno tik
   pradiniame puslapyje, o visur kitur likdavo senoji rausva antraštė ir rausva
   poraštė. Iš pradinio paspaudus „Apie mus" pasikeisdavo visa viršutinė dalis.
   Savininko formuluotė: „reikia suvienodinti apačioje atsakomybių tekstą ir
   svetainės viršų visoje svetainėje, padaryti kaip dabar yra tituliniame".

   Priešdėlis yra `body.reskin`, ne `body.puslapis-pradinis`: pirmąją klasę
   `info.php` jau deda perpieštiems puslapiams, o pradinis puslapis turi abi.

   Taisyklės perkeltos NEKEIČIANT nei turinio, nei tarpusavio eilės. Eilė
   svarbi: kelios reskin-pradinis-eiles.css taisyklės nugali ne specifiškumu, o
   tuo, kad stovi vėliau (`#menu-top ul` padding ir `justify-content`).

   Įkėlimo eilė: abu apvalkalo failai kraunami PO puslapio CSS failo. Puslapių
   failai apvalkalo selektorių neliečia (patikrinta 2026-08-02; vienintelis
   `#basket` reskin-preke.css faile yra prekės mygtukas).
   ========================================================================== */
/* ---------- 5. Kairė juosta. Maketas ją palieka, tad tik perdažom. ---------- */
body.reskin #middle-left { padding-top: 26px; }
/* 2026-08-01: `width: auto` čia buvo klaida. style.min.css duoda
   `.product-bg { width: 222px; float: left }`, o plaukiantis elementas su
   `auto` susitraukia iki turinio: grupių juostelės buvo 69px („Crest"), 70px
   („Furby") ir 222px ilgo pavadinimo grupėms, tai yra viena po kita nevienodo
   pločio. Reikia `100%` plius `border-box`, kad vidiniai tarpai tilptų viduje,
   o ne prisidėtų prie pločio. */
body.reskin #left-menu .product-bg {
	width: 100%; height: auto; box-sizing: border-box;
	background: #F8EEF0; border-left: 3px solid #D26A8E;
	border-radius: 0 3px 3px 0; padding: 10px 13px; margin: 0 0 6px; }
body.reskin #left-menu .product-bg h2 {
	margin: 0; font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 11px;
	line-height: 1.35; letter-spacing: 0.11em; text-transform: uppercase; color: #221B1E; }
/* Spalva dedama ant paties <a> su !important: meniu_left() jam rašo INLINE
   `color:#000`, bet computed reikšmė vis tiek buvo balta, tad ant rausvo fono
   grupių pavadinimai buvo beveik nematomi. */
body.reskin #left-menu .product-bg h2 a { color: #221B1E !important; text-decoration: none; }
body.reskin #left-menu .product-bg h2 a:hover { color: #8A3355 !important; }
body.reskin #left-menu ul { margin: 0 0 16px; padding: 5px 13px 0; list-style: none; }
body.reskin #left-menu ul li { background: none; border: none; margin: 0; padding: 0; }
body.reskin #left-menu ul li a {
	display: block; padding: 5px 0; background: none; text-decoration: none;
	font-family: 'Outfit', sans-serif; font-weight: 400; font-size: 13.5px; color: #4A3F44; }
body.reskin #left-menu ul li a:hover,
body.reskin #left-menu ul li a.active { color: #8A3355; }

/* --------------------------------------------------------------------------
   4. Kairės juostos apačia: atsiliepimų sukiklis ir „Facebook" langas

   Savininko sprendimas 2026-08-01: perpiešti abu, ne pašalinti.

   HTML čia NEKEIČIAMAS sąmoningai. js/main.js be jokios patikros kreipiasi į
   #testimonials_txt, #testimonials_name ir #testimonials_department, o duomenis
   ima iš testimonials.xml sinchroniniu XMLHttpRequest. Pašalinus ar pervadinus
   bent vieną iš tų trijų, main.js nulūžtų su TypeError, ir kartu su juo nustotų
   veikti viskas, kas registruojama po jo. Tad keičiam tik pavidalą.
   -------------------------------------------------------------------------- */

body.reskin #comments_slide,
body.reskin #facebook {
	width: 100%; box-sizing: border-box; float: none; overflow: hidden;
	background: #fff; border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 10px; padding: 15px 16px; margin: 0 0 12px;
}
body.reskin #comments_slide { height: auto; min-height: 168px; }
body.reskin #comments_slide h2,
body.reskin #facebook h2 {
	margin: 0 0 11px; padding: 0;
	font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 11px;
	line-height: 1.35; letter-spacing: 0.11em; text-transform: uppercase; color: #221B1E;
}
/* Senasis burbulas buvo piešiamas fono paveikslėliu su uodegėle. Naujame
   pavidale kortelė jau turi rėmelį, tad burbulo nebereikia. */
body.reskin #testimonials_bubble2 {
	width: auto; height: auto; background: none; border: 0; padding: 0; margin: 0;
}
body.reskin #testimonials_container {
	width: auto; height: auto; background: none; padding: 0; margin: 0;
}
body.reskin #testimonials_txt {
	margin: 0 0 9px; padding: 0;
	font-family: 'Outfit', sans-serif; font-weight: 300; font-size: 13px;
	line-height: 1.6; color: #4A3F44; font-style: normal; text-align: left;
}
/* Kabutės ženklas prieš citatą. Senajame paveikslėlyje jis buvo įpieštas. */
body.reskin #testimonials_txt:before {
	content: "\201E"; margin-right: 2px; color: #D26A8E; font-size: 15px;
}
body.reskin #testimonials_name {
	margin: 0; padding: 0; text-align: left;
	font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 12px; color: #221B1E;
}
body.reskin #testimonials_department {
	margin: 2px 0 0; padding: 0; text-align: left;
	font-family: 'Outfit', sans-serif; font-weight: 300; font-size: 11px;
	line-height: 1.4; color: #8E7F84;
}
/* „Facebook" langelis. Iframe turi INLINE plotį ir aukštį, tad juos nugali
   tik !important. Turinio viduje pakeisti negalim: jis svetimo domeno. */
body.reskin #facebook { height: auto; padding-bottom: 12px; }
body.reskin #facebook iframe {
	width: 100% !important; height: 230px !important;
	float: none; border: 0; border-radius: 7px; overflow: hidden;
}

/* --------------------------------------------------------------------------
   5. Atsakomybės tekstas
   -------------------------------------------------------------------------- */

body.reskin .apm-pradinis-atsakomybe {
	width: 100%; float: left; clear: both; box-sizing: border-box;
	margin: 6px 0 18px;
}
/* Suskleistas rodo pradžią, ne vien mygtuką: tekstas nukerpamas per aukštį,
   o apačioje užleidžiamas baltas perėjimas, kad būtų matyti, jog yra daugiau. */
body.reskin .apm-pradinis-atsakomybe-vidus {
	position: relative; overflow: hidden;
	max-height: 62px; transition: max-height .28s ease;
}
body.reskin .apm-pradinis-atsakomybe-vidus:after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34px;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
	pointer-events: none;
}
body.reskin .apm-pradinis-atsakomybe.atverta .apm-pradinis-atsakomybe-vidus {
	max-height: 1400px;
}
body.reskin .apm-pradinis-atsakomybe.atverta .apm-pradinis-atsakomybe-vidus:after {
	display: none;
}
body.reskin .apm-pradinis-atsakomybe-vidus div {
	font-family: 'Outfit', sans-serif; font-weight: 300; font-size: 11.5px;
	line-height: 1.65; color: #8E7F84;
}
body.reskin .apm-pradinis-atsakomybe-mygtukas {
	display: inline-flex; align-items: center; gap: 6px; margin: 9px auto 0;
	padding: 0; border: 0; background: none; cursor: pointer;
	font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 12px;
	letter-spacing: 0.04em; color: #8A3355;
}
body.reskin .apm-pradinis-atsakomybe-mygtukas:hover { color: #D26A8E; }
body.reskin .apm-pradinis-atsakomybe-eile { text-align: center; }
/* Rodyklė apsiverčia atvertus. */
body.reskin .apm-pradinis-atsakomybe-mygtukas i {
	font-style: normal; font-size: 10px; transition: transform .28s ease;
}
body.reskin .apm-pradinis-atsakomybe.atverta .apm-pradinis-atsakomybe-mygtukas i {
	transform: rotate(180deg);
}

/* ---------- 11. Poraštė ---------- */
body.reskin #footer { background: #1F1A1C; border: none; height: auto; }
body.reskin #page-footer { padding: 26px 26px 30px; height: auto; background: none; }
body.reskin #page-footer .footer-menu { width: 100%; height: auto; float: left; margin: 0; }
body.reskin #page-footer .footer-menu ul {
	display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0; padding: 0 0 18px;
	list-style: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
body.reskin #page-footer .footer-menu ul li {
	float: none; width: auto; margin: 0; padding: 0; background: none; }
body.reskin #page-footer .footer-menu ul li a {
	background: none; padding: 0; text-decoration: none; text-transform: none;
	font-family: 'Outfit', sans-serif; font-weight: 400; font-size: 13px; color: #D9CFD3; }
body.reskin #page-footer .footer-menu ul li a:hover { color: #D26A8E; }
body.reskin .footer-txt { width: 100%; float: left; margin: 16px 0 0; }
body.reskin .footer-txt-left {
	width: 100%; float: left; font-family: 'Outfit', sans-serif; font-weight: 300;
	font-size: 11.5px; line-height: 1.7; color: #8E8286; }
body.reskin .footer-txt-left a { color: #D9CFD3; text-decoration: none; }
body.reskin .footer-txt-left a:hover { color: #D26A8E; }

/* ---------- 9. Slapukų sutikimo juosta puslapio apačioje ----------

   Ją piešia cookieconsent 3.1.0 (Silktide), o konfigūracija su spalvomis guli
   trijuose šablonuose. Iki 2026-08-02 juosta buvo senoji rausva su žaliu
   mygtuku ir Helvetica šriftu, tai yra vienintelė parduotuvės vieta, likusi be
   reskino, nors ją mato kiekvienas naujas lankytojas.

   Priešdėlis čia `body`, o ne `body.reskin`: juosta rodoma kiekviename
   puslapyje, įskaitant tuos, kurių nėra `$perpiesti_puslapiai` sąraše. Stilius
   niekur nenuteka, nes `.cc-window` klasę turi tik ši juosta.

   Kodėl selektoriuose po dvi klases. Bibliotekos CSS `info.php` ir `_404.php`
   failuose kraunamas KŪNE, tai yra vėliau už šį failą, o prie vienodo
   specifiškumo laimi tas, kuris dokumente vėliau. `body .cc-window.cc-banner
   .cc-btn` yra (0,3,1) ir nugali bibliotekos `.cc-theme-classic
   .cc-btn:last-child` (0,2,1).

   Spalvų čia nėra sąmoningai: jas duoda paletė šablonuose, o biblioteka joms
   generuoja atskirą <style> bloką su `.cc-color-override` klase. Vienintelė
   išimtis yra nuoroda, kuriai paletė duotų teksto spalvą. */
/* Dešinysis tarpas yra 168px, ir tai ne skonis. Tame kampe stovi „Zendesk"
   pokalbių burbulas (`#launcher`, 108×50, z-index 999998), o juostos z-index yra
   9999, tad burbulas guli ant viršaus. Išmatuota 2026-08-02 per 1440 taškų:
   `elementFromPoint` mygtuko „Sutinku" viduryje grąžindavo tą iframe, ir iš 121
   taško pločio mygtuko paspausti buvo galima tik 23 taškų kraštelį. Juosta tada
   likdavo ekrane, nes pirkėjas jos tiesiog negalėjo uždaryti. */
body .cc-window.cc-banner {
	padding: 15px 168px 15px 30px;
	border-top: 1px solid #EAD9DE;
	box-shadow: 0 -6px 26px rgba(34, 27, 30, 0.09);
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 300; font-size: 14px; line-height: 1.45; }
body .cc-window.cc-banner .cc-message { margin-right: 26px; }
body .cc-window.cc-banner .cc-link {
	padding: 0; opacity: 1; color: #8A3355;
	text-decoration: underline; text-underline-offset: 3px; }
body .cc-window.cc-banner .cc-link:hover { color: #D26A8E; }
/* Mygtukas toks pat kaip „Pirkti" kortelėje: piliulė, Outfit 600, praretintos
   didžiosios. `min-width` ir `border` nuimami, nes juos duoda biblioteka. */
body .cc-window.cc-banner .cc-btn {
	min-width: 0; padding: 12px 30px; border: 0; border-radius: 40px;
	font-weight: 600; font-size: 12px; letter-spacing: 0.12em;
	text-transform: uppercase; }

@media all and (max-width: 500px) {
	/* Kairė juosta telefone stovi PO prekėmis, ir joje 48 nuorodos. Tarpai
	   mažesni negu kompiuteryje: su staliniais puslapis paaugo 706px. */
	body.reskin #middle-left { padding-top: 0; }
	body.reskin #left-menu .product-bg { padding: 7px 12px; margin: 0 0 3px; }
	body.reskin #left-menu ul { margin: 0 0 10px; padding: 2px 12px 0; }
	body.reskin #left-menu ul li a { padding: 2px 0; }

	body.reskin #page-footer { padding: 20px 14px 24px; }
	body.reskin #page-footer .footer-menu { margin: 0; }
	body.reskin #page-footer .footer-menu ul { gap: 8px 18px; }
	body.reskin #page-footer .footer-menu ul li { width: auto; }

	body.reskin .apm-pradinis-atsakomybe-vidus { max-height: 54px; }

	/* Slapukų juosta telefone. Biblioteka į stulpelį ją perlaužia tik ties 414
	   taškų, o mums riba yra 500, ir skirtumas nėra teorinis: 430 taškų ekrane
	   (iPhone 14 Pro Max) juosta dar būtų eilutė, ir mygtukas vėl atsidurtų po
	   pokalbių burbulu. Todėl stulpelį deklaruojam patys. Mygtukas tada stovi
	   kairėje, o burbulas lieka dešiniajame kampe, tad jie nebesiliečia. */
	body .cc-window.cc-banner {
		flex-direction: column; align-items: stretch;
		padding: 14px 16px; font-size: 13px; }
	body .cc-window.cc-banner .cc-message { margin: 0 0 11px; }
	body .cc-window.cc-banner .cc-compliance { justify-content: flex-start; }
	body .cc-window.cc-banner .cc-btn { padding: 11px 26px; }
}