/*
Theme Name: Raktava
Theme URI: https://raktava.lt
Description: Raktava.lt parduotuvės tema. Sava, be puslapių konstruktoriaus.
Author: Rolandas Beišinas
Version: 1.17.52
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: raktava
*/

/*
 * Spalvos ir matmenys paimti iš Lovable maketo (src/styles.css ir
 * site-shell.tsx) — maketas yra šaltinis, ne įkvėpimas. Nukrypimai nuo jo
 * žymimi komentaru su priežastimi.
 *
 * DĖMESIO: pakeitus šį failą BŪTINA pakelti Version antraštėje. LiteSpeed
 * sulipdyto CSS adresą skaičiuoja iš versijų, ne iš turinio, tad be pakėlimo
 * naršyklė savaitę rodys seną kopiją.
 */

:root {
	/* Pagrindinės spalvos */
	--raktava-fonas: oklch(0.995 0.002 90);
	--raktava-tekstas: oklch(0.18 0.012 250);
	--raktava-tekstas-blankus: oklch(0.48 0.018 250);
	--raktava-pavirsius: oklch(0.965 0.004 90);
	--raktava-remelis: oklch(0.9 0.008 250);

	/* Firminė oranžinė */
	--raktava-zenklas: oklch(0.671 0.21 39.6);
	--raktava-zenklas-tekstas: oklch(0.16 0.01 40);

	/* Būsenos */
	--raktava-sandelyje: oklch(0.49 0.14 145);
	--raktava-akcija: oklch(0.62 0.225 32);

	/* Matmenys */
	--raktava-kampas: 0.375rem;
	--raktava-kampas-mazas: calc(var(--raktava-kampas) - 2px);
	--raktava-plotis: 1440px;
	--raktava-tarpas: 1rem;
}

@media (min-width: 640px) { :root { --raktava-tarpas: 1.5rem; } }
@media (min-width: 1024px) { :root { --raktava-tarpas: 2.5rem; } }

*, *::before, *::after {
	box-sizing: border-box;
	border-color: var(--raktava-remelis);
}

body {
	margin: 0;
	background: var(--raktava-fonas);
	color: var(--raktava-tekstas);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

html { scroll-behavior: smooth; }
a { color: inherit; text-decoration: none; transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease; }
img { max-width: 100%; height: auto; display: block; }

.raktava-talpykla {
	margin-inline: auto;
	max-width: var(--raktava-plotis);
	padding-inline: var(--raktava-tarpas);
}

/* Tik ekrano skaitytuvams */
.raktava-slepta {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.raktava-praleisti {
	position: absolute;
	left: -9999px;
	z-index: 100;
	padding: 0.75rem 1.25rem;
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	font-weight: 700;
}

.raktava-praleisti:focus { left: 0; top: 0; }

.raktava-ikona { display: block; }

/* ---------------------------------------------------------------- VIRŠUS */

.raktava-virsus {
	position: relative;
	z-index: 30;
	border-bottom: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
}

/* Informacinė juostelė — makete rodoma tik nuo 768 px */
.raktava-juostele {
	display: none;
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
	font-size: 0.75rem;
}

.raktava-juostele-eilute {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 36px;
}

.raktava-juostele-sakinys {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
}

.raktava-juostele-sakinys .raktava-ikona { color: var(--raktava-zenklas); }

.raktava-juostele-kontaktai { display: flex; align-items: center; gap: 1.25rem; }
.raktava-juostele-kontaktai a:hover { color: var(--raktava-zenklas); }

@media (min-width: 768px) { .raktava-juostele { display: block; } }

/* Telefone (iki 767 px) antraštė prilimpa viršuje, kaip makete (site-shell.tsx:
   fixed top-0 … md:hidden, bg-background/95, backdrop-blur). Rolandas,
   2026-09-24. Nuo 768 px — slenka kartu su puslapiu, kaip makete. `sticky`,
   ne `fixed`: lieka sraute, tarpo po ja nereikia. Aukštis telefone — 133 px.
   Peržiūros skydelio ekrano nuotraukose prilipusi antraštė kartais
   nupiešiama ne vietoje — ir su suliejimu, ir be jo; matavimas (0–133 px)
   teisingas. Tikrinti telefone, ne skydelio nuotrauka. */
@media (max-width: 767px) {
	.raktava-virsus {
		position: sticky;
		top: 0;
		background: oklch(0.995 0.002 90 / 0.95); /* --raktava-fonas, 95 % */
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	/* Atidarytas meniu kabo po prilipusia antrašte — kad ilgas nesibaigtų už ekrano. */
	.raktava-navigacija.yra-atidaryta {
		max-height: calc(100vh - 8.5rem);
		max-height: calc(100dvh - 8.5rem);
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	/* Nuorodos į puslapio vietą (#forma, #turinys) — ne po antrašte. */
	html { scroll-padding-top: 9rem; }
}

/* Pagrindinė eilutė */
.raktava-virsus-eilute {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-block: 1rem;
}

@media (min-width: 1024px) { .raktava-virsus-eilute { gap: 2rem; } }

.raktava-meniu-mygtukas {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 44px; height: 44px;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}

@media (min-width: 768px) { .raktava-meniu-mygtukas { display: none; } }

.raktava-logotipas { flex-shrink: 0; }
.raktava-logotipas img { height: 32px; width: auto; }

@media (min-width: 768px) { .raktava-logotipas img { height: 40px; } }
@media (min-width: 1024px) { .raktava-logotipas img { height: 48px; } }

/* Paieška */
.raktava-paieska {
	display: none;
	flex: 1;
	height: 48px;
	overflow: hidden;
	border: 2px solid oklch(0.18 0.012 250 / 0.15);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-fonas);
}

.raktava-paieska:focus-within { border-color: var(--raktava-zenklas); }

.raktava-paieska input[type="search"] {
	flex: 1;
	min-width: 0;
	padding-inline: 1rem;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 0.875rem;
	color: inherit;
	outline: none;
}

.raktava-paieska input::placeholder { color: var(--raktava-tekstas-blankus); }

.raktava-paieska button {
	display: grid;
	place-items: center;
	padding-inline: 1.5rem;
	border: 0;
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	cursor: pointer;
}

.raktava-paieska button:hover { filter: brightness(1.06); }

@media (min-width: 768px) { .raktava-paieska { display: flex; } }

/* Ikonos dešinėje */
.raktava-virsus-ikonos {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	margin-left: auto;
}

@media (min-width: 640px) { .raktava-virsus-ikonos { gap: 0.5rem; } }

.raktava-virsus-ikonos > a {
	display: grid;
	place-items: center;
	position: relative;
	width: 44px; height: 44px;
	border-radius: var(--raktava-kampas-mazas);
}

.raktava-virsus-ikonos > a:hover { background: var(--raktava-pavirsius); color: var(--raktava-zenklas); }

/*
 * Telefone — kaip maketo telefono antraštė (site-shell.tsx, `md:hidden`):
 * kraštai 12 px, tarpai 4 px, logotipas gali susitraukti. Makete ten tik
 * paskyra ir krepšelis, bet mėgstamų širdelė rodoma ir telefone (Rolandas,
 * 2026-09-23: „kad nereikėtų landžioti po meniu"). Su trečia ikona senieji
 * 16 px tarpai netilpo: 375 px ekrane krepšelis lindo į paraštę, 360 px —
 * už ekrano. Dabar trys ikonos telpa nuo 355 px, siauresniame traukiasi
 * logotipas.
 */
@media (max-width: 767px) {
	.raktava-virsus-eilute { gap: 0.25rem; padding-inline: 0.75rem; }
	.raktava-logotipas { flex-shrink: 1; min-width: 0; }
	.raktava-logotipas img { height: auto; max-height: 32px; max-width: 100%; }
}

.raktava-krepselio-zenklas {
	position: absolute;
	top: 4px; right: 4px;
	display: grid;
	place-items: center;
	min-width: 18px; height: 18px;
	padding-inline: 4px;
	border-radius: 999px;
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.raktava-krepselio-zenklas[hidden] { display: none; }

/* ----------------------------------------------------------- NAVIGACIJA */

.raktava-navigacija {
	display: none;
	border-top: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
}

.raktava-navigacija.yra-atidaryta {
	display: block;
	position: absolute;
	inset-inline: 0;
	top: 100%;
	z-index: 40;
	border-bottom: 1px solid var(--raktava-remelis);
	box-shadow: 0 20px 40px oklch(0.18 0.012 40 / 0.18);
}

@media (min-width: 768px) {
	.raktava-navigacija { display: block; position: static; box-shadow: none; }
}

.raktava-navigacija-eilute { display: flex; flex-direction: column; padding-inline: 0; }

@media (min-width: 768px) {
	.raktava-navigacija-eilute {
		flex-direction: row;
		align-items: center;
		height: 48px;
		padding-inline: var(--raktava-tarpas);
	}
}

.raktava-visos-prekes,
.raktava-navigacija-nuoroda,
.raktava-ispardavimas {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	height: 48px;
	padding-inline: 1.25rem;
	font-size: 0.875rem;
}

.raktava-visos-prekes {
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
	font-weight: 700;
}

.raktava-visos-prekes:hover {
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
}

.raktava-visos-prekes .raktava-ikona:last-child { margin-left: auto; }

.raktava-navigacija-nuoroda {
	border-bottom: 1px solid var(--raktava-remelis);
	font-weight: 600;
}

.raktava-navigacija-nuoroda:hover { background: var(--raktava-pavirsius); }

@media (min-width: 768px) { .raktava-navigacija-nuoroda { border-bottom: 0; } }

.raktava-ispardavimas { color: var(--raktava-akcija); font-weight: 700; }

/* ------------------------------------------------------------- TURINYS */

.raktava-uzrasas {
	margin-bottom: 0.5rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.6875rem;
	font-weight: 800;
	text-transform: uppercase;
}

.raktava-antraste {
	margin: 0;
	font-size: 1.75rem;
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
}

.raktava-kortele {
	overflow: hidden;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-fonas);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.raktava-kortele:hover {
	transform: translateY(-3px);
	border-color: var(--raktava-zenklas);
	box-shadow: 0 12px 28px oklch(0.18 0.012 40 / 0.1);
}

.raktava-mygtukas {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	font-size: 0.875rem;
	font-weight: 800;
	cursor: pointer;
}

.raktava-mygtukas:hover { filter: brightness(1.06); }

/* Tuščia kategorija ar paieška — rodoma vietoj tuščio tinklelio */
.raktava-tuscia {
	padding: 3rem 1.5rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-pavirsius);
	text-align: center;
	color: var(--raktava-tekstas-blankus);
}

/* ------------------------------------------------------------ PORAŠTĖ */

.raktava-porastė {
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
}

.raktava-porastės-tinklelis {
	display: grid;
	gap: 2.5rem;
	padding-block: 3.5rem;
}

@media (min-width: 640px) { .raktava-porastės-tinklelis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .raktava-porastės-tinklelis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.raktava-porastės-logotipas img { height: 36px; width: auto; }
@media (min-width: 640px) { .raktava-porastės-logotipas img { height: 44px; } }

.raktava-porastės-sakinys {
	margin: 1.25rem 0 0;
	max-width: 20rem;
	color: oklch(0.995 0.002 90 / 0.6);
	font-size: 0.875rem;
	line-height: 1.6;
}

.raktava-porastės-antraste {
	margin: 0 0 1rem;
	color: var(--raktava-zenklas);
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.raktava-porastės-nuorodos {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	color: oklch(0.995 0.002 90 / 0.62);
	font-size: 0.875rem;
}

.raktava-porastės-nuorodos a:hover { color: var(--raktava-zenklas); }

.raktava-porastės-apacia { border-top: 1px solid oklch(0.995 0.002 90 / 0.1); }

.raktava-porastės-apacios-eilute {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding-block: 1.25rem;
	color: oklch(0.995 0.002 90 / 0.45);
	font-size: 0.75rem;
}

@media (min-width: 640px) {
	.raktava-porastės-apacios-eilute { flex-direction: row; justify-content: space-between; }
}

/* ----------------------------------------------------------- KATALOGAS */

.raktava-katalogas { padding-block: 1.5rem 3rem; }

@media (min-width: 640px) { .raktava-katalogas { padding-block: 2.5rem 3.5rem; } }

.raktava-trupiniai {
	margin-bottom: 1rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-trupiniai a:hover { color: var(--raktava-zenklas); }

.raktava-katalogo-antraste { margin-bottom: 1.5rem; }

.raktava-katalogo-aprasymas {
	margin-top: 0.75rem;
	max-width: 60ch;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
}

/* Kategorijų juosta.
   Telefone — viena horizontaliai slenkama eilė iki ekrano kraštų, kaip makete
   (catalog.tsx: flex, overflow-x-auto, whitespace-nowrap). Iki 2026-09-24 —
   2 stulpeliai per 6 eilutes (~500 px iki pirmų prekių). `position: relative` —
   kiekvienam overflow: auto konteineriui (CLAUDE.md).
   POKATEGORĖS telefone — jau ne eilė, o tinklelis (2026-09-25, žr. žemiau). */
.raktava-kategoriju-juosta {
	position: relative;
	display: flex;
	gap: 0.5rem;
	margin: 0 calc(-1 * var(--raktava-tarpas)) 1.5rem;
	padding: 0 var(--raktava-tarpas) 0.25rem;
	overflow-x: auto;
}

/* Langelis iki 15rem, pavadinimas lūžta: makete whitespace-nowrap, bet tikri
   pavadinimai ilgi — „1/4, 3/8, 1/2, 3/4, 1" Kombinuotų įrankių rinkiniai"
   užimdavo visą ekraną, ir nesimatė, kad juosta slenka (Rolandas: „2 darom"). */
.raktava-kategoriju-juosta .raktava-kategorijos-kortele { flex-shrink: 0; max-width: 15rem; }

/* Nuo 640 px — tinklelis, stulpelių tiek, kiek telpa 16rem langelių: ilgiausias
   žodis „AKUMULIATORINIAI" (116 px) + nuotrauka, skaičius ir tarpai = ~250 px.
   Iki 2026-09-24 buvo 3 / 6 stulpeliai, ir 1280 px ekrane 4 iš 11 langelių
   tekstas išlįsdavo už krašto (Rolandas: „1 darom" — 4 stulpeliai).
   Dabar: 1280 px — 4, 1024 — 3, 1440 — 5, 640–1023 — 2. */
@media (min-width: 640px) {
	.raktava-kategoriju-juosta {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
		gap: 0.75rem;
		margin: 0 0 2.5rem;
		padding: 0;
		overflow: visible;
	}

	.raktava-kategoriju-juosta .raktava-kategorijos-kortele { max-width: none; }
}

/* Pokategorės (kategorijų puslapiuose) — mažosiomis, ilgiausias žodis
   „Akumuliatoriniai" 94 px → langelis ≥ 222 px: 640 px — 2, 1024 — 4,
   1280 — 5 stulpeliai (pagrindinėms DIDŽIOSIOMIS lieka 16rem aukščiau).
   Rodomos visos — suskleidimo ir „Rodyti viską" nebėra (2026-09-25). */

/* Pokategorės telefone — tinklelis, ne slenkama eilė (Rolandas, 2026-09-25:
   „subkategorijų vaizdavimą reikia perdaryti į tinklelį, kliento prašymas").
   2 stulpeliai, visos (be suskleidimo). */
@media (max-width: 639px) {
	.raktava-kategoriju-juosta.yra-pokategores {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		margin: 0 0 1.5rem;
		padding: 0;
		overflow: visible;
	}

	.raktava-kategoriju-juosta.yra-pokategores .raktava-kategorijos-kortele { max-width: none; }

	/* Be prekių skaičiaus — vieta pavadinimui (Rolandas: „pašalinam tik rodomą
	   prekių skaičių, tada atsiras daugiau vietos pavadinimui"). Kompiuteryje lieka. */
	.raktava-kategoriju-juosta.yra-pokategores .raktava-kategorijos-kiekis { display: none; }

	/* Parduotuvės pagrindinės kategorijos — irgi tinklelis be skaičiaus
	   (Rolandas, 2026-09-25: „parduotuvė puslapyje sutvarkyti kategorijų
	   rikiavimą, kaip ir kategorijų archyvus, dviem stulpeliais be prekių
	   kiekio"). Pavadinimai DIDŽIOSIOMIS — kaip 404: nuotrauka 32 px, 11 px,
	   kad „AKUMULIATORINIAI" tilptų. Nesuskleidžiama. */
	.raktava-kategoriju-juosta.yra-pagrindines {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		margin: 0 0 1.5rem;
		padding: 0;
		overflow: visible;
	}

	.raktava-kategoriju-juosta.yra-pagrindines .raktava-kategorijos-kortele { gap: 0.375rem; max-width: none; }
	.raktava-kategoriju-juosta.yra-pagrindines .raktava-kategorijos-kortele img { width: 32px; height: 32px; }
	.raktava-kategoriju-juosta.yra-pagrindines .raktava-kategorijos-vardas { font-size: 0.6875rem; }
	.raktava-kategoriju-juosta.yra-pagrindines .raktava-kategorijos-kiekis { display: none; }
}

/* 320 px ekrane „AKUMULIATORINIAI" netelpa ir 11 px — tik ten leidžiam lūžti. */
@media (max-width: 359px) {
	.raktava-kategoriju-juosta .raktava-kategorijos-vardas { overflow-wrap: anywhere; }
}

@media (min-width: 640px) {
	.raktava-kategoriju-juosta.yra-pokategores { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.raktava-kategoriju-juosta.yra-pokategores { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1280px) {
	.raktava-kategoriju-juosta.yra-pokategores { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

.raktava-kategorijos-kortele {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-fonas);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.raktava-kategorijos-kortele:hover {
	transform: translateY(-3px);
	border-color: var(--raktava-zenklas);
	box-shadow: 0 12px 28px oklch(0.18 0.012 40 / 0.1);
}

@media (min-width: 640px) { .raktava-kategorijos-kortele { gap: 0.75rem; padding: 0.75rem; } }

.raktava-kategorijos-kortele img {
	flex-shrink: 0;
	width: 40px; height: 40px;
	object-fit: contain;
}

@media (min-width: 640px) { .raktava-kategorijos-kortele img { width: 56px; height: 56px; } }

.raktava-kategorijos-vardas {
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.25;
}

.raktava-kategorijos-kiekis {
	margin-left: auto;
	flex-shrink: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.6875rem;
	font-weight: 700;
}

/* Du stulpeliai: filtrai ir prekės */
.raktava-katalogo-tinklelis { display: grid; gap: 2rem; }

@media (min-width: 1024px) {
	.raktava-katalogo-tinklelis { grid-template-columns: 240px minmax(0, 1fr); }
	/* Paieška be rezultatų ir be filtrų — šoninio stulpelio nėra (archive-product.php) */
	.raktava-katalogo-tinklelis.be-filtru { grid-template-columns: minmax(0, 1fr); }
}

.raktava-filtrai {
	display: none;
	height: fit-content;
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

@media (min-width: 1024px) { .raktava-filtrai { display: block; } }

.raktava-filtru-antraste {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-filtru-antraste .raktava-ikona { color: var(--raktava-zenklas); }

/* Filtrų mygtukas telefone */
.raktava-filtru-mygtukas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	height: 44px;
	margin-bottom: 1rem;
	padding-inline: 1rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 700;
	color: inherit;
	cursor: pointer;
}

.raktava-filtru-mygtukas > span {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.raktava-filtru-mygtukas .raktava-ikona:first-child { color: var(--raktava-zenklas); }
.raktava-filtru-mygtukas[aria-expanded="true"] .raktava-ikona:last-child { transform: rotate(180deg); }

@media (min-width: 1024px) { .raktava-filtru-mygtukas { display: none; } }

.raktava-filtrai.yra-atidaryta { display: block; }

.raktava-filtru-grupe {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--raktava-remelis);
}

.raktava-grupes-antraste {
	margin: 0 0 0.75rem;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-grupes-vidus { display: flex; flex-direction: column; gap: 0.625rem; }

.raktava-grupes-vidus label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	cursor: pointer;
}

.raktava-grupes-vidus input[type="checkbox"] {
	flex-shrink: 0;
	width: 16px; height: 16px;
	accent-color: var(--raktava-zenklas);
	cursor: pointer;
}

.raktava-grupes-vidus label > span:nth-child(2) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.raktava-filtro-kiekis {
	margin-left: auto;
	flex-shrink: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-kainos-laukai {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.raktava-kainos-laukai input {
	min-width: 0;
	width: 100%;
	height: 40px;
	padding-inline: 0.625rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 0.8125rem;
	color: inherit;
}

.raktava-kainos-laukai input:focus { outline: 2px solid var(--raktava-zenklas); outline-offset: -1px; }
.raktava-kainos-laukai span { color: var(--raktava-tekstas-blankus); }

.raktava-filtruoti {
	width: 100%;
	margin-top: 1.5rem;
	text-align: center;
}

.raktava-isvalyti {
	display: block;
	margin-top: 0.75rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.8125rem;
	text-align: center;
	text-decoration: underline;
}

.raktava-isvalyti:hover { color: var(--raktava-zenklas); }

/* Juosta virš tinklelio */
.raktava-katalogo-juosta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--raktava-remelis);
}

@media (min-width: 640px) { .raktava-katalogo-juosta { margin-bottom: 1.5rem; } }

.raktava-rodoma,
.raktava-katalogo-juosta .woocommerce-result-count {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

@media (min-width: 640px) {
	.raktava-rodoma,
	.raktava-katalogo-juosta .woocommerce-result-count { font-size: 0.875rem; }
}

.raktava-katalogo-juosta form.woocommerce-ordering { margin: 0; }

.raktava-katalogo-juosta select {
	height: 40px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 0.8125rem;
	color: inherit;
}

/* --------------------------------------------------------- PREKIŲ TINKLELIS */

ul.products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) { ul.products { gap: 0.75rem; } }
@media (min-width: 768px) { ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; } }

li.raktava-preke { margin: 0; }

.raktava-prekes-kortele {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-fonas);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.raktava-prekes-kortele:hover {
	transform: translateY(-3px);
	border-color: var(--raktava-zenklas);
	box-shadow: 0 12px 28px oklch(0.18 0.012 40 / 0.1);
}

/* Nuotrauka */
.raktava-prekes-nuotrauka { position: relative; }

.raktava-prekes-nuotrauka > a {
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--raktava-fonas);
}

.raktava-prekes-nuotrauka img {
	width: 100%; height: 100%;
	padding: 0.75rem;
	object-fit: contain;
	transition: transform 300ms ease;
}

@media (min-width: 640px) { .raktava-prekes-nuotrauka img { padding: 1rem; } }

.raktava-prekes-kortele:hover .raktava-prekes-nuotrauka img { transform: scale(1.05); }

.raktava-akcijos-zenklas {
	position: absolute;
	left: 0.5rem; top: 0.5rem;
	z-index: 10;
	padding: 0.25rem 0.5rem;
	border-radius: 2px;
	background: var(--raktava-akcija);
	color: var(--raktava-fonas);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

@media (min-width: 640px) { .raktava-akcijos-zenklas { left: 0.75rem; top: 0.75rem; } }

.raktava-sirdele {
	position: absolute;
	right: 0.375rem; top: 0.375rem;
	display: grid;
	place-items: center;
	width: 36px; height: 36px;
	border: 0;
	border-radius: var(--raktava-kampas-mazas);
	background: oklch(0.995 0.002 90 / 0.9);
	color: var(--raktava-tekstas-blankus);
	cursor: pointer;
}

.raktava-sirdele:hover { color: var(--raktava-zenklas); }

/* Išsaugota mėgstamose — pilna širdelė. Būseną nustato main.js. */
.raktava-sirdele[aria-pressed="true"] { color: var(--raktava-zenklas); }
.raktava-sirdele[aria-pressed="true"] svg { fill: currentColor; }

@media (min-width: 640px) { .raktava-sirdele { right: 0.5rem; top: 0.5rem; } }

/* Vidus */
.raktava-prekes-vidus {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 0.75rem 0.75rem 0;
}

@media (min-width: 640px) { .raktava-prekes-vidus { padding: 1rem 1rem 0; } }

.raktava-prekes-virsus {
	margin: 0;
	overflow: hidden;
	color: var(--raktava-tekstas-blankus);
	font-size: 10px;
	font-weight: 700;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (min-width: 640px) { .raktava-prekes-virsus { font-size: 11px; } }

.raktava-prekes-pavadinimas {
	margin-top: 0.375rem;
	min-height: 3.5rem;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25rem;
}

.raktava-prekes-pavadinimas:hover { color: var(--raktava-zenklas); }

@media (min-width: 640px) {
	.raktava-prekes-pavadinimas { margin-top: 0.5rem; min-height: 3.75rem; font-size: 14px; }
}

.raktava-prekes-likutis {
	margin: 0.5rem 0 0;
	color: var(--raktava-sandelyje);
	font-size: 11px;
	font-weight: 500;
}

.raktava-prekes-likutis.yra-isparduota { color: var(--raktava-tekstas-blankus); }

@media (min-width: 640px) { .raktava-prekes-likutis { font-size: 12px; } }

.raktava-prekes-kaina {
	margin-top: auto;
	padding-top: 0.5rem;
	font-size: 1.125rem;
	font-weight: 900;
}

@media (min-width: 640px) { .raktava-prekes-kaina { padding-top: 0.75rem; font-size: 1.25rem; } }

.raktava-prekes-kaina del {
	margin-right: 0.375rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 11px;
	font-weight: 400;
}

.raktava-prekes-kaina ins { text-decoration: none; }

.raktava-prekes-apacia { padding: 0.75rem 0.75rem 0.75rem; padding-top: 0.625rem; }

@media (min-width: 640px) { .raktava-prekes-apacia { padding: 1rem; padding-top: 0.75rem; } }

.raktava-prekes-apacia .raktava-mygtukas {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	height: 40px;
	padding-inline: 0.5rem;
	font-size: 12px;
}

@media (min-width: 640px) { .raktava-prekes-apacia .raktava-mygtukas { height: 44px; font-size: 14px; } }

.raktava-mygtukas-blankus {
	background: var(--raktava-pavirsius);
	color: var(--raktava-tekstas);
	border: 1px solid var(--raktava-remelis);
}

/* Puslapiavimas */
.woocommerce-pagination { margin-top: 2rem; }

.woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-pagination a,
.woocommerce-pagination span {
	display: grid;
	place-items: center;
	min-width: 44px; height: 44px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
	font-size: 0.875rem;
	font-weight: 700;
}

.woocommerce-pagination a:hover { border-color: var(--raktava-zenklas); color: var(--raktava-zenklas); }

.woocommerce-pagination span.current {
	background: var(--raktava-zenklas);
	border-color: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
}

/* --------------------------------------------------- PAGRINDINIS PUSLAPIS */

/* Hero */
.raktava-hero {
	position: relative;
	overflow: hidden;
	min-height: 520px;
	background: var(--raktava-tekstas);
}

@media (min-width: 1024px) { .raktava-hero { min-height: 610px; } }

.raktava-hero-nuotrauka {
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (min-width: 1024px) { .raktava-hero-nuotrauka { object-position: right; } }

.raktava-hero-sluoksnis {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg,
		oklch(0.14 0.01 250 / 0.98) 0%,
		oklch(0.14 0.01 250 / 0.83) 42%,
		oklch(0.14 0.01 250 / 0.18) 76%,
		transparent 100%);
}

/* Be nuotraukos sluoksnis liktų permatomas — tada tekstas kabotų ore */
.raktava-hero.be-nuotraukos .raktava-hero-sluoksnis {
	background: linear-gradient(90deg,
		oklch(0.14 0.01 250) 0%,
		oklch(0.16 0.012 250) 60%,
		oklch(0.2 0.014 250) 100%);
}

@media (max-width: 767px) {
	.raktava-hero-sluoksnis {
		background: linear-gradient(90deg, oklch(0.14 0.01 250 / 0.94), oklch(0.14 0.01 250 / 0.72));
	}
}

.raktava-hero-turinys {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 520px;
	padding-block: 4rem;
}

@media (min-width: 1024px) { .raktava-hero-turinys { min-height: 610px; } }

.raktava-hero-vidus { max-width: 42rem; color: var(--raktava-fonas); }

.raktava-hero-uzrasas {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 1.25rem;
	color: var(--raktava-zenklas);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
}

.raktava-hero-uzrasas span {
	width: 2rem; height: 1px;
	background: var(--raktava-zenklas);
}

.raktava-hero-antraste {
	margin: 0;
	max-width: 36rem;
	font-size: 2.25rem;
	font-weight: 900;
	line-height: 1.05;
	text-transform: uppercase;
}

.raktava-hero-antraste span { color: var(--raktava-zenklas); }

@media (min-width: 640px) { .raktava-hero-antraste { font-size: 3rem; } }
@media (min-width: 1024px) { .raktava-hero-antraste { font-size: 4.5rem; } }

.raktava-hero-sakinys {
	margin: 1.5rem 0 0;
	max-width: 32rem;
	color: oklch(0.995 0.002 90 / 0.75);
	font-size: 1rem;
	line-height: 1.75;
}

@media (min-width: 640px) { .raktava-hero-sakinys { font-size: 1.125rem; } }

.raktava-hero-mygtukai {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 2rem;
}

.raktava-hero-mygtukai .raktava-mygtukas {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 1.75rem;
	font-size: 0.9375rem;
}

.raktava-mygtukas-kontūrinis {
	background: oklch(0.995 0.002 90 / 0.05);
	border: 1px solid oklch(0.995 0.002 90 / 0.4);
	color: var(--raktava-fonas);
}

.raktava-mygtukas-kontūrinis:hover {
	background: var(--raktava-fonas);
	color: var(--raktava-tekstas);
	filter: none;
}

/* Pasitikėjimo juosta */
.raktava-pasitikejimas { border-bottom: 1px solid var(--raktava-remelis); }

.raktava-pasitikejimo-tinklelis {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {
	.raktava-pasitikejimo-tinklelis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.raktava-teiginys {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-height: 6rem;
	padding-block: 1.25rem;
}

.raktava-teiginys:nth-child(2n) {
	border-left: 1px solid var(--raktava-remelis);
	padding-left: 0.75rem;
}

/* Kairysis stulpelis telefone — tarpas iki linijos, kaip makete (`pr-3`).
   Be jo „Greitas pristatymas" liesdavo liniją (1 px). Nuo 1024 px — lg:px-6 žemiau.
   Kompaktiška (Rolandas, 2026-09-25: „taip pat padaryk kompaktiškiau ir
   pagrindiniame puslapyje", kaip prekės informacinę dėžę): be 6rem minimalaus
   aukščio, mažesni tarpai ir ikona. Juosta telefone 197 → žr. CLAUDE.md. */
@media (max-width: 1023px) {
	.raktava-teiginys:nth-child(2n+1) { padding-right: 0.75rem; }

	.raktava-teiginys {
		gap: 0.625rem;
		min-height: 0;
		padding-block: 0.75rem;
	}

	.raktava-teiginys .raktava-ikona { width: 22px; height: 22px; }

	/* 14 px „Specialisto pagalba" ir „Atsiėmimas vietoje" 375 px lūždavo į dvi
	   eilutes. Dviguba klasė — bazinė taisyklė failo eigoje vėliau. */
	.raktava-teiginys .raktava-teiginio-antraste { font-size: 0.8125rem; }
}

/* Siauresni telefonai (360 px) — „Specialisto pagalba" dar lūždavo: tarpai
   iki linijos ir iki ikonos 12 → 8 px (Rolandas, 2026-09-25: „pataisyk ir 360"). */
@media (max-width: 374px) {
	.raktava-teiginys { gap: 0.5rem; }
	.raktava-teiginys:nth-child(2n+1) { padding-right: 0.5rem; }
	.raktava-teiginys:nth-child(2n) { padding-left: 0.5rem; }
}

/* Nuo 1024 px visiems po 24 px iš abiejų pusių, kaip makete (lg:px-6).
   `:nth-child(2n)` sąraše — kitaip telefono taisyklė aukščiau (didesnio
   svorio) 2-am ir 4-am palikdavo 12 px (Rolandas, 2026-09-24: „tarpus taisyk"). */
@media (min-width: 1024px) {
	.raktava-teiginys,
	.raktava-teiginys:nth-child(2n) { border-left: 1px solid var(--raktava-remelis); padding-inline: 1.5rem; }
	.raktava-teiginys:first-child { border-left: 0; }
	/* Turinys langelio centre (Rolandas, 2026-09-25: „sulygiuok šiuos").
	   Iki tol pirmasis buvo prispaustas prie krašto (0 px), kiti — 24 px nuo
	   linijos, ir dešinėje likdavo tuščia — juosta atrodė nuslinkusi į kairę. */
	.raktava-teiginys { justify-content: center; }
}

.raktava-teiginys .raktava-ikona { flex-shrink: 0; color: var(--raktava-zenklas); }

.raktava-teiginio-antraste { margin: 0; font-size: 0.875rem; font-weight: 700; }

.raktava-teiginio-tekstas {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

/* Sekcijos */
.raktava-sekcija { padding-block: 4rem; }
.raktava-sekcija-fonas { padding-block: 4rem; background: var(--raktava-pavirsius); }

@media (min-width: 1024px) {
	.raktava-sekcija { padding-block: 6rem; }
	.raktava-sekcija-fonas { padding-block: 6rem; }
}

.raktava-sekcijos-antraste {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 2rem;
}

.raktava-sekcijos-nuoroda {
	display: none;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	font-size: 0.875rem;
	font-weight: 700;
}

.raktava-sekcijos-nuoroda:hover { color: var(--raktava-zenklas); }

@media (min-width: 640px) { .raktava-sekcijos-nuoroda { display: flex; } }

.raktava-antraste-mazesne { font-size: 1.5rem; }
@media (min-width: 640px) { .raktava-antraste-mazesne { font-size: 1.875rem; } }

/* Kategorijų plytelės */
.raktava-kategoriju-tinklelis {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

@media (min-width: 640px) { .raktava-kategoriju-tinklelis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .raktava-kategoriju-tinklelis { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; } }

.raktava-kategorijos-plyte {
	overflow: hidden;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-fonas);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.raktava-kategorijos-plyte:hover {
	transform: translateY(-3px);
	border-color: var(--raktava-zenklas);
	box-shadow: 0 12px 28px oklch(0.18 0.012 40 / 0.1);
}

.raktava-plytes-nuotrauka {
	aspect-ratio: 1;
	background: var(--raktava-pavirsius);
}

.raktava-plytes-nuotrauka img {
	width: 100%; height: 100%;
	padding: 0.75rem;
	object-fit: contain;
	transition: transform 300ms ease;
}

.raktava-kategorijos-plyte:hover .raktava-plytes-nuotrauka img { transform: scale(1.05); }

.raktava-plytes-vidus { padding: 1rem; }

.raktava-plytes-vidus h3 {
	margin: 0;
	min-height: 2.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.25rem;
}

.raktava-kategorijos-plyte:hover .raktava-plytes-vidus h3 { color: var(--raktava-zenklas); }

.raktava-plytes-vidus p {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

/* Naujausios prekės — šeši stulpeliai plačiame ekrane */
@media (min-width: 1280px) {
	ul.products.raktava-sesi { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* Gamintojai */
.raktava-gamintojai {
	border-top: 1px solid var(--raktava-remelis);
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-gamintoju-tinklelis {
	display: grid;
	gap: 2rem;
	padding-block: 3.5rem;
}

@media (min-width: 1024px) {
	.raktava-gamintoju-tinklelis { grid-template-columns: 1fr 2fr; align-items: center; }
}

.raktava-zenklu-tinklelis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border-radius: var(--raktava-kampas);
	background: var(--raktava-remelis);
}

@media (min-width: 640px) { .raktava-zenklu-tinklelis { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

.raktava-zenklo-plyte {
	display: grid;
	place-items: center;
	min-height: 5rem;
	padding-inline: 0.75rem;
	background: var(--raktava-fonas);
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	font-weight: 900;
	text-align: center;
}

.raktava-zenklo-plyte:hover { color: var(--raktava-zenklas); }

/* Raginimas */
.raktava-raginimas {
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
}

.raktava-raginimo-eilute {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding-block: 3rem;
}

@media (min-width: 768px) {
	.raktava-raginimo-eilute { flex-direction: row; align-items: center; justify-content: space-between; }
}

.raktava-raginimo-uzrasas {
	margin: 0;
	color: var(--raktava-zenklas);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
}

.raktava-raginimas .raktava-antraste-mazesne { margin-top: 0.5rem; }

.raktava-raginimas .raktava-mygtukas {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	padding: 0.875rem 1.75rem;
	font-size: 0.9375rem;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: 0.01ms !important; }
}

/* Pradžios puslapis telefone (iki 1024 px) — tankiau. Rolandas, 2026-09-25:
   pirma „sumažink" tarpą po pasitikėjimo juosta, paskui „sumažink ir kitus
   tarpus telefone". Sekcijos 64 → 32 px, gamintojai 56 → 32, raginimas
   48 → 32, nuo sekcijos antraštės iki turinio 32 → 20 px. Kompiuteryje —
   kaip buvo. Blokas — PO gamintojų ir raginimo taisyklių: vienodo svorio
   ankstesnė taisyklė pralaimėtų. */
@media (max-width: 1023px) {
	.raktava-sekcija,
	.raktava-sekcija-fonas { padding-block: 2rem; }

	.raktava-sekcijos-antraste { margin-bottom: 1.25rem; }
	.raktava-gamintoju-tinklelis { gap: 1.25rem; padding-block: 2rem; }
	.raktava-raginimo-eilute { padding-block: 2rem; }
}

/* ------------------------------------------------------- PREKĖS PUSLAPIS */

.raktava-preke-puslapis { padding-block: 2rem 7rem; }

@media (min-width: 1024px) { .raktava-preke-puslapis { padding-block: 3rem; } }

.raktava-prekes-tinklelis { display: grid; gap: 2.5rem; }

@media (min-width: 1024px) {
	.raktava-prekes-tinklelis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Galerija — maketo product-gallery.tsx: braukiama juosta su prilipimu,
   priartinimas, telefone rodyklės ir taškai. */
.raktava-galerijos-remas { position: relative; }

.raktava-galerijos-langas {
	display: flex;
	aspect-ratio: 1;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

.raktava-galerijos-langas::-webkit-scrollbar { display: none; }

/* Priartinus juosta nebraukiama — kitaip pirštu tempiant nuotrauką
   keistųsi skaidrė. */
.raktava-galerijos-remas.yra-priartinta .raktava-galerijos-langas { overflow: hidden; }

.raktava-skaidre {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	scroll-snap-align: center;
}

.raktava-skaidre[data-pilna] { cursor: zoom-in; }
.raktava-skaidre.yra-priartinta { cursor: zoom-out; }
.raktava-skaidre:focus-visible { outline: 2px solid var(--raktava-zenklas); outline-offset: -2px; }

.raktava-skaidre img {
	width: 100%; height: 100%;
	padding: 1.5rem;
	object-fit: contain;
	user-select: none;
	transition: transform 300ms ease;
}

.raktava-skaidre.yra-priartinta img { transform: scale(2.2); }

@media (min-width: 640px) { .raktava-skaidre img { padding: 2.5rem; } }

.raktava-be-nuotraukos {
	display: grid;
	place-items: center;
	height: 100%;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
}

.raktava-didinti,
.raktava-galerijos-rodykle,
.raktava-sirdele-galerijoje {
	position: absolute;
	display: grid;
	place-items: center;
	width: 40px; height: 40px;
	border: 0;
	border-radius: 9999px;
	background: oklch(0.995 0.002 90 / 0.9);
	color: var(--raktava-tekstas);
	box-shadow: 0 1px 3px oklch(0.18 0.012 250 / 0.15);
	cursor: pointer;
}

.raktava-didinti { right: 0.75rem; top: 0.75rem; }
.raktava-didinti-minus,
.raktava-galerijos-remas.yra-priartinta .raktava-didinti-plius { display: none; }
.raktava-galerijos-remas.yra-priartinta .raktava-didinti-minus { display: block; }

.raktava-galerijos-rodykle { top: 50%; transform: translateY(-50%); }
.raktava-galerijos-rodykle.yra-kaire { left: 0.5rem; }
.raktava-galerijos-rodykle.yra-desine { right: 0.5rem; }
.raktava-galerijos-rodykle:disabled { opacity: 0.3; cursor: default; }

.raktava-galerijos-taskai {
	position: absolute;
	bottom: 0.75rem;
	left: 50%;
	display: flex;
	gap: 0.375rem;
	transform: translateX(-50%);
}

.raktava-galerijos-taskai button {
	width: 8px; height: 8px;
	padding: 0;
	border: 0;
	border-radius: 9999px;
	background: oklch(0.18 0.012 250 / 0.25);
	cursor: pointer;
	transition: background-color 160ms ease;
}

.raktava-galerijos-taskai button[aria-current="true"] { background: var(--raktava-zenklas); }

@media (min-width: 640px) {
	.raktava-galerijos-rodykle,
	.raktava-galerijos-taskai { display: none; }
}

/* Širdelė ant galerijos — tik telefone ir planšetėje: nuo 1024 px ji
   pirkimo eilutėje, kaip makete. */
.raktava-sirdele-galerijoje { left: 0.75rem; top: 0.75rem; right: auto; color: var(--raktava-tekstas-blankus); }
@media (min-width: 1024px) { .raktava-sirdele-galerijoje { display: none; } }

.raktava-miniatiuros {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.5rem;
	margin-top: 0.75rem;
}

@media (min-width: 640px) { .raktava-miniatiuros { gap: 0.75rem; } }

.raktava-miniatiura {
	aspect-ratio: 1;
	padding: 0;
	border: 2px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
	cursor: pointer;
	transition: border-color 160ms ease;
}

.raktava-miniatiura:hover { border-color: oklch(0.18 0.012 250 / 0.3); }
.raktava-miniatiura[aria-current="true"] { border-color: var(--raktava-zenklas); }

.raktava-miniatiura img {
	width: 100%; height: 100%;
	padding: 0.5rem;
	object-fit: contain;
}

@media (min-width: 640px) { .raktava-miniatiura img { padding: 0.75rem; } }

/* Informacijos stulpelis */
.raktava-info-virsus {
	margin: 0;
	color: var(--raktava-zenklas);
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-info-antraste {
	margin: 0.75rem 0 0;
	font-size: 1.875rem;
	font-weight: 900;
	line-height: 1.2;
}

@media (min-width: 640px) { .raktava-info-antraste { font-size: 2.25rem; } }

.raktava-info-kodas {
	margin: 0.75rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-info-kaina {
	margin-top: 1.5rem;
	font-size: 2.25rem;
	font-weight: 900;
	line-height: 1.1;
}

.raktava-info-kaina del {
	margin-left: 0.5rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 1rem;
	font-weight: 400;
}

.raktava-info-kaina ins { text-decoration: none; }

.raktava-info-pvm {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-info-santrauka {
	margin-top: 1.25rem;
	max-width: 36rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.75;
}

.raktava-info-santrauka p { margin: 0 0 0.75rem; }

/* Pirkimas — makete `hidden lg:flex`: telefone jo vietą užima apatinė juosta. */
.raktava-pirkimas {
	display: none;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.75rem;
}

@media (min-width: 1024px) { .raktava-pirkimas { display: flex; } }

.raktava-kiekis {
	display: flex;
	align-items: center;
	height: 48px;
	border: 1px solid var(--raktava-remelis);
}

.raktava-kiekis button {
	display: grid;
	place-items: center;
	width: 44px; height: 100%;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}

.raktava-kiekis button:hover { color: var(--raktava-zenklas); }

.raktava-kiekis .quantity { display: block; }

.raktava-kiekis input.qty {
	width: 44px; height: 46px;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: center;
	color: inherit;
	-moz-appearance: textfield;
}

.raktava-kiekis input.qty::-webkit-outer-spin-button,
.raktava-kiekis input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.raktava-pirkti {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	flex: 1;
	min-width: 12rem;
	height: 48px;
}

.raktava-sirdele-didele {
	position: static;
	width: 48px; height: 48px;
	border: 1px solid var(--raktava-remelis);
	border-radius: 0;
	background: var(--raktava-fonas);
}

/* Informacinė dėžė */
.raktava-info-deze {
	margin-top: 1.5rem;
	border: 1px solid var(--raktava-remelis);
}

/* Kompaktiška (Rolandas, 2026-09-25: „šią dalį reikia padaryti
   kompaktiškiau"): antraštė ir tekstas vienoje eilutėje — antraštė
   paryškinta, tekstas tęsiasi po jos; mažesni tarpai ir ikona. Tekstai tie
   patys. Buvo: antraštė atskira eilute, 1rem tarpai — 3 eilutės ~265 px
   telefone. */
.raktava-info-eilute {
	display: flex;
	gap: 0.625rem;
	padding: 0.625rem 0.875rem;
	border-top: 1px solid var(--raktava-remelis);
	font-size: 0.8125rem;
	line-height: 1.45;
}

.raktava-info-eilute:first-child { border-top: 0; }

.raktava-info-eilute .raktava-ikona {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	color: var(--raktava-zenklas);
}

.raktava-eilutes-antraste { margin: 0; font-size: 0.875rem; font-weight: 700; }

.raktava-eilutes-tekstas {
	margin: 0.125rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.8125rem;
	line-height: 1.5;
}

.raktava-info-eilute .raktava-eilutes-antraste,
.raktava-info-eilute .raktava-eilutes-tekstas {
	display: inline;
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

.raktava-info-eilute .raktava-eilutes-antraste { margin-right: 0.25rem; }

.raktava-eilutes-tekstas strong { color: var(--raktava-tekstas); font-weight: 600; }
.raktava-eilutes-likutis { color: var(--raktava-sandelyje); font-weight: 600; }
.raktava-eilutes-likutis.yra-isparduota { color: var(--raktava-tekstas-blankus); }

/* Aprašymas ir techniniai duomenys */
.raktava-aprasymo-sekcija {
	margin-top: 4rem;
	padding-top: 2.5rem;
	border-top: 1px solid var(--raktava-remelis);
}

/* Vienu stulpeliu (iki 1024 px) aprašymas eina iškart po informacine dėže —
   105 px tarpas buvo per didelis (Rolandas, 2026-09-25: „tarpas tarp
   aprašymo ir dėžės, sumažink"). Kompiuteryje — kaip buvo. */
@media (max-width: 1023px) {
	.raktava-aprasymo-sekcija { margin-top: 1.5rem; padding-top: 1.5rem; }
}

.raktava-aprasymo-tinklelis { display: grid; gap: 2.5rem; }

@media (min-width: 1024px) {
	.raktava-aprasymo-tinklelis { grid-template-columns: minmax(0, 1fr) 360px; }
}

.raktava-aprasymas {
	margin-top: 1.25rem;
	font-size: 0.9375rem;
	line-height: 1.75;
}

.raktava-aprasymas img { margin-block: 1rem; }
.raktava-aprasymas h2, .raktava-aprasymas h3 { font-weight: 900; }

.raktava-techniniai {
	height: fit-content;
	padding: 1.5rem;
	background: var(--raktava-pavirsius);
}

.raktava-techniniu-antraste {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-techniniai dl { margin: 1rem 0 0; font-size: 0.875rem; }

.raktava-techniniai dl > div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding-block: 0.75rem;
	border-top: 1px solid var(--raktava-remelis);
}

.raktava-techniniai dl > div:first-child { border-top: 0; }
.raktava-techniniai dt { color: var(--raktava-tekstas-blankus); }
.raktava-techniniai dd { margin: 0; font-weight: 700; text-align: right; }

.raktava-susijusios { margin-top: 4rem; }
.raktava-susijusios .products { margin-top: 1.75rem; }

@media (min-width: 768px) {
	.raktava-susijusios .products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Telefone prilipdyta pirkimo juosta */
.raktava-mobili-juosta {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 40;
	border-top: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

@media (min-width: 1024px) { .raktava-mobili-juosta { display: none; } }

/* Vieta apatinei juostai — be jos nuslinkus iki galo poraštės „© …" eilutė
   likdavo po juosta (Rolandas, 2026-09-24). Juosta ~69 px. */
@media (max-width: 1023px) { body.single-product { padding-bottom: 4.5rem; } }

.raktava-mobilios-eilute {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding-block: 0.75rem;
}

.raktava-mobili-kaina {
	display: flex;
	flex-direction: column-reverse; /* WooCommerce sena kaina (del) eina pirma — makete ji po nauja */
	flex-shrink: 0;
	font-size: 1.125rem;
	font-weight: 900;
	line-height: 1.25rem;
}

.raktava-mobili-kaina ins { text-decoration: none; }

.raktava-mobili-kaina del {
	color: var(--raktava-tekstas-blankus);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.2;
}

.raktava-mobilus-pirkimas {
	display: flex;
	flex: 1;
	gap: 0.75rem;
	min-width: 0;
}

.raktava-kiekis-mazas { flex-shrink: 0; height: 44px; }
.raktava-kiekis-mazas input.qty { width: 32px; height: 42px; font-size: 0.875rem; }

.raktava-mobilus-pirkti {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	flex: 1;
	min-width: 0;
	height: 44px;
	padding-inline: 0.75rem;
	white-space: nowrap;
}

/* Rekomenduojame kartu — maketo BundleCard. Telefone slenkama juosta. */
.raktava-kartu { margin-top: 4rem; }

.raktava-kartu-aprasymas {
	margin: 0.75rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
}

.raktava-kartu-eile {
	display: flex;
	gap: 0.75rem;
	margin: 1.75rem calc(var(--raktava-tarpas) * -1) 0;
	padding: 0 var(--raktava-tarpas) 0.5rem;
	overflow-x: auto;
}

@media (min-width: 640px) {
	.raktava-kartu-eile {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-inline: 0;
		padding-inline: 0;
		overflow: visible;
	}
}

@media (min-width: 1024px) { .raktava-kartu-eile { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.raktava-kartu-kortele {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 220px;
	padding: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

@media (min-width: 640px) { .raktava-kartu-kortele { min-width: 0; padding: 1rem; } }

.raktava-kartu-nuotrauka {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	padding: 1rem;
	background: var(--raktava-fonas);
}

.raktava-kartu-nuotrauka img { max-height: 100%; object-fit: contain; }

.raktava-kartu-zenklas {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

.raktava-kartu-pavadinimas {
	display: -webkit-box;
	margin-top: 0.25rem;
	overflow: hidden;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.25rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.raktava-kartu-apacia {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: auto;
}

.raktava-kartu-kaina { font-size: 1rem; font-weight: 900; }
.raktava-kartu-kaina ins { text-decoration: none; }
.raktava-kartu-kaina del { display: block; color: var(--raktava-tekstas-blankus); font-size: 11px; font-weight: 400; }

.raktava-kartu-i-krepseli {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 40px; height: 40px;
	padding: 0;
}

/* Atsiliepimai — maketo product-reviews.tsx */
.raktava-atsiliepimai {
	margin-top: 4rem;
	padding-top: 2.5rem;
	border-top: 1px solid var(--raktava-remelis);
}

.raktava-zvaigzdes { display: inline-flex; align-items: center; gap: 0.125rem; }
.raktava-zvaigzdes .raktava-ikona { color: var(--raktava-remelis); stroke-width: 1.5; }
.raktava-zvaigzdes .yra-pilna .raktava-ikona { color: var(--raktava-zenklas); fill: currentColor; }

.raktava-atsiliepimu-suvestine {
	display: grid;
	gap: 1.5rem;
	margin-top: 1.75rem;
	padding: 1rem;
	background: var(--raktava-pavirsius);
}

@media (min-width: 640px) { .raktava-atsiliepimu-suvestine { padding: 1.75rem; } }

@media (min-width: 1024px) {
	.raktava-atsiliepimu-suvestine { grid-template-columns: 260px minmax(0, 1fr); gap: 2.5rem; }
}

.raktava-suvestines-vidurkis { text-align: center; }
.raktava-suvestines-vidurkis .raktava-zvaigzdes { margin-top: 0.75rem; }

@media (min-width: 1024px) { .raktava-suvestines-vidurkis { text-align: left; } }

.raktava-vidurkis { margin: 0; font-size: 3rem; font-weight: 900; line-height: 1; }

.raktava-suvestines-kiekis {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-suvestines-juostos { display: grid; gap: 0.5rem; align-content: center; }

.raktava-juostos-eilute { display: flex; align-items: center; gap: 0.75rem; }
.raktava-juostos-zvaigzdes { flex-shrink: 0; width: 3rem; font-size: 0.75rem; font-weight: 700; }
.raktava-juostos-fonas { flex: 1; min-width: 0; height: 8px; background: var(--raktava-remelis); }
.raktava-juostos-fonas span { display: block; height: 100%; background: var(--raktava-zenklas); }

.raktava-juostos-kiekis {
	flex-shrink: 0;
	width: 1.5rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
	text-align: right;
}

.raktava-atsiliepimu-tinklelis { display: grid; gap: 2.5rem; margin-top: 2rem; }

@media (min-width: 1024px) {
	.raktava-atsiliepimu-tinklelis { grid-template-columns: minmax(0, 1fr) 380px; }
}

.raktava-atsiliepimu-virsus {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.raktava-atsiliepimu-kiekis { margin: 0; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; }

.raktava-atsiliepimu-rikiavimas {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-atsiliepimu-rikiavimas select {
	width: 11rem;
	height: 44px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
	color: var(--raktava-tekstas);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 700;
}

@media (min-width: 640px) { .raktava-atsiliepimu-rikiavimas select { width: 12rem; } }

.raktava-atsiliepimu-sarasas {
	margin: 1.25rem 0 0;
	padding: 0;
	border-top: 1px solid var(--raktava-remelis);
	list-style: none;
}

.raktava-atsiliepimu-sarasas li { padding-block: 1.5rem; border-bottom: 1px solid var(--raktava-remelis); }

.raktava-atsiliepimo-autorius {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-patvirtinta {
	margin-left: 0.5rem;
	padding: 0.125rem 0.5rem;
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.raktava-atsiliepimo-tekstas {
	margin-top: 0.75rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.raktava-atsiliepimo-tekstas p { margin: 0 0 0.5rem; }

.raktava-be-atsiliepimu {
	margin: 1.25rem 0 0;
	padding-block: 2rem;
	border-top: 1px solid var(--raktava-remelis);
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
}

.raktava-atsiliepimo-deze { height: fit-content; padding: 1rem; background: var(--raktava-pavirsius); }

@media (min-width: 640px) { .raktava-atsiliepimo-deze { padding: 1.5rem; } }

.raktava-atsiliepimo-deze h3 { margin: 0; font-size: 1.125rem; font-weight: 900; text-transform: uppercase; }

.raktava-atsiliepimo-apie {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-atsiliepimo-deze .raktava-formos-pranesimas { margin-top: 1.5rem; }

.raktava-atsiliepimo-forma { display: grid; gap: 1rem; margin-top: 1.5rem; }
.raktava-atsiliepimo-forma .raktava-mygtukas { width: 100%; height: 48px; }

@media (min-width: 640px) { .raktava-atsiliepimo-forma .raktava-mygtukas { height: 44px; } }

.raktava-zvaigzdziu-pasirinkimas { margin: 0; padding: 0; border: 0; }

.raktava-zvaigzdziu-pasirinkimas legend {
	padding: 0;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
}

.raktava-zvaigzdziu-pasirinkimas .required { color: var(--raktava-akcija); }

/* Žvaigždutės atvirkštine tvarka (5…1) + row-reverse: taip `~` nuspalvina
   pasirinktąją ir visas mažesnes. */
.raktava-zvaigzdziu-eilute {
	display: inline-flex;
	flex-direction: row-reverse;
	gap: 0.25rem;
	margin-top: 0.5rem;
}

.raktava-zvaigzdziu-eilute input {
	position: absolute;
	width: 1px; height: 1px;
	opacity: 0;
}

.raktava-zvaigzdziu-eilute label { padding: 0.25rem; cursor: pointer; }
.raktava-zvaigzdziu-eilute .raktava-ikona { color: var(--raktava-remelis); stroke-width: 1.5; }

.raktava-zvaigzdziu-eilute input:checked ~ label .raktava-ikona,
.raktava-zvaigzdziu-eilute label:hover .raktava-ikona,
.raktava-zvaigzdziu-eilute label:hover ~ label .raktava-ikona { color: var(--raktava-zenklas); fill: currentColor; }

.raktava-zvaigzdziu-eilute input:focus-visible + label { outline: 2px solid var(--raktava-zenklas); outline-offset: 2px; }

/* --------------------------------------------------- PUSLAPIO ANTRAŠTĖ */

.raktava-puslapio-juosta {
	border-bottom: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
	padding-block: 2rem;
}

@media (min-width: 1024px) { .raktava-puslapio-juosta { padding-block: 2.5rem; } }

.raktava-juostos-trupiniai {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.25rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-juostos-trupiniai a:hover { color: var(--raktava-zenklas); }

.raktava-juostos-antraste {
	margin: 0;
	max-width: 56rem;
	font-size: 1.875rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

@media (min-width: 640px) { .raktava-juostos-antraste { font-size: 2.25rem; } }

.raktava-juostos-aprasymas {
	margin: 0.75rem 0 0;
	max-width: 48rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.6;
}

.raktava-teksto-puslapis { padding-block: 2.5rem 4rem; max-width: 52rem; }

/* ------------------------------------------------------------ KREPŠELIS */

.raktava-krepselis { padding-block: 1.5rem 3rem; }

@media (min-width: 640px) { .raktava-krepselis { padding-block: 3rem 4rem; } }

.raktava-krepselio-tinklelis {
	display: grid;
	gap: 1.5rem;
	max-width: 1200px;
	margin-inline: auto;
}

@media (min-width: 1024px) {
	.raktava-krepselio-tinklelis { grid-template-columns: minmax(0, 1fr) 380px; gap: 2rem; }
}

.raktava-krepselio-prekes { display: flex; flex-direction: column; gap: 0.75rem; }

@media (min-width: 640px) { .raktava-krepselio-prekes { gap: 1rem; } }

.woocommerce-cart-form { display: flex; flex-direction: column; gap: 0.75rem; }

@media (min-width: 640px) { .woocommerce-cart-form { gap: 1rem; } }

.raktava-krepselio-eilute {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 0.75rem;
	padding: 0.75rem;
	border: 1px solid var(--raktava-remelis);
}

@media (min-width: 640px) {
	.raktava-krepselio-eilute {
		grid-template-columns: 120px minmax(0, 1fr) auto;
		align-items: center;
		gap: 1rem;
		padding: 1rem;
	}
}

.raktava-eilutes-nuotrauka { align-self: start; background: var(--raktava-pavirsius); } /* kvadratas, ne visos eilutės aukščio juosta */

.raktava-eilutes-nuotrauka img {
	aspect-ratio: 1;
	width: 100%;
	padding: 0.5rem;
	object-fit: contain;
}

.raktava-eilutes-zenklas {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

@media (min-width: 640px) { .raktava-eilutes-zenklas { font-size: 11px; } }

.raktava-eilutes-pavadinimas {
	display: block;
	margin-top: 0.25rem;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25rem;
}

.raktava-eilutes-pavadinimas:hover { color: var(--raktava-zenklas); }

@media (min-width: 640px) { .raktava-eilutes-pavadinimas { font-size: 14px; } }

.raktava-eilutes-likutis {
	margin: 0.375rem 0 0;
	color: var(--raktava-sandelyje);
	font-size: 11px;
}

.raktava-eilutes-likutis.yra-isparduota { color: var(--raktava-tekstas-blankus); }

@media (min-width: 640px) { .raktava-eilutes-likutis { margin-top: 0.5rem; font-size: 12px; } }

.raktava-krepselio-kiekis { width: fit-content; margin-top: 0.75rem; height: 44px; }

@media (min-width: 640px) { .raktava-krepselio-kiekis { margin-top: 1rem; } }

.raktava-krepselio-kiekis input.qty { width: 40px; height: 42px; }

.raktava-eilutes-suma {
	grid-column: span 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 0.75rem;
	border-top: 1px solid var(--raktava-remelis);
}

@media (min-width: 640px) {
	.raktava-eilutes-suma {
		grid-column: auto;
		display: block;
		padding-top: 0;
		border-top: 0;
		text-align: right;
	}
}

.raktava-eilutes-kaina { margin: 0; font-size: 1.125rem; font-weight: 900; }

.raktava-pasalinti {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	margin-top: 0.25rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.8125rem;
}

.raktava-pasalinti:hover { color: var(--raktava-akcija); }

/* Kuponas */
.raktava-kuponas { display: flex; gap: 0.5rem; }

.raktava-kupono-laukas {
	flex: 1;
	min-width: 0;
	height: 44px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 0.875rem;
	color: inherit;
}

.raktava-kuponas .raktava-mygtukas { height: 44px; padding-inline: 1.25rem; border-radius: 0; }

/* Atnaujinimo mygtukas paslėptas — jį spaudžia kiekio scenarijus */
.raktava-atnaujinti {
	position: absolute;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}

/* Suvestinė */
.raktava-suvestine {
	height: fit-content;
	padding: 1.25rem;
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
}

@media (min-width: 640px) { .raktava-suvestine { padding: 1.5rem; } }

.raktava-suvestines-antraste {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-suvestines-sumos dl { margin: 1.5rem 0 0; font-size: 0.875rem; }

.raktava-suvestines-sumos dl > div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1rem;
}

.raktava-suvestines-sumos dl > div:first-child { margin-top: 0; }
.raktava-suvestines-sumos dd { margin: 0; }

.raktava-suvestines-sumos .raktava-is-viso {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid oklch(0.995 0.002 90 / 0.15);
	font-size: 1.125rem;
	font-weight: 900;
}

.raktava-suvestines-sumos .raktava-pvm {
	margin-top: 0.5rem;
	color: oklch(0.995 0.002 90 / 0.6);
	font-size: 0.75rem;
}

.raktava-suvestines-sumos .raktava-nuolaida dd { color: var(--raktava-zenklas); }

/* Krepšelyje pristatymas be kainos — renkamas atsiskaitant. */
.raktava-suvestines-sumos .raktava-pristatymas-veliau dd { color: oklch(0.995 0.002 90 / 0.6); }

/* Pristatymo eilutė tamsioje suvestinėje: šviesios pastabos, o ne pilkos
   ant juodo (0,48 šviesumo ant 0,18 buvo beveik neįskaitoma). */
.raktava-suvestine .raktava-pristatymo-eilute { margin-top: 1rem; }
.raktava-suvestine .raktava-pristatymo-eilute dt { font-weight: 400; }
.raktava-suvestine .raktava-pristatymo-pastaba { margin-top: 0.375rem; color: oklch(0.995 0.002 90 / 0.6); }

/* Krepšelyje pranešimo „įdėtas į krepšelį" mygtukas „Krepšelis" veda ten
   pat, kur jau esi. */
.woocommerce-cart .woocommerce-message .wc-forward { display: none; }

.raktava-suvestines-mygtukas { margin-top: 1.5rem; }

.raktava-suvestines-mygtukas .checkout-button,
.raktava-suvestines-mygtukas a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	font-size: 0.9375rem;
	font-weight: 800;
}

.raktava-suvestines-mygtukas a:hover { filter: brightness(1.06); }

.raktava-suvestines-teiginiai {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid oklch(0.995 0.002 90 / 0.15);
	color: oklch(0.995 0.002 90 / 0.7);
	font-size: 0.75rem;
}

.raktava-suvestines-teiginiai p {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 0.75rem;
}

.raktava-suvestines-teiginiai p:last-child { margin-bottom: 0; }
.raktava-suvestines-teiginiai .raktava-ikona { flex-shrink: 0; color: var(--raktava-zenklas); }

/* Tuščias krepšelis */
.raktava-tuscias-krepselis { max-width: 32rem; margin-inline: auto; }

/* 404 (404.php) — ta pati tuščios būsenos dėžė, su paieška ir kategorijomis */
.raktava-404 { padding-block: 2.5rem; }

.raktava-404-deze { max-width: 40rem; margin-inline: auto; }

/* Didelis „404" — dekoratyvus (aria-hidden); ženklo spalva ant šviesaus
   tinka tik stambiam tekstui, o šis 4,5 rem. */
.raktava-404-kodas {
	margin: 0 0 0.25rem;
	color: var(--raktava-zenklas);
	font-size: 4.5rem;
	font-weight: 900;
	line-height: 1;
}

/* Antraštės paieška telefone paslėpta (.raktava-paieska display: none iki
   768 px) — čia ji rodoma visada, tai pagrindinis kelias iš 404. */
.raktava-404-paieska {
	display: flex;
	max-width: 32rem;
	margin: 1.5rem auto 0;
	text-align: left;
}

.raktava-404-mygtukai {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.raktava-mygtukas-antrinis {
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
	color: var(--raktava-tekstas);
}

.raktava-404-kategorijos { margin-top: 2.5rem; }

/* Pagrindinių kategorijų pavadinimai DIDŽIOSIOMIS ir ilgi („ELEKTRINIAI,
   AKUMULIATORINIAI ĮRANKIAI") — kategorijų puslapio 2 / 3 / 6 stulpeliuose
   netilpo: 2026-09-23 puslapis buvo 385 px prie 375 (1057 prie 1024).
   Čia — 1 / 2 / 3, ir žodis, jei vis tiek netelptų, lūžta. */
.raktava-404-kategorijos .raktava-kategoriju-juosta {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin-inline: 0;
	padding: 0;
	overflow: visible;
}

@media (min-width: 640px) {
	.raktava-404-kategorijos .raktava-kategoriju-juosta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Telefone — kaip kategorijos puslapyje: 2 stulpeliai, be prekių skaičiaus
   (Rolandas, 2026-09-25, „c"). Pavadinimai DIDŽIOSIOMIS — kad „AKUMULIATORINIAI"
   tilptų siaurame langelyje, nuotrauka 32 px ir šriftas 11 px (išmatuota 360 /
   375 px). */
@media (max-width: 639px) {
	.raktava-404-kategorijos .raktava-kategoriju-juosta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
	.raktava-404-kategorijos .raktava-kategorijos-kiekis { display: none; }
	.raktava-404-kategorijos .raktava-kategorijos-kortele { gap: 0.375rem; }
	.raktava-404-kategorijos .raktava-kategorijos-kortele img { width: 32px; height: 32px; }
	.raktava-404-kategorijos .raktava-kategorijos-vardas { font-size: 0.6875rem; }
}

@media (min-width: 1024px) {
	.raktava-404-kategorijos .raktava-kategoriju-juosta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.raktava-404-kategorijos .raktava-kategorijos-kortele,
.raktava-404-kategorijos .raktava-kategorijos-vardas {
	min-width: 0;
	white-space: normal;
	overflow-wrap: break-word;
}

.raktava-tuscia-antraste {
	margin: 0 0 0.5rem;
	color: var(--raktava-tekstas);
	font-size: 1.25rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-tuscias-krepselis .raktava-mygtukas {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.5rem;
}

/* WooCommerce pranešimai */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border-left: 3px solid var(--raktava-zenklas);
	background: var(--raktava-pavirsius);
	font-size: 0.875rem;
	list-style: none;
}

.woocommerce-error { border-left-color: var(--raktava-akcija); }
.woocommerce-message a, .woocommerce-info a { text-decoration: underline; }

/*
 * WooCommerce į pranešimus deda nuorodas su klase `button` (pvz. „Patvirtinti
 * el. paštą" užsakymų ekrane). Piešia jas WooCommerce CSS, kurio tema
 * nekrauna, tad be šito jos atrodo kaip paprastas pabrauktas tekstas.
 */
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
	display: inline-block;
	margin-right: 0.75rem;
	padding: 0.5rem 0.875rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-fonas);
	color: var(--raktava-tekstas);
	font-size: 0.75rem;
	font-weight: 800;
	text-decoration: none;
}

.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover { border-color: var(--raktava-zenklas); color: var(--raktava-zenklas); }

/* --------------------------------------------------------- ATSISKAITYMAS */

.raktava-atsiskaitymas { padding-block: 1.5rem 3rem; }

@media (min-width: 640px) { .raktava-atsiskaitymas { padding-block: 3rem 4rem; } }

.raktava-atsiskaitymo-tinklelis {
	display: grid;
	/* `minmax(0, 1fr)` ir telefone (vienas stulpelis) — kitaip stulpelis platėja
	   iki plačiausio turinio, ir KARTU su juo — visi skyriai. Rolando telefone
	   „Pristatymo" skyriaus dešinys rėmelis buvo už ekrano (~14 px), skydelyje
	   neatkartota (2026-09-25). CLAUDE.md: „reikalingas ir tada, kai stulpelis
	   vienas". */
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	max-width: 1200px;
	margin-inline: auto;
}

.raktava-atsiskaitymo-skyriai,
.raktava-atsiskaitymo-skyriai > *,
.raktava-uzsakymo-suvestine { min-width: 0; }

@media (min-width: 1024px) {
	.raktava-atsiskaitymo-tinklelis { grid-template-columns: minmax(0, 1fr) 380px; gap: 2rem; }
}

.raktava-atsiskaitymo-skyriai { display: flex; flex-direction: column; gap: 1.25rem; }

@media (min-width: 640px) { .raktava-atsiskaitymo-skyriai { gap: 2rem; } }

.raktava-skyrius {
	padding: 1rem;
	border: 1px solid var(--raktava-remelis);
}

@media (min-width: 640px) { .raktava-skyrius { padding: 1.75rem; } }

.raktava-skyriaus-antraste {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: 1rem;
	font-weight: 900;
	text-transform: uppercase;
}

@media (min-width: 640px) { .raktava-skyriaus-antraste { font-size: 1.125rem; } }

.raktava-skyriaus-nr {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 28px; height: 28px;
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	font-size: 0.875rem;
}

.raktava-skyriaus-vidus { margin-top: 1.25rem; }

@media (min-width: 640px) { .raktava-skyriaus-vidus { margin-top: 1.5rem; } }

/* WooCommerce laukai */
.raktava-skyriaus-vidus h3 {
	margin: 0 0 1rem;
	font-size: 0.875rem;
	font-weight: 900;
	text-transform: uppercase;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
	display: grid;
	gap: 1rem;
}

@media (min-width: 640px) {
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.raktava-skyriaus-vidus p.form-row { margin: 0; }

.raktava-skyriaus-vidus p.form-row-wide,
.raktava-skyriaus-vidus p.notes,
.raktava-skyriaus-vidus p.form-row.address-field { grid-column: 1 / -1; }

.raktava-skyriaus-vidus label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
}

.raktava-skyriaus-vidus .required { color: var(--raktava-akcija); text-decoration: none; }

.raktava-skyriaus-vidus input[type="text"],
.raktava-skyriaus-vidus input[type="email"],
.raktava-skyriaus-vidus input[type="tel"],
.raktava-skyriaus-vidus input[type="password"],
.raktava-skyriaus-vidus textarea,
.raktava-skyriaus-vidus select,
.raktava-skyriaus-vidus .select2-container .select2-selection {
	width: 100%;
	height: 48px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-laukas, var(--raktava-remelis));
	border-radius: 0;
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 1rem;
	color: inherit;
}

@media (min-width: 640px) {
	.raktava-skyriaus-vidus input[type="text"],
	.raktava-skyriaus-vidus input[type="email"],
	.raktava-skyriaus-vidus input[type="tel"],
	.raktava-skyriaus-vidus textarea,
	.raktava-skyriaus-vidus select,
	.raktava-skyriaus-vidus .select2-container .select2-selection { height: 44px; font-size: 0.875rem; }
}

.raktava-skyriaus-vidus textarea { height: 96px; padding-block: 0.625rem; resize: vertical; }

.raktava-skyriaus-vidus input:focus,
.raktava-skyriaus-vidus textarea:focus,
.raktava-skyriaus-vidus select:focus { outline: 2px solid var(--raktava-zenklas); outline-offset: -1px; }

/* Select2 (šalies ir paštomatų sąrašai) */
.raktava-skyriaus-vidus .select2-container .select2-selection__rendered {
	padding: 0;
	line-height: 42px;
	color: inherit;
}

.raktava-skyriaus-vidus .select2-container .select2-selection__arrow { height: 42px; }

/* Paštomatų sąrašas (MultiParcels select2) — klasės pridedamos atidarant
   (main.js, „Paštomato pasirinkimas"). Rolandas, 2026-09-25: telefone
   sąrašas atsidarė virš lauko, matėsi ~2,5 paštomato.
   Visur — kompaktiški punktai: pavadinimas, po juo adresas smulkiau
   (buvo 16 px, adresas toje pačioje eilutėje, punktas 60–84 px). */
.select2-container--default.raktava-pastomatai .select2-results__option {
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.35;
}

.raktava-pastomatai .select2-results__option small {
	display: block;
	margin-top: 0.125rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.select2-container--default.raktava-pastomatai .select2-results__group {
	padding: 0.625rem 0.75rem 0.25rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.select2-container--default.raktava-pastomatai .select2-results__option--highlighted[aria-selected],
.select2-container--default.raktava-pastomatai .select2-results__option--highlighted {
	background: var(--raktava-pavirsius);
	color: var(--raktava-tekstas);
}

.select2-container--default.raktava-pastomatai .select2-results__option[aria-selected="true"] {
	background: oklch(0.671 0.21 39.6 / 0.12); /* --raktava-zenklas, 12 % */
}

.raktava-pastomatu-virsus { display: none; }

/* Telefone — per visą MATOMĄ ekraną (aukštis ir viršus iš visualViewport,
   main.js): paieška viršuje, sąrašas iki klaviatūros, ✕ uždaro.
   `!important` — select2 pats rašo `top` / `left` / `width` į style. */
@media (max-width: 767px) {
	html.yra-pastomatai { overflow: hidden; }

	body > .select2-container.yra-visame-ekrane {
		position: fixed !important;
		top: var(--raktava-vv-virsus, 0px) !important;
		left: 0 !important;
		width: 100% !important;
		height: var(--raktava-vv-aukstis, 100%) !important;
		z-index: 1000;
	}

	.yra-visame-ekrane .select2-dropdown {
		position: absolute !important;
		inset: 0 !important;
		display: flex;
		flex-direction: column;
		width: 100% !important;
		border: 0;
		border-radius: 0;
		background: var(--raktava-fonas);
	}

	.raktava-pastomatu-virsus {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: space-between;
		padding: 0.25rem 0.25rem 0.25rem 1rem;
		border-bottom: 1px solid var(--raktava-remelis);
		font-size: 0.9375rem;
		font-weight: 900;
		text-transform: uppercase;
	}

	.raktava-pastomatu-virsus button {
		width: 44px;
		height: 44px;
		border: 0;
		background: transparent;
		color: inherit;
		font-size: 1.75rem;
		line-height: 1;
		cursor: pointer;
	}

	.yra-visame-ekrane .select2-search--dropdown { flex-shrink: 0; padding: 0.625rem 0.75rem; }

	.select2-container--default.yra-visame-ekrane .select2-search--dropdown .select2-search__field {
		height: 44px;
		padding: 0 0.75rem;
		border: 1px solid var(--raktava-remelis);
		font-size: 16px; /* ne mažiau — kitaip iPhone priartina */
	}

	.yra-visame-ekrane .select2-results {
		position: relative;
		flex: 1;
		min-height: 0;
	}

	.select2-container--default.yra-visame-ekrane .select2-results > .select2-results__options {
		position: relative;
		height: 100%;
		max-height: none;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}

/* Suvestinė */
.raktava-uzsakymo-suvestine {
	height: fit-content;
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

@media (min-width: 640px) { .raktava-uzsakymo-suvestine { padding: 1.5rem; } }
@media (min-width: 1024px) { .raktava-uzsakymo-suvestine { position: sticky; top: 1.25rem; } }

.raktava-uzsakymo-prekes { margin-top: 1.25rem; }

.raktava-uzsakymo-eilute {
	display: flex;
	gap: 0.75rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-uzsakymo-nuotrauka {
	flex-shrink: 0;
	width: 56px; height: 56px;
	background: var(--raktava-fonas);
}

.raktava-uzsakymo-nuotrauka img {
	width: 100%; height: 100%;
	padding: 0.25rem;
	object-fit: contain;
}

.raktava-uzsakymo-vidus { flex: 1; min-width: 0; }

.raktava-uzsakymo-pavadinimas {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1rem;
}

.raktava-uzsakymo-kiekis {
	margin: 0.25rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-uzsakymo-kaina {
	flex-shrink: 0;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 900;
}

.raktava-uzsakymo-sumos { margin: 1.25rem 0 0; font-size: 0.875rem; }

.raktava-uzsakymo-sumos > div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 0.75rem;
}

.raktava-uzsakymo-sumos > div:first-child { margin-top: 0; }
.raktava-uzsakymo-sumos dd { margin: 0; text-align: right; }

/* Nuolaidos kodas suvestinėje (review-order.php): laukas per visą plotį,
   klaida po juo. Klaidos spalva tamsesnė už --raktava-akcija — ta ant
   paviršiaus mažam tekstui per blanki (~3,3:1). */
.raktava-uzsakymo-sumos .raktava-kupono-eilute { display: block; margin-top: 1rem; }
.raktava-kupono-eilute dd { text-align: left; }
.raktava-kupono-laukas.has-error { border-color: oklch(0.5 0.2 32); }

.raktava-kupono-eilute .coupon-error-notice {
	display: block;
	margin-top: 0.375rem;
	color: oklch(0.5 0.2 32);
	font-size: 0.75rem;
	font-weight: 600;
}

.raktava-uzsakymo-sumos .raktava-is-viso {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--raktava-remelis);
	font-size: 1.125rem;
	font-weight: 900;
}

/* Pristatymo eilutė suvestinėje — tik pasirinkto būdo kaina (review-order.php) */
.raktava-pristatymo-suma dt small {
	display: block;
	margin-top: 0.125rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

/* Pristatymo būdų kortelės — atsiskaitymo 1 skyrius (maketo RadioGroup:
   radijo mygtukas, ikona, pavadinimas ir eilutė po juo). NE
   .raktava-pristatymo-kortele — ta klasė jau Pristatymo puslapio
   (page-pristatymas.php), ir jos tarpai buvo prisidėję prie čia. */
/*
 * minmax(0, 1fr) — be jo stulpelis platėja iki turinio: pasirinkus paštomatą
 * MultiParcels laukelis rodo pavadinimą vienoje eilutėje („Telšių AUTOAIBĖ
 * Luokės g. paštomatas, …"), ir telefone puslapis tapdavo 603 px prie 375
 * (rasta 2026-09-24; Rolandas: „taip, taisyk").
 */
.raktava-pristatymo-sarasas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; margin: 0; padding: 0; list-style: none; }

.raktava-budo-kortele {
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
}

.raktava-budo-kortele.yra-pasirinkta,
.raktava-budo-kortele:has(input.shipping_method:checked) {
	border-color: var(--raktava-zenklas);
	background: oklch(0.955 0.035 48);
}

.raktava-budo-kortele > label {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin: 0;
	padding: 1rem;
	font-size: 0.875rem;
	font-weight: 400;
	cursor: pointer;
}

.raktava-budo-kortele input.shipping_method { flex-shrink: 0; margin: 2px 0 0; accent-color: var(--raktava-zenklas); }
.raktava-budo-kortele .raktava-ikona { flex-shrink: 0; }
.raktava-kortele-tekstas strong { display: block; font-weight: 800; }

.raktava-kortele-tekstas small {
	display: block;
	margin-top: 0.25rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

/* MultiParcels paštomatų sąrašas po kortele */
.raktava-budo-kortele > label ~ * { margin: 0 1rem 1rem; }

/* Adreso laukai — tik kurjeriui arba įmonei (main.js, inc/atsiskaitymas.php).
   !important: MultiParcels jQuery .show() įrašo style="display:block". */
.raktava-slepta-eilute,
.raktava-be-adreso .raktava-adreso-laukas { display: none !important; }

/* Aprašas „Įmonės adresas reikalingas…" — tik kai adreso reikia dėl įmonės. */
.raktava-adreso-laukas .description { display: none; margin-top: 0.375rem; color: var(--raktava-tekstas-blankus); font-size: 0.75rem; }
.raktava-imones-adresas .raktava-adreso-laukas .description { display: block; }

/* „Pirkėjo duomenys" — skyrius jau vadinasi „Kontaktiniai duomenys" */
#customer_details .woocommerce-billing-fields > h3 { display: none; }

/* Mokėjimo būdai — 3 skyrius */
#payment { margin: 0; padding: 0; border: 0; }

#payment ul.payment_methods {
	margin: 0;
	padding: 0;
	list-style: none;
}

#payment ul.payment_methods > li {
	margin-bottom: 0.75rem;
	padding: 0.875rem 1rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
}

#payment ul.payment_methods > li:has(input:checked) {
	border-color: var(--raktava-zenklas);
	background: oklch(0.955 0.035 48);
}

#payment ul.payment_methods label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 700;
	cursor: pointer;
}

#payment ul.payment_methods input[type="radio"] { accent-color: var(--raktava-zenklas); }

#payment .payment_box {
	margin-top: 0.625rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.8125rem;
	line-height: 1.5;
}

.raktava-pateikimas .woocommerce-terms-and-conditions-wrapper {
	margin-top: 1.25rem;
	font-size: 0.75rem;
	line-height: 1.5;
}

.raktava-pateikimas { margin: 0; }
.raktava-pateikimas .woocommerce-terms-and-conditions-wrapper .form-row { margin: 0.75rem 0 0; }
.raktava-pateikimas .woocommerce-terms-and-conditions-wrapper label { display: inline; font-size: 0.75rem; font-weight: 400; }
.raktava-pateikimas .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { accent-color: var(--raktava-zenklas); }
.raktava-pateikimas .woocommerce-privacy-policy-text { color: var(--raktava-tekstas-blankus); }

#place_order {
	display: block;
	width: 100%;
	height: 48px;
	margin-top: 1.25rem;
	padding-inline: 1rem;
	border: 0;
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 800;
	cursor: pointer;
}

#place_order:hover { filter: brightness(1.06); }

/* Pristatymo eilutė suvestinėje (savas cart-shipping.php) */
.raktava-pristatymo-eilute {
	display: block !important;
	margin-top: 0.75rem;
}

.raktava-pristatymo-eilute dt { margin-bottom: 0.5rem; font-weight: 700; }
.raktava-pristatymo-eilute dd { margin: 0; text-align: left; }

.raktava-pristatymo-eilute ul#shipping_method {
	margin: 0;
	padding: 0;
	list-style: none;
}

.raktava-pristatymo-eilute ul#shipping_method li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.raktava-pristatymo-eilute ul#shipping_method li:last-child { margin-bottom: 0; }

.raktava-pristatymo-eilute input[type="radio"] {
	margin-top: 3px;
	accent-color: var(--raktava-zenklas);
}

.raktava-pristatymo-eilute label { font-size: 0.8125rem; }

.raktava-pristatymo-pastaba {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
	line-height: 1.5;
}

/* --------------------------------------------- UŽSAKYMO PATVIRTINIMAS */

.raktava-patvirtinimas {
	padding-block: 4rem;
	padding-inline: var(--raktava-tarpas);
	background: var(--raktava-pavirsius);
}

@media (min-width: 640px) { .raktava-patvirtinimas { padding-block: 6rem; } }

.raktava-patvirtinimo-deze {
	max-width: 42rem;
	margin-inline: auto;
	padding: 1.5rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
	text-align: center;
}

@media (min-width: 640px) { .raktava-patvirtinimo-deze { padding: 2.5rem; } }

.raktava-patvirtinimo-zenklas {
	display: grid;
	place-items: center;
	width: 64px; height: 64px;
	margin-inline: auto;
	background: var(--raktava-sandelyje);
	color: var(--raktava-fonas);
}

.raktava-patvirtinimo-deze.yra-klaida .raktava-patvirtinimo-zenklas {
	background: var(--raktava-akcija);
}

.raktava-patvirtinimo-uzrasas { margin: 1.75rem 0 0.5rem; }

.raktava-patvirtinimo-antraste {
	margin: 0;
	font-size: 1.875rem;
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
}

@media (min-width: 640px) { .raktava-patvirtinimo-antraste { font-size: 2.25rem; } }

.raktava-patvirtinimo-sakinys {
	max-width: 32rem;
	margin: 1rem auto 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.5rem;
}

/*
 * Tarpelis tarp langelių piešiamas fonu, ne apvadu: taip trys langeliai
 * plačiame ekrane ir trys vienas po kito telefone atrodo vienodai, be
 * dvigubų linijų sandūrose. Taip padaryta ir makete (gap-px bg-border).
 */
.raktava-patvirtinimo-langeliai {
	display: grid;
	gap: 1px;
	margin-top: 2rem;
	background: var(--raktava-remelis);
	text-align: left;
}

@media (min-width: 640px) {
	.raktava-patvirtinimo-langeliai { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.raktava-patvirtinimo-langeliai > div {
	padding: 1rem;
	background: var(--raktava-pavirsius);
}

.raktava-langelio-uzrasas {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-langelio-reiksme {
	margin: 0.25rem 0 0;
	font-size: 0.875rem;
	font-weight: 700;
}

.raktava-patvirtinimo-terminas {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin: 1.75rem 0 0;
	font-size: 0.875rem;
}

.raktava-patvirtinimo-terminas .raktava-ikona {
	flex-shrink: 0;
	color: var(--raktava-zenklas);
}

.raktava-patvirtinimo-mygtukas { margin-top: 2rem; }

.raktava-patvirtinimo-veiksmai {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 2rem;
}

/* Užsakymo turinys ir pirkėjo duomenys po dėže */
.raktava-uzsakymo-duomenys,
.raktava-pirkejo-duomenys {
	max-width: 42rem;
	margin-inline: auto;
	padding-inline: var(--raktava-tarpas);
}

.raktava-uzsakymo-duomenys { padding-top: 2.5rem; }
.raktava-pirkejo-duomenys { padding-block: 2rem 4rem; }

/* Kai pirkėjo duomenų nerodom (svečio užsakymas), tarpas apačioje lieka. */
.raktava-uzsakymo-duomenys:last-child { padding-bottom: 4rem; }

.raktava-duomenu-antraste {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-uzsakymo-duomenys .raktava-uzsakymo-prekes { margin-top: 1.25rem; }

.raktava-uzsakymo-duomenys .raktava-uzsakymo-pavadinimas a:hover {
	color: var(--raktava-zenklas);
}

.raktava-pirkimo-pastaba {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
	line-height: 1.5;
}

.raktava-uzsakymo-duomenys .wc-item-meta {
	margin: 0.25rem 0 0;
	padding: 0;
	list-style: none;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-uzsakymo-duomenys .wc-item-meta p { margin: 0; display: inline; }

.raktava-uzsakymo-pastaba {
	margin-top: 1.5rem;
	padding: 1rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
	font-size: 0.875rem;
	line-height: 1.5;
}

.raktava-uzsakymo-pastaba p:last-child { margin: 0.25rem 0 0; }

.raktava-uzsakymo-veiksmai {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.raktava-pirkejo-tinklelis { display: grid; gap: 1.5rem; }

@media (min-width: 640px) {
	.raktava-pirkejo-tinklelis.yra-du { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.raktava-pirkejo-duomenys address {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	font-style: normal;
	line-height: 1.6;
}

.raktava-pirkejo-duomenys address p { margin: 0.25rem 0 0; }

/* El. pašto patvirtinimas (svečio užsakymas po 10 min.) */

/*
 * „Dėkojame. Jūsų užsakymas priimtas." WooCommerce spausdina PRIEŠ mūsų
 * šabloną, atskiru `order-received.php`. Savo jo nedarom — jis išverstas ir
 * atsinaujins su WooCommerce. Tik įtraukiam į tą patį šviesų lauką, kad
 * nekabotų virš jo be fono.
 */
.woocommerce-thankyou-order-received {
	margin: 0;
	padding: 4rem var(--raktava-tarpas) 0;
	background: var(--raktava-pavirsius);
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	text-align: center;
}

@media (min-width: 640px) { .woocommerce-thankyou-order-received { padding-top: 6rem; } }

/* Dvigubo tarpo nereikia — lauko viršų jau davė pastraipa. */
.woocommerce-thankyou-order-received + .raktava-patvirtinimas { padding-top: 1.5rem; }

.raktava-patvirtinimo-zenklas.yra-laukiam { background: var(--raktava-zenklas); color: var(--raktava-zenklas-tekstas); }

.raktava-patvirtinimo-sakinys a {
	color: var(--raktava-zenklas);
	font-weight: 700;
	text-decoration: underline;
}

/* Užsakymo patvirtinimas telefone — kompaktiškiau (Rolandas, 2026-09-25:
   „kompaktinam visą puslapį"). Buvo: 64 px paraštės aplink dėžę, 64 px
   ženklas, trys langeliai po 75 px (užrašas virš reikšmės), dideli tarpai.
   Tik šis puslapis — paskyros užsakymo peržiūra (tos pačios klasės
   `.raktava-paskyros-turinys` viduje) nepaliesta: sekcijos imamos per
   `.raktava-patvirtinimas ~`. Blokas — po visų šio puslapio taisyklių. */
@media (max-width: 639px) {
	.raktava-patvirtinimas { padding-block: 1.25rem; }
	.woocommerce-thankyou-order-received { padding-top: 1.25rem; }
	.woocommerce-thankyou-order-received + .raktava-patvirtinimas { padding-top: 0.75rem; }
	.raktava-patvirtinimo-deze { padding: 1.25rem 1rem; }
	.raktava-patvirtinimo-zenklas { width: 44px; height: 44px; }
	.raktava-patvirtinimo-zenklas .raktava-ikona { width: 22px; height: 22px; }
	.raktava-patvirtinimo-uzrasas { margin: 0.875rem 0 0.25rem; }
	.raktava-patvirtinimo-antraste { font-size: 1.5rem; }
	.raktava-patvirtinimo-sakinys { margin-top: 0.5rem; }
	.raktava-patvirtinimo-langeliai { margin-top: 1rem; }

	.raktava-patvirtinimo-langeliai > div {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.625rem 0.875rem;
	}

	.raktava-patvirtinimo-langeliai .raktava-langelio-reiksme { margin: 0; text-align: right; }
	.raktava-patvirtinimo-terminas { margin-top: 1rem; }
	.raktava-patvirtinimo-mygtukas,
	.raktava-patvirtinimo-veiksmai { margin-top: 1rem; }

	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys { padding-top: 1.5rem; }
	.raktava-patvirtinimas ~ .raktava-pirkejo-duomenys { padding-block: 1.25rem 2rem; }
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys:last-child { padding-bottom: 2rem; }

	/* Užsakymo turinys — tos pačios klasės ir atsiskaitymo suvestinėje, todėl
	   tik per `.raktava-patvirtinimas ~`. */
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys .raktava-uzsakymo-prekes,
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys .raktava-uzsakymo-sumos { margin-top: 0.875rem; }
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys .raktava-uzsakymo-eilute { padding-bottom: 0.625rem; margin-bottom: 0.625rem; }
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys .raktava-uzsakymo-sumos > div { margin-top: 0.375rem; }
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys .raktava-uzsakymo-sumos > div:first-child { margin-top: 0; }
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys .raktava-uzsakymo-sumos .raktava-is-viso { margin-top: 0.625rem; padding-top: 0.625rem; }
	.raktava-patvirtinimas ~ .raktava-uzsakymo-duomenys .raktava-uzsakymo-pastaba { margin-top: 1rem; padding: 0.75rem; }
	.raktava-patvirtinimas ~ .raktava-pirkejo-duomenys .raktava-pirkejo-tinklelis { gap: 1rem; }
}

.raktava-tikrinimo-forma {
	max-width: 22rem;
	margin: 2rem auto 0;
	text-align: left;
}

.raktava-tikrinimo-forma p.form-row { margin: 0 0 1rem; }
.raktava-tikrinimo-forma p.form-row:last-child { margin-bottom: 0; }

.raktava-tikrinimo-forma label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
}

.raktava-tikrinimo-forma .required { color: var(--raktava-akcija); text-decoration: none; }

.raktava-tikrinimo-forma input[type="email"] {
	width: 100%;
	height: 48px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: 0;
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 1rem;
	color: inherit;
}

.raktava-tikrinimo-forma input:focus { outline: 2px solid var(--raktava-zenklas); outline-offset: -1px; }

.raktava-tikrinimo-forma .raktava-mygtukas { width: 100%; height: 48px; }

/* Prisijungimas (registruoto pirkėjo užsakymo patvirtinimas) */

/*
 * Šviesus laukas ir centravimas dedami PAGAL `body` klasę, o ne į šabloną:
 * tas pats `global/form-login.php` gali pasirodyti ir atsiskaityme (jei bus
 * įjungtas priminimas prisijungti), o ten laukas būtų ne vietoje.
 */
/*
 * Šviesus laukas uždedamas tik tada, kai puslapyje TIKRAI yra prisijungimo
 * dėžė. `:has()` čia ne gudravimas, o tikslumas: tą patį `body` klasę turi
 * ir užsakymo patvirtinimas, o jam lauką piešia savas apgaubas. Naršyklėje
 * be `:has()` taisyklė tiesiog praleidžiama — puslapis lieka veikiantis,
 * tik kuklesnis.
 */
.raktava-puslapio-turinys:has(.raktava-prisijungimo-deze) {
	background: var(--raktava-pavirsius);
	padding-bottom: 4rem;
}

/*
 * Bendrasis pranešimo pavidalas (kairysis oranžinis brūkšnys, šviesus fonas)
 * čia netinka — pranešimas yra ne įspėjimas šone, o paaiškinimas virš
 * dėžės. Brūkšnį ir foną būtina nuimti sąmoningai, kitaip jie lieka iš
 * ankstesnės taisyklės.
 */
.woocommerce-order-received .woocommerce-info {
	margin: 0;
	padding: 0.75rem var(--raktava-tarpas) 0;
	border: 0;
	background: none;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	text-align: center;
}

.woocommerce-order-received .woocommerce-info a { color: var(--raktava-zenklas); font-weight: 700; }

.woocommerce-order-received .raktava-prisijungimo-deze {
	max-width: 42rem;
	margin: 1.5rem auto 0;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-fonas);
}

.raktava-prisijungimo-deze {
	padding: 1.5rem;
}

@media (min-width: 640px) { .raktava-prisijungimo-deze { padding: 2.5rem; } }

.raktava-prisijungimo-antraste {
	margin: 0 0 1.5rem;
	font-size: 1.25rem;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
}

.raktava-prisijungimo-forma { max-width: 22rem; margin-inline: auto; }

.raktava-prisijungimo-forma p.form-row { margin: 0 0 1rem; }

.raktava-prisijungimo-forma label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
}

.raktava-prisijungimo-forma .required { color: var(--raktava-akcija); text-decoration: none; }

.raktava-prisijungimo-forma input[type="text"],
.raktava-prisijungimo-forma input[type="password"] {
	width: 100%;
	height: 48px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: 0;
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 1rem;
	color: inherit;
}

.raktava-prisijungimo-forma input:focus { outline: 2px solid var(--raktava-zenklas); outline-offset: -1px; }

.raktava-prisijungimo-atmintis label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-weight: 400;
	cursor: pointer;
}

.raktava-prisijungimo-atmintis input[type="checkbox"] { accent-color: var(--raktava-zenklas); }

.raktava-prisijungimo-forma .raktava-mygtukas { width: 100%; height: 48px; }

.raktava-prisijungimo-forma .lost_password {
	margin: 1rem 0 0;
	font-size: 0.8125rem;
	text-align: center;
}

.raktava-prisijungimo-forma .lost_password a { color: var(--raktava-tekstas-blankus); text-decoration: underline; }
.raktava-prisijungimo-forma .lost_password a:hover { color: var(--raktava-zenklas); }

/*
 * Slaptažodžio laukas: WooCommerce JS apvynioja `input` į `span.password-input`
 * ir prideda tuščią `span.show-password-input` — akies mygtuką. Piešia jį
 * WooCommerce CSS su savo ikonų šriftu, o tema nei vieno, nei kito nekrauna
 * (`woocommerce_enqueue_styles` grąžina tuščią sąrašą). Be šito mygtukas
 * lieka nematomu brūkšneliu, o laukas — susitraukęs.
 *
 * Ikona dedama `mask-image` būdu, o ne `background-image`: taip jos spalvą
 * duoda `background-color`, ir ji seka temos kintamąjį. Piešinys — lucide
 * „eye" ir „eye-off" iš 0.575.0, tos pačios versijos kaip makete.
 */
.raktava-prisijungimo-forma .password-input {
	display: block;
	position: relative;
}

.raktava-prisijungimo-forma .password-input input { padding-right: 2.75rem; }

.raktava-paskyros-forma .show-password-input,
.raktava-prisijungimo-forma .show-password-input {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 2.75rem;
	height: 48px;
	background-color: var(--raktava-tekstas-blankus);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;
	cursor: pointer;
}

.raktava-paskyros-forma .show-password-input:hover,
.raktava-prisijungimo-forma .show-password-input:hover { background-color: var(--raktava-zenklas); }

.raktava-paskyros-forma .show-password-input.display-password,
.raktava-prisijungimo-forma .show-password-input.display-password {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575%201%201%200%200%201%200%20.696%2010.747%2010.747%200%200%201-1.444%202.49%22%2F%3E%3Cpath%20d%3D%22M14.084%2014.158a3%203%200%200%201-4.242-4.242%22%2F%3E%3Cpath%20d%3D%22M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151%201%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%204.446-5.143%22%2F%3E%3Cpath%20d%3D%22m2%202%2020%2020%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575%201%201%200%200%201%200%20.696%2010.747%2010.747%200%200%201-1.444%202.49%22%2F%3E%3Cpath%20d%3D%22M14.084%2014.158a3%203%200%200%201-4.242-4.242%22%2F%3E%3Cpath%20d%3D%22M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151%201%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%204.446-5.143%22%2F%3E%3Cpath%20d%3D%22m2%202%2020%2020%22%2F%3E%3C%2Fsvg%3E");
}

/* --------------------------------------------------------------- PASKYRA */

.raktava-paskyra { padding-block: 2.5rem 4rem; }

/*
 * `minmax(0, 1fr)` būtinas ir viename stulpelyje: be jo numanomas stulpelis
 * platėja iki turinio pločio, o užsakymų lentelė turi `min-width: 38rem`.
 * 2026-09-22 dėl to telefone visas puslapis slinko į šoną (610 px prie
 * 375 px lango), nors lentelė savo rėme neslinko visai. Ekrane tai matosi
 * vos vos — rasta tik išmatavus `scrollWidth`.
 */
.raktava-paskyros-tinklelis {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
	max-width: 1200px;
	margin-inline: auto;
}

@media (min-width: 1024px) {
	.raktava-paskyros-tinklelis { grid-template-columns: 240px minmax(0, 1fr); }
}

/* Šoninis meniu */
.raktava-paskyros-meniu {
	height: fit-content;
	padding: 1rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

.raktava-paskyros-zenklelis {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-paskyros-inicialas {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 40px; height: 40px;
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
}

.raktava-paskyros-vardas { margin: 0; font-size: 0.875rem; font-weight: 700; }

.raktava-paskyros-role {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-paskyros-meniu ul { margin: 0; padding: 0; list-style: none; }

.raktava-paskyros-meniu a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem;
	font-size: 0.875rem;
	font-weight: 700;
}

.raktava-paskyros-meniu a:hover { background: var(--raktava-fonas); color: var(--raktava-zenklas); }

.raktava-paskyros-meniu .is-active a { background: var(--raktava-fonas); color: var(--raktava-zenklas); }

.raktava-paskyros-meniu .raktava-ikona { flex-shrink: 0; }

/* Turinys */
.raktava-paskyros-antraste {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-paskyros-sakinys {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.6;
}

.raktava-paskyros-sakinys a {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--raktava-zenklas);
	font-weight: 700;
}

/* Būsenos ženkliukas */
.raktava-busena {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	background: var(--raktava-pavirsius);
	font-size: 0.75rem;
	font-weight: 700;
	white-space: nowrap;
}

/*
 * Spalvą turi tik tos būsenos, kurios pirkėjui ką nors reiškia. Likusios
 * lieka pilkos — spalva be reikšmės tik triukšmauja.
 */
.raktava-busena-processing { background: oklch(0.93 0.06 48); color: var(--raktava-zenklas-tekstas); }
.raktava-busena-completed { background: oklch(0.92 0.07 145); color: oklch(0.3 0.1 145); }
.raktava-busena-cancelled,
.raktava-busena-failed { background: oklch(0.93 0.05 25); color: oklch(0.35 0.14 25); }

/* Paskutinis užsakymas ir plytelės pradžios ekrane */
.raktava-paskutinis-uzsakymas {
	margin-top: 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
}

.raktava-paskutinio-eilute {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-top: 0.75rem;
}

.raktava-paskutinio-eilute > div:first-child { flex: 1; min-width: 8rem; }
.raktava-paskutinio-numeris { margin: 0; font-size: 0.9375rem; font-weight: 900; }

.raktava-paskutinio-data {
	margin: 0.125rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-paskutinio-suma { margin: 0; font-size: 1rem; font-weight: 900; }

.raktava-paskyros-plyteles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 1.5rem;
}

@media (min-width: 640px) {
	.raktava-paskyros-plyteles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.raktava-paskyros-plytele {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
	font-size: 0.8125rem;
	font-weight: 700;
}

.raktava-paskyros-plytele:hover { border-color: var(--raktava-zenklas); color: var(--raktava-zenklas); }
.raktava-paskyros-plytele .raktava-ikona { color: var(--raktava-zenklas); }

/* Užsakymų lentelė */
/*
 * `position: relative` čia ne dekoracija. Lentelės antraštėje yra ekrano
 * skaitytuvui skirtas `span.screen-reader-text`, kurį WordPress branduolys
 * pozicionuoja absoliučiai. Be pozicionuoto tėvo jo apimantis blokas yra
 * pats langas, tad jis IŠTRŪKSTA iš šio rėmo `overflow: auto` ir tempia
 * puslapio slinkties plotį (telefone 503 px prie 375 px lango).
 *
 * Ekrane to nesimatė — puslapis neslinko. Rasta tik ieškant, kuris elementas
 * kiša `scrollWidth`.
 */
.raktava-lenteles-remas {
	position: relative;
	margin-top: 1.5rem;
	border: 1px solid var(--raktava-remelis);
	overflow-x: auto;
}

.raktava-uzsakymu-lentele {
	width: 100%;
	min-width: 38rem;
	border-collapse: collapse;
	text-align: left;
	font-size: 0.875rem;
}

.raktava-uzsakymu-lentele thead {
	background: var(--raktava-pavirsius);
	font-size: 0.75rem;
	text-transform: uppercase;
}

.raktava-uzsakymu-lentele th,
.raktava-uzsakymu-lentele td { padding: 1rem; font-weight: 400; }

.raktava-uzsakymu-lentele thead th { font-weight: 700; }

.raktava-uzsakymu-lentele tbody tr { border-top: 1px solid var(--raktava-remelis); }

.raktava-uzsakymu-lentele tbody th { font-weight: 900; }
.raktava-uzsakymu-lentele tbody th a:hover { color: var(--raktava-zenklas); }

.raktava-uzsakymu-lentele .raktava-uzsakymo-kiekis {
	display: block;
	margin-top: 0.125rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
	font-weight: 400;
}

.raktava-uzsakymu-lentele .raktava-suma { font-weight: 900; white-space: nowrap; }
.raktava-uzsakymu-lentele .raktava-veiksmai { text-align: right; white-space: nowrap; }

.raktava-uzsakymu-lentele .raktava-mygtukas {
	padding: 0.5rem 0.875rem;
	font-size: 0.75rem;
}

.raktava-paskyros-puslapiavimas {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.raktava-paskyros-puslapiavimas .raktava-mygtukas {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}

.raktava-paskyros-tuscia { margin-top: 1.5rem; }
.raktava-paskyros-tuscia .raktava-ikona { color: var(--raktava-tekstas-blankus); }
.raktava-paskyros-tuscia p { margin: 0.75rem 0 1.25rem; }

/* Adresai */
.raktava-adresu-tinklelis {
	display: grid;
	gap: 1rem;
	margin-top: 1.5rem;
}

@media (min-width: 640px) {
	.raktava-adresu-tinklelis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.raktava-adreso-kortele {
	display: flex;
	flex-direction: column;
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
}

.raktava-adreso-antraste {
	margin: 0;
	color: var(--raktava-zenklas);
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-adreso-kortele address {
	flex: 1;
	margin: 1rem 0 1.25rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	font-style: normal;
	line-height: 1.6;
}

.raktava-adreso-nera { color: var(--raktava-tekstas-blankus); }

.raktava-adreso-kortele .raktava-mygtukas {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	align-self: flex-start;
	padding: 0.5rem 0.875rem;
	font-size: 0.75rem;
}

/* Paskyros formos */
.raktava-paskyros-forma { margin-top: 1.5rem; max-width: 36rem; }

.raktava-paskyros-forma p.form-row { margin: 0 0 1rem; }

.raktava-laukai-poromis { display: grid; gap: 1rem; }

@media (min-width: 640px) {
	.raktava-laukai-poromis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.raktava-laukai-poromis p.form-row { margin-bottom: 1rem; }
}

.raktava-paskyros-forma label,
.raktava-adreso-forma label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
}

.raktava-paskyros-forma .required,
.raktava-adreso-forma .required { color: var(--raktava-akcija); text-decoration: none; }

.raktava-paskyros-forma input[type="text"],
.raktava-paskyros-forma input[type="email"],
.raktava-paskyros-forma input[type="tel"],
.raktava-paskyros-forma input[type="password"],
.raktava-adreso-forma input[type="text"],
.raktava-adreso-forma input[type="email"],
.raktava-adreso-forma input[type="tel"],
.raktava-adreso-forma select,
.raktava-adreso-forma .select2-container .select2-selection {
	width: 100%;
	height: 48px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: 0;
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 1rem;
	color: inherit;
}

@media (min-width: 640px) {
	.raktava-paskyros-forma input,
	.raktava-adreso-forma input,
	.raktava-adreso-forma select,
	.raktava-adreso-forma .select2-container .select2-selection { height: 44px; font-size: 0.875rem; }
}

.raktava-paskyros-forma input:focus,
.raktava-adreso-forma input:focus,
.raktava-adreso-forma select:focus { outline: 2px solid var(--raktava-zenklas); outline-offset: -1px; }

.raktava-adreso-forma .select2-container .select2-selection__rendered { padding: 0; line-height: 42px; color: inherit; }
.raktava-adreso-forma .select2-container .select2-selection__arrow { height: 42px; }

.raktava-lauko-pastaba {
	display: block;
	margin: 0.375rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
	line-height: 1.5;
}

.raktava-lauko-pastaba em { font-style: normal; }

.raktava-slaptazodzio-skiltis {
	margin: 1.5rem 0 0;
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

.raktava-slaptazodzio-skiltis legend {
	padding-inline: 0.5rem;
	margin-left: -0.5rem;
	font-size: 0.875rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-slaptazodzio-skiltis .raktava-lauko-pastaba { margin: 0 0 1rem; }

.raktava-formos-apacia {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.raktava-formos-apacia .raktava-mygtukas { height: 48px; display: inline-flex; align-items: center; }

/* Adreso laukų tinklelis (WooCommerce laukai) */
.woocommerce-address-fields__field-wrapper { display: grid; gap: 1rem; }

@media (min-width: 640px) {
	.woocommerce-address-fields__field-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.woocommerce-address-fields__field-wrapper p.form-row-wide { grid-column: 1 / -1; }
}

.woocommerce-address-fields__field-wrapper p.form-row { margin: 0; }

/* Užsakymo peržiūra paskyroje */
.raktava-uzsakymo-langeliai { margin-top: 1.5rem; }
.raktava-uzsakymo-langeliai .raktava-langelio-reiksme { display: flex; align-items: center; }

.raktava-paskyros-turinys .raktava-uzsakymo-duomenys,
.raktava-paskyros-turinys .raktava-pirkejo-duomenys {
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
	padding-bottom: 0;
}

.raktava-paskyros-turinys .raktava-uzsakymo-duomenys { padding-top: 2rem; }
.raktava-paskyros-turinys .raktava-pirkejo-duomenys { padding-block: 2rem 0; }

.raktava-pranesimu-antraste { margin-top: 2rem; }

.raktava-uzsakymo-pranesimai {
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.raktava-uzsakymo-pranesimai li {
	padding: 1rem;
	margin-bottom: 0.75rem;
	border-left: 3px solid var(--raktava-zenklas);
	background: var(--raktava-pavirsius);
}

.raktava-pranesimo-data {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-pranesimo-tekstas { font-size: 0.875rem; line-height: 1.6; }
.raktava-pranesimo-tekstas p { margin: 0.375rem 0 0; }

/* Prisijungimo puslapis (neprisijungus) */
.raktava-prisijungimo-puslapis { padding-block: 2.5rem 4rem; }

.raktava-prisijungimo-tinklelis {
	display: grid;
	gap: 1px;
	max-width: 1000px;
	margin-inline: auto;
	background: var(--raktava-remelis);
}

@media (min-width: 640px) {
	.raktava-prisijungimo-tinklelis.yra-du { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.raktava-prisijungimo-langelis {
	padding: 1.5rem;
	background: var(--raktava-fonas);
}

@media (min-width: 640px) { .raktava-prisijungimo-langelis { padding: 2rem; } }

.raktava-prisijungimo-langelis.yra-sviesus { background: var(--raktava-pavirsius); }
.raktava-prisijungimo-langelis > .raktava-ikona { color: var(--raktava-zenklas); }

.raktava-prisijungimo-langelis h2 {
	margin: 1rem 0 0;
	font-size: 1.25rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-prisijungimo-langelis .raktava-paskyros-forma { max-width: none; margin-top: 1.5rem; }

/* Google — po antrašte, forma po „arba" (form-login.php) */
.raktava-google-virsuje { margin-top: 1.25rem; }
.raktava-google-virsuje + .raktava-arba + .raktava-paskyros-forma { margin-top: 0; }


.raktava-langelio-tekstas {
	margin: 1rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.6;
}

.raktava-privalumai {
	margin: 1.25rem 0 1.5rem;
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
}

.raktava-privalumai li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.raktava-privalumai .raktava-ikona { flex-shrink: 0; color: var(--raktava-sandelyje); }

.raktava-prisijungimo-langelis .raktava-mygtukas { width: 100%; height: 48px; text-align: center; }

.raktava-prisijungimo-langelis .lost_password {
	margin: 1rem 0 0;
	font-size: 0.75rem;
	text-align: center;
}

.raktava-prisijungimo-langelis .lost_password a { color: var(--raktava-tekstas-blankus); }
.raktava-prisijungimo-langelis .lost_password a:hover { color: var(--raktava-zenklas); }

/* Pamiršto slaptažodžio, „laiškas išsiųstas" ir naujo slaptažodžio langelis — vienas, siauresnis */
/* Vienas baltas langelis be rėmelio išsilietų į baltą puslapį — rėmelis kaip patvirtinimo dėžės */
.raktava-prisijungimo-tinklelis.yra-siauras { max-width: 480px; border: 1px solid var(--raktava-remelis); }

/* Pranešimai (klaida, „išsiųsta") — talpykloje, tokio pat pločio kaip langeliai */
.raktava-prisijungimo-puslapis .woocommerce-notices-wrapper { max-width: 1000px; margin: 0 auto 1.5rem; }
.raktava-prisijungimo-puslapis .woocommerce-notices-wrapper:empty { display: none; }
.raktava-prisijungimo-puslapis .woocommerce-notices-wrapper:has(+ .yra-siauras) { max-width: 480px; }

.raktava-prisijungimo-pastaba {
	grid-column: 1 / -1;
	margin: 0;
	padding: 1.25rem 1.5rem;
	background: var(--raktava-pavirsius);
	color: var(--raktava-tekstas-blankus);
	font-size: 0.8125rem;
	line-height: 1.6;
}

.raktava-prisijungimo-pastaba a { color: var(--raktava-zenklas); font-weight: 700; text-decoration: underline; }

/* Prisijungimas su Google (inc/google.php). Spalvos — Google „light" mygtuko
   (balta, rėmelis #747775, tekstas #1F1F1F), „G" ženklas nekeičiamas.
   Šriftas temos: Roboto kraunamas būtų iš Google — tai jau trečioji šalis. */
.raktava-google-mygtukas {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	width: 100%;
	height: 48px;
	padding: 0 1.25rem;
	border: 1px solid #747775;
	border-radius: var(--raktava-kampas-mazas);
	background: #fff;
	color: #1f1f1f;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.raktava-google-mygtukas:hover { background: #f4f5f6; }
.raktava-google-mygtukas:focus-visible { outline: 2px solid var(--raktava-zenklas); outline-offset: 2px; }
.raktava-google-zenklas { flex-shrink: 0; }

.raktava-arba {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 1.25rem 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.raktava-arba::before,
.raktava-arba::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--raktava-remelis);
}

/* Atsiskaityme — 2 skyriaus viršuje */
.raktava-google-atsiskaityme {
	display: grid;
	gap: 0.625rem;
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-google-atsiskaityme p {
	margin: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.8125rem;
	line-height: 1.5;
}

@media (min-width: 640px) {
	.raktava-google-atsiskaityme { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1rem; }
	.raktava-google-atsiskaityme .raktava-google-mygtukas { width: auto; }
}

/* Telefone — kompaktiškiau (Rolandas, 2026-09-25: „padaryk kompaktiškesnį
   mobilioj versijoj"): mažesnės paraštės, be dekoratyvių 32 px ikonų virš
   antraščių. Blokas — po visų prisijungimo taisyklių (ir `.raktava-arba`,
   `.raktava-privalumai`), kitaip vienodo svorio ankstesnė pralaimi. */
@media (max-width: 639px) {
	.raktava-prisijungimo-puslapis { padding-block: 1.25rem 2rem; }
	.raktava-prisijungimo-langelis { padding: 1rem; }
	.raktava-prisijungimo-langelis > .raktava-ikona { display: none; }
	.raktava-prisijungimo-langelis h2 { margin-top: 0; }

	/* „Prisijungti" — paslėpta (Rolandas: „pašalink prisijungti"), Google
	   mygtukas pats pirmas. Ekrano skaitytuvams antraštė lieka. Tik kai
	   langelyje yra Google (`:has`) — pamiršto / naujo slaptažodžio langų ir
	   prisijungimo be Google antraštės lieka. */
	.raktava-prisijungimo-langelis:has(> .raktava-google-virsuje) > h2 {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.raktava-prisijungimo-langelis > .raktava-google-virsuje { margin-top: 0; }
	.raktava-google-virsuje { margin-top: 1rem; }
	.raktava-arba { margin: 1rem 0; }
	.raktava-prisijungimo-langelis .raktava-paskyros-forma { margin-top: 1rem; }
	.raktava-privalumai { margin: 1rem 0; }
}

/* Slaptažodžio akies mygtukas galioja ir paskyros formose */
.raktava-paskyros-forma .password-input { display: block; position: relative; }
.raktava-paskyros-forma .password-input input { padding-right: 2.75rem; }

/* Paskyros kūrimas atsiskaityme („Sukurti paskyrą?") */
.woocommerce-account-fields {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--raktava-remelis);
}

.woocommerce-account-fields p.create-account { margin: 0; }

/* Pastabos — ne prilipusios prie paskyros bloko ar adreso laukų (buvo 0 px) */
.raktava-skyriaus-vidus .woocommerce-additional-fields { margin-top: 1.25rem; }

/*
 * „(nebūtinas)" nerodomas (Rolandas, 2026-09-24). Serveryje išimamas
 * (inc/adresai.php), bet address-i18n.js adreso laukams jį prideda iš naujo.
 */
.form-row label .optional { display: none; }

.raktava-skyriaus-vidus .woocommerce-account-fields label.checkbox {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 700;
	cursor: pointer;
}

.woocommerce-account-fields input[type="checkbox"] {
	width: 16px; height: 16px;
	margin: 0;
	accent-color: var(--raktava-zenklas);
}

.raktava-paskyros-kurimo-pastaba { margin-top: 0.5rem; }

/* ---------------------------------------------- INFORMACINIAI PUSLAPIAI */

/*
 * Maketo info-page.tsx: 260 px turinys šone ir skyriai; pločiai ir tarpai
 * paimti iš jo (max-w 1200, gap-8, py-12 / lg:py-16).
 */
.raktava-informacija { padding-block: 3rem; }

@media (min-width: 1024px) { .raktava-informacija { padding-block: 4rem; } }

.raktava-informacijos-tinklelis {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
	max-width: 1200px;
	margin-inline: auto;
}

@media (min-width: 1024px) {
	.raktava-informacijos-tinklelis.yra-turinys { grid-template-columns: 260px minmax(0, 1fr); }
}

.raktava-informacijos-rodykle {
	height: fit-content;
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

.raktava-informacijos-rodykles-antraste {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-informacijos-rodykle nav {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.35;
}

.raktava-informacijos-rodykle a:hover { color: var(--raktava-zenklas); }

.raktava-dokumento-pavadinimas {
	margin: 0 0 1.5rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.raktava-informacijos-skyrius {
	scroll-margin-top: 6rem;
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-informacijos-skyrius:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.raktava-informacijos-skyrius h2 {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 900;
	line-height: 1.25;
	text-transform: uppercase;
}

@media (min-width: 640px) { .raktava-informacijos-skyrius h2 { font-size: 1.5rem; } }

/* Tekstas: maketo text-sm leading-7 muted, space-y-3 */
.raktava-informacijos-tekstas {
	margin-top: 1rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.75rem;
}

.raktava-informacijos-ivadas { margin: 0 0 2.5rem; }

.raktava-informacijos-tekstas > * { margin: 0 0 0.75rem; }
.raktava-informacijos-tekstas > :last-child { margin-bottom: 0; }

.raktava-informacijos-tekstas strong { color: var(--raktava-tekstas); font-weight: 700; }

.raktava-informacijos-tekstas ul,
.raktava-informacijos-tekstas ol { padding-left: 1.25rem; }

.raktava-informacijos-tekstas ul { list-style: disc; }
.raktava-informacijos-tekstas ol { list-style: decimal; }
.raktava-informacijos-tekstas li { margin-bottom: 0.25rem; }
.raktava-informacijos-tekstas li::marker { color: var(--raktava-zenklas); }

.raktava-informacijos-tekstas a { color: var(--raktava-zenklas); text-decoration: underline; }

/* Pristatymas: maketo kortelės (pristatymas.tsx) */
.raktava-pristatymo-puslapis { max-width: 1200px; margin-inline: auto; }

.raktava-pristatymo-korteles {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

@media (min-width: 640px) {
	.raktava-pristatymo-korteles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.raktava-pristatymo-korteles { grid-template-columns: repeat(var(--raktava-korteliu-kiekis, 3), minmax(0, 1fr)); }
}

.raktava-pristatymo-kortele {
	padding: 1.25rem;
	border: 1px solid var(--raktava-remelis);
}

.raktava-pristatymo-kortele > .raktava-ikona { color: var(--raktava-zenklas); }

.raktava-pristatymo-kortele h2 {
	margin: 1rem 0 0;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.35;
	text-transform: uppercase;
}

.raktava-pristatymo-kortele .raktava-informacijos-tekstas {
	margin-top: 0.5rem;
	line-height: 1.5rem;
}

/* Kontaktai: maketo kontaktai.tsx */
.raktava-kontaktu-tinklelis {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
	max-width: 1200px;
	margin-inline: auto;
}

@media (min-width: 1024px) {
	.raktava-kontaktu-tinklelis { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
}

.raktava-kontaktu-ivadas {
	margin-bottom: 1.25rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.raktava-kontaktu-ivadas p { margin: 0; }

.raktava-kontaktu-langeliai {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1px;
	background: var(--raktava-remelis);
	border: 1px solid var(--raktava-remelis);
}

@media (min-width: 640px) {
	.raktava-kontaktu-langeliai { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	/* Nelyginis langelių skaičius — paskutinis per visą plotį, kad neliktų tuščios skylės. */
	.raktava-kontaktu-langelis:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* Kompaktiškai, ikona kairėje, visas langelis — nuoroda (page-kontaktai.php;
   Rolandas, 2026-09-25). Buvo: ikona virš užrašo, 1.25rem tarpai, reikšmė
   pilka ir spaudžiamas tik jos tekstas. */
.raktava-kontaktu-langelis {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 0.875rem 1rem;
	background: var(--raktava-pavirsius);
	color: inherit;
}

.raktava-kontaktu-langelis > .raktava-ikona { flex-shrink: 0; color: var(--raktava-zenklas); }

.raktava-kontaktu-tekstai {
	display: grid;
	flex: 1;
	gap: 0.125rem;
	min-width: 0;
}

.raktava-kontaktu-uzrasas {
	color: var(--raktava-tekstas-blankus);
	font-size: 0.6875rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.raktava-kontaktu-reiksme {
	color: var(--raktava-tekstas);
	font-size: 0.9375rem;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.raktava-kontaktu-rodykle { flex-shrink: 0; color: var(--raktava-tekstas-blankus); }

.raktava-kontaktu-langelis.yra-nuoroda:hover .raktava-kontaktu-reiksme,
.raktava-kontaktu-langelis.yra-nuoroda:hover .raktava-kontaktu-rodykle { color: var(--raktava-zenklas); }

.raktava-kontaktu-langelis.yra-nuoroda:focus-visible { outline: 2px solid var(--raktava-zenklas); outline-offset: -2px; }

.raktava-konsultacija {
	margin-top: 1.5rem;
	padding: 1.5rem;
	border: 1px solid var(--raktava-remelis);
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
}

.raktava-konsultacijos-uzrasas {
	margin: 0;
	color: var(--raktava-zenklas);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
}

.raktava-konsultacija h2 {
	margin: 0.5rem 0 0;
	font-size: 1.25rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-konsultacija p:last-child {
	margin: 0.75rem 0 0;
	color: oklch(0.995 0.002 90 / 0.65);
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.raktava-kontaktu-forma {
	position: relative; /* spąstų laukui — kad liktų formos ribose */
	padding: 1.5rem;
	border: 1px solid var(--raktava-remelis);
}

@media (min-width: 640px) { .raktava-kontaktu-forma { padding: 2rem; } }

.raktava-kontaktu-forma h2 {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-kontaktu-laukai {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
	margin-top: 1.5rem;
}

@media (min-width: 640px) {
	.raktava-kontaktu-laukai { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.raktava-formos-laukas.yra-platus { grid-column: 1 / -1; }
}

.raktava-formos-laukas { margin: 0; }

.raktava-formos-laukas label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
}

.raktava-formos-laukas .required { color: var(--raktava-akcija); }

.raktava-formos-laukas input,
.raktava-formos-laukas textarea {
	width: 100%;
	height: 44px;
	padding-inline: 0.75rem;
	border: 1px solid var(--raktava-remelis);
	border-radius: 0;
	background: var(--raktava-fonas);
	font-family: inherit;
	font-size: 1rem;
	color: inherit;
}

@media (min-width: 640px) {
	.raktava-formos-laukas input,
	.raktava-formos-laukas textarea { font-size: 0.875rem; }
}

.raktava-formos-laukas textarea { height: auto; min-height: 8rem; padding-block: 0.75rem; resize: vertical; }

.raktava-formos-laukas input:focus,
.raktava-formos-laukas textarea:focus { outline: 2px solid var(--raktava-zenklas); outline-offset: -1px; }

.raktava-formos-laukas.yra-klaida input,
.raktava-formos-laukas.yra-klaida textarea { border-color: var(--raktava-akcija); }

.raktava-lauko-klaida {
	display: block;
	margin-top: 0.375rem;
	color: var(--raktava-akcija);
	font-size: 0.75rem;
}

.raktava-formos-pranesimas {
	margin: 1.25rem 0 0;
	padding: 0.875rem 1rem;
	border-left: 3px solid;
	background: var(--raktava-pavirsius);
	font-size: 0.875rem;
}

.raktava-formos-pranesimas.yra-sekme { border-color: var(--raktava-sandelyje); }
.raktava-formos-pranesimas.yra-klaida { border-color: var(--raktava-akcija); }

.raktava-kontaktu-forma .raktava-mygtukas { margin-top: 1.25rem; }

/* Spąstų laukas — už ekrano ribų, ne display:none (kai kurie robotai tokių nepildo). */
.raktava-spastai {
	position: absolute !important;
	left: -9999px;
	width: 1px; height: 1px;
	overflow: hidden;
}

/*
 * Be šoninio turinio (mažiau nei 3 skyriai) tekstas būtų per visus 1200 px —
 * ~180 ženklų eilutėje. Ribojam iki to paties pločio, kokį tekstas turi
 * puslapiuose su turiniu šone (1200 − 260 − tarpas), kad visi informaciniai
 * puslapiai skaitytųsi vienodai.
 */
.raktava-informacijos-tinklelis:not(.yra-turinys) .raktava-informacijos-skyriai {
	max-width: calc(1200px - 260px - 2rem);
}

/* --------------------------------------------------------------- PAIEŠKA */

/* Telefone — maketo site-shell.tsx: mx-3 mb-3 h-11 border-2 rounded-md */
.raktava-paieska-telefone {
	display: flex;
	height: 44px;
	margin: 0 0.75rem 0.75rem;
	overflow: hidden;
	border: 2px solid oklch(0.18 0.012 250 / 0.15);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-fonas);
}

.raktava-paieska-telefone:focus-within { border-color: var(--raktava-zenklas); }

.raktava-paieska-telefone input[type="search"] {
	flex: 1;
	min-width: 0;
	padding-inline: 0.75rem;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 1rem; /* ne mažiau 16 px — kitaip iPhone priartina puslapį */
	color: inherit;
	outline: none;
}

.raktava-paieska-telefone input::placeholder { color: var(--raktava-tekstas-blankus); }

.raktava-paieska-telefone button {
	display: grid;
	place-items: center;
	padding-inline: 1rem;
	border: 0;
	background: var(--raktava-zenklas);
	color: var(--raktava-zenklas-tekstas);
	cursor: pointer;
}

@media (min-width: 768px) { .raktava-paieska-telefone { display: none; } }

/* Pasiūlymai rašant (inc/gyva-paieska.php, main.js). Sąrašas — formos
   viduje, po lauku, todėl formoms nuimtas `overflow: hidden` (jis
   apkarpydavo mygtuko kampus) — kampus dabar apvalina pats mygtukas.
   `z-index` — kad sąrašas būtų virš kategorijų juostos antraštėje. */
.raktava-paieska,
.raktava-paieska-telefone {
	position: relative;
	z-index: 5;
	overflow: visible;
}

.raktava-paieska button,
.raktava-paieska-telefone button { border-radius: 0 var(--raktava-kampas-mazas) var(--raktava-kampas-mazas) 0; }

.raktava-pasiulymai {
	position: absolute;
	top: calc(100% + 6px);
	left: -2px;
	right: -2px;
	/* --raktava-pasiulymu-aukstis — iki matomos ekrano dalies apačios (main.js,
	   pagal visualViewport: telefone be jo sąrašas lįsdavo po klaviatūra). */
	max-height: min(75vh, 40rem, var(--raktava-pasiulymu-aukstis, 40rem));
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas);
	background: var(--raktava-fonas);
	box-shadow: 0 12px 32px oklch(0.18 0.012 250 / 0.14);
	color: var(--raktava-tekstas);
	text-align: left;
}

.raktava-pasiulymai[hidden] { display: none; }

/* Telefone — tik pagal matomą dalį (klaviatūra), be 75vh ribos. */
@media (max-width: 767px) {
	.raktava-pasiulymai { max-height: var(--raktava-pasiulymu-aukstis, calc(100vh - 9.5rem)); }
}

.yra-kraunama .raktava-pasiulymai { opacity: 0.7; }

.raktava-pasiulymai [role="option"] { display: flex; align-items: center; }
.raktava-pasiulymai [role="option"]:hover,
.raktava-pasiulymai .yra-aktyvus { background: var(--raktava-pavirsius); }

.raktava-pasiulymai strong { font-weight: 800; }

.raktava-pasiulymai-terminai {
	padding-block: 0.25rem;
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-pasiulymas-terminas {
	gap: 0.625rem;
	padding: 0.5rem 0.875rem;
	font-size: 0.875rem;
}

.raktava-pasiulymo-tipas {
	flex-shrink: 0;
	padding: 0.125rem 0.375rem;
	border-radius: var(--raktava-kampas-mazas);
	background: var(--raktava-pavirsius);
	color: var(--raktava-tekstas-blankus);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.raktava-pasiulymai .yra-aktyvus .raktava-pasiulymo-tipas,
.raktava-pasiulymai [role="option"]:hover .raktava-pasiulymo-tipas { background: var(--raktava-fonas); }

.raktava-pasiulymas-terminas .raktava-pasiulymo-pavadinimas {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}

.raktava-pasiulymo-tevine { color: var(--raktava-tekstas-blankus); font-weight: 400; }

.raktava-pasiulymo-kiekis {
	flex-shrink: 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-pasiulymas-preke {
	gap: 0.75rem;
	padding: 0.5rem 0.875rem;
}

.raktava-pasiulymas-preke img {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
	background: #fff;
	object-fit: contain;
}

.raktava-pasiulymo-tekstas {
	display: grid;
	flex: 1;
	gap: 0.125rem;
	min-width: 0;
}

.raktava-pasiulymas-preke .raktava-pasiulymo-pavadinimas {
	display: -webkit-box;
	overflow: hidden;
	font-size: 0.875rem;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.raktava-pasiulymo-kodas { color: var(--raktava-tekstas-blankus); font-size: 0.75rem; }
.raktava-pasiulymo-zyme { font-weight: 700; }

.raktava-pasiulymo-kaina {
	flex-shrink: 0;
	font-size: 0.875rem;
	font-weight: 900;
	text-align: right;
	white-space: nowrap;
}

.raktava-pasiulymo-kaina del {
	display: block;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.6875rem;
	font-weight: 400;
}

.raktava-pasiulymai-visi {
	justify-content: center;
	padding: 0.75rem 0.875rem;
	border-top: 1px solid var(--raktava-remelis);
	color: var(--raktava-zenklas);
	font-size: 0.8125rem;
	font-weight: 700;
}

.raktava-pasiulymai-tuscia {
	margin: 0;
	padding: 1rem 0.875rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
}

/* Tuščia paieška. Ikona — blokas (.raktava-ikona), tad text-align jos necentruoja. */
.raktava-tuscia-paieska .raktava-ikona { margin-inline: auto; color: var(--raktava-tekstas-blankus); }

.raktava-tuscios-antraste {
	margin: 0.75rem 0 0.5rem;
	color: var(--raktava-tekstas);
	font-size: 1.125rem;
	font-weight: 800;
}

.raktava-tuscia-paieska p { margin-top: 0; }
.raktava-tuscia-paieska .raktava-mygtukas { margin-top: 0.75rem; }

/* ------------------------------------------------------- MĖGSTAMOS PREKĖS */

/* Maketo megstamos.tsx: py-12, tinklelis 2 / 3 / 4 / 5 stulpelių. */
.raktava-megstamos { padding-block: 3rem; }

@media (min-width: 1024px) { ul.products.raktava-penki { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { ul.products.raktava-penki { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* Ikona — blokas (.raktava-ikona), tad text-align jos necentruoja. */
.raktava-tuscios-megstamos .raktava-ikona { margin-inline: auto; color: var(--raktava-tekstas-blankus); }
.raktava-tuscios-megstamos p { margin-top: 0; }
.raktava-tuscios-megstamos .raktava-mygtukas { margin-top: 0.75rem; }

/* ------------------------------------------------- SLAPUKŲ SUTIKIMAS */
/* inc/slapukai.php, footer.php, main.js. Virš telefono pirkimo juostos (40). */
.raktava-slapukai {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 90;
	background: var(--raktava-tekstas);
	color: var(--raktava-fonas);
	border-top: 1px solid oklch(0.995 0.002 90 / 0.12);
	box-shadow: 0 -8px 24px oklch(0 0 0 / 0.18);
}

.raktava-slapukai[hidden] { display: none; }

.raktava-slapukai-vidus {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
	padding-block: 1rem;
}

.raktava-slapukai p {
	margin: 0;
	color: oklch(0.995 0.002 90 / 0.8);
	font-size: 0.8125rem;
	line-height: 1.6;
}

.raktava-slapukai a { color: var(--raktava-zenklas); text-decoration: underline; }

/* Vienodo dydžio — atsisakyti taip pat lengva, kaip sutikti */
.raktava-slapukai-mygtukai { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.raktava-slapukai .raktava-mygtukas { justify-content: center; height: 44px; }

@media (min-width: 768px) {
	.raktava-slapukai-vidus { flex-direction: row; align-items: center; justify-content: space-between; gap: 2rem; }
	.raktava-slapukai-mygtukai { flex-shrink: 0; grid-template-columns: repeat(2, 10rem); }
}

.raktava-slapuku-nustatymai {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
}

.raktava-slapuku-nustatymai:hover { color: var(--raktava-zenklas); }

/* --------------------------------------------------------- MINI KREPŠELIS */
/* inc/mini-krepselis.php, main.js. Virš visko — ir virš slapukų juostos (90). */

.raktava-mini-krepselis {
	position: fixed;
	inset: 0;
	z-index: 100;
}

.raktava-mini-krepselis[hidden] { display: none; }

html.yra-mini-atidarytas { overflow: hidden; }

.raktava-mini-fonas {
	position: absolute;
	inset: 0;
	background: oklch(0.18 0.012 250 / 0.45);
	opacity: 0;
	transition: opacity 0.25s ease;
}

.raktava-mini-skydelis {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: min(420px, 100%);
	background: var(--raktava-fonas);
	box-shadow: -12px 0 32px oklch(0.18 0.012 250 / 0.18);
	transform: translateX(100%);
	transition: transform 0.25s ease;
	outline: none;
}

.yra-atidarytas .raktava-mini-fonas { opacity: 1; }
.yra-atidarytas .raktava-mini-skydelis { transform: none; }

@media (prefers-reduced-motion: reduce) {
	.raktava-mini-fonas,
	.raktava-mini-skydelis { transition: none; }
}

.raktava-mini-virsus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.75rem 0.75rem 0.75rem 1.25rem;
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-mini-virsus h2 {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 900;
	text-transform: uppercase;
}

.raktava-mini-uzdaryti {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: var(--raktava-kampas-mazas);
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.raktava-mini-uzdaryti:hover { background: var(--raktava-pavirsius); }

.raktava-mini-pranesimas {
	margin: 0;
	padding: 0.625rem 1.25rem;
	background: oklch(0.49 0.14 145 / 0.1);
	color: var(--raktava-sandelyje);
	font-size: 0.8125rem;
	font-weight: 700;
}

.raktava-mini-pranesimas.yra-klaida {
	background: oklch(0.62 0.225 32 / 0.1);
	color: var(--raktava-akcija);
}

.raktava-mini-pranesimas[hidden] { display: none; }

.raktava-mini-turinys {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 0;
}

.raktava-mini-turinys.yra-kraunama { opacity: 0.6; pointer-events: none; }

.raktava-mini-kiekis-prekiu {
	margin: 0;
	padding: 0.75rem 1.25rem 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.8125rem;
}

/* Slenkamas sąrašas — `position: relative`, kad absoliučiai pozicionuoti
   vaikai (ekrano skaitytuvo tekstas) neištemptų puslapio (CLAUDE.md). */
.raktava-mini-sarasas {
	position: relative;
	flex: 1;
	min-height: 0;
	margin: 0;
	padding: 0 1.25rem;
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
}

.raktava-mini-eilute {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	gap: 0.75rem;
	padding: 0.875rem 0;
	border-bottom: 1px solid var(--raktava-remelis);
}

.raktava-mini-eilute:last-child { border-bottom: 0; }

.raktava-mini-nuotrauka img {
	display: block;
	width: 64px;
	height: 64px;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
	background: #fff;
	object-fit: contain;
}

.raktava-mini-vidus { min-width: 0; }

.raktava-mini-pavadinimas {
	display: -webkit-box;
	overflow: hidden;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.raktava-mini-pavadinimas:hover { color: var(--raktava-zenklas); }

.raktava-mini-vieneto-kaina {
	margin: 0.25rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-mini-veiksmai {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.raktava-mini-kiekis {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--raktava-remelis);
	border-radius: var(--raktava-kampas-mazas);
}

.raktava-mini-kiekis button,
.raktava-mini-pasalinti {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.raktava-mini-kiekis button:disabled { opacity: 0.3; cursor: default; }

.raktava-mini-kiekis span {
	min-width: 1.75rem;
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
}

.raktava-mini-pasalinti {
	border-radius: var(--raktava-kampas-mazas);
	color: var(--raktava-tekstas-blankus);
}

.raktava-mini-pasalinti:hover { color: var(--raktava-akcija); background: var(--raktava-pavirsius); }

.raktava-mini-po-viena { color: var(--raktava-tekstas-blankus); font-size: 0.75rem; }

.raktava-mini-eilutes-suma {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 900;
	white-space: nowrap;
}

.raktava-mini-apacia {
	padding: 1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));
	border-top: 1px solid var(--raktava-remelis);
	background: var(--raktava-pavirsius);
}

.raktava-mini-eilute-sumos {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 0.375rem;
	font-size: 0.875rem;
}

.raktava-mini-eilute-sumos.yra-is-viso { font-size: 1rem; font-weight: 900; }

.raktava-mini-pastaba {
	margin: 0.25rem 0 1rem;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.75rem;
}

.raktava-mini-apacia .raktava-mygtukas {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
}

.raktava-mini-apacia .raktava-mygtukas + .raktava-mygtukas { margin-top: 0.5rem; }

.raktava-mini-tuscias {
	display: grid;
	justify-items: center;
	gap: 1rem;
	margin: auto;
	padding: 2rem 1.25rem;
	color: var(--raktava-tekstas-blankus);
	text-align: center;
}

.raktava-mini-tuscias p { margin: 0; font-size: 0.9375rem; }

/* „Į krepšelį", kol laukiama atsakymo */
.raktava-mygtukas.yra-kraunama { opacity: 0.7; cursor: progress; }