/*
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.4
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; } }

/* 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ė {
	margin-top: 4rem;
	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;
}

/* Pokategorių juosta */
.raktava-kategoriju-juosta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
	.raktava-kategoriju-juosta { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-bottom: 2.5rem; }
}

@media (min-width: 1024px) {
	.raktava-kategoriju-juosta { grid-template-columns: repeat(6, 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); }
}

.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;
}

@media (min-width: 1024px) {
	.raktava-teiginys { border-left: 1px solid var(--raktava-remelis); padding-inline: 1.5rem; }
	.raktava-teiginys:first-child { border-left: 0; padding-left: 0; }
}

.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; }
}

/* ------------------------------------------------------- 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-likutis {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 1.5rem 0 0;
	color: var(--raktava-sandelyje);
	font-size: 0.875rem;
	font-weight: 700;
}

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

.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);
}

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

.raktava-info-eilute:first-child { border-top: 0; }
.raktava-info-eilute .raktava-ikona { flex-shrink: 0; margin-top: 2px; 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-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); }

.raktava-pasitikejimo-plyteles {
	display: grid;
	gap: 1px;
	margin-top: 2rem;
	background: var(--raktava-remelis);
}

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

.raktava-pasitikejimo-plyteles > div {
	display: flex;
	gap: 0.75rem;
	padding: 1rem;
	background: var(--raktava-pavirsius);
}

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

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

.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; } }

.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); }

/* 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 { grid-template-columns: minmax(0, 1fr); }

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

@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;
	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;
	gap: 1.5rem;
	max-width: 1200px;
	margin-inline: auto;
}

@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; }

/* 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; }

.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. */
.raktava-pristatymo-sarasas { display: grid; 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;
}

.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; }

.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); }

.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; }

/* 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; }

.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; }
}

.raktava-kontaktu-langelis {
	padding: 1.25rem;
	background: var(--raktava-pavirsius);
}

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

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

.raktava-kontaktu-reiksme {
	margin: 0.5rem 0 0;
	color: var(--raktava-tekstas-blankus);
	font-size: 0.875rem;
	overflow-wrap: anywhere;
}

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

.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; } }

/* 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; }