@charset "utf-8";
/* ==========================================================================
   perkisau.lt: APVALKALO VIRŠUS. Puslapio pagrindas, viršutinė juosta,
   antraštė su paieška, įvertinimu ir krepšeliu, meniu su kategorijų skydeliu.
   Apačia (kairė juosta, atsakomybė, poraštė) yra reskin-apvalkalas-apacia.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).
   ========================================================================== */
/* ---------- 1. Puslapio pagrindas ---------- */
/* Trijų brūkšnių mygtukas kompiuteryje nereikalingas: meniu juosta matoma
   visada. Telefono blokas failo gale šią eilutę perrašo, nes stovi vėliau.

   2026-08-02: eilutė atkeliavo iš reskin-pradinis-eiles.css ir privalo gyventi
   BŪTENT čia. Palikta ten ji nugalėdavo telefono taisyklę, nes tas failas
   kraunamas vėliau, ir mygtukas dingdavo visuose pločiuose. */
body.reskin #nav-toggle { display: none; }

body.reskin { background: #ECE4E1; }
body.reskin #page { background: #FCFBFA; box-shadow: 0 40px 80px -60px rgba(34,27,30,0.55); }

/* --------------------------------------------------------------------------
   2. Viršutinė juosta. Parduotuvėje jos nebuvo iš viso. #phone yra senasis
   „Perskambinkite man" blokas, perkeltas čia iš antraštės kairės. Jo IŠIMTI
   NEGALIMA: klasę .call kabina fancybox.
   -------------------------------------------------------------------------- */
body.reskin .apm-pradinis-juosta { width: 100%; float: left; background: #221B1E; }
body.reskin .apm-pradinis-juosta-vidus {
	display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 26px;
	font-family: 'Outfit', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 0.04em; color: #D9CFD3; }
body.reskin .apm-pradinis-juosta-kaire,
body.reskin .apm-pradinis-juosta-desine { display: inline-flex; align-items: center; gap: 16px; }
body.reskin .apm-pradinis-pazadas { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
body.reskin .apm-pradinis-pazadas:before {
	content: ""; width: 5px; height: 5px; border-radius: 50%; background: #D26A8E; flex: none; }
body.reskin .apm-pradinis-skirtukas { opacity: 0.35; }
body.reskin .apm-pradinis-juosta-tel { color: #C8BEC2; text-decoration: none; white-space: nowrap; }
body.reskin .apm-pradinis-juosta-tel:hover { color: #FCFBFA; }
body.reskin .apm-pradinis-juosta-desine #phone {
	width: auto; height: auto; position: static; float: none; margin: 0; padding: 0; background: none; }
body.reskin .apm-pradinis-juosta-desine #phone a.call {
	display: inline; background: none; color: #C8BEC2; text-decoration: none;
	font-size: 12px; font-weight: 300; line-height: 1.2; white-space: nowrap; }
body.reskin .apm-pradinis-juosta-desine #phone a.call:hover { color: #FCFBFA; }

/* ---------- 3. Antraštė ---------- */
body.reskin #header {
	width: 100%; height: auto; box-sizing: border-box; padding: 20px 26px 0; background: #FCFBFA;
	display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
/* Mėsainio mygtuką slepia ir rodo reskin-pradinis-eiles.css. */
body.reskin #logo { float: none; flex: none; margin: 0; padding: 0; height: auto; }
body.reskin #logo img { display: block; height: 62px; width: auto; }

body.reskin #search-d { flex: 1; min-width: 220px; position: relative; }
body.reskin #search-d form {
	display: flex; align-items: center; gap: 9px; max-width: 420px; padding: 10px 18px;
	background: #F5EFEC; border: 1px solid rgba(34,27,30,0.09); border-radius: 40px; }
body.reskin #search-d .input-search { flex: 1; min-width: 0; }
body.reskin #search-d input[type=text] {
	width: 100%; border: none; background: transparent; outline: none; padding: 0;
	font-family: 'Outfit', sans-serif; font-size: 14px; color: #221B1E; }
body.reskin #search-d input[type=submit] {
	width: 17px; height: 17px; border: none; cursor: pointer; flex: none; padding: 0;
	background: transparent url(../images/search-icon.png) no-repeat center; background-size: contain; }
body.reskin #search-d .search-more {
	display: inline-block; margin: 5px 0 0 18px; background: none; text-decoration: none;
	font-family: 'Outfit', sans-serif; font-size: 11px; letter-spacing: 0.08em; color: #8A3355; }
body.reskin #search-d .search-more:hover { color: #D26A8E; text-decoration: underline; }

body.reskin #atsiliepimai_head {
	width: auto; height: auto; float: none; flex: none; margin: 0; padding: 0; background: none;
	cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
body.reskin #atsiliepimai_head > span:first-child { display: none; }
/* `float:none` ir `width:auto` BŪTINI, ir `display` vieno neužtenka:
   style.min.css duoda `#atsiliepimai_head span{float:left;width:70px}`, o
   plaukiantis elementas visada tampa `block`. */
body.reskin #atsiliepimai_head .apm-pradinis-ivert-zvaigzdes {
	float: none; width: auto; margin: 0; display: inline-flex; align-items: center; gap: 1px;
	color: #D26A8E; font-size: 12px; white-space: nowrap; }
body.reskin #atsiliepimai_head .fa,
body.reskin #content .apm-pradinis-ats-zvaigzdes .fa,
body.reskin #content .apm-pradinis-ats-mazos .fa {
	float: none; width: auto; height: auto; margin: 0; padding: 0;
	display: inline-block; color: #D26A8E; }
body.reskin #atsiliepimai_head .apm-pradinis-ivert-tekstas {
	float: none; width: auto; margin: 0; display: flex; flex-direction: column;
	line-height: 1.25; font-family: 'Outfit', sans-serif; }
/* Viršutinė eilutė `.apm-pradinis-ivert-virsus` aprašyta reskin-pradinis-eiles.css
   faile: šis jau stovi ties 400 LOC riba. */
body.reskin .apm-pradinis-ivert-suma { font-weight: 500; font-size: 12.5px; color: #221B1E; }
body.reskin .apm-pradinis-ivert-kiek { font-weight: 300; font-size: 11px; color: #8E7F84; white-space: nowrap; }
/* 2026-08-01: „1140 atsiliepimų" stovėjo 30px per žemai ir 19px per dešinėje.
   Reikšmės ateina iš style.min.css `#atsiliepimai_head span` (1,0,1), o eilutė
   aukščiau yra (0,2,0), tad ji pralaimėdavo. Dvyliktame bloke float, width ir
   margin buvo perrašyti žvaigždutėms ir teksto stulpeliui, bet šis vidinis
   `span` pamirštas. Prefiksas su ID pakelia specifiškumą iki (1,2,1). */
body.reskin #atsiliepimai_head .apm-pradinis-ivert-kiek {
	float: none; width: auto; height: auto; margin: 0; padding: 0; }

/* Krepšelis. count_cart() <a> turi INLINE spalvą ir pabraukimą, tad juos nugali
   tik !important. Funkcijos keisti negalima: ją naudoja ir info.php. */
body.reskin #basket-contact { width: auto !important; height: auto; float: none; flex: none; }
body.reskin #basket { width: auto; height: auto; float: none; margin: 0; padding: 0; background: none; }
body.reskin #basket-text { width: auto; height: auto; float: none; margin: 0; padding: 0; }
body.reskin #basket-text a {
	display: inline-block; margin: 0 !important; padding: 11px 18px; border-radius: 40px;
	background: #221B1E; color: #FCFBFA !important; text-decoration: none !important;
	font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 13px; white-space: nowrap; }
body.reskin #basket-text a:hover { background: #8A3355; color: #FCFBFA !important; }
body.reskin #contact { display: none; }

/* ---------- 4. Meniu ---------- */
body.reskin #menu-con {
	width: 100% !important; height: auto; float: none; background: none; position: relative;
	border-top: 1px solid rgba(34,27,30,0.09); margin-top: 16px; }
/* box-shadow ateina iš style.min.css ir naujame dizaine neturi ką veikti:
   būtent jis piešia tą „langą", kurį savininkas apibraukė 2026-08-01. */
body.reskin #menu-top {
	width: 100% !important; height: auto; float: none; background: none; box-shadow: none; }
/* 2026-08-01 savininko prašymu meniu patrauktas į dešinę. Antraštėje kairėje
   stovi logotipas, tad dešinysis kraštas juos suriša į vieną stulpelį. */
body.reskin #menu-top ul {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 24px;
	margin: 0; padding: 13px 26px; list-style: none; background: none; }
body.reskin #menu-top ul li {
	float: none; width: auto; height: auto; margin: 0; padding: 0; background: none; border: none; }
body.reskin #menu-top ul li a {
	display: inline-block; padding: 0 0 4px; background: none; border: none; text-decoration: none;
	font-family: 'Outfit', sans-serif; font-weight: 400; font-size: 13.5px;
	letter-spacing: 0.02em; text-transform: none; color: #221B1E; }
body.reskin #menu-top ul li a:hover,
body.reskin #menu-top ul li a.active { color: #8A3355; border-bottom: 2px solid #D26A8E; }
/* Detalios paieškos skydelis iškrenta po meniu, o ne stumia turinio žemyn.
   Veikia todėl, kad #menu-con turi position:relative. Jį rodo ir slepia
   js/main.js `.search-more` tvarkyklė, tad `display` čia neliečiam. */
body.reskin #menu-con > .apm-paieskos-skydelis {
	position: absolute; top: 100%; right: 0; z-index: 300; width: 380px; }
/* Padėtį (`top`) taiso reskin-pradinis-eiles.css, žr. paaiškinimą ten. */
body.reskin .submenu {
	background: #FCFBFA; border: 1px solid rgba(34,27,30,0.09); border-radius: 0 0 10px 10px; padding: 8px; }
body.reskin .submenu .sub-top h2 {
	margin: 0 0 4px; font-family: 'Outfit', sans-serif; font-weight: 600;
	font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; }
body.reskin .submenu .sub-top h2 a { color: #221B1E !important; }
body.reskin .submenu .sub-top ul { margin: 0; padding: 0; list-style: none; }
/* `!important` BŪTINAS, ir tai ta pati pamoka, kaip du kartus anksčiau: ID
   sename faile nugali bet kiek klasių. Iškrentantis meniu gyvena #menu-top
   viduje, o style.min.css duoda `#menu-top ul li a{color:#fff}` (1,0,3), tad ši
   eilutė be `!important` yra (0,3,4) ir pralaimi. Rezultatas buvo baltos
   nuorodos ant beveik balto #FCFBFA fono: skydelis atsiverdavo, bet jame
   nesimatydavo nieko, išskyrus grupių antraštes. Savininkas 2026-08-01 tai
   aprašė kaip „išlenda, bet nesimato". */
body.reskin .submenu .sub-top ul li a {
	font-family: 'Outfit', sans-serif; font-size: 13px; color: #4A3F44 !important; }
body.reskin .submenu .sub-top ul li a:hover { color: #8A3355 !important; }

/* --------------------------------------------------------------------------
   6. Antraštė ir meniu: savininko pastabos po pirmojo kėlimo

   Šios taisyklės pagal prasmę priklauso reskin-pradinis.css failui, bet jis jau
   stovi ties 400 LOC riba, o `file-size-guard` už ją baudžia. Kraunam vėliau,
   tad prie vienodo specifiškumo laimi jos.
   -------------------------------------------------------------------------- */

/* Įvertinimo viršutinė eilutė: vidurkis, iškart po jo žvaigždutės, o skaičius
   lieka apačioje. Savininko pastaba 2026-08-01: žvaigždutės stovėjo šone, o
   turi būti TARP vidurkio ir atsiliepimų skaičiaus. */
body.reskin #atsiliepimai_head .apm-pradinis-ivert-virsus {
	float: none; width: auto; height: auto; margin: 0; padding: 0;
	display: inline-flex; align-items: center; gap: 7px;
}

/* Iškrentantis kategorijų meniu. `top: 148px` ateina iš style.min.css ir yra
   senojo, aukštesnio antgalvio matmuo. Naujas #menu-con yra 65px aukščio, tad
   skydelis atsirasdavo 84px ŽEMIAU juostos. Tarpas ir buvo visa bėda: pelė,
   keliaudama nuo meniu punkto žemyn, išeidavo ir iš punkto, ir iš skydelio, o
   js/main.js `hover` tvarkyklė tada jį paslėpdavo. Skydelis mirktelėdavo ir
   dingdavo, o savininkas tai aprašė kaip „neužsifiksuoja ir nesimato".
   `top: 100%` prilipdo jį prie pačios juostos, tad kelias pelei nenutrūksta. */
body.reskin .submenu {
	top: 100%; left: 0; box-sizing: border-box; max-width: 100%;
}

/* --------------------------------------------------------------------------
   Telefonas. Riba 500px privalo sutapti su home.php galvutės @media bloku,
   home.php JS `matchMedia` riba ir reskin-kortele.css riba.
   -------------------------------------------------------------------------- */

@media all and (max-width: 500px) {
	body.reskin .apm-pradinis-juosta-vidus {
		flex-direction: column; gap: 4px; padding: 8px 14px; font-size: 11px; text-align: center; }
	body.reskin .apm-pradinis-juosta-kaire { gap: 10px; }
	body.reskin .apm-pradinis-skirtukas,
	body.reskin .apm-pradinis-pazadas:nth-child(3) { display: none; }
	body.reskin .apm-pradinis-juosta-desine #phone { display: block; }
	/* Eilių tvarka kritinė: be `order` #search-m atsistoja pirma, palieka
	   logotipui 95px iš 347, ir `max-width:100%` jį suploja iki 21px. */
	body.reskin #header { padding: 12px 14px 0; gap: 10px; }
	body.reskin #logo { width: auto !important; padding: 0; order: 1; flex: 1; }
	body.reskin #logo img { height: 40px; width: auto !important; max-width: 100%; }
	body.reskin #basket-contact { order: 2; width: auto !important; }
	body.reskin #basket { margin: 0; }
	body.reskin #basket-text a { padding: 9px 13px; font-size: 11.5px; }
	body.reskin #atsiliepimai_head { order: 4; width: 100% !important; margin: 0; justify-content: center; }

	/* Stalinis skydelis telefone nereikalingas: `.search-more` tvarkyklė atidaro
	   VISUS `.detail` elementus iš karto, o mobilus savo skydelį jau turi
	   #search-m viduje. Be `!important` neužtenka: jQuery rašo display INLINE. */
	body.reskin #menu-con > .apm-paieskos-skydelis { display: none !important; }

	/* Mobili paieška. `product_name_min_m` ir `.search-more` privalo likti: pirmą
	   kabina autocomplete, antrą js/apvalkalas.js. Sprite'o gabalai slepiami.

	   `display:block` BŪTINAS ir tai išmatuota 2026-08-02. `style.min.css` duoda
	   `#search-m { display:none }` be jokio media bloko, o pradiniame puslapyje jį
	   nugalėdavo home.php galvutės eilutė. info.php ir _404.php tokios neturi, tad
	   perkėlus paiešką iš turinio į antraštę telefone nebūtų likę jokios paieškos:
	   antraštės `#search-d` telefone slepiamas. */
	body.reskin #search-m { display: block; order: 3; width: 100%; float: none; margin: 0; }
	body.reskin #search-mobile {
		width: 100%; min-height: 0; float: none; margin: 0; padding: 0; background: none; overflow: visible; }
	body.reskin #search-m .top, body.reskin #search-m .left,
	body.reskin #search-m .right, body.reskin #search-m .bottom { display: none; }
	body.reskin #search-m .search-field {
		width: 100%; height: auto; float: none; box-sizing: border-box; padding: 10px 16px;
		background: #F5EFEC; border: 1px solid rgba(34,27,30,0.09); border-radius: 40px; }
	body.reskin #search-m .search-field form { display: flex; align-items: center; gap: 9px; }
	body.reskin #search-m .input-search { flex: 1; min-width: 0; }
	body.reskin #search-m .input-search input {
		width: 100%; border: none; background: transparent; outline: none; padding: 0;
		font-family: 'Outfit', sans-serif; font-size: 14px; color: #221B1E; }
	body.reskin #search-m .search-field input[type=submit] {
		width: 17px; height: 17px; border: none; flex: none; padding: 0; cursor: pointer;
		background: transparent url(../images/search-icon.png) no-repeat center; background-size: contain; }
	body.reskin #search-m .search-more { display: inline-block; margin: 5px 0 0 16px;
		background: none; text-decoration: none; font-family: 'Outfit', sans-serif;
		font-size: 11px; letter-spacing: 0.08em; color: #8A3355; }

	/* Antraštės paieška telefone slepiama: antgalvyje jau yra #search-m su tuo
	   pačiu lauku, o du vienodi laukai vienas po kito klaidina. */
	body.reskin #search-d { display: none; }

	/* Mėsainio mygtuko taisyklės gyvena reskin-pradinis-eiles.css faile: šis jau
	   stovi ties 400 LOC riba.

	   2026-08-04: #menu-top telefone vėl MATOMA, savininko nurodymu. Slėpti ją
	   buvo klaida: slenkama juosta su „Prekių katalogas, Apie mus, Kontaktai"
	   yra pagrindinė telefono navigacija, ir ji dingo už mygtuko. Mygtukas nuo
	   šiol atidaro kategorijų skydelį, ne šią juostą, tad abu vienas kitam
	   nebetrukdo, žr. js/main.js #nav-toggle tvarkyklę. */
	body.reskin #menu-con { order: 5; margin-top: 10px; }

	/* `overflow: visible` BŪTINAS abiem, ir be jo kategorijų skydelio telefone
	   NESIMATO VISAI. info.php ir _404.php galvučių blokuose tebeguli senojo
	   dizaino `overflow:hidden` ant #header ir #menu-con: juo anuomet būdavo
	   apimami plaukiantys vaikai. Skydelis yra `position:absolute` ties
	   `top:100%`, tai yra IŠ KARTO PO tėvo apačia, tad kerpant jis atsiduria už
	   ribos ir dingsta visas.
	   Matmenys tokiu atveju NEAPGAUNA: išmatuota 2026-08-02, skydelis buvo
	   347x548, `display:block`, `visibility:visible`, o `elementFromPoint` jo
	   viduryje grąžindavo puslapio H1. home.php šitas nuimtas 2026-08-04. */
	body.reskin #header { overflow: visible; }
	body.reskin #menu-con { overflow: visible; }
	/* `display:block` BŪTINAS. info.php ir _404.php galvučių blokuose tebeguli
	   senojo dizaino eilutė `#menu-top { display:none }`: anuomet juosta telefone
	   gulėdavo suskleista, o mėsainio mygtukas ją atverdavo. Naujame dizaine ji
	   yra slenkama horizontaliai ir matoma visada, o mygtukas atidaro kategorijų
	   skydelį. home.php ta eilutė pašalinta 2026-08-04, tad ten to nesimatė. */
	body.reskin #menu-top { display: block; }
	body.reskin #menu-top ul {
		display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 18px; padding: 11px 14px;
		-webkit-overflow-scrolling: touch; scrollbar-width: none; }
	body.reskin #menu-top ul::-webkit-scrollbar { display: none; height: 0; }
	body.reskin #menu-top ul li {
		flex: none; width: auto; background: none; border: none; font-weight: 400; }
	body.reskin #menu-top ul li a { white-space: nowrap; font-size: 13px; }
	/* Nukertamą paskutinį punktą taiso reskin-pradinis-eiles.css. */

	/* Paskutinis meniu punktas („Kontaktai") buvo nukertamas ties „Kontak".
	   Priežastis sena naršyklių elgsena: slenkamame flex konteineryje juostos
	   galo `padding-right` į slinkties plotį neįskaičiuojamas, tad paskutinį
	   elementą nurėžia lygiai vidinio tarpo pločiu. Tarpą perkeliam ant paties
	   punkto, ir tada jis slinkties ilgiui priklauso. */
	body.reskin #menu-top ul { padding-right: 0; }
	body.reskin #menu-top ul li:last-child { padding-right: 14px; }

	/* `justify-content: flex-end` galioja tik kompiuteriui, ir čia jį BŪTINA
	   atstatyti. Telefone juosta yra slenkama, o slenkamame konteineryje
	   `flex-end` perteklių išstumia į KAIRĘ, į neigiamas koordinates, kurių
	   `scrollLeft` nepasiekia. Išmatuota 2026-08-01: keturi pirmieji punktai
	   atsidūrė ties -376, -259, -116 ir -55 px, tai yra tapo nepasiekiami. */
	body.reskin #menu-top ul { justify-content: flex-start; }

	/* Trijų brūkšnių mygtukas antraštėje. Brūkšnius piešia `span` su dviem
	   pseudoelementais, o jų storį ir spalvą duoda home.php galvutės blokas.
	   Čia tik pastatom mygtuką į eilę su įvertinimu ir padidinam iki 34px, kad
	   pirštui būtų į ką pataikyti: senasis buvo 35x26 su nuline paraše. */
	/* `order: 4`, o ne 3, ir tai išmatuota. #search-m antraštėje jau turi
	   `order: 3`, tad prie vienodos reikšmės sprendžia DOM eilė ir mygtukas
	   atsidurdavo pirmos eilutės gale, x=327, o įvertinimas nusileisdavo į savo
	   eilutę. Prilyginus jį įvertinimo reikšmei, abu atsiduria vienoje eilutėje,
	   o mygtukas eina pirmas, nes DOM'e stovi prieš. */
	body.reskin #nav-toggle {
		display: block; order: 4; float: none; flex: none; position: relative;
		margin: 0; padding: 0; width: 34px; height: 34px;
	}
	body.reskin #nav-toggle span,
	body.reskin #nav-toggle span:before,
	body.reskin #nav-toggle span:after {
		background: #221B1E; width: 22px; height: 2px; border-radius: 2px;
	}
	body.reskin #nav-toggle span { top: 16px; left: 6px; }
	/* Įvertinimas dalijasi eilute su mygtuku. 2026-08-04 savininko nurodymu jis
	   patrauktas į DEŠINĮ kraštą: mygtukas lieka kairėje, po logotipu, o
	   žvaigždutės atsiduria po krepšeliu. `flex: 1` čia ir toliau būtinas, nes
	   būtent jis atiduoda blokui visą likusią eilutės vietą, o be jos
	   `flex-end` neturėtų kur stumti turinio. */
	body.reskin #atsiliepimai_head {
		order: 4; width: auto !important; flex: 1; justify-content: flex-end;
	}

	/* Kategorijų skydelis, kurį atidaro mėsainio mygtukas.

	   Skydelio žymė turi INLINE `width:1200px`, `float:left` ir
	   `overflow:hidden`, tad telefonui jį reikia tramdyti. Plotį jau riboja
	   `max-width:100%` (6 skyrius), o čia lieka aukštis: be ribos ilgas
	   kategorijų sąrašas nusidriektų per kelis ekranus, o uždaryti jį būtų
	   galima tik grįžus į viršų prie mygtuko.

	   `overflow-y` reikalauja `!important`: inline `overflow:hidden` nustato
	   abi ašis, ir be jo skydelis liktų nepaslenkamas, tai yra apkirptas. */
	body.reskin .submenu {
		max-height: 72vh; overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		border-radius: 0 0 10px 10px;
		box-shadow: 0 24px 40px -26px rgba(34, 27, 30, 0.55);
	}
	/* Kategorijų grupės telefone eina viena po kita per visą plotį. Visi trys
	   dydžiai ateina iš INLINE stiliaus (`width:222px; margin:7px; float:left`),
	   tad kiekvienas jų nugalimas tik su `!important`. */
	body.reskin .submenu .sub-top {
		width: auto !important; float: none !important; margin: 0 0 14px !important;
	}
	body.reskin .submenu .sub-top:last-child { margin-bottom: 4px !important; }
	/* Grupės vidinis sąrašas irgi privalo nustoti plaukioti, ir be šios eilutės
	   skydelis atrodo sugriuvęs.

	   Kompiuteryje grupė pati yra `float:left`, o plaukiantis blokas savo
	   plaukiančius vaikus apima. Telefone grupei nuėmus plaukimą tos savybės
	   nebelieka: sąrašas iškrenta iš grupės, grupės aukštis nukrenta iki vienos
	   antraštės (išmatuota: 19px vietoj 239px), ir devynios kategorijų grupės
	   sulipa viena ant kitos. Būtent taip skydelis ir atrodė po pirmo kėlimo.

	   `!important` paliktas sąmoningai: `float` ateina iš style.min.css, o to
	   failo ID selektorių klasėmis nenugalėsi. */
	body.reskin .submenu .sub-top ul { float: none !important; }

	/* Grupės su išskleidimu. Savininko nurodymas 2026-08-02: mygtukas
	   atskleisdavo visą detalų meniu, tai yra devynias grupes ir po jomis visus
	   38 pogrupius vienu metu, tad skydelis telefone buvo ilgesnis už kelis
	   ekranus. Dabar matomos tik grupės, o pogrupiai išsiskleidžia paspaudus.
	   Klases `turi-pogrupiu` ir `atverta` deda js/apvalkalas.js. */
	/* `!important` BŪTINAS. info.php ir _404.php galvučių <style> blokuose
	   tebeguli senojo dizaino eilutės `li.sub:hover .submenu { display:none
	   !important }` ir `.submenu:hover { display:none !important }`. Jos buvo
	   skirtos sustabdyti kompiuterio hover skydelį telefone, bet `!important`
	   nugali net inline stilių, tad pirštui palietus skydelį jis dingdavo.
	   Klasę `atvertas` uždeda js/apvalkalas.js. */
	body.reskin .submenu.atvertas { display: block !important; }

	body.reskin .submenu .sub-top ul { display: none; padding: 0 0 10px 14px; }
	body.reskin .submenu .sub-top.atverta ul { display: block; }
	body.reskin .submenu .sub-top + .sub-top { border-top: 1px solid rgba(34, 27, 30, 0.08); }
	/* `box-sizing` čia BŪTINAS ir tai išmatuota. Galvutės blokas duoda
	   `h1,h2,h3 { width:100% }`, o su numatytu `content-box` prie tų 100%
	   prisideda dar 34 taškai vidinių tarpų. Antraštė tada išsiverždavo iš
	   grupės (348 vietoj 314), o rodyklė ties `right:10px` atsidurdavo už
	   skydelio krašto, kur jį kerpa `overflow-x:hidden`. */
	body.reskin .submenu .sub-top h2 {
		margin: 0; padding: 12px 30px 12px 4px; position: relative; box-sizing: border-box; }
	body.reskin .submenu .sub-top.turi-pogrupiu h2 { cursor: pointer; }
	/* Rodyklė. Grupė be pogrupių jos negauna: ten antraštė lieka paprasta
	   nuoroda į grupės puslapį, ir skleisti nėra ko. */
	body.reskin .submenu .sub-top.turi-pogrupiu h2:after {
		content: "\203A"; position: absolute; right: 10px; top: 50%; margin-top: -10px;
		font-size: 17px; line-height: 1; color: #8A3355;
		transform: rotate(90deg); transition: transform .2s ease; }
	body.reskin .submenu .sub-top.atverta h2:after { transform: rotate(-90deg); }
	body.reskin .submenu .sub-top ul li a { display: block; padding: 6px 0; }
	/* Nuoroda į pačią grupę: telefone paspaudimas ant antraštės ją skleidžia, ne
	   veda, tad grupės puslapį pasiekiam iš sąrašo pradžios. Įrašo JS. */
	body.reskin .submenu .apm-grupes-visos a { color: #8A3355 !important; font-weight: 500; }
}

@media all and (max-width: 360px) {
	body.reskin #logo { width: auto !important; }
	body.reskin #logo img { height: 36px; }
}
