/* ==========================================================================
   Pagrindas
   ========================================================================== */

:root {
	--bg: #f7f1e8;     /* kreminis, lininis fonas */
	--ink: #111;
	--ink-soft: #2b2b2b;
	--line: #d9d9d9;
	--accent: #54835A;
	--accent-dark: #446A49;
	--brand: #96443a;
	--frame: #9bb459;  /* sodresnė, šiltesnė žalia */
	--berry: #2C6B68;  /* akcentas: hover, skaitikliai, ženkliukai */
	--cream: #f6f0e1;
	--plum: #4d3a4c;
	--surface: #fafafa;
	--tile: #ebe8e4;

	--font-display: "Oswald", "Arial Narrow", sans-serif;
	--font-body: "Montserrat", system-ui, sans-serif;

	--gutter: clamp(16px, 2vw, 28px);
	--page-x: clamp(16px, 2.9vw, 56px); /* vidinių puslapių šoninis tarpas */
	--page-w: calc(1600px + 2 * var(--page-x)); /* visos svetainės plotis: 1600px turinio + šoniniai tarpai */
	--radius: clamp(14px, 1.6vw, 24px);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Logotipas: baltas PNG naudojamas kaip kaukė, spalva – iš color (currentColor) */
.logo-mark {
	display: block;
	aspect-ratio: 333 / 342;
	background: currentColor;
	-webkit-mask: url("../img/logo.png") center / contain no-repeat;
	mask: url("../img/logo.png") center / contain no-repeat;
}

/* ==========================================================================
   Navigacija
   ========================================================================== */

/* Visuose ekranuose: „☰“ kairėje (atidaro meniu – mobile-menu.php), ikonos dešinėje.
   Meniu punktų juostos nėra – jie meniu lange. */
.site-nav {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(20px, 2.4vw, 40px);
}

.site-nav__panel {
	display: none;
}

.site-nav__menu,
.site-nav__icons {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__menu {
	gap: clamp(20px, 3vw, 44px);
}

.site-nav__menu a {
	position: relative;
	display: block;
	padding: 6px 0;
	white-space: nowrap;
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-decoration: none;
}

.site-nav__menu a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--berry);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}

.site-nav__menu a {
	transition: color 0.2s ease;
}

.site-nav__menu a:hover {
	color: var(--berry);
}

.site-nav__menu a:hover::after,
.site-nav__menu .current-menu-item > a::after {
	transform: scaleX(1);
}

.site-nav__icons {
	gap: 14px;
}

/* Tik pačios ikonos (> li > a) – ne paieškos rezultatų nuorodos tame pačiame sąraše */
.site-nav__icons > li > a {
	position: relative;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	transition: color 0.2s ease;
}

.site-nav__icons > li > a svg {
	width: clamp(19px, 1.1vw, 22px);
	height: auto;
}

.site-nav__icons > li > a:hover {
	color: var(--berry);
}

/* --- Paieška antraštėje: laukelis su lupa, rezultatai – langelis po juo (main.js) --- */

/* Uždarytas – tik lupa; paspaudus laukelis išsiskleidžia į kairę baltu fonu (is-open, main.js).
   Plotis (--search-w) – iki „Kontaktai“, apskaičiuoja main.js, tad meniu nejuda ir neuždengiamas. */
.site-search {
	--search-w: 280px;
	position: relative;
	width: 34px;
	height: 34px;
}

/* Lupa – tokio pat dydžio langelyje kaip kitos ikonos (34 px), tad tarpai tarp ikonų vienodi.
   Rėmelis – box-shadow, kad nekeistų dydžio. */
.site-search__form {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 25;
	display: flex;
	align-items: center;
	width: 34px;
	height: 42px;
	overflow: hidden;
	border-radius: 10px;
	background: transparent;
	transform: translateY(-50%);
	transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.25s ease, box-shadow 0.25s ease;
}

.site-search.is-open .site-search__form {
	width: var(--search-w);
	background: #fff;
	box-shadow: inset 0 0 0 1.5px var(--berry), 0 10px 28px rgb(0 0 0 / 0.08);
}

/* Uždarytame laukelis neužima vietos (be paraštės) – lupa lieka matoma visa */
.site-search__input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	font-size: 14px;
	outline: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

.site-search.is-open .site-search__input {
	padding-left: 20px;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s ease 0.12s, visibility 0s;
}

@media (prefers-reduced-motion: reduce) {
	.site-search__form,
	.site-search__input {
		transition: none;
	}
}

.site-search__input::placeholder {
	color: #777;
}

.site-search__input::-webkit-search-cancel-button {
	display: none;
}

.site-search__btn {
	display: grid;
	flex: none;
	place-items: center;
	width: 34px;
	height: 34px;
	margin-right: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: inherit;
	cursor: pointer;
	transition: color 0.2s ease, margin 0.3s ease;
}

.site-search.is-open .site-search__btn {
	margin-right: 4px;
}

.site-search__btn:hover {
	color: var(--berry);
}

.site-search__btn svg {
	width: clamp(19px, 1.1vw, 22px); /* kaip .site-nav__icons svg */
	height: auto;
}

.site-search__results {
	position: absolute;
	top: calc(100% + 14px);
	right: 0;
	z-index: 30;
	width: max(var(--search-w), 300px); /* kaip atidarytas laukelis, bet ne siauresni */
	padding: 8px;
	border: 1.5px solid var(--ink);
	border-radius: 20px;
	background: var(--bg);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}

.site-search__results[hidden] {
	display: none;
}

/* Mobiliajame meniu – po laukeliu, ne virš turinio */
.site-search__results--inline {
	position: static;
	width: auto;
	margin-top: 8px;
	box-shadow: none;
}

.site-search__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-search__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 8px;
	border-radius: 12px;
	color: var(--ink);
	text-decoration: none;
	outline: none;
	transition: background-color 0.15s ease;
}

.site-search__item:hover,
.site-search__item:focus-visible {
	background: rgb(0 0 0 / 0.05);
}

.site-search__thumb {
	flex: none;
	width: 46px;
	height: 46px;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
}

.site-search__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.site-search__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
}

.site-search__name {
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

.site-search__price {
	color: var(--ink-soft);
	font-size: 13px;
}

.site-search__item.is-out .site-search__thumb {
	opacity: 0.5;
}

.site-search__all {
	display: block;
	margin-top: 4px;
	padding: 10px 8px 4px;
	border-top: 1px solid var(--line);
	color: var(--berry);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.site-search__all:hover,
.site-search__all:focus-visible {
	text-decoration: underline;
	outline: none;
}

.site-search__empty {
	margin: 0;
	padding: 10px 8px;
	color: var(--ink-soft);
	font-size: 14px;
}

/* Planšetėje ir telefone (meniu – mygtukas) antraštėje tik lupa: ji atidaro meniu
   su paieškos laukeliu (main.js) */
@media (max-width: 960px) {
	.site-search {
		width: 40px;
		height: 40px;
	}

	.site-search__form,
	.site-search.is-open .site-search__form {
		position: static;
		width: auto;
		height: 40px;
		padding: 0;
		border: 0;
		background: none;
		box-shadow: none;
		transform: none;
	}

	.site-search__input,
	.site-search .site-search__results:not(.site-search__results--inline) {
		display: none;
	}

	.site-search__btn {
		width: 40px;
		height: 40px;
	}
}

/* Krepšelio skaitiklis */
.site-nav__count {
	position: absolute;
	top: -1px;
	right: -4px;
	display: grid;
	place-items: center;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 99px;
	background: var(--berry);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.site-nav__toggle {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-left: -10px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	cursor: pointer;
	transition: color 0.2s ease;
}

.site-nav__toggle:hover {
	color: var(--berry);
}

.site-nav__burger,
.site-nav__burger::before,
.site-nav__burger::after {
	display: block;
	width: 26px;
	height: 2px;
	border-radius: 1px;
	background: currentColor;
	transition: transform 0.25s ease, background-color 0.25s ease;
}

.site-nav__burger {
	position: relative;
}

.site-nav__burger::before,
.site-nav__burger::after {
	content: "";
	position: absolute;
	left: 0;
}

.site-nav__burger::before {
	top: -8px;
}

.site-nav__burger::after {
	top: 8px;
}

.site-nav__toggle[aria-expanded="true"] .site-nav__burger {
	background: transparent;
}

.site-nav__toggle[aria-expanded="true"] .site-nav__burger::before {
	transform: translateY(8px) rotate(45deg);
}

.site-nav__toggle[aria-expanded="true"] .site-nav__burger::after {
	transform: translateY(-8px) rotate(-45deg);
}

.site-nav__home {
	display: none;
}

/* --- Vidinių puslapių juosta: logotipas kairėje, meniu, ikonos --- */

.site-bar {
	background: var(--bg);
	color: var(--ink);
}

/* --- Antraštė, atsirandanti slenkant į viršų (main.js, data-headroom) ---
   .headroom užima antraštės aukštį (min-height – main.js), .headroom__bar paslinkus žemyn ir
   grįžtant į viršų tampa „fixed“ ir nusileidžia iš viršaus; slenkant žemyn – vėl pasislepia. */
.headroom--hero {
	flex: none;
}

.headroom.is-pinned .headroom__bar {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	right: 0;
	left: 0;
	z-index: 60;
	background: var(--bg);
	box-shadow: 0 6px 24px rgb(74 52 30 / 0.08);
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
}

/* Telefone WP administravimo juosta neprisegta (slenka kartu), tad – tiesiai ekrano viršuje */
@media (max-width: 600px) {
	.headroom.is-pinned .headroom__bar {
		top: 0;
	}
}

.headroom.is-pinned.is-hidden .headroom__bar {
	visibility: hidden;
	transform: translateY(-100%);
	transition: transform 0.25s ease, visibility 0s linear 0.25s;
}

/* Prisegta – to paties dydžio kaip puslapio viršuje, tik su tokiu pat tarpu ir apačioje */
.site-bar.is-pinned .site-bar__inner {
	padding-bottom: clamp(8px, 0.6vw, 12px);
}

.headroom--hero.is-pinned .headroom__inner {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: 0 var(--page-x);
}

/* Telefone/planšetėje – visada prisegta (main.js): permatoma su lengvu blur, švelnus šešėlis */
@media (max-width: 960px) {
	.headroom.is-pinned .headroom__bar {
		background: rgb(247 241 232 / 0.72);
		-webkit-backdrop-filter: blur(14px) saturate(1.4);
		backdrop-filter: blur(14px) saturate(1.4);
		box-shadow: 0 1px 0 rgb(74 52 30 / 0.07), 0 8px 24px rgb(74 52 30 / 0.05);
		transition: none;
	}

	html {
		scroll-padding-top: 100px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.headroom.is-pinned .headroom__bar {
		transition: none;
	}
}

.site-bar__inner {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: clamp(8px, 0.6vw, 12px) var(--page-x) 0;
}

/* Vidinių puslapių juosta: „☰“ kairėje, logotipas tiksliai centre, ikonos dešinėje –
   kraštinės skiltys vienodo pločio (1fr) */
.site-nav--bar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

.site-nav--bar .site-nav__toggle {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
}

.site-nav--bar .site-nav__home {
	display: flex;
	flex-direction: column;
	grid-column: 2;
	grid-row: 1;
	align-items: center;
	color: var(--berry);
	transition: color 0.2s ease;
}

.site-nav--bar .logo-mark {
	width: clamp(36px, 2.8vw, 54px);
}

.site-nav--bar .site-nav__home:hover {
	color: #235653;
}

.site-nav--bar .site-nav__end {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
}

/* ==========================================================================
   Hero
   ========================================================================== */

/* Kortelių mozaika per visą ekraną: viršuje pavadinimas + nuotrauka,
   apačioje serbentai, tekstas ir CTA. Avietės „užlipa“ ant kortelių sandūros. */
.home-screen {
	background: var(--bg);
}

.hero {
	--g: clamp(8px, 0.9vw, 14px);    /* tarpas tarp kortelių ir aplink jas */
	--pad: clamp(16px, 2.2vw, 36px); /* vidinis kortelių tarpas */
	--t: clamp(56px, 8vh, 80px);     /* juosta su meniu */
	--r: clamp(14px, 1.6vw, 24px);   /* kortelių kampai */
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: 100svh;
	min-height: 600px;
	max-width: var(--page-w);
	margin: 0 auto;
	padding: 0 var(--page-x) var(--g);
	color: var(--ink);
}

/* Prisijungus WP administratoriaus juosta (32px) nustumia hero žemyn */
@media (min-width: 961px) {
	.admin-bar .hero {
		height: calc(100vh - 32px);
		height: calc(100svh - 32px);
	}
}

/* --- Meniu virš kortelių --- */

.site-nav--hero {
	flex: none;
	height: var(--t);
	padding-left: calc(var(--pad) - var(--g));
}

.site-nav--hero .site-nav__end {
	margin-right: -6px; /* ikonos lygiai su kortelės kraštu */
}

/* --- Tinklelis --- */

.hero__grid {
	flex: 1;
	min-height: 0;
	display: grid;
	grid-template-columns: 1fr 1.1fr 1fr 1fr;
	grid-template-rows: 1.4fr 1fr;
	grid-template-areas:
		"brand   photo   photo photo"
		"find    find    text  cta";
	gap: var(--g);
}

.hero__brand,
.hero__tile,
.hero__find,
.hero__text,
.hero__cta {
	min-width: 0;
	min-height: 0;
	margin: 0;
	border-radius: var(--r);
}

/* --- Pavadinimas --- */

.hero__brand {
	grid-area: brand;
	position: relative;
	z-index: 2; /* duona virš gretimos nuotraukos */
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: var(--pad);
	background: var(--berry);
	color: #fff;
}

/* Per visą kortelės plotį, bet ne aukštesnis, nei leidžia ekranas */
.hero__brand .logo-mark {
	width: min(100%, 40vh);
}

/* Duona su uogiene „užlipa“ ant kortelės ir nuotraukos sandūros */
.hero__bread {
	position: absolute;
	top: 0;
	left: 77%;
	width: 52%;
	max-width: 310px;
	height: auto;
	/* Didesnė, bet viršus ne aukščiau nei anksčiau (buvo 44 % pločio ir -20 %) – ant meniu juostos nelipa */
	transform: translateY(-15%);
	pointer-events: none;
}

/* --- Nuotraukos --- */

.hero__tile {
	position: relative;
	overflow: hidden;
	background: var(--tile);
}

.hero__tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero__tile--photo {
	grid-area: photo;
}

.hero__tile--photo img {
	object-position: 50% 28%; /* galvos neturi būti nukirptos */
}

/* --- Kur mus rasti (pirmame ekrane, vietoj serbentų nuotraukos) ---
   Kortelės stilius – .find__card; čia tik sumažinta, kad tilptų hero plytelėje */

/* .find__card aprašytas toliau faile – dviguba klasė, kad šios reikšmės nugalėtų */
.hero__find.find__card {
	grid-area: find;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: none;
	margin: 0;
	padding: var(--pad);
	border-radius: var(--r);
}

.hero__find .find__title {
	font-size: clamp(30px, min(3.6vw, 6.4vh), 76px);
}

.hero__find .find__lead {
	font-size: clamp(14px, min(1.15vw, 2.1vh), 21px);
}

.hero__find .find__form {
	margin-top: clamp(14px, 3vh, 40px);
}

.hero__find .find__input,
.hero__find .find__submit {
	height: clamp(44px, 6vh, 54px);
}

/* Žymeklis fone – mažesnis ir arčiau dešinio krašto (dviguba klasė – .find__card::after toliau faile) */
.hero__find.find__card::after {
	top: -10%;
	right: -2%;
	width: clamp(90px, 11.5vw, 220px);
}

/* --- Tekstas --- */

.hero__text {
	grid-area: text;
	display: flex;
	align-items: center;
	padding: var(--pad);
	background: var(--accent);
	color: #fff;
	font-family: var(--font-display);
	font-size: clamp(15px, min(1.55vw, 2.8vh), 30px);
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* --- CTA: banguotas ženkliukas ir avietės --- */

.hero__cta {
	grid-area: cta;
	position: relative;
	z-index: 1; /* avietės virš kaimyninių kortelių */
	display: grid;
	place-items: center;
	background: var(--berry);
	color: var(--berry);
	text-decoration: none;
	container-type: size;
}

.hero__cta:focus-visible {
	outline: 3px solid var(--ink);
	outline-offset: 3px;
}

.hero__badge {
	position: relative;
	display: grid;
	place-items: center;
	width: min(72cqw, 78cqh);
	aspect-ratio: 1;
	container-type: inline-size;
	transition: transform 0.3s ease;
}

/* Forma sukasi, užrašas stovi vietoje */
.hero__badge-shape {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	animation: gmu-spin 24s linear infinite;
}

.hero__badge-label {
	position: relative;
	font-family: var(--font-display);
	font-size: 14cqi;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
	transform: rotate(20deg);
}

.hero__cta:hover .hero__badge {
	transform: scale(1.06);
}

.hero__raspberry {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	max-width: none;
	height: auto;
	pointer-events: none;
	transform: translate(-56%, -31%);
}

@keyframes gmu-spin {
	to {
		transform: rotate(360deg);
	}
}

/* ==========================================================================
   Klientų logotipai
   ========================================================================== */

.clients {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: clamp(48px, 6vw, 96px) var(--page-x) clamp(40px, 5vw, 80px);
}

.clients__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px 32px;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 clamp(0px, 3vw, 48px);
	list-style: none;
}

.clients__item img {
	width: auto;
	height: clamp(28px, min(3.4vw, 5vh), 52px);
	max-width: 150px;
	object-fit: contain;
	opacity: 0.9;
	transition: opacity 0.2s ease;
}

.clients__item img:hover {
	opacity: 1;
}

.clients__item--vilpra img {
	height: clamp(22px, min(2.6vw, 3.8vh), 40px);
}

.clients__item--clone {
	display: none;
}

/* ==========================================================================
   Pradinio puslapio sekcijos
   ========================================================================== */

.cats,
.bestsellers,
.gifts {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: 0 var(--page-x) clamp(64px, 7vw, 140px);
}

.section-title {
	margin: 0 0 clamp(28px, 3.4vw, 64px);
	font-family: var(--font-body);
	font-size: clamp(28px, 5vw, 96px);
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
}

/* --- Kategorijos ---
   Nuotraukų kortelės, pavadinimas ir „Žiūrėti →“ po nuotrauka. Kompiuteryje 3 stulpeliai:
   viršuje plati „Pagardai ir padažai“ (2 stulpeliai) ir „Tyrės“, apačioje – trys kortelės;
   telefone 2 stulpeliai. Visų nuotraukų aukštis – 0,68 stulpelio pločio. */

.cats__grid {
	--cats-gap: clamp(12px, 1.4vw, 24px);
	--cats-cols: 3;
	display: grid;
	grid-template-columns: repeat(var(--cats-cols), minmax(0, 1fr));
	gap: clamp(20px, 2vw, 34px) var(--cats-gap);
	max-width: 1600px; /* kraštai – kaip kitų sekcijų */
	margin: 0 auto;
	container-type: inline-size;
}

.cats__card {
	display: flex;
	flex-direction: column;
	gap: clamp(10px, 0.9vw, 16px);
	min-width: 0;
	color: var(--ink);
	text-decoration: none;
}

.cats__card--pagardai {
	grid-column: span 2;
}

.cats__media {
	display: block;
	/* šiek tiek žemesnė už kvadratą – sekcija kompaktiškesnė */
	height: calc((100cqw - (var(--cats-cols) - 1) * var(--cats-gap)) / var(--cats-cols) * 0.68);
	overflow: hidden;
	border-radius: var(--radius);
	background: #c4cfb3; /* kaip nuotraukų fonas, kol jos įsikrauna */
}

.cats__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Kvadratinė nuotrauka plačioje kortelėje – matosi stiklainis su pipirais ir avietėmis */
.cats__card--pagardai .cats__img {
	object-position: 50% 66%;
}

.cats__card--tyres .cats__img {
	object-position: 50% 30%;
}

.cats__card--uogienes .cats__img {
	object-position: 48% 50%;
}

.cats__caption {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.cats__label {
	min-width: 0;
	font-family: var(--font-display);
	font-size: clamp(19px, 1.8vw, 34px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	transition: color 0.2s ease;
}

/* „Žiūrėti“ – kaip svetainės nuorodos: užvedus ant kortelės žodis pakyla, toks pat atkyla
   iš apačios, už jo išnyra balta piliulė (.roll – main.css viršuje) */
.cats__more {
	position: relative;
	flex: none;
	isolation: isolate;
	margin-right: 0.85em; /* piliulė neišlenda už kortelės krašto */
	color: var(--ink-soft);
	font-family: var(--font-display);
	font-size: clamp(13px, 0.95vw, 17px);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: color 0.2s ease;
}

.cats__more::before {
	content: "";
	position: absolute;
	inset: -0.15em -0.85em;
	z-index: -1;
	border-radius: 10px;
	background: #fff;
	opacity: 0;
	transform: scale(0.88);
	transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
	.cats__card:hover .cats__more .roll__a {
		transform: translateY(-100%);
	}

	.cats__card:hover .cats__more .roll__b {
		transform: none;
	}

	.cats__card:hover .cats__more::before {
		opacity: 1;
		transform: none;
	}
}

.cats__card:focus-visible .cats__more::before {
	opacity: 1;
	transform: none;
}

.cats__card:hover .cats__img {
	transform: scale(1.04);
}

.cats__card:hover .cats__label,
.cats__card:hover .cats__more {
	color: var(--berry);
}

.cats__card:focus-visible {
	outline: none;
}

.cats__card:focus-visible .cats__media {
	outline: 3px solid var(--ink);
	outline-offset: 3px;
}

/* --- Perkamiausios prekės: tokia pati kortelė kaip parduotuvėje --- */

.bestsellers__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(40px, 4.4vw, 84px) clamp(16px, 3.6vw, 72px);
	max-width: 1600px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/* --- Dovanos: nuotrauka per visą banerį (dėžutės dešinėje), kairėje ant tamsiai žalio
   fono – pavadinimas, tekstas ir baltas mygtukas. Matmenys – cqi nuo banerio pločio. --- */

.gifts__banner {
	position: relative;
	max-width: 1600px;
	aspect-ratio: 2200 / 933; /* kaip nuotraukos – nieko neapkerpama */
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--radius);
	background: #395144; /* nuotraukos fono spalva, kol ji įsikrauna */
	box-shadow: 0 1px 2px rgb(74 52 30 / 0.04), 0 8px 24px rgb(74 52 30 / 0.06);
	container-type: inline-size;
}

.gifts__media,
.gifts__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.gifts__photo {
	object-fit: cover;
}

.gifts__content {
	position: absolute;
	top: 50%;
	left: 7cqi;
	width: 36cqi;
	color: #fff;
	translate: 0 -50%;
}

.gifts__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: 7.4cqi;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.gifts__text {
	max-width: 24em;
	margin: 0.9em 0 0;
	font-size: max(14px, 1.3cqi);
	font-weight: 500;
	line-height: 1.45;
	opacity: 0.92;
}

/* Baltas „Apsipirkti →“ mygtukas */
.gifts__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	margin-top: max(18px, 2.4cqi);
	padding: 0.95em 1.7em;
	border-radius: 10px;
	background: #fff;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: max(14px, 1.05cqi);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.gifts__cta svg {
	width: 1.15em;
	height: auto;
	transition: transform 0.2s ease;
}

.gifts__cta:hover {
	background: var(--cream);
	color: var(--berry);
}

.gifts__cta:hover svg {
	transform: translateX(4px);
}

.gifts__cta:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/* --- Kur mus rasti: šviesi kortelė su dideliu žymekliu dešinėje, pavadinimu ir balta
   paieškos juosta; „Ieškoti“ nuveda į „Kur mus rasti?“ puslapį su įrašytu miestu --- */

.find__card {
	--find-ink: color-mix(in srgb, var(--berry) 72%, var(--ink));
	position: relative;
	isolation: isolate;
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
	padding: clamp(32px, 3.6vw, 64px) clamp(22px, 3.4vw, 64px) clamp(26px, 3vw, 52px);
	border-radius: var(--radius);
	background: #dde3d3; /* šviesi šalavijo žalia */
	color: var(--find-ink);
}

/* Didelis žymeklis: apkirptas viršuje, vidurinė skylė – kortelės fono spalvos */
.find__card::after {
	content: "";
	position: absolute;
	top: -14%;
	right: clamp(-40px, 7vw - 40px, 140px);
	z-index: -1;
	width: clamp(150px, 21vw, 380px);
	aspect-ratio: 14 / 20;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 2 14 20'%3E%3Cpath fill='%23ccd4c0' fill-rule='evenodd' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.find__title {
	max-width: 70%;
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(40px, 5vw, 96px);
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.find__lead {
	max-width: 70%;
	margin: 0.7em 0 0;
	font-family: var(--font-display);
	font-size: clamp(16px, 1.25vw, 22px);
	font-weight: 500;
	line-height: 1.3;
}

.find__form {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: clamp(28px, 4vw, 72px);
	padding: 6px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 28px rgb(44 70 60 / 0.1);
	transition: box-shadow 0.2s ease;
}

.find__form:focus-within {
	box-shadow: 0 0 0 3px rgb(84 131 90 / 0.35), 0 10px 28px rgb(44 70 60 / 0.1);
}

.find__pin {
	position: absolute;
	top: 50%;
	left: 22px;
	width: 20px;
	color: var(--berry);
	translate: 0 -50%;
	pointer-events: none;
}

.find__input {
	flex: 1;
	min-width: 0;
	height: 54px;
	padding: 0 12px 0 46px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--ink);
	font: inherit;
	font-size: 16px;
}

.find__input:focus {
	outline: none;
}

.find__input::-webkit-search-cancel-button {
	display: none;
}

.find__submit {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 0.6em;
	height: 54px;
	padding: 0 clamp(20px, 2.2vw, 38px);
	border: 0;
	border-radius: 12px;
	background: var(--find-ink);
	color: var(--cream);
	font-family: var(--font-display);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.find__submit svg {
	width: 1.15em;
	height: auto;
	transition: transform 0.2s ease;
}

.find__submit:hover {
	background: var(--berry);
}

.find__submit:hover svg {
	transform: translateX(3px);
}

.find__submit:focus-visible {
	outline: 2px solid var(--find-ink);
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.find__title,
	.find__lead {
		max-width: none;
	}

	/* Laukelis ir mygtukas – vienas po kitu, kad tilptų visas „Jūsų miestas, pvz. Vilnius“ */
	.find__form {
		flex-wrap: wrap;
	}

	.find__pin {
		top: 31px;
	}

	.find__input {
		flex-basis: 100%;
		height: 50px;
	}

	.find__submit {
		flex: 1;
		justify-content: center;
		height: 50px;
		font-size: 15px;
	}
}

@media (max-width: 960px) {
	.bestsellers__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: clamp(12px, 3vw, 28px);
	}
}

/* Telefone perkamiausios (ir panašios) prekės – karuselė, slenkama pirštu:
   kortelės prisitraukia prie krašto, matosi kitos kortelės kraštelis */
@media (max-width: 600px) {
	.bestsellers__grid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 66%;
		gap: 14px;
		margin: 0 calc(-1 * var(--page-x));
		padding: 0 var(--page-x) 4px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--page-x);
		scrollbar-width: none;
	}

	.bestsellers__grid::-webkit-scrollbar {
		display: none;
	}

	.bestsellers__grid > * {
		scroll-snap-align: start;
	}
}

@media (max-width: 700px) {
	/* Kategorijos: plati „Pagardai ir padažai“ viršuje, po ja – po dvi kortelės */
	.cats__grid {
		--cats-cols: 2;
	}

	.cats__label {
		font-size: 19px;
	}

	.cats__more {
		font-size: 13px;
	}

	/* Dovanos: tekstas viršuje ant fono (nuotraukos viršaus spalvos), dėžutės – po juo */
	.gifts__banner {
		display: flex;
		flex-direction: column;
		aspect-ratio: auto;
		background: linear-gradient(#2f483b, #395144 55%);
	}

	.gifts__content {
		position: static;
		order: -1;
		width: auto;
		padding: 36px 24px 0;
		translate: none;
	}

	.gifts__media,
	.gifts__photo {
		position: static;
		height: auto;
	}

	/* Nuotraukos viršus švelniai susilieja su fonu – be ryškios ribos */
	.gifts__photo {
		-webkit-mask-image: linear-gradient(transparent, #000 22%);
		mask-image: linear-gradient(transparent, #000 22%);
	}

	.gifts__title {
		font-size: clamp(40px, 13vw, 58px);
	}

	.gifts__text {
		font-size: 15px;
	}

	.gifts__cta {
		margin-top: 20px;
	}
}

/* --- Reelsai: begalinė juosta per visą ekrano plotį --- */

/* Mažas tarpas apačioje: naujienlaiškio viršutinis tarpas jau palieka vietos šaukštui */
.reels {
	padding-bottom: clamp(16px, 1.6vw, 32px);
}

.reels__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: var(--page-w);
	margin: 0 auto clamp(16px, 1.6vw, 30px);
	padding: 0 var(--page-x);
}

.reels__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(18px, 1.6vw, 32px);
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
}

.reels__social {
	display: flex;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.reels__social a {
	display: grid;
	place-items: center;
	width: clamp(28px, 1.8vw, 36px);
	height: clamp(28px, 1.8vw, 36px);
	color: var(--berry);
	transition: color 0.2s ease, transform 0.2s ease;
}

.reels__social a:hover {
	color: var(--ink);
	transform: translateY(-2px);
}

.reels__social svg {
	width: 72%;
	height: auto;
}

.reels__viewport {
	overflow: hidden;
}

/* Dvi vienodos eilės: pasislinkus per pusę juosta grįžta į pradžią nepastebimai.
   Tarpas – item margin, ne gap, kad -50% atitiktų tiksliai vieną eilę. */
.reels__track {
	display: flex;
	align-items: flex-start;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
	animation: gmu-marquee 70s linear infinite;
}

.reels__viewport:hover .reels__track,
.reels__viewport:focus-within .reels__track {
	animation-play-state: paused;
}

/* Su JS (main.js) juosta – tikra slinkties sritis: sukasi savaime ir stumdoma pirštu */
.reels__viewport.is-js {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}

.reels__viewport.is-js::-webkit-scrollbar {
	display: none;
}

.reels__viewport.is-js .reels__track {
	animation: none;
}

@keyframes gmu-marquee {
	to {
		transform: translateX(-50%);
	}
}

.reel {
	flex: none;
	width: clamp(150px, 13.4vw, 258px);
	margin-right: clamp(10px, 0.95vw, 18px);
}

.reel__link {
	position: relative;
	display: block;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: clamp(10px, 0.8vw, 16px);
	background: var(--tile);
	color: #fff;
}

/* Skirtingi aukščiai kaip makete */
.reel:nth-child(4n + 2) .reel__link {
	aspect-ratio: 4 / 5;
}

.reel:nth-child(4n + 4) .reel__link {
	aspect-ratio: 5 / 6;
}

.reel__img,
.reel__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reel__video {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.reel__link.is-playing .reel__video {
	opacity: 1;
}

.reel__link:focus-visible {
	outline: 3px solid var(--ink);
	outline-offset: 3px;
}

.reel__badge {
	position: absolute;
	right: 8px;
	display: grid;
	place-items: center;
	width: clamp(20px, 1.3vw, 26px);
	height: clamp(20px, 1.3vw, 26px);
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(4px);
}

.reel__badge svg {
	width: 62%;
	height: auto;
}

.reel__badge--play {
	top: 8px;
}

.reel__badge--platform {
	bottom: 8px;
}

/* --- Naujienlaiškis --- */

/* Šaukštas virš bokštelio išlenda virš kortelės, todėl viršuje paliekama vietos */
.newsletter {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: clamp(40px, 8.5vw, 150px) var(--page-x) clamp(8px, 1vw, 20px);
}

.newsletter__inner {
	max-width: 1600px;
	margin: 0 auto;
}

.newsletter__title em {
	font-style: normal;
}

.newsletter__card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	aspect-ratio: 2.55;
	padding: 0 4%; /* cqi čia netinka – kortelė pati yra konteineris */
	border-radius: clamp(20px, 1.5vw, 24px);
	background: var(--berry);
	color: #fff;
	container-type: inline-size;
}

/* Stiklainių bokštelis: apačia nukirpta ties kortelės kraštu, šaukštas – virš jos */
.newsletter__tower {
	position: absolute;
	bottom: 0;
	left: 78%;
	width: auto;
	height: 131%;
	max-width: none;
	translate: -50% 0;
	pointer-events: none;
}

.newsletter__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: 9.4cqi;
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
}

.newsletter__text {
	max-width: 40cqi;
	margin: 1.4em 0 0;
	font-size: max(14px, 1.45cqi);
	line-height: 1.4;
}

.newsletter__form {
	display: flex;
	align-items: center;
	width: min(100%, 48cqi);
	margin-top: 2.6cqi;
	padding: 0.35em 0.35em 0.35em 1.5em;
	border-radius: 12px;
	background: #fff;
	font-size: max(14px, 1.5cqi);
}

.newsletter__input {
	flex: 1;
	min-width: 0;
	height: 2.4em;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	outline: none;
}

.newsletter__input::placeholder {
	color: #777;
}

.newsletter__form:focus-within {
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
}

.newsletter__submit {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 0.6em;
	height: 2.2em;
	padding: 0 1.3em;
	border: 0;
	border-radius: 8px;
	background: var(--accent);
	color: #fff;
	font-family: var(--font-display);
	font-size: 0.95em;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.newsletter__submit svg {
	width: 1.1em;
	height: auto;
	transition: transform 0.2s ease;
}

.newsletter__submit:hover {
	background: var(--accent-dark);
}

.newsletter__submit:hover svg {
	transform: translateX(3px);
}

.newsletter__submit:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.newsletter__status {
	margin: 1.2em 0 0;
	font-size: max(14px, 2.4cqi);
	font-weight: 600;
}

@media (max-width: 800px) {
	.newsletter {
		padding-top: 72px;
	}

	/* Kaip kompiuteryje: bokštelis dešinėje šalia teksto, šaukštas išlenda
	   virš kortelės; forma – per visą plotį apačioje */
	.newsletter__card {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"title tower"
			"text  tower"
			"form  form";
		column-gap: 12px;
		aspect-ratio: auto;
		padding: 36px 20px 24px 24px;
	}

	.newsletter__tower {
		position: static;
		grid-area: tower;
		align-self: end;
		height: 330px;
		/* apačia – iki pat formos (per jos 24px viršutinį tarpą) */
		margin: -110px -4px -24px 0;
		translate: none;
	}

	.newsletter__title {
		grid-area: title;
		font-size: clamp(38px, 11vw, 56px);
		line-height: 1.02;
	}

	.newsletter__text {
		grid-area: text;
		max-width: 100%;
		margin-top: 0.9em;
	}

	.newsletter__form {
		grid-area: form;
		width: 100%;
		margin-top: 24px;
	}

	.newsletter__status {
		grid-column: 1 / -1;
	}
}

@media (max-width: 480px) {
	.newsletter__form {
		padding-left: 1.1em;
	}

	.newsletter__submit {
		padding: 0 0.9em;
	}
}

/* ==========================================================================
   Nuorodų „ritinukas“ (meniu ir poraštė): užvedus pelę atsiranda balta piliulė,
   tekstas pakyla į viršų, o toks pat žodis atkyla iš apačios (gmu_roll())
   ========================================================================== */

.roll {
	position: relative;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

/* Vertikalus tarpas – kad Ė taškas ir Ų nosinė nenusikirptų */
.roll__a,
.roll__b {
	display: block;
	padding: 0.12em 0;
	transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

.roll__b {
	position: absolute;
	inset: 0;
	transform: translateY(100%);
}

a:has(> .roll) {
	position: relative;
	isolation: isolate;
}

/* Piliulė – už teksto ir šiek tiek platesnė, todėl išdėstymas nejuda */
a:has(> .roll)::before {
	content: "";
	position: absolute;
	inset: -0.15em -0.85em;
	z-index: -1;
	border-radius: 10px;
	background: #fff;
	opacity: 0;
	transform: scale(0.88);
	transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
	a:hover > .roll .roll__a {
		transform: translateY(-100%);
	}

	a:hover > .roll .roll__b {
		transform: none;
	}

	a:has(> .roll):hover::before {
		opacity: 1;
		transform: none;
	}
}

a:has(> .roll):focus-visible::before {
	opacity: 1;
	transform: none;
}

/* Meniu: ant baltos piliulės tekstas juodas, pabraukimas paslepiamas */
.site-nav__menu a:hover {
	color: var(--ink);
}

.site-nav__menu a:hover::after {
	transform: scaleX(0);
}

/* Poraštėje (balta kortelė) – kreminė piliulė, tekstas raudonas */
.site-footer__col a:has(> .roll) {
	display: inline-block;
	transition: color 0.25s ease;
}

.site-footer__col a:has(> .roll)::before {
	background: var(--bg);
}

.site-footer__col a:has(> .roll):hover,
.site-footer__col a:has(> .roll):focus-visible {
	color: var(--f-accent);
}

.site-footer__col a:has(> .roll):focus-visible {
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.roll__a,
	.roll__b {
		transition: none;
	}
}

/* ==========================================================================
   Telefono meniu per visą ekraną (☰)
   ========================================================================== */

html.has-mmenu {
	overflow: hidden;
}

.mmenu {
	position: fixed;
	inset: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	background: var(--bg);
	color: var(--ink);
	font-family: var(--font-body);
}

.mmenu[open] {
	display: flex;
	flex-direction: column;
	animation: gmu-mmenu-in 0.25s ease;
}

.mmenu:focus {
	outline: none;
}

.mmenu::backdrop {
	background: rgb(0 0 0 / 0.3);
}

@keyframes gmu-mmenu-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
}

/* Užrakinus slinkimą puslapis nepašoka į šoną (--sbw – slinkties juostos plotis, main.js) */
html.has-mmenu body {
	padding-right: var(--sbw, 0px);
}

/* ==========================================================================
   Meniu per visą ekraną planšetėje ir kompiuteryje (≥601px, full-menu.php)
   Logotipo spalvos fonas įvažiuoja iš kairės, uždarant (.is-closing) – išvažiuoja atgal.
   Nuorodos – „roll“ efektas ir šviesus fonas užvedus; pelę seka taškas (main.js).
   ========================================================================== */

.fmenu {
	--fm-gap: clamp(28px, 4.2vw, 88px);
	position: fixed;
	inset: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	background: var(--berry);
	color: var(--cream);
	font-family: var(--font-body);
}

.fmenu[open] {
	display: flex;
	flex-direction: column;
	animation: gmu-fmenu-in 0.7s cubic-bezier(0.76, 0, 0.24, 1);
}

.fmenu.is-closing {
	animation: gmu-fmenu-out 0.5s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

.fmenu:focus {
	outline: none;
}

.fmenu::backdrop {
	background: transparent;
}

@keyframes gmu-fmenu-in {
	from {
		transform: translateX(-100%);
	}
}

@keyframes gmu-fmenu-out {
	to {
		transform: translateX(-100%);
	}
}

.fmenu a {
	color: inherit;
	text-decoration: none;
}

/* Viršus – kaip antraštė: „☰“ (virtęs „—“) kairėje, logotipas centre, krepšelis dešinėje */
.fmenu__top {
	display: grid;
	flex: none;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	padding: clamp(8px, 0.6vw, 12px) var(--page-x);
}

.fmenu__close {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	justify-self: start;
	height: 44px;
	margin-left: -10px;
	padding: 0 10px 0 0;
	border: 0;
	background: none;
	color: inherit;
	font: 500 13px/1 var(--font-body);
	letter-spacing: 0.02em;
	cursor: pointer;
}

/* „☰“ susiglaudžia į vieną brūkšnį */
.fmenu__burger,
.fmenu__burger::before,
.fmenu__burger::after {
	display: block;
	width: 26px;
	height: 2px;
	border-radius: 1px;
	background: currentColor;
}

.fmenu__burger {
	position: relative;
	margin: 0 9px;
}

.fmenu__burger::before,
.fmenu__burger::after {
	content: "";
	position: absolute;
	left: 0;
}

.fmenu[open] .fmenu__burger::before {
	animation: gmu-fmenu-burger-top 0.5s 0.3s cubic-bezier(0.65, 0, 0.35, 1) backwards;
}

.fmenu[open] .fmenu__burger::after {
	animation: gmu-fmenu-burger-bottom 0.5s 0.3s cubic-bezier(0.65, 0, 0.35, 1) backwards;
}

@keyframes gmu-fmenu-burger-top {
	from {
		transform: translateY(-8px);
	}
}

@keyframes gmu-fmenu-burger-bottom {
	from {
		transform: translateY(8px);
	}
}

.fmenu__logo .logo-mark {
	width: clamp(36px, 2.8vw, 54px);
}

.fmenu__cart {
	justify-self: end;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.02em;
}


/* Trys stulpeliai; apačioje – po jais lygiuota rekvizitų eilutė */
.fmenu__body {
	display: grid;
	flex: 1;
	grid-template-columns: max-content minmax(0, 1fr) minmax(260px, 30%);
	grid-template-rows: minmax(0, 1fr) auto;
	gap: clamp(20px, 3vh, 40px) var(--fm-gap);
	min-height: 0;
	padding: clamp(24px, 5vh, 64px) var(--page-x) clamp(20px, 3.4vh, 36px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.fmenu__list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--font-display);
	font-weight: 300;
	line-height: 1;
	text-transform: uppercase;
}

.fmenu__list a {
	display: inline-block;
}

/* Užvedus – kaip poraštėje: žodis pakyla, toks pat atkyla iš apačios, už jo išnyra šviesus
   fonas, tekstas – logotipo spalvos. Didelėms raidėms – siauresnis fonas šonuose */
.fmenu a:has(> .roll) {
	transition: color 0.25s ease;
}

.fmenu a:has(> .roll)::before {
	background: var(--cream);
}

/* Aukštesnis „roll“ langelis – kad Ė, Ž, Ę ženklai tilptų ir paslėpta kopija nelįstų po
   žodžiu; neigiama paraštė grąžina tą patį atstumą tarp eilučių */
.fmenu .roll {
	margin: -0.13em 0;
}

.fmenu .roll__a,
.fmenu .roll__b {
	padding: 0.25em 0;
}

/* Didelėms raidėms – vienodas tarpas aplink raides (didžiųjų raidžių viršus ~0.23em,
   pagrindo linija ~1.05em nuo nuorodos viršaus, aukštis 1.2em); apačia nesiekia
   kitos eilutės Ė taško, kad šis neišnyktų fone */
.fmenu__shop a:has(> .roll)::before {
	inset: 0.09em -0.24em 0.01em;
	border-radius: 14px;
}

.fmenu a:has(> .roll):hover,
.fmenu a:has(> .roll):focus-visible {
	color: var(--berry);
}

/* Adresas – tik tekstas, be efekto */
.fmenu__address {
	line-height: 1.24; /* kaip nuorodų eilutės su .roll tarpais */
}

.fmenu__label {
	margin: 0 0 0.9em;
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.8;
}

.fmenu__pages {
	padding-top: calc(12px + 1em); /* lygiuojama su „Parduotuvė“ sąrašu */
}

.fmenu__pages .fmenu__list,
.fmenu__info .fmenu__list {
	font-size: clamp(22px, min(1.9vw, 3.6vh), 38px);
}

.fmenu__shop .fmenu__list {
	font-size: clamp(44px, min(5.4vw, 7.8vh), 112px);
	line-height: 0.96; /* Ė taškas neprilimpa prie ankstesnės eilutės raidžių */
}

.fmenu__info {
	display: flex;
	flex-direction: column;
	gap: clamp(28px, 8vh, 110px);
}

.fmenu__info section,
.fmenu__shop {
	min-width: 0;
}

.fmenu__info .fmenu__list a {
	overflow-wrap: anywhere;
}

/* Apačia: © kairėje, taisyklės ir „Sprendimas | Idowebs“ – dešinėje */
.fmenu__foot {
	display: flex;
	flex-wrap: wrap;
	grid-column: 1 / -1;
	align-items: center;
	align-self: end;
	gap: 10px clamp(16px, 2.4vw, 40px);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.fmenu__foot p {
	margin: 0;
}

.fmenu__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 10px clamp(16px, 2.4vw, 40px);
	margin: 0 0 0 auto;
	padding: 0;
	list-style: none;
}

/* Smulkios nuorodos (viršuje ir apačioje) – toks pat fonas užvedus */
.fmenu__close,
.fmenu__cart,
.fmenu__legal a {
	position: relative;
	isolation: isolate;
	transition: color 0.25s ease;
}

.fmenu__close::before,
.fmenu__cart::before,
.fmenu__legal a::before {
	content: "";
	position: absolute;
	inset: -6px -10px;
	z-index: -1;
	border-radius: 8px;
	background: var(--cream);
	opacity: 0;
	transform: scale(0.88);
	transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}

.fmenu__close::before {
	inset: 0 -4px 0 0; /* „—“ ir užrašas – vienoje piliulėje */
}

.fmenu__close:hover,
.fmenu__cart:hover,
.fmenu__legal a:hover {
	color: var(--berry);
}

.fmenu__close:hover::before,
.fmenu__cart:hover::before,
.fmenu__legal a:hover::before {
	opacity: 1;
	transform: none;
}

/* „Idowebs“ – be fono ir pabraukimo, užvedus tik šiek tiek padidėja */
.fmenu__credit a {
	display: inline-block;
	transition: transform 0.25s ease;
}

.fmenu__credit a:hover,
.fmenu__credit a:focus-visible {
	transform: scale(1.12);
}

.fmenu :focus-visible {
	outline: 2px solid var(--cream);
	outline-offset: 4px;
}

/* Pelės taškas (multiply: ant fono – tamsesnis, ant raidžių – žalsvas) */
.fmenu__dot {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border-radius: 50%;
	background: var(--frame);
	mix-blend-mode: multiply;
	opacity: 0;
	pointer-events: none;
	scale: 0.3;
	transition: opacity 0.25s ease, scale 0.3s ease;
}

.fmenu.has-pointer .fmenu__dot {
	opacity: 1;
	scale: 1;
}

/* Planšetė: puslapiai ir parduotuvė greta, informacija ir apačia – po jais */
@media (max-width: 1023px) {
	.fmenu__body {
		grid-template-columns: max-content minmax(0, 1fr);
		grid-template-rows: none;
		align-content: start;
	}

	.fmenu__shop .fmenu__list {
		font-size: clamp(36px, 6.6vw, 64px);
	}

	.fmenu__info {
		grid-column: 1 / -1;
		flex-flow: row wrap;
		gap: 28px var(--fm-gap);
		margin-top: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fmenu[open],
	.fmenu.is-closing,
	.fmenu[open] .fmenu__burger::before,
	.fmenu[open] .fmenu__burger::after {
		animation: none;
	}
}

.mmenu a {
	color: inherit;
	text-decoration: none;
}

.mmenu__heading {
	margin: 0;
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Viršus: „ד kairėje, logotipas centre, krepšelis dešinėje */
.mmenu__top {
	display: grid;
	flex: none;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding: 10px 16px;
	border-bottom: 1px solid rgb(0 0 0 / 0.08);
}

.mmenu__close {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1.5px solid var(--ink);
	border-radius: 6px;
	background: none;
	color: var(--ink);
	cursor: pointer;
}

.mmenu__close svg {
	width: 20px;
	height: 20px;
}

.mmenu__logo .logo-mark {
	display: block;
	width: 44px;
	color: var(--berry);
}

.mmenu__cart {
	display: inline-flex;
	align-items: center;
	justify-self: end;
	gap: 4px;
	font-size: 15px;
	font-weight: 600;
}

.mmenu__cart svg {
	width: 24px;
	height: 24px;
}

.mmenu__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 12px;
	padding: 16px 16px 24px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

/* Slenkamame stulpelyje elementai nesuspaudžiami */
.mmenu__body > * {
	flex: none;
}

.mmenu__search {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	padding: 0 16px;
	border-radius: 10px;
	background: rgb(0 0 0 / 0.06);
}

.mmenu__search svg {
	flex: none;
	width: 18px;
	height: 18px;
	color: var(--ink-soft);
}

.mmenu__search input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	font-size: 16px; /* iOS nepriartina */
	outline: none;
}

.mmenu__search:focus-within {
	box-shadow: 0 0 0 2px var(--ink);
}

.mmenu__all {
	display: grid;
	place-items: center;
	height: 46px;
	border: 1.5px solid var(--ink);
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
}

/* Išskleistas blokas: nuotrauka, pavadinimas ir „Žiūrėti“ */
.mmenu__feature {
	display: block;
	margin-top: 4px;
}

.mmenu__feature img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 16px;
}

.mmenu__feature-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.35;
}

.mmenu__feature-row strong,
.mmenu__cat strong,
.mmenu__product-row strong {
	display: block;
	font-size: 15px;
	font-weight: 700;
}

/* „Žiūrėti“ – kaip parduotuvės banerių mygtukas: balta piliulė, Oswald, rodyklė */
.mmenu__feature-link {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 0.5em;
	height: 38px;
	padding: 0 16px;
	border: 1px solid rgb(0 0 0 / 0.12);
	border-radius: 10px;
	background: #fff;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.mmenu__feature-link svg {
	width: 1.1em;
	height: auto;
}

.mmenu__feature-row {
	align-items: center;
}

/* Kategorijos: rėmeliu apvestos kortelės su apvalia nuotrauka dešinėje */
.mmenu__cats {
	display: grid;
	gap: 10px;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.mmenu__cat {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 72px;
	padding: 10px 12px 10px 16px;
	border: 1px solid rgb(0 0 0 / 0.16);
	border-radius: 16px;
	background: #fff;
	font-size: 13px;
	line-height: 1.35;
	transition: border-color 0.2s ease;
}

.mmenu__cat > span > span {
	color: var(--ink-soft);
}

.mmenu__cat:hover {
	border-color: var(--ink);
}

.mmenu__thumb {
	display: grid;
	flex: none;
	place-items: center;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--thumb-bg, #eee);
}

.mmenu__thumb img {
	width: 78%;
	height: 78%;
	object-fit: contain;
}

.mmenu__cat--uogienes-ir-dzemai { --thumb-bg: #ede4f0; }
.mmenu__cat--tyres              { --thumb-bg: #f6e3cf; }
.mmenu__cat--pagardai-ir-padazai { --thumb-bg: #f1e6da; }
.mmenu__cat--kiti-produktai     { --thumb-bg: #f5dfdf; }
.mmenu__cat--dovanos            { --thumb-bg: #f5ebd3; }

/* Butelis ir dovanų nuotrauka platūs – rodomi didesni, nukirpti apskritimu */
.mmenu__cat--kiti-produktai .mmenu__thumb img,
.mmenu__cat--dovanos .mmenu__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Perkamiausios: horizontali karuselė, slenkama pirštu arba rodykle */
.mmenu__products {
	margin-top: 12px;
}

.mmenu__products-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.mmenu__next {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1.5px solid var(--ink);
	border-radius: 50%;
	background: #fff;
	color: var(--ink);
	cursor: pointer;
}

.mmenu__next svg {
	width: 18px;
	height: 18px;
}

.mmenu__track {
	display: grid;
	grid-auto-columns: 78%;
	grid-auto-flow: column;
	gap: 12px;
	margin: 0 -16px;
	padding: 0 16px 4px;
	overflow-x: auto;
	list-style: none;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 16px;
	scrollbar-width: none;
}

.mmenu__track::-webkit-scrollbar {
	display: none;
}

.mmenu__track > li {
	scroll-snap-align: start;
}

.mmenu__product {
	display: block;
}

.mmenu__product-media {
	position: relative;
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 16px;
	background: var(--product-bg, #eee);
}

/* Absoliučiai – nuotrauka neišpučia kvadrato */
.mmenu__product-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mmenu__badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 6px;
	border: 1px solid var(--ink);
	background: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.mmenu__product-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-top: 10px;
	font-size: 14px;
}

.mmenu__product-row > span {
	flex: none;
}

.mmenu__product-desc {
	display: block;
	margin-top: 2px;
	color: var(--ink-soft);
	font-size: 12px;
}

/* Apačia: dvi nuorodų skiltys ir socialiniai tinklai pilkame bloke */
.mmenu__foot {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 16px;
	margin-top: 16px;
	padding: 22px 20px;
	border-radius: 16px;
	background: rgb(0 0 0 / 0.05);
	font-size: 14px;
}

.mmenu__foot ul {
	display: grid;
	gap: 10px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.mmenu__foot a:hover {
	color: var(--berry);
}

.mmenu__foot .mmenu__social {
	grid-column: 1 / -1;
	display: flex;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mmenu__social svg {
	width: 22px;
	height: 22px;
}

.mmenu :focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

/* ==========================================================================
   Iššokantis langas: −10 % pirmam užsakymui (per visą ekraną)
   ========================================================================== */

html.has-promo {
	overflow: hidden;
}

/* Kortelė ekrano centre (ne per visą ekraną); dydžiai – nuo kortelės pločio (cqi) */
.promo {
	position: fixed;
	inset: 0;
	width: min(1040px, 90vw);
	max-width: none;
	height: min(600px, 86vh);
	max-height: none;
	margin: auto;
	padding: 0;
	overflow: hidden auto;
	container-type: inline-size;
	border: 0;
	border-radius: 28px;
	background: linear-gradient(#4e7a59, #365e41);
	color: #fff;
}

/* Kairėje nuotrauka (maišelis ir stiklainiai), dešinėje – tekstas ir forma */
.promo[open] {
	display: grid;
	grid-template-columns: 46fr 54fr;
	align-items: center;
	animation: gmu-promo-in 0.35s ease;
}

.promo:focus {
	outline: none;
}

.promo::backdrop {
	background: rgb(0 0 0 / 0.5);
}

@keyframes gmu-promo-in {
	from {
		opacity: 0;
	}
}

.promo__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	pointer-events: none;
}

.promo__close {
	position: absolute;
	top: clamp(14px, 2vw, 28px);
	right: clamp(14px, 2vw, 28px);
	z-index: 1;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(0 0 0 / 0.18);
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.promo__close svg {
	width: 22px;
	height: 22px;
}

.promo__close:hover {
	background: rgb(0 0 0 / 0.32);
}

.promo__close:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.promo__content {
	position: relative;
	grid-column: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 40px 4cqi;
	text-align: center;
}

.promo__title {
	display: flex;
	flex-direction: column;
	margin: 0;
	font-family: var(--font-display);
	font-weight: 700;
	line-height: 0.9;
	text-transform: uppercase;
}

.promo__discount {
	font-size: 15cqi;
	letter-spacing: -0.01em;
}

.promo__subtitle {
	margin-top: 0.3em;
	font-size: 3.9cqi;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.promo__text {
	max-width: 30em;
	margin: 3.4cqi 0 0;
	font-size: clamp(12px, 1.35cqi, 16px);
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.promo__form {
	display: flex;
	align-items: center;
	width: 100%;
	height: clamp(52px, 5.6cqi, 64px);
	margin-top: 4.4cqi;
	padding: 6px 6px 6px clamp(18px, 2.4cqi, 30px);
	border: 1.5px solid var(--berry);
	border-radius: 12px;
	background: #fff;
}

.promo__form:focus-within {
	box-shadow: 0 0 0 4px rgb(255 255 255 / 0.35);
}

.promo__input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	font-size: clamp(15px, 1.6cqi, 19px);
	outline: none;
}

.promo__input::placeholder {
	color: #6f6f6f;
}

.promo__submit {
	flex: none;
	height: 100%;
	padding: 0 clamp(18px, 3cqi, 36px);
	border: 0;
	border-radius: 8px;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-display);
	font-size: clamp(15px, 1.9cqi, 22px);
	font-weight: 600;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.promo__submit:hover {
	background: #235653;
}

.promo__submit:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

/* Telefone ir siaurame ekrane: nuotrauka viršuje (išnyksta į žalią), tekstas ir forma apačioje */
@media (max-width: 800px), (max-aspect-ratio: 1/1) {
	/* Kortelė tik tokio aukščio, kiek reikia turiniui (ne per visą ekraną) */
	.promo {
		width: min(440px, 92vw);
		height: fit-content;
		max-height: 92vh;
		border-radius: 24px;
	}

	.promo[open] {
		grid-template-columns: minmax(0, 1fr);
		align-items: end;
	}

	.promo__bg {
		height: min(118cqi, 54vh);
		object-position: left top;
		-webkit-mask-image: linear-gradient(#000 65%, transparent);
		mask-image: linear-gradient(#000 65%, transparent);
	}

	.promo__content {
		grid-column: 1;
		padding: min(96cqi, 40vh) 20px 28px;
	}

	.promo__discount {
		font-size: 30cqi;
	}

	.promo__subtitle {
		font-size: 8.4cqi;
	}

	.promo__text {
		margin-top: 18px;
		font-size: 13px;
	}

	.promo__form {
		height: 56px;
		margin-top: 28px;
		padding-left: 18px;
	}

	.promo__input {
		font-size: 16px; /* ne mažiau 16px – iOS nepriartina */
	}

	.promo__submit {
		padding: 0 18px;
		font-size: 17px;
	}
}

/* −15 % langas (template-parts/berry-reward.php): forma, klaida ir gautas kodas */
.promo--berry [data-berry-step],
.promo [data-promo-step] {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.promo--berry [data-berry-step][hidden],
.promo [data-promo-step][hidden] {
	display: none;
}

.promo__error {
	margin: 12px 0 0;
	padding: 8px 14px;
	border-radius: 8px;
	background: rgb(255 255 255 / 0.92);
	color: #8a1426;
	font-size: 14px;
	font-weight: 600;
}

.promo__code {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin-top: 16px;
	padding: 8px 8px 8px clamp(18px, 2.4cqi, 30px);
	border: 2px dashed rgb(255 255 255 / 0.7);
	border-radius: 12px;
	background: rgb(255 255 255 / 0.12);
	font-family: var(--font-display);
	font-size: clamp(22px, 3.2cqi, 36px);
	font-weight: 700;
	letter-spacing: 0.08em;
}

.promo__copy {
	flex: none;
	height: 48px;
	padding: 0 20px;
	border: 0;
	border-radius: 8px;
	background: #fff;
	color: var(--berry);
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	cursor: pointer;
}

.promo__copy:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.promo__note {
	max-width: 32em;
	margin: 16px 0 0;
	font-size: 14px;
	line-height: 1.45;
	opacity: 0.9;
}

/* ==========================================================================
   Poraštė: balta kortelė, 5 stulpeliai, rekvizitai ir milžiniškas užrašas,
   ant kurio užšoka uogos (assets/js/footer-berries.js)
   ========================================================================== */

.site-footer {
	--f-bg: #fff;
	--f-ink: #2a1015;
	--f-accent: #2C6B68;
	--f-soft: rgb(42 16 21 / 0.55);
	margin-top: 16px;
	color: var(--f-ink);
	font-family: var(--font-body);
}

.site-footer__card {
	position: relative;
	overflow: hidden;
	container-type: inline-size;
	border-radius: 28px 28px 0 0; /* balta siekia ekrano šonus ir apačią */
	background: var(--f-bg);
	/* telefone vertikalus slinkimas lieka naršyklei, horizontalius brūkštelėjimus gauna uogos */
	touch-action: pan-y;
}

.site-footer a {
	color: inherit;
	text-decoration: none;
}

.site-footer a:focus-visible {
	outline: 2px solid var(--f-accent);
	outline-offset: 3px;
	border-radius: 2px;
}

/* Stulpeliai */
.site-footer__cols {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: 1fr 0.6fr 1fr 1.15fr 1.15fr 0.5fr;
	gap: 32px;
	padding: 72px var(--page-x) 0;
	max-width: var(--page-w);
	margin-inline: auto;
}

.site-footer__heading {
	margin: 0 0 18px;
	color: var(--f-accent);
	font-family: var(--font-display);
	font-size: clamp(20px, 1.6vw, 26px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.site-footer__col ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.site-footer__note {
	display: block;
	margin-bottom: 2px;
	color: var(--f-soft);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: none;
}

.site-footer__col .site-footer__social {
	display: flex;
	gap: 16px;
}

.site-footer__social a {
	display: block;
	color: var(--f-accent);
	transition: transform 0.2s ease, color 0.2s ease;
}

.site-footer__social a:hover {
	color: var(--f-ink);
	transform: translateY(-2px);
}

.site-footer__social svg {
	display: block;
	width: 32px;
	height: 32px;
}

/* Rekvizitų stulpelis – ne nuorodos, todėl švelnesni */
.site-footer__col--legal ul {
	color: var(--f-soft);
	font-weight: 500;
}

/* © ir „Sprendimas | Idowebs“ */
.site-footer__legal {
	position: relative;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 32px;
	padding: 48px var(--page-x) 0;
	max-width: var(--page-w);
	margin-inline: auto;
	color: var(--f-soft);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
}

.site-footer__legal p {
	margin: 0;
}

.site-footer__credit a {
	color: var(--f-ink);
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s ease;
}

.site-footer__credit a:hover {
	color: var(--f-accent);
}

/* Didysis užrašas: per visą plotį vienoje eilutėje; virš jo – vieta uogoms */
.site-footer__word {
	position: relative;
	z-index: 1;
	margin-block: 0;
	padding: 13cqi var(--page-x) 3.4cqi;
	max-width: var(--page-w);
	margin-inline: auto;
	color: var(--f-ink);
	font-family: var(--font-display);
	font-size: 12.2cqi; /* tikslų dydį pagal plotį nustato footer-berries.js */
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.005em;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	user-select: none;
}

.fw {
	position: relative;
}

/* Taškai kaip logotipe: vietoj nosinės – apačioje dešinėje, vietoj varnelės ir brūkšnelio – viršuje.
   Padėtis – nuo raidės turinio dėžutės (Oswald: didžiųjų viršus ~0,38em nuo viršaus,
   pagrindo linija ~0,28em nuo apačios) */
.fw__dot {
	position: absolute;
	width: 0.18em;
	height: 0.18em;
	border-radius: 50%;
	background: currentColor;
}

.fw__dot--below {
	right: 0.03em;
	bottom: 0.05em;
}

.fw__dot--above {
	top: 0.13em;
	left: 50%;
	transform: translateX(-50%);
}

/* Uogų sluoksnis virš visų tekstų (užrašo ir stulpelių); paspaudžiamos tik pačios uogos */
/* Žaidimo tikslas – nematomas (easter egg); aukštį nustato footer-berries.js */
.site-footer__goal {
	display: none;
}

.site-footer__berries {
	position: absolute;
	inset: 0;
	z-index: 5;
	pointer-events: none;
}

.berry {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	visibility: hidden;
	cursor: pointer;
	pointer-events: auto;
	user-select: none;
	-webkit-user-drag: none;
	filter: drop-shadow(0 6px 8px rgb(42 16 21 / 0.18));
	will-change: transform;
}

.site-footer.is-berries .berry {
	visibility: visible;
}

.site-footer.is-still .berry {
	cursor: default;
	pointer-events: none;
}

@media (max-width: 1100px) {
	.site-footer__cols {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 56px var(--page-x) 0;
	}

	.site-footer__legal {
		padding: 40px var(--page-x) 0;
	}
}

/* Telefone: stulpeliai po du, kontaktai per visą plotį; užrašas 3 eilutėmis */
@media (max-width: 700px) {
	.site-footer__card {
		border-radius: 22px 22px 0 0;
	}

	.site-footer__cols {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 20px;
		padding: 40px var(--page-x) 0;
	}

	/* Parduotuvė | Ūkis, Informacija | Sekite, po jais kontaktai ir rekvizitai per visą plotį */
	.site-footer__col--contact,
	.site-footer__col--legal {
		grid-column: 1 / -1;
		order: 1;
	}

	.site-footer__col ul {
		gap: 12px;
	}

	.site-footer__legal {
		flex-direction: column;
		padding: 32px var(--page-x) 0;
	}

	/* Užrašas dviem eilutėmis: „GERŲ MINČIŲ“ ir didelis „ŪKIS“; kiekvienos eilutės
	   dydį pagal plotį nustato footer-berries.js (čia – tik pradinis) */
	.site-footer__word {
		padding: 30cqi var(--page-x) 4cqi;
		font-size: 10cqi;
		line-height: 1;
		text-align: left;
		white-space: normal;
	}

	.fw-word {
		font-size: 15cqi;
	}

	.fw-word:nth-child(3) {
		display: block;
		margin-top: 0; /* tarpą Ū taškui sudaro line-height */
		font-size: 37cqi;
		line-height: 0.93;
	}

	/* Ū taškas – mažesnis (didelis ŪKIS šriftas), telpa tarp eilučių */
	.fw-word:nth-child(3) .fw__dot--above {
		top: 0.265em; /* tiesiai virš raidės (Oswald didžiųjų viršus ~0,38em) */
		width: 0.12em;
		height: 0.12em;
	}
}

/* ==========================================================================
   Tekstinis puslapis (page.php): pristatymo sąlygos, privatumo politika, pirkimo taisyklės
   ========================================================================== */

.info-page {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: 0 var(--page-x) clamp(64px, 8vw, 140px);
}

.info-page__article {
	max-width: 820px;
	margin: 0 auto;
}

.info-page__title {
	margin: clamp(32px, 4.5vw, 80px) 0 clamp(28px, 3.5vw, 56px);
	font-family: var(--font-body);
	font-size: clamp(30px, 4.4vw, 68px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.info-page__content {
	color: var(--ink-soft);
	font-size: clamp(15px, 1.05vw, 17px);
	line-height: 1.7;
}

.info-page__content > :first-child {
	margin-top: 0;
}

.info-page__content h2 {
	margin: 2.2em 0 0.6em;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: clamp(22px, 1.9vw, 30px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.info-page__content h3 {
	margin: 1.6em 0 0.4em;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: clamp(18px, 1.35vw, 21px);
	font-weight: 600;
	line-height: 1.2;
}

.info-page__content p {
	margin: 0 0 1em;
}

.info-page__content ul {
	margin: 0 0 1.2em;
	padding-left: 1.2em;
}

.info-page__content li {
	margin-bottom: 0.35em;
}

.info-page__content li::marker {
	color: var(--berry);
}

.info-page__content strong {
	color: var(--ink);
}

.info-page__content a {
	color: var(--berry);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.info-page__content a:hover {
	color: var(--ink);
}

.info-page__figure {
	margin: 1.6em 0 0;
}

.info-page__figure img {
	display: block;
	width: 100%;
	max-width: 560px;
	height: auto;
	border-radius: 20px;
}

/* ==========================================================================
   Kontaktai (page-kontaktai.php): kortelių mozaika, forma, žemėlapis ir rekvizitai
   ========================================================================== */

.contact {
	--g: clamp(8px, 0.9vw, 14px);    /* tarpas tarp kortelių, kaip pradinio hero */
	--pad: clamp(18px, 2.2vw, 36px); /* vidinis kortelių tarpas */
	max-width: var(--page-w);
	margin: 0 auto;
	padding: clamp(16px, 2vw, 32px) var(--page-x) clamp(64px, 8vw, 140px);
}

/* Aukštis fiksuotas – kitaip kvadratinė nuotrauka ištempia visą eilę */
.contact__top {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	gap: var(--g);
	height: clamp(240px, 21vw, 400px);
}

.contact__hero {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	min-height: 0;
	padding: var(--pad);
	border-radius: var(--radius);
	background: var(--berry);
	color: #fff;
}

/* Breadcrumbs kortelės viršuje – smulkios, baltos */
.contact__hero .crumbs {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.contact__hero .crumbs__current,
.contact__hero .crumbs__item + .crumbs__item::before {
	color: inherit;
	opacity: 0.8;
}

.contact__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(36px, 4.2vw, 80px);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}

.contact__photo {
	width: 100%;
	height: 100%;
	min-height: 0;
	border-radius: var(--radius);
	object-fit: cover;
	object-position: 0% 50%; /* stiklainiai – kairėje, dešinėje tuščias žalias fonas */
}

.contact__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--g);
	margin: var(--g) 0 0;
	padding: 0;
	list-style: none;
}

.contact__card {
	display: flex;
	flex-direction: column;
	min-height: clamp(150px, 11vw, 210px);
	padding: var(--pad);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
}

.contact__card--mail {
	border-color: transparent;
	background: var(--accent-dark);
	color: #fff;
}

.contact__name {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(20px, 1.6vw, 28px);
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
}

.contact__note {
	margin: 0.4em 0 0;
	color: var(--ink-soft);
	font-size: clamp(13px, 0.85vw, 15px);
	line-height: 1.4;
}

.contact__label {
	margin: 0;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Telefonas / el. paštas – kortelės apačioje */
.contact__link {
	margin-top: auto;
	padding-top: 1.2em;
	color: var(--berry);
	font-family: var(--font-display);
	font-size: clamp(20px, 1.7vw, 30px);
	font-weight: 500;
	line-height: 1.1;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 4px;
	overflow-wrap: anywhere;
	transition: text-decoration-color 0.2s ease;
}

.contact__card--mail .contact__link {
	color: inherit;
}

.contact__link:hover {
	text-decoration-color: currentColor;
}

/* --- Forma ir šoninė dalis --- */

.contact__bottom {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(28px, 4vw, 72px);
	margin-top: clamp(56px, 7vw, 130px);
}

.contact__heading {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(34px, 3.8vw, 68px);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}

.contact__intro {
	max-width: 46ch;
	margin: 0.9em 0 0;
	color: var(--ink-soft);
	font-size: clamp(15px, 1.05vw, 17px);
}

.contact__status {
	margin: 1.4em 0 0;
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--surface);
	border-left: 3px solid var(--accent);
	font-weight: 600;
}

.contact__status--error {
	border-left-color: var(--berry);
}

.contact__status a {
	color: var(--berry);
}

.contact__form {
	display: grid;
	gap: 18px;
	margin-top: clamp(24px, 2.4vw, 40px);
}

.contact__field {
	display: grid;
	gap: 8px;
}

.contact__field-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.contact__input {
	width: 100%;
	height: 50px;
	padding: 0 18px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: #fff;
	color: var(--ink);
	font: inherit;
	font-size: 15px;
	transition: border-color 0.2s ease;
}

.contact__input--area {
	height: auto;
	min-height: 140px;
	padding: 14px 18px;
	resize: vertical;
}

.contact__input::placeholder {
	color: #777;
}

.contact__input:focus {
	border-color: var(--berry);
	outline: none;
}

/* Laukas robotams – paslėptas nuo žmonių */
.contact__trap {
	position: absolute;
	left: -9999px;
}

.contact__submit {
	display: inline-flex;
	justify-self: start;
	align-items: center;
	gap: 0.6em;
	height: 50px;
	padding: 0 1.6em;
	border: 0;
	border-radius: 10px;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.contact__submit svg {
	width: 1.1em;
	height: auto;
	transition: transform 0.2s ease;
}

.contact__submit:hover {
	background: #235653;
}

.contact__submit:hover svg {
	transform: translateX(3px);
}

.contact__submit:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.contact__side {
	display: flex;
	flex-direction: column;
	gap: var(--g);
}

.contact__map {
	flex: 1;
	min-height: 320px;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--tile);
}

.contact__map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 320px;
	border: 0;
}

.contact__info {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pad);
	padding: var(--pad);
	border-radius: var(--radius);
	background: var(--accent-dark);
	color: #fff;
	font-size: clamp(14px, 0.95vw, 16px);
	line-height: 1.5;
}

.contact__info-title {
	margin: 0 0 0.5em;
	font-family: var(--font-display);
	font-size: clamp(17px, 1.25vw, 22px);
	font-weight: 600;
	text-transform: uppercase;
}

.contact__info p {
	margin: 0;
}

@media (max-width: 900px) {
	.contact__top,
	.contact__bottom {
		grid-template-columns: 1fr;
	}

	.contact__top {
		height: auto;
	}

	.contact__hero {
		min-height: 220px;
	}

	.contact__photo {
		height: auto;
		aspect-ratio: 16 / 10;
	}

	.contact__cards {
		grid-template-columns: 1fr 1fr;
	}

	.contact__card--mail {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	.contact__cards,
	.contact__info {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Apie mus (page-apie-mus.php): antraštė, nuotrauka ir citatos kortelė
   ========================================================================== */

.about {
	--g: clamp(8px, 0.9vw, 14px);
	--pad: clamp(20px, 2.4vw, 40px);
	max-width: var(--page-w);
	margin: 0 auto;
	padding: clamp(24px, 3vw, 56px) var(--page-x) clamp(64px, 8vw, 140px);
}

/* Breadcrumbs virš antraštės (šablone – po ja, todėl column-reverse) */
.about__head {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	gap: clamp(12px, 1.4vw, 24px);
	margin-bottom: clamp(20px, 2.4vw, 40px);
}

.about__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(40px, 6.4vw, 120px);
	font-weight: 600;
	line-height: 0.98;
	text-transform: uppercase;
}

.about__title span {
	display: block;
	color: var(--berry);
}

.about__head .crumbs {
	flex: none;
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.about__grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: var(--g);
	height: clamp(340px, 34vw, 620px);
}

.about__photo {
	width: 100%;
	height: 100%;
	min-height: 0;
	border-radius: var(--radius);
	object-fit: cover;
	object-position: 50% 55%; /* abu veidai – kadro viduryje */
}

.about__quote {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: var(--pad);
	border-radius: var(--radius);
	background: var(--accent-dark);
	color: #fff;
}

.about__quote-mark {
	flex: none;
	width: clamp(32px, 2.6vw, 48px);
	height: auto;
	color: var(--frame);
}

.about__quote-text {
	margin: auto 0;
	padding: 24px 0;
}

.about__quote-text p {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(22px, 2vw, 38px);
	font-weight: 500;
	line-height: 1.25;
}

/* Uždarančios kabutės – apačioje dešinėje, apverstos */
.about__quote-mark--end {
	align-self: flex-end;
	rotate: 180deg;
}

/* --- Mūsų istorija: centruotas tekstas, viena teksto stilistika --- */

.about__story {
	max-width: 900px;
	margin: clamp(64px, 8vw, 140px) auto 0;
	text-align: center;
}

.about__eyebrow {
	margin: 0 0 1.6em;
	color: var(--berry);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.about__story p {
	margin: 0 0 1em;
	font-size: clamp(18px, 1.55vw, 26px);
	line-height: 1.7;
}

/* Parašas – ranka rašytu šriftu (įkeliamas tik šiame puslapyje, functions.php) */
.about__story .about__story-author {
	margin: 1.2em 0 0;
	color: var(--berry);
	font-family: "Caveat", var(--font-body);
	font-size: clamp(32px, 2.8vw, 48px);
	font-weight: 600;
	line-height: 1.2;
}

/* --- Gyvenimas ūkyje: didelė nuotrauka kairėje, dvi dešinėje --- */

.about__life {
	margin-top: clamp(64px, 8vw, 140px);
}

.about__life-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: clamp(16px, 1.6vw, 28px);
}

.about__life-title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(30px, 3.2vw, 60px);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}

/* 4 stulpeliai, pirma nuotrauka – 2 × 2; 1 + 12 nuotraukų užpildo 4 pilnas eilutes */
.about__gallery {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--g);
	margin: 0;
	padding: 0;
	list-style: none;
}

.about__gallery li {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--tile);
}

/* Didelė – užpildo dvi eilutes; nuotrauka absoliuti, kad jos aukštis netemptų eilučių */
.about__gallery li:first-child {
	position: relative;
	grid-column: span 2;
	grid-row: span 2;
	aspect-ratio: auto;
}

.about__gallery li:first-child img {
	position: absolute;
	inset: 0;
}

.about__gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 40%; /* vertikalios nuotraukos – žmonių galvos lieka kadre */
	transition: transform 0.6s ease;
}

.about__gallery li:hover img {
	transform: scale(1.03);
}

/* Suskleista galerija (main.js uždeda is-collapsed) – papildomos nuotraukos paslėptos.
   Be JavaScript rodomos visos. */
.about__gallery.is-collapsed [data-gallery-extra] {
	display: none;
}

.about__more {
	display: flex;
	justify-content: center;
	margin-top: clamp(20px, 2.4vw, 40px);
}

/* --- CTA: „Paragaukit laimingų uogų“ --- */

/* Paragaukit laimingų uogų: kairėje tekstas ir mygtukai, dešinėje stiklainių vėduoklė,
   aplink – uogos (kaip poraštėje) ir banguotas ženkliukas */
.about__cta {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(24px, 4vw, 64px);
	margin-top: clamp(64px, 8vw, 140px);
	padding: clamp(32px, 4.4vw, 84px) clamp(24px, 4.4vw, 84px);
	overflow: hidden;
	border-radius: var(--radius);
	background:
		radial-gradient(circle at 78% 55%, rgb(255 255 255 / 0.16), transparent 46%),
		radial-gradient(circle at 0% 100%, rgb(0 0 0 / 0.18), transparent 50%),
		var(--berry);
	color: #fff;
}

.about__cta-eyebrow {
	margin: 0 0 clamp(12px, 1.2vw, 20px);
	color: color-mix(in srgb, var(--cream) 80%, transparent);
	font-size: clamp(11px, 0.85vw, 14px);
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.about__cta-title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(42px, 5.6vw, 108px);
	font-weight: 600;
	line-height: 0.98;
	text-transform: uppercase;
}

.about__cta-title span {
	color: var(--cream);
}

.about__cta-lead {
	max-width: 30em;
	margin: clamp(16px, 1.8vw, 28px) 0 0;
	color: rgb(255 255 255 / 0.85);
	font-size: clamp(15px, 1.15vw, 19px);
	line-height: 1.6;
}

.about__cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: clamp(24px, 2.6vw, 44px);
}

.about__cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	height: clamp(48px, 3.4vw, 58px);
	padding: 0 clamp(22px, 1.8vw, 32px);
	border-radius: 10px;
	background: #fff;
	color: var(--berry);
	font-family: var(--font-display);
	font-size: clamp(15px, 1.05vw, 18px);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.about__cta-btn svg {
	width: 1.15em;
	height: auto;
	transition: transform 0.2s ease;
}

.about__cta-btn:hover {
	background: var(--cream);
}

.about__cta-btn:hover svg {
	transform: translateX(4px);
}

.about__cta-btn--light {
	border: 1.5px solid rgb(255 255 255 / 0.7);
	background: transparent;
	color: #fff;
}

.about__cta-btn--light:hover {
	border-color: #fff;
	background: rgb(255 255 255 / 0.1);
	color: #fff;
}

.about__cta-btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/* Stiklainių vėduoklė */
.about__cta-art {
	position: relative;
	aspect-ratio: 5 / 3.4;
	container-type: inline-size;
}

.about__cta-jar {
	position: absolute;
	bottom: 4%;
	width: 46cqi;
	height: auto;
	filter: drop-shadow(0 18px 24px rgb(0 0 0 / 0.28));
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about__cta-jar--1 {
	left: 4%;
	z-index: 1;
	transform: rotate(-11deg);
}

.about__cta-jar--2 {
	left: 27%;
	z-index: 3;
	bottom: 10%;
	width: 50cqi;
}

.about__cta-jar--3 {
	right: 4%;
	z-index: 2;
	transform: rotate(10deg);
}

.about__cta:hover .about__cta-jar--1 {
	transform: rotate(-14deg) translate(-4%, -4%);
}

.about__cta:hover .about__cta-jar--2 {
	transform: translateY(-5%);
}

.about__cta:hover .about__cta-jar--3 {
	transform: rotate(13deg) translate(4%, -4%);
}

/* Uogos aplink stiklainius */
.about__cta-berry {
	position: absolute;
	z-index: 4;
	height: auto;
	filter: drop-shadow(0 8px 10px rgb(0 0 0 / 0.25));
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about__cta-berry--1 {
	top: 2%;
	left: 2%;
	width: 15cqi;
	transform: rotate(-18deg);
}

.about__cta-berry--2 {
	right: 8%;
	top: -2%;
	width: 11cqi;
}

.about__cta-berry--3 {
	bottom: -2%;
	left: 20%;
	width: 15cqi;
	transform: rotate(14deg);
}

.about__cta-berry--4 {
	right: -2%;
	bottom: 30%;
	width: 14cqi;
	transform: rotate(-30deg);
}

.about__cta:hover .about__cta-berry--1 {
	transform: rotate(-30deg) translate(-6%, -8%);
}

.about__cta:hover .about__cta-berry--3 {
	transform: rotate(24deg) translateY(6%);
}

.about__cta:hover .about__cta-berry--4 {
	transform: rotate(-18deg) translateX(6%);
}

/* Banguotas ženkliukas „Rankų darbo“ (kaip pradinio puslapio „Apsipirkti“) */
.about__cta-badge {
	position: absolute;
	top: 6%;
	left: 30%;
	z-index: 5;
	display: grid;
	place-items: center;
	width: 22cqi;
	aspect-ratio: 1;
	color: var(--berry);
	font-family: var(--font-display);
	font-size: 3.8cqi;
	font-weight: 600;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
	transform: rotate(-12deg);
	filter: drop-shadow(0 6px 10px rgb(0 0 0 / 0.25));
	transition: transform 0.9s cubic-bezier(0.3, 0.9, 0.3, 1);
}

/* Užvedus pelę – ženkliukas apsisuka */
.about__cta:hover .about__cta-badge {
	transform: rotate(348deg) scale(1.06);
}

.about__cta-badge svg,
.about__cta-badge span {
	grid-area: 1 / 1;
}

.about__cta-badge svg {
	width: 100%;
	height: 100%;
}

@media (prefers-reduced-motion: reduce) {
	.about__cta-jar,
	.about__cta-berry,
	.about__cta-badge {
		transition: none;
	}
}

@media (max-width: 900px) {
	.about__cta {
		grid-template-columns: minmax(0, 1fr);
	}

	.about__cta-art {
		width: min(100%, 520px);
		justify-self: center;
	}
}

@media (max-width: 900px) {
	/* Nuotrauka ir citata – viena po kita */
	.about__grid {
		grid-template-columns: 1fr;
		height: auto;
	}

	.about__photo {
		height: auto;
		aspect-ratio: 4 / 5;
	}

	.about__quote {
		min-height: 260px;
	}

	/* Galerija: 2 stulpeliai, didelė nuotrauka – per visą plotį viršuje */
	.about__gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Didelė per abu stulpelius: šalia nėra nuotraukų, kurios duotų aukštį – savo proporcija */
	.about__gallery li:first-child {
		grid-row: auto;
		aspect-ratio: 4 / 3;
	}
}

/* ==========================================================================
   Parduotuvė
   ========================================================================== */

.shop {
	max-width: var(--page-w);
	min-height: 70vh;
	margin: 0 auto;
	padding: 0 var(--page-x) clamp(64px, 8vw, 160px);
}

.shop__title {
	margin: clamp(40px, 5.5vw, 110px) 0 clamp(32px, 5vw, 100px);
	font-family: var(--font-body);
	font-size: clamp(30px, 5.9vw, 120px);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Mėlynė vietoj „O“: šiek tiek didesnė už didžiąsias raides, centruota pagal jas */
.shop__title-berry {
	display: inline-block;
	width: auto;
	height: 0.92em;
	margin-right: 0.12em; /* tarpas, kurį raidei duotų letter-spacing */
	vertical-align: -0.11em;
}

/* --- Kategorijos, filtrai, rūšiavimas --- */

.shop__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(10px, 0.9vw, 18px);
	margin-bottom: clamp(40px, 7vw, 150px);
}

.shop__cats {
	display: flex;
	flex-wrap: wrap;
	gap: inherit;
}

/* Subkategorijos (Uogienės ir džemai) – po įrankių juosta, mažesni mygtukai */
.shop__subcats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: calc(-1 * clamp(24px, 5vw, 110px)) 0 clamp(40px, 5vw, 90px);
}

.chip--sub {
	min-width: 0;
	height: clamp(32px, 2.2vw, 42px);
	font-size: clamp(12px, 0.9vw, 16px);
}

/* Kategorijos ar kolekcijos pavadinimas – be mėlynės raidėje */
.shop__title--listing {
	letter-spacing: 0.04em;
}

.shop__title--listing .shop__title-berry {
	margin-right: 0.04em;
}

/* Paieškos rezultatai (search.php) */
.search-page__title {
	margin-bottom: 0.3em;
	font-size: clamp(28px, 4vw, 72px);
	overflow-wrap: anywhere;
}

.search-page__count {
	margin: 0 0 clamp(24px, 3vw, 48px);
	color: var(--ink-soft);
}

.shop__sort {
	margin-left: auto;
}

.chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: clamp(96px, 9.2vw, 177px);
	height: clamp(36px, 2.6vw, 50px);
	padding: 0 clamp(14px, 1.2vw, 24px);
	border: 1.5px solid var(--ink);
	border-radius: 10px;
	background: var(--bg);
	color: var(--ink);
	font-family: var(--font-display);
	font-size: clamp(13px, 1.05vw, 20px);
	font-weight: 600;
	letter-spacing: 0.02em;
	white-space: nowrap;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.chip:hover {
	border-color: var(--berry);
	color: var(--berry);
}

a.chip {
	text-decoration: none;
}

.chip[aria-pressed="true"],
.chip[aria-current="page"],
.chip[aria-expanded="true"] {
	border-color: var(--berry);
	background: var(--berry);
	color: #fff;
}

.chip:focus-visible,
.shop__filter:focus-visible,
.product__cart:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 3px;
}

.chip--select {
	gap: 0.6em;
}

.chip--select svg {
	flex: none;
	width: 12px;
	height: 12px;
	transition: transform 0.2s ease;
}

.chip--select[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

/* Rūšiavimo sąrašas – kaip filtrų langelis, tik prie dešinio krašto */
.shop__sort {
	position: relative;
}

.shop__sort-panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 10;
	min-width: 260px;
	padding: 8px 22px;
	border: 1.5px solid var(--ink);
	border-radius: 20px;
	background: var(--bg);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}

.shop__sort-panel[hidden] {
	display: none;
}

.shop__sort-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 9px 0;
	border: 0;
	background: none;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s ease;
}

.shop__sort-option:hover,
.shop__sort-option[aria-pressed="true"] {
	color: var(--berry);
}

/* Pasirinktas – varnelė dešinėje */
.shop__sort-option[aria-pressed="true"]::after {
	content: "";
	flex: none;
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.shop__sort-option:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.chip__count {
	display: inline-grid;
	place-items: center;
	min-width: 1.3em;
	height: 1.3em;
	margin-left: 0.5em;
	padding: 0 0.3em;
	border-radius: 99px;
	background: var(--berry);
	color: #fff;
	font-size: 0.75em;
	line-height: 1;
}

.chip__count[hidden] {
	display: none;
}

.chip[aria-expanded="true"] .chip__count {
	background: #fff;
	color: var(--berry);
}

/* Filtrų išskleidžiamas langelis */
.shop__filters {
	position: relative;
}

.shop__filters-panel {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 10;
	min-width: 260px;
	padding: 12px 22px 16px;
	border: 1.5px solid var(--ink);
	border-radius: 20px;
	background: var(--bg);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}

.shop__filters-panel[hidden] {
	display: none;
}

.shop__filter-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.shop__filter {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 9px 0;
	border: 0;
	background: none;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 0.2s ease;
}

.shop__filter::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	border: 1.5px solid currentColor;
	border-radius: 4px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.shop__filter:hover {
	color: var(--berry);
}

.shop__filter[aria-pressed="true"]::before {
	border-color: var(--berry);
	background: var(--berry) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center / 12px;
}

.shop__filters-reset {
	margin-top: 8px;
	padding: 0;
	border: 0;
	background: none;
	color: #666;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}

/* --- Produktų tinklelis ---
   4 stulpeliai: [baneris] 2 produktai / 4 produktai / 2 produktai [baneris] / 4 produktai,
   toliau – po 4. Baneriai užima 2 stulpelius; jų vietą tarp produktų
   (data-banner-after) po filtravimo ir rūšiavimo perskaičiuoja main.js. */

.shop__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr)); /* 5 eilėje; baneris – 2 stulpeliai + 3 produktai */
	grid-auto-flow: row dense; /* nuolaidos baneris eilės dešinėje, produktai užpildo kairę */
	gap: clamp(32px, 2.6vw, 44px) clamp(16px, 1.5vw, 28px);
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --- Baneriai tinklelyje: dovanų rinkiniai ir nuolaida pirmam užsakymui --- */

.shop-banner {
	grid-column: span 2;
	min-height: 0; /* eilės aukščio – kaip šalia esančios produktų kortelės */
	container-type: inline-size;
}

.shop-banner[hidden] {
	display: none;
}

/* Nuolaida – eilės dešinėje (dovanų rinkiniai – kairėje) */
.shop-banner--news {
	grid-column: -3 / -1;
}

.shop-banner__link {
	position: relative;
	display: grid;
	height: 100%;
	overflow: hidden;
	border-radius: clamp(14px, 1.3vw, 26px);
	color: #fff;
	text-decoration: none;
}

.shop-banner__body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	padding: 6cqi 6cqi 5.5cqi;
}

.shop-banner__eyebrow {
	font-size: max(11px, 1.5cqi);
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

/* 1.12 – Ų, Į nosinės ir Č, Š paukščiukai eilutėse nebesusiliečia */
.shop-banner__title {
	font-family: var(--font-display);
	font-size: 8.4cqi;
	font-weight: 600;
	line-height: 1.12;
	text-transform: uppercase;
}

/* Mygtukas – balta piliulė, Oswald, rodyklė (kaip naujienlaiškio „Užsisakyti“) */
.shop-banner__cta {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 0.6em;
	height: 2.4em;
	padding: 0 1.3em;
	border-radius: 10px;
	background: #fff;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: max(15px, 1.9cqi);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}

.shop-banner__link:hover .shop-banner__cta {
	background: #f1ebe1;
}

.shop-banner__arrow {
	width: 1.1em;
	height: auto;
	transition: transform 0.2s ease;
}

.shop-banner__link:hover .shop-banner__arrow {
	transform: translateX(4px);
}

.shop-banner__link:focus-visible {
	outline: 3px solid var(--ink);
	outline-offset: 4px;
}

/* Dovanų rinkiniai: kairėje pasvirę stiklainiai, dešinėje raudonas laukas */
.shop-banner--gifts .shop-banner__link {
	grid-template-columns: 1fr 1fr;
	background: var(--berry);
}

.shop-banner--gifts .shop-banner__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 30% 50%;
}

/* Nuolaida: žalias fonas, dešinėje uogienių bokštelis su šaukštu */
.shop-banner--news .shop-banner__link {
	background: var(--accent);
	color: #fff;
}

.shop-banner--news .shop-banner__body {
	max-width: 66%;
}

.shop-banner--news .shop-banner__photo {
	position: absolute;
	top: 5%;
	right: 9%;
	width: auto;
	height: 118%;
	max-width: none;
	pointer-events: none;
}

/* Personalizuotos dovanos verslui – kategorijoje „Dovanos“ po rinkinių, kaip „Dovanų rinkiniai“:
   per 2 stulpelius, kairėje nuotrauka, dešinėje žalias laukas su tekstu ir mygtuku */
.shop-banner--business .shop-banner__link {
	grid-template-columns: 1fr 1fr;
	background: var(--berry);
}

.shop-banner--business .shop-banner__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 62% 50%;
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.shop-banner--business .shop-banner__link:hover .shop-banner__photo {
	transform: scale(1.04);
}

.shop-banner--business .shop-banner__body {
	justify-content: flex-start;
	gap: 2.4cqi;
}

/* „PERSONALIZUOTOS“ telpa pusės banerio plotyje */
.shop-banner--business .shop-banner__title {
	font-size: 6cqi;
	line-height: 1.08;
}

.shop-banner__text {
	font-size: max(13px, 2.3cqi);
	line-height: 1.45;
	opacity: 0.9;
}

.shop-banner--business .shop-banner__cta {
	margin-top: auto;
	white-space: nowrap;
}

.product[hidden] {
	display: none;
}

/* Kortelė: nuotrauka, pavadinimas (visada 2 eilutės), paantraštė (1 eilutė),
   kainos eilutė prispausta prie apačios – eilėje visos kainos ir mygtukai vienoje linijoje */
.product {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 0;
}

/* Siauresnėje kortelėje (5 eilėje) – „Į krepšelį“ vietoj „Pridėti į krepšelį“, kad tilptų šalia kainos */
.product__foot {
	container-type: inline-size;
}

@container (max-width: 290px) {
	.product__cart-extra {
		display: none;
	}

	/* rinkinių kaina ilgesnė („nuo 19,99 €“) – mažesni tarpai, kad mygtukas tilptų */
	.product__foot > .product__cart {
		padding: 0 12px;
	}
}

/* Visa kortelė veda į produkto puslapį; krepšelio mygtukas – virš nuorodos */
.product__link {
	color: inherit;
	text-decoration: none;
}

.product__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.product__link:focus-visible {
	outline: none;
}

.product__link:focus-visible::after {
	outline: 3px solid var(--ink);
	outline-offset: 4px;
	border-radius: 20px;
}

.product__media {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 1 / 1;
	margin-bottom: clamp(14px, 1.2vw, 20px);
	overflow: hidden;
	border-radius: 20px;
	background: var(--product-bg, #e9e9e9);
}

/* Fonas – visoms kategorijoms vienoda švelniai rožinė */
.product--cat-uogienes-ir-dzemai,
.product--cat-tyres,
.product--cat-pagardai-ir-padazai,
.product--cat-kiti-produktai,
.product--cat-dovanos { --product-bg: transparent; }

/* Produktų nuotraukos – vienodas kvadratinis kadras su paraštėmis (stiklainiai,
   buteliai to paties mastelio), todėl užpildo visą kortelę; užvedus – švelniai padidėja */
.product__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.product:hover .product__img {
	transform: scale(1.03);
}

/* Užvedus – gyvenimiška nuotrauka per visą kortelę */
.product__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.45s ease, transform 0.3s ease;
}

.product--has-photo:hover .product__photo,
.product--has-photo:focus-within .product__photo {
	opacity: 1;
	transform: scale(1.03);
}

/* Nuotrauka nukirpta apačioje (pvz. butelis) – prigludusi prie kortelės apačios */
.product__img--bottom {
	align-self: end;
	width: auto;
	height: 90%;
	max-height: none;
	transform: none;
	transform-origin: 50% 100%;
}

.product:hover .product__img--bottom {
	transform: scale(1.03);
}

/* Kol nėra nuotraukos – logotipas kategorijos spalva */
.product__placeholder {
	width: 38%;
	color: color-mix(in srgb, var(--product-bg, #e9e9e9) 78%, var(--plum));
}

.product__badges {
	position: absolute;
	top: clamp(10px, 1vw, 18px);
	left: clamp(10px, 1vw, 18px);
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.product__badge {
	padding: 0.45em 0.9em;
	border-radius: 6px;
	background: #fff;
	color: var(--ink);
	font-size: clamp(10px, 0.72vw, 13px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.product__badge--sale {
	background: var(--berry);
	color: #fff;
}

.product__badge--low {
	background: var(--plum);
	color: #fff;
}

.product__badge--best {
	background: var(--accent-dark);
	color: #fff;
}

/* Neturime – baltas su rėmeliu, kad matytųsi ir ant šviesios nuotraukos */
.product__badge--out {
	box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.2);
}

/* Nėra sandėlyje: blankesnė nuotrauka */
.product--out .product__img,
.product--out .product__placeholder {
	opacity: 0.5;
}

/* Pavadinimas visada užima 2 eilutes, ilgesnis – nukerpamas (pilnas – title atribute) */
.product__name {
	display: -webkit-box;
	min-height: calc(2 * 1.15em + 0.07em);
	margin: 0;
	padding-bottom: 0.07em; /* nosinės (Ų, Į) paskutinėje eilutėje nenukerpamos */
	overflow: hidden;
	font-family: var(--font-display);
	font-size: clamp(18px, 1.45vw, 26px);
	font-weight: 600;
	line-height: 1.15;
	text-transform: uppercase;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

/* Paantraštė ir kiekis – viena eilutė; ilgas aprašymas trumpinamas, kiekis lieka matomas */
/* Aprašas ir dydis – be nukirpimo: netilpus persikelia į antrą eilutę (daugiausia 2) */
.product__meta {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin: 0.35em 0 0;
	color: var(--ink-soft);
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.4;
}

.product__size {
	white-space: nowrap;
}

/* Skirtukas – aprašo gale (ne eilutės pradžioje, jei dydis persikelia) */
.product__desc:has(+ .product__size)::after {
	content: "\00a0·";
}

.product__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 12px;
}

.product__price {
	font-family: var(--font-display);
	font-size: clamp(20px, 1.6vw, 30px);
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}

/* Krepšelio mygtukas: ikona, užvedus ant kortelės išsiskleidžia su tekstu
   („Pridėti į krepšelį“, „Pasirinkti“); „Neturime“ – visada išskleistas */
.product__cart {
	position: relative;
	z-index: 2;
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 13px;
	border: 0;
	border-radius: 8px;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, padding 0.3s ease;
}

.product__cart svg {
	flex: none;
	width: 18px;
	height: auto;
}

/* Užrašas visada matomas (be išsiskleidimo animacijos). Abu užrašai toje pačioje vietoje:
   plotis – pagal ilgesnį, tad „✓ Pridėta“ jo nekeičia */
.product__cart {
	padding: 0 16px;
}

.product__cart-text {
	display: grid;
	margin-right: 8px;
}

.product__cart-text > * {
	grid-area: 1 / 1;
	text-align: center;
}

.product__cart-done,
.product__cart.is-added .product__cart-label {
	visibility: hidden;
}

.product__cart.is-added .product__cart-done {
	visibility: visible;
}

.product__cart:hover {
	background: #235653;
}

.product__cart.is-added,
.product__cart.is-added:hover {
	background: var(--accent-dark);
}

.product__cart:disabled,
.product__cart:disabled:hover {
	background: #b9b4ad;
	cursor: not-allowed;
}

.product__cart:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.shop__empty {
	padding: 48px 0;
	text-align: center;
}

.shop__empty p {
	margin: 0 0 16px;
	color: #555;
}

@media (max-width: 1279px) {
	.shop__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 1099px) {
	.shop__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 799px) {
	.shop__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 14px;
	}

	/* Dviem stulpeliais baneris – per visą plotį, savo aukščio */
	.shop-banner {
		min-height: 0;
	}

	/* Bent 1,6:1, bet aukštėja, jei tekstas ir mygtukas netelpa */
	.shop-banner__link {
		min-height: calc(100cqi / 1.6);
	}

	.shop-banner__title {
		font-size: 9.5cqi;
	}

	.shop-banner__eyebrow {
		font-size: max(11px, 2cqi);
	}

	.shop-banner__cta {
		font-size: max(15px, 2.6cqi);
	}
}

@media (max-width: 599px) {
	.product__name {
		font-size: 17px;
	}

	.product__meta {
		font-size: 12px;
	}

	.product__price {
		align-self: flex-start;
		font-size: 20px;
	}

	/* Siauroje kortelėje kaina ir mygtukas netelpa greta: mygtukas per visą plotį
	   po kaina, užrašas trumpesnis – „Į krepšelį“ */
	.product__foot {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.product__cart-extra {
		display: none;
	}
}

@media (max-width: 600px) {
	/* Kategorijos slenka horizontaliai per visą ekrano plotį */
	.shop__cats {
		flex-wrap: nowrap;
		width: calc(100% + 2 * var(--page-x));
		margin: 0 calc(-1 * var(--page-x));
		padding: 0 var(--page-x);
		overflow-x: auto;
		scrollbar-width: none;
	}

	.shop__cats .chip {
		flex: none;
	}

	.shop__filters,
	.shop__sort {
		flex: 1;
		margin-left: 0;
	}

	.shop__filters > .chip,
	.chip--select {
		width: 100%;
	}
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1100px) {
	.site-nav__menu {
		gap: 20px;
	}

	.site-nav__menu a {
		font-size: 13px;
	}
}

@media (max-width: 960px) {
	/* Hero: dviejų stulpelių mozaika, „Kur mus rasti“ per visą plotį apačioje */
	.hero {
		height: auto;
		min-height: 0;
	}

	.hero__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
		grid-template-areas:
			"brand   photo"
			"text    cta"
			"find    find";
	}

	.hero__brand .logo-mark {
		width: min(85%, 320px);
	}

	/* Beveik kvadratinės kortelės; CTA aukštis neturi priklausyti nuo turinio */
	.hero__brand,
	.hero__tile--photo,
	.hero__text,
	.hero__cta {
		min-height: min(calc((100vw - 3 * var(--g)) / 2), 380px);
	}

	.hero__find.find__card {
		padding: clamp(28px, 5vw, 48px) clamp(20px, 4vw, 40px);
	}

	.hero__find .find__title {
		font-size: clamp(32px, 7vw, 60px);
	}

	.hero__find .find__lead {
		font-size: clamp(15px, 2.2vw, 19px);
	}

	.hero__text {
		font-size: clamp(15px, 3.2vw, 24px);
	}

	/* Siaurame ekrane krepšelio skaitiklis kitaip išlįstų už krašto */
	.site-nav--hero .site-nav__end {
		margin-right: 0;
	}

	.site-nav__toggle {
		width: 40px;
		height: 40px;
		margin-left: -8px;
	}

	.clients__list {
		justify-content: center;
		gap: 28px 40px;
	}

	.site-nav--bar .logo-mark {
		width: 34px;
	}
}

@media (max-width: 600px) {
	/* Telefone ikonos didesnės ir arčiau viena kitos (paspaudimo plotas – 40px) */
	.site-nav__icons {
		gap: 0;
	}

	.site-nav__icons > li > a {
		width: 40px;
		height: 40px;
	}

	.site-nav__icons > li > a svg {
		width: 19px;
	}

	.site-nav__end {
		margin-right: -8px;
	}

	.site-search__btn svg {
		width: 19px;
		height: 19px;
	}

	/* „☰“ – tokio pat vizualaus dydžio kaip ikonos */
	.site-nav__burger,
	.site-nav__burger::before,
	.site-nav__burger::after {
		width: 20px;
	}

	.site-nav__burger::before {
		top: -6px;
	}

	.site-nav__burger::after {
		top: 6px;
	}

	.site-nav__toggle[aria-expanded="true"] .site-nav__burger::before {
		transform: translateY(6px) rotate(45deg);
	}

	.site-nav__toggle[aria-expanded="true"] .site-nav__burger::after {
		transform: translateY(-6px) rotate(-45deg);
	}

	/* Hero: pavadinimas ir nuotrauka per visą plotį, tekstas ir CTA – greta,
	   „Kur mus rasti“ – apačioje per visą plotį */
	.hero__grid {
		grid-template-areas:
			"brand   brand"
			"photo   photo"
			"text    cta"
			"find    find";
	}

	.hero__brand {
		min-height: 0;
	}

	.hero__brand .logo-mark {
		width: clamp(150px, 52vw, 300px);
	}

	.hero__tile--photo {
		min-height: 0;
		aspect-ratio: 16 / 10;
	}

	/* Žemesnės teksto ir CTA kortelės – pirmame ekrane matosi ir klientų juosta */
	.hero__text,
	.hero__cta {
		min-height: 150px;
	}

	.clients {
		padding-top: 24px;
	}

	/* Per visą plotį kortelėje duona – apatiniame dešiniame kampe, ant nuotraukos */
	/* Didesnis, bet apačia ten pat kaip anksčiau (40 % pločio ir 38 % žemyn) – didėja tik į viršų */
	.hero__bread {
		top: auto;
		right: 3%;
		bottom: 0;
		left: auto;
		width: 54%;
		max-width: 300px;
		transform: translateY(28%);
	}


	.hero__text {
		font-size: clamp(15px, 3.6vw, 24px);
	}

	/* Logotipai – bėganti juosta per visą plotį, kraštai švelniai išnyksta.
	   Sąrašas dubliuotas, tad -50% tiksliai atitinka vieną eilę. */
	.clients {
		padding-inline: 0;
		overflow: hidden;
		-webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
		mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
	}

	.clients__list {
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 0;
		width: max-content;
		max-width: none;
		padding: 0;
		animation: gmu-marquee 24s linear infinite;
	}

	.clients__item,
	.clients__item--clone {
		display: block;
		flex: none;
		margin-right: 44px;
	}

	.clients__item img {
		height: 34px;
		max-width: 120px;
	}

	.clients__item--vilpra img {
		height: 26px;
	}
}

/* ==========================================================================
   Breadcrumbs: Pradžia › … › dabartinis puslapis; mobiliajame – „← tėvinis“
   ========================================================================== */

.crumbs {
	margin: clamp(16px, 2vw, 32px) 0 clamp(20px, 2.6vw, 44px);
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.4;
}

.crumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.crumbs__item {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

.crumbs__item + .crumbs__item::before {
	content: "›";
	margin: 0 0.55em;
	color: var(--ink-soft);
}

.crumbs a,
.crumbs__back {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 3px;
	transition: text-decoration-color 0.2s ease, color 0.2s ease;
}

.crumbs a:hover {
	text-decoration-color: currentColor;
}

/* Ilgas produkto pavadinimas – trumpinamas, pilnas title atribute */
.crumbs__current {
	display: inline-block;
	max-width: 40ch;
	overflow: hidden;
	color: var(--ink-soft);
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

.crumbs__back {
	display: none;
}

@media (max-width: 767px) {
	.crumbs__list {
		display: none;
	}

	.crumbs__back {
		display: inline-flex;
		gap: 0.4em;
	}
}

/* ==========================================================================
   Produkto puslapis
   ========================================================================== */

.pp {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: 0 var(--page-x) clamp(64px, 8vw, 140px);
}

.pp__main {
	display: grid;
	/* Nuotraukos stulpelis toks, kad nuo „Pradžia ›“ iki krepšelio mygtuko viskas tilptų ekrane
	   ir apačioje liktų oro: nuotrauka + miniatiūros (20 % jos pločio) ≤ ekrano aukštis − 140px */
	grid-template-columns: minmax(0, min(560px, 46%, calc((100svh - 140px) / 1.2))) minmax(0, 1fr);
	align-items: start;
	gap: clamp(32px, 4.4vw, 80px);
}

/* --- Galerija: kategorijos atspalvio fonas, miniatiūros kairėje apačioje --- */

/* Kompiuteryje – ne daugiau 560 px ir telpa ekrane su miniatiūromis; stulpelis tokio pat
   pločio (.pp__main), tad tekstas iškart šalia nuotraukos */
.pp__gallery {
	position: sticky;
	top: 24px;
	width: 100%;
}

.pp__media {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: clamp(20px, 2vw, 36px);
	background: var(--product-bg, #e9e9e9);
}

/* Nuotraukų juosta: slenkama į šonus (pirštu, pele ar rodyklėmis), sustoja ties nuotrauka */
.pp__track {
	display: flex;
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	outline: none;
}

.pp__track::-webkit-scrollbar {
	display: none;
}

.pp__slide {
	position: relative;
	display: grid;
	flex: 0 0 100%;
	place-items: center;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

/* Stiklainis (be fono) – su tarpu šonuose, kad rodyklės jo neliestų;
   kvadratinės nuotraukos su fonu (tyrės, milteliai) – per visą plotą */
.pp__image--contain {
	width: 100%;
	height: 100%;
	padding: 0 13%;
	object-fit: contain;
	user-select: none;
}

.pp__image--cover {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
}

/* Rodyklės – baltos apvalios, teal rodyklė (kaip svetainės mygtukai) */
.pp__arrow {
	position: absolute;
	top: 50%;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(255 255 255 / 0.92);
	box-shadow: 0 4px 14px rgb(0 0 0 / 0.1);
	color: var(--berry);
	cursor: pointer;
	translate: 0 -50%;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.pp__arrow svg {
	width: 20px;
	height: 20px;
}

.pp__arrow--prev {
	left: 12px;
}

.pp__arrow--next {
	right: 12px;
}

.pp__arrow:hover {
	background: var(--berry);
	color: #fff;
}

.pp__arrow:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.pp__placeholder {
	width: 34%;
	color: color-mix(in srgb, var(--product-bg, #e9e9e9) 78%, var(--plum));
}

/* Miniatiūros – po nuotrauka, didesnės */
.pp__thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.pp__thumb {
	display: block;
	width: clamp(72px, 20%, 112px); /* 20 % nuotraukos pločio (.pp__main skaičiavimas) */
	aspect-ratio: 1;
	padding: 0;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 14px;
	background: #fff;
	cursor: pointer;
	transition: border-color 0.2s ease;
}

.pp__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pp__thumb:hover {
	border-color: var(--line);
}

.pp__thumb[aria-pressed="true"] {
	border-color: var(--berry);
}

/* --- Informacija --- */

.pp__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(28px, 2.6vw, 46px);
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
}

.pp__subtitle {
	margin: 0.4em 0 0;
	font-family: var(--font-display);
	font-size: clamp(17px, 1.3vw, 22px);
	font-weight: 400;
	line-height: 1.3;
}

.pp__price-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-top: clamp(16px, 1.6vw, 26px);
}

.pp__price {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(24px, 1.9vw, 32px);
	font-weight: 600;
	line-height: 1.1;
}

.pp__unit {
	margin: 0.3em 0 0;
	color: var(--ink-soft);
	font-size: 12px;
}

.pp__size {
	flex: none;
	padding: 0.5em 1em;
	border: 1px solid rgb(0 0 0 / 0.35);
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.2;
	white-space: nowrap;
}

.pp__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 14px 0 0;
}

/* --- Skonių perjungiklis (template-parts/flavor-switcher.php) ---
   Desktop – mygtukai keliomis eilutėmis, telefone – viena eilutė su horizontaliu slinkimu.
   Aktyvus skonis – žalias rėmelis (aria-current), išparduotas – išblukęs. */

.flavors {
	flex: none;
	margin-top: clamp(18px, 1.8vw, 28px);
}

/* Keli perjungikliai iš eilės (pvz. „Skonis“ ir „Kiekis“) */
.flavors + .flavors {
	margin-top: 16px;
}

.flavors__label {
	margin: 0 0 10px;
	color: var(--ink-soft);
	font-size: 14px;
}

.flavors__label strong {
	color: var(--ink);
	font-weight: 700;
}

.flavors__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.flavors__item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 4px 16px 4px 4px;
	border: 1.5px solid var(--line);
	border-radius: 10px;
	background: var(--surface);
	color: var(--ink);
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.flavors__item:hover {
	border-color: var(--accent);
}

.flavors__item[aria-current="page"] {
	border-color: var(--accent);
	box-shadow: inset 0 0 0 1px var(--accent); /* 2.5px rėmelis, o mygtukas neišsiplečia */
	background: #fff;
}

.flavors__item:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.flavors__thumb {
	flex: none;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
}

/* Stiklainis permatomu fonu – šiek tiek priartintas, kad užpildytų apskritimą */
.flavors__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(1.25);
}

.flavors__text {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
}

.flavors__name {
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
}

.flavors__note {
	color: var(--ink-soft);
	font-size: 11px;
}

.flavors__item.is-out .flavors__thumb,
.flavors__item.is-out .flavors__name {
	opacity: 0.45;
}

/* Kol įkeliamas kitas skonis */
.pp.is-switching .pp__main {
	opacity: 0.6;
	transition: opacity 0.2s ease 0.1s;
}

@media (max-width: 767px) {
	/* Viena eilutė iki ekrano kraštų; slenkama pirštu */
	.flavors__list {
		flex-wrap: nowrap;
		margin-inline: calc(-1 * var(--page-x));
		padding: 2px var(--page-x);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		scroll-padding-inline: var(--page-x);
		scrollbar-width: none;
	}

	.flavors__list::-webkit-scrollbar {
		display: none;
	}

	.flavors__list > li {
		flex: none;
		scroll-snap-align: start;
	}
}

/* --- Dovanų rinkinys: skonių pasirinkimas ---
   Laukelis; paspaudus po juo išsiskleidžia slenkamas tinklelis (be papildomo lango) */

.gift {
	flex: none;
	margin-top: clamp(16px, 1.6vw, 24px);
}

.gift__field {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 60px;
	padding: 10px 14px 10px 18px;
	border: 1.5px solid var(--ink);
	border-radius: 14px;
	background: #fff;
	color: var(--ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gift.is-open .gift__field {
	border-bottom-color: transparent;
	border-radius: 14px 14px 0 0;
}

.gift.is-error .gift__field {
	border-color: var(--berry);
	box-shadow: 0 0 0 3px rgb(200 31 58 / 0.15);
}

.gift__field:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.gift__field-text {
	display: grid;
	flex: 1;
	min-width: 0;
}

.gift__label {
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.gift__summary {
	overflow: hidden;
	color: var(--ink-soft);
	font-size: 13px;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gift__progress {
	flex: none;
	min-width: 44px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #eee8df;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.gift.is-complete .gift__progress {
	background: var(--accent);
}

.gift.is-error .gift__progress {
	background: var(--berry);
	color: #fff;
}

.gift__chevron {
	flex: none;
	width: 20px;
	height: 20px;
	transition: transform 0.25s ease;
}

.gift.is-open .gift__chevron {
	transform: rotate(180deg);
}

/* Išskleistas tinklelis – slenkamas savo viduje, apačioje prilipusi juosta */
.gift__panel {
	border: 1.5px solid var(--ink);
	border-top: 0;
	border-radius: 0 0 14px 14px;
	background: #fff;
}

.gift__panel:not([hidden]) {
	display: flex;
	flex-direction: column;
	max-height: min(62vh, 560px);
}

.gift__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px 12px;
	margin: 0;
	padding: 4px 14px 16px;
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
	scrollbar-width: thin;
}

.gift__item {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.gift__pick {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.gift__pick:disabled {
	cursor: not-allowed;
}

.gift__pick:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 3px;
	border-radius: 12px;
}

.gift__media {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 12px;
	background: var(--product-bg, #eee);
	transition: border-color 0.2s ease, opacity 0.2s ease;
}

.gift__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gift__placeholder {
	width: 42%;
	color: color-mix(in srgb, var(--product-bg, #e9e9e9) 78%, var(--plum));
}

/* Apskritimas dešiniame viršutiniame kampe; pasirinkus – varnelė (×2, kai daugiau) */
.gift__check {
	position: absolute;
	top: 8px;
	right: 8px;
	display: grid;
	place-items: center;
	min-width: 28px;
	height: 28px;
	padding: 0 4px;
	border: 2px solid var(--ink);
	border-radius: 999px;
	background: #fff;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.gift__check svg {
	width: 16px;
	height: 16px;
	opacity: 0;
	transform: scale(0.5);
	transition: opacity 0.15s ease, transform 0.2s ease;
}

.gift__times:empty {
	display: none;
}

.gift__check:has(.gift__times:not(:empty)) svg {
	display: none;
}

.gift__item.is-picked .gift__media {
	border-color: var(--berry);
}

.gift__item.is-picked .gift__check {
	border-color: var(--berry);
	background: var(--berry);
}

.gift__item.is-picked .gift__check svg {
	opacity: 1;
	transform: none;
}

.gift__item.is-locked .gift__media,
.gift__item.is-out .gift__media {
	opacity: 0.45;
}

.gift__out {
	position: absolute;
	left: 8px;
	bottom: 8px;
	padding: 3px 8px;
	border-radius: 6px;
	background: #fff;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.gift__name {
	display: -webkit-box;
	margin-top: 6px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.gift__foot {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 14px;
	border-top: 1px solid rgb(0 0 0 / 0.1);
}

.gift__status {
	font-size: 14px;
	font-weight: 600;
}

.gift.is-error .gift__status {
	color: var(--berry);
}

/* Antrinis mygtukas – pill su rėmeliu, šalia juodo „Gerai“ */
.gift__clear {
	height: 40px;
	margin-left: auto;
	padding: 0 18px;
	border: 1.5px solid var(--ink);
	border-radius: 10px;
	background: none;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.gift__clear:hover {
	background: var(--ink);
	color: #fff;
}

.gift__clear:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.gift__clear[hidden] {
	display: none;
}

.gift__done {
	height: 40px;
	padding: 0 22px;
	border: 0;
	border-radius: 10px;
	background: var(--ink);
	color: #fff;
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}

.gift__done:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

/* Kompiuteryje informacijos stulpelis fiksuoto aukščio: atidarytas tinklelis
   užima aprašymo vietą, todėl krepšelio juosta lieka apačioje */
@media (min-width: 901px) {
	.gift {
		display: flex;
		flex: 0 1 auto;
		flex-direction: column;
		min-height: 0;
	}

	.gift__panel:not([hidden]) {
		min-height: 0;
		max-height: none;
	}

	/* Daugiau skonių vienu žvilgsniu */
	.gift__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		padding-top: 10px;
	}

	.gift__media {
		aspect-ratio: 5 / 4;
	}

	.gift__check {
		top: 6px;
		right: 6px;
		min-width: 24px;
		height: 24px;
	}

	.gift__name {
		font-size: 12px;
	}
}

/* Dovanų rinkinys kompiuteryje: 3 stulpeliai – nuotrauka | informacija ir krepšelis | skoniai.
   Skonių stulpelis tokio pat aukščio kaip nuotrauka, tinklelis slenka viduje, visada atidarytas
   (main.js perkelia .gift į .pp__gift-col ir prideda .is-column) */
.pp__gift-col {
	display: none;
}

@media (min-width: 1200px) {
	.pp__main--gift {
		grid-template-columns:
			minmax(0, min(480px, 31%, calc((100svh - 140px) / 1.2)))
			minmax(0, 1.25fr)
			minmax(0, 1fr);
		gap: clamp(24px, 2.6vw, 48px);
	}

	/* Siauresniame viduriniame stulpelyje „Į krepšelį – nuo 18,99 €“ – vienoje eilutėje */
	.pp__main--gift .pp__buy {
		gap: 10px;
	}

	.pp__main--gift .pp__cart {
		padding-inline: 10px;
		font-size: clamp(12px, 0.95vw, 14px);
		letter-spacing: 0.02em;
		white-space: nowrap;
	}

	.pp__gift-col {
		display: flex;
		flex-direction: column;
		height: 0;
		min-height: max(100%, 520px);
	}

	.gift.is-column {
		flex: 1 1 auto;
		margin-top: 0;
	}

	.gift.is-column .gift__field {
		border-bottom-color: transparent;
		border-radius: 14px 14px 0 0;
		cursor: default;
	}

	.gift.is-column .gift__chevron,
	.gift.is-column .gift__done {
		display: none;
	}

	.gift.is-column .gift__panel {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-height: 0;
	}

	/* Po 2 eilėje – didesnės kortelės, stiklainis ir pavadinimas gerai matomi */
	.gift.is-column .gift__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px 14px;
	}

	.gift.is-column .gift__media {
		aspect-ratio: 4 / 3;
	}

	.gift.is-column .gift__name {
		font-size: 14px;
	}
}

@media (max-width: 600px) {
	.gift__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-right: 12px;
		padding-left: 12px;
	}

	.gift__panel:not([hidden]) {
		max-height: 70svh;
	}
}

/* Aprašymas: suskleistas ~4 eilutės, „Skaityti daugiau“ išskleidžia */
.pp__desc {
	margin-top: clamp(20px, 2.2vw, 36px);
}

.pp__desc-text {
	color: var(--ink-soft);
	font-size: 15px;
	line-height: 1.6;
}

.pp__desc-text > :first-child {
	margin-top: 0;
}

.pp__desc-text > :last-child {
	margin-bottom: 0;
}

.pp__desc-text h3 {
	margin: 1.2em 0 0.4em;
	color: var(--ink);
	font-size: 15px;
	font-weight: 700;
}

.pp__desc-text p {
	margin: 0 0 0.8em;
}

.pp__desc-text ul,
.pp__acc-body ul {
	margin: 0;
	padding-left: 1.2em;
}

.pp__desc.is-collapsed .pp__desc-text {
	max-height: 6.4em; /* 4 eilutės */
	overflow: hidden;
	-webkit-mask-image: linear-gradient(#000 55%, transparent);
	mask-image: linear-gradient(#000 55%, transparent);
}

.pp__more {
	margin-top: 6px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.pp__more:focus {
	outline: none;
}

.pp__more:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

.pp__more:hover {
	color: var(--berry);
}

/* Išskleidžiamos skiltys */
.pp__accordions {
	display: grid;
	gap: 8px;
	margin-top: clamp(20px, 2.2vw, 32px);
}

.pp__acc {
	border: 1px solid rgb(0 0 0 / 0.3);
	border-radius: 10px;
	background: rgb(255 255 255 / 0.4);
}

.pp__acc summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 14px;
	font-size: 15px;
	cursor: pointer;
	list-style: none;
}

.pp__acc summary::-webkit-details-marker {
	display: none;
}

.pp__acc summary::after {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.2s ease;
}

.pp__acc[open] summary::after {
	transform: translateY(2px) rotate(-135deg);
}

.pp__acc summary:hover {
	color: var(--berry);
}

.pp__acc-body {
	padding: 2px 14px 14px;
	color: var(--ink-soft);
	font-size: 14px;
	line-height: 1.6;
}

.pp__acc-body p {
	margin: 0;
}

.pp__nutrition {
	width: 100%;
	border-collapse: collapse;
}

.pp__nutrition caption {
	padding-bottom: 6px;
	color: var(--ink);
	font-weight: 600;
	text-align: left;
}

.pp__nutrition th,
.pp__nutrition td {
	padding: 5px 0;
	border-top: 1px solid rgb(0 0 0 / 0.1);
	font-weight: 400;
	text-align: left;
}

.pp__nutrition td {
	text-align: right;
	white-space: nowrap;
}

.pp__nutrition .is-sub th {
	padding-left: 1em;
}

.pp__faq {
	margin: 0;
}

.pp__faq dt {
	margin-top: 10px;
	color: var(--ink);
	font-weight: 600;
}

.pp__faq dt:first-child {
	margin-top: 0;
}

.pp__faq dd {
	margin: 2px 0 0;
}

.pp__features {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin: clamp(20px, 2.2vw, 32px) 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
}

.pp__features li {
	display: flex;
	align-items: center;
	gap: 6px;
}

.pp__features svg {
	flex: none;
	width: 16px;
	height: 16px;
}

/* Kiekis ir krepšelis */
/* Kiekis ir krepšelis visada matomi: prilimpa prie ekrano apačios,
   kol stulpelio turinys tęsiasi žemiau */
.pp__buy {
	position: sticky;
	bottom: 0;
	z-index: 3;
	display: flex;
	gap: 16px;
	margin-top: clamp(8px, 1vw, 20px);
	padding: 14px 0 16px;
	background: var(--bg);
}

.pp__qty {
	display: flex;
	flex: none;
	align-items: center;
	height: 48px;
	border: 1px solid rgb(0 0 0 / 0.35);
	border-radius: 10px;
	background: #fff;
}

.pp__qty button {
	width: 42px;
	height: 100%;
	border: 0;
	background: none;
	color: var(--ink);
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
}

.pp__qty button:disabled {
	cursor: not-allowed;
	opacity: 0.4;
}

.pp__qty input {
	width: 36px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink);
	font: inherit;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	appearance: textfield;
	-moz-appearance: textfield;
}

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

.pp__cart {
	flex: 1;
	height: 48px;
	border: 0;
	border-radius: 10px;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.pp__cart:hover {
	background: #235653;
}

.pp__cart.is-added {
	background: var(--accent-dark);
}

.pp__cart:disabled {
	background: #b9b4ad;
	cursor: not-allowed;
}

.pp__cart:focus-visible,
.pp__qty button:focus-visible,
.pp__thumb:focus-visible,
.pp__acc summary:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
}

/* Panašūs produktai */
.pp__related,
.pp__details {
	margin-top: clamp(64px, 7vw, 120px);
}

.pp__related-title {
	margin: 0 0 clamp(24px, 2.6vw, 44px);
	font-family: var(--font-display);
	font-size: clamp(24px, 2.4vw, 40px);
	font-weight: 600;
	text-transform: uppercase;
}

/* Aprašymas (suskleistas, „Skaityti daugiau“) ir privalumai – tokio aukščio, kiek turinio,
   krepšelio juosta iškart po jais (skiltys „Apie produktą“ – atskiroje sekcijoje po kortele) */
.pp__body {
	margin-top: clamp(20px, 2.2vw, 36px);
}

.pp__body > .pp__desc {
	margin-top: 0;
}

/* Kompiuteryje informacijos stulpelis – blokas, lygiai tokio aukščio kaip nuotrauka:
   viršuje pavadinimas ir kaina, viduryje slenkamas tekstas, apačioje kiekis ir krepšelis.
   height: 0 + min-height: 100% – stulpelis neišpučia eilutės, aukštį diktuoja nuotrauka. */
@media (min-width: 901px) {
	.pp__main {
		align-items: stretch;
	}

	.pp__gallery {
		position: static;
	}

	.pp__info {
		display: flex;
		flex-direction: column;
	}

	.pp__buy {
		position: static;
		margin-top: 0;
		padding: clamp(16px, 1.6vw, 24px) 0 0;
	}
}

@media (max-width: 900px) {
	.pp__main {
		grid-template-columns: minmax(0, 1fr);
	}

	.pp__gallery {
		position: static;
		justify-self: center;
		width: min(100%, 560px);
	}
}

@media (max-width: 480px) {
	.pp__buy {
		gap: 10px;
	}

	.pp__cart {
		font-size: 13px;
	}
}

/* ==========================================================================
   Kur mus rasti? (page-kur-mus-rasti.php, assets/js/stores.js)
   ========================================================================== */

.stores {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: 0 var(--page-x) clamp(64px, 7vw, 120px);
}

/* Pavadinimas – .shop__title (kaip „Parduotuvė“ / „Dovanos“) šrifto dydžio, bet tarpai
   kompaktiškesni, kad paieška ir žemėlapis būtų arčiau */
.stores__head {
	margin-bottom: clamp(24px, 2.4vw, 44px);
}

.stores .stores__title {
	margin: clamp(20px, 2.4vw, 48px) 0 clamp(12px, 1.2vw, 20px);
}

.stores__intro {
	max-width: 920px;
	margin: 0;
	color: var(--ink-soft);
	font-size: clamp(15px, 1.05vw, 17px);
	line-height: 1.6;
}

/* --- Miestai (pirmas žingsnis) --- */

.stores__cities {
	margin-bottom: clamp(18px, 1.8vw, 28px);
}

.stores__cities-title {
	margin: 0 0 12px;
	font-family: var(--font-display);
	font-size: clamp(18px, 1.4vw, 24px);
	font-weight: 600;
	text-transform: uppercase;
}

.stores__city-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.stores__city {
	min-width: 0;
	font: inherit;
	font-family: var(--font-display);
	font-size: clamp(14px, 1vw, 17px);
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}

/* Telefone – viena slenkama eilutė */
@media (max-width: 600px) {
	.stores__city-list {
		flex-wrap: nowrap;
		margin: 0 calc(-1 * var(--page-x));
		padding: 0 var(--page-x) 4px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.stores__city-list li {
		flex: none;
	}
}

/* --- Paieškos juosta --- */

.stores__form {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(0, 0.8fr)) auto;
	align-items: end;
	gap: 14px clamp(12px, 1.2vw, 20px);
	padding: clamp(18px, 1.8vw, 28px);
	border-radius: var(--radius);
	background: var(--berry);
}

.stores__label {
	display: block;
	margin-bottom: 8px;
	color: var(--cream);
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.stores__place {
	position: relative;
}

.stores__pin {
	position: absolute;
	top: 50%;
	left: 14px;
	width: 20px;
	color: var(--accent);
	translate: 0 -50%;
	pointer-events: none;
}

.stores__input,
.stores__select {
	width: 100%;
	height: 52px;
	border: 2px solid transparent;
	border-radius: 12px;
	background-color: var(--cream);
	color: var(--ink);
	font: inherit;
	font-size: 16px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.stores__input {
	padding: 0 52px 0 44px;
}

.stores__input::-webkit-search-cancel-button {
	display: none;
}

.stores__select {
	padding: 0 48px 0 16px;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C6B68' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-size: 18px;
	cursor: pointer;
}

.stores__input:focus,
.stores__select:focus {
	border-color: var(--accent);
	outline: none;
	box-shadow: 0 0 0 4px rgb(246 240 225 / 0.35);
}

.stores__locate {
	position: absolute;
	top: 50%;
	right: 6px;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--berry);
	cursor: pointer;
	translate: 0 -50%;
	transition: background-color 0.2s ease;
}

.stores__locate svg {
	width: 22px;
}

.stores__locate[hidden] {
	display: none;
}

.stores__locate:hover {
	background: rgb(44 107 104 / 0.1);
}

.stores__submit {
	height: 52px;
	padding: 0 clamp(28px, 2.6vw, 44px);
	border: 0;
	border-radius: 12px;
	background: var(--accent);
	color: #fff;
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.stores__submit:hover {
	background: var(--accent-dark);
}

.stores.is-busy .stores__submit {
	opacity: 0.7;
	cursor: progress;
}

.stores__status {
	min-height: 1.5em;
	margin: 18px 0 14px;
	color: var(--ink-soft);
	font-size: 15px;
}

.stores__all {
	padding: 0;
	border: 0;
	background: none;
	color: var(--berry);
	font: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

/* --- Sąrašas ir žemėlapis --- */

.stores__body {
	display: grid;
	grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
	gap: clamp(16px, 1.6vw, 28px);
	/* Nuo paieškos juostos iki žemėlapio apačios viskas telpa ekrane, apačioje lieka oro */
	height: clamp(320px, calc(100svh - 450px), 560px);
}

.stores__list {
	align-self: start; /* kelios vietos – sąrašas tik toks, kiek reikia; daug – slenkamas */
	max-height: 100%;
	margin: 0;
	padding: 6px;
	overflow-y: auto;
	border: 1px solid rgb(0 0 0 / 0.14);
	border-radius: var(--radius);
	background: rgb(255 255 255 / 0.5);
	list-style: none;
	scrollbar-width: thin;
}

.stores__list:empty {
	display: none;
}

/* Kol miestas nepasirinktas (sąrašas tuščias) – žemėlapis per visą plotį */
.stores__list:empty + .stores__map {
	grid-column: 1 / -1;
}

.stores__item {
	position: relative;
	padding: 16px 16px 14px;
	border-radius: 14px;
	transition: background-color 0.2s ease;
}

.stores__item + .stores__item::before {
	content: "";
	position: absolute;
	top: 0;
	right: 16px;
	left: 16px;
	border-top: 1px solid rgb(0 0 0 / 0.1);
}

.stores__item:hover,
.stores__item.is-active {
	background: var(--cream);
}

.stores__item.is-active::before,
.stores__item.is-active + .stores__item::before,
.stores__item:hover::before,
.stores__item:hover + .stores__item::before {
	opacity: 0;
}

.stores__item-main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 12px;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.stores__item-main > :not(.stores__num) {
	grid-column: 2;
}

.stores__num {
	grid-row: 1 / span 4;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 600;
}

.stores__name {
	font-family: var(--font-display);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.stores__type {
	justify-self: start;
	margin-top: 6px;
	padding: 3px 10px;
	border-radius: 6px;
	background: rgb(84 131 90 / 0.14);
	color: var(--accent-dark);
	font-size: 12px;
	font-weight: 600;
}

.stores__addr,
.stores__hours {
	margin-top: 8px;
	color: var(--ink-soft);
	font-size: 14px;
	line-height: 1.5;
}

.stores__hours {
	margin-top: 6px;
	font-size: 13px;
}

.stores__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 10px;
	padding-left: 40px;
}

.stores__dist {
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 600;
}

.stores__dir {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	border: 1.5px solid var(--berry);
	border-radius: 10px;
	color: var(--berry);
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.stores__dir::after {
	content: "→";
}

.stores__dir:hover {
	background: var(--berry);
	color: #fff;
}

.stores__map {
	z-index: 0; /* Leaflet sluoksniai lieka po antrašte ir meniu */
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--tile);
}

/* Užuomina sukant ratuką be Ctrl (stores.js) */
.stores__map-hint {
	position: absolute;
	inset: 0;
	z-index: 1000;
	display: grid;
	place-items: center;
	padding: 24px;
	background: rgb(17 17 17 / 0.45);
	color: #fff;
	font-family: var(--font-display);
	font-size: clamp(18px, 1.6vw, 24px);
	font-weight: 500;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.stores__map-hint.is-visible {
	opacity: 1;
}

/* Skaičiukas, kai keli žymekliai arti (Leaflet.markercluster) */
.stores__cluster {
	display: grid;
	place-items: center;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-display);
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0 3px 8px rgb(0 0 0 / 0.25);
}

/* Spalvos šiek tiek prislopintos, kad derėtų prie kreminio fono */
.stores__map .leaflet-tile-pane {
	filter: saturate(0.7) sepia(0.12);
}

.stores__map .leaflet-container,
.stores__map.leaflet-container {
	font-family: var(--font-body);
}

.stores__marker {
	color: var(--berry);
	filter: drop-shadow(0 3px 4px rgb(0 0 0 / 0.25));
	transition: color 0.2s ease;
}

.stores__marker svg {
	display: block;
	width: 32px;
	height: 42px;
}

.stores__marker path {
	fill: currentColor;
	stroke: #fff;
	stroke-width: 2;
}

.stores__marker circle {
	fill: #fff;
}

.stores__marker.is-active {
	z-index: 1000 !important;
	color: var(--accent);
}

.stores__map .leaflet-popup-content-wrapper {
	border-radius: 14px;
	box-shadow: 0 10px 30px rgb(0 0 0 / 0.15);
}

.stores__map .leaflet-popup-content {
	display: grid;
	gap: 4px;
	margin: 14px 18px;
	font-size: 14px;
	line-height: 1.4;
}

.stores__popup-name {
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
}

.stores__map .stores__popup-link {
	margin-top: 4px;
	color: var(--berry);
	font-weight: 700;
}

@media (max-width: 1100px) {
	.stores__form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.stores__field--place {
		grid-column: 1 / -1;
	}

	.stores__submit {
		grid-column: 1 / -1;
	}
}

/* Telefone: žemėlapis viršuje, sąrašas po juo (be atskiro slinkimo) */
@media (max-width: 900px) {
	.stores__body {
		grid-template-columns: minmax(0, 1fr);
		height: auto;
	}

	.stores__map {
		order: -1;
		height: clamp(280px, 60vw, 420px);
	}

	.stores__list {
		overflow: visible;
	}
}

@media (max-width: 480px) {
	.stores__form {
		grid-template-columns: minmax(0, 1fr);
	}
}

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

	.hero__badge-shape,
	.promo[open],
	.mmenu[open] {
		animation: none;
	}

	/* Reelsai ir logotipai: vietoj judančios juostos – slenkama ranka */
	.reels__viewport {
		overflow-x: auto;
	}

	.clients__list {
		animation: none;
	}

	.clients {
		overflow-x: auto;
	}

	.reels__track {
		animation: none;
	}

	.reel[aria-hidden="true"] {
		display: none;
	}
}

/* ==========================================================================
   Receptai: sąrašas (page-receptai.php), kortelė (template-parts/recipe-card.php)
   ir recepto puslapis (single-gmu_recipe.php)
   ========================================================================== */

.recipes,
.recipe {
	--g: clamp(8px, 0.9vw, 14px);
	max-width: var(--page-w);
	margin: 0 auto;
	padding: clamp(24px, 3vw, 56px) var(--page-x) clamp(64px, 8vw, 140px);
}

.recipes__lead {
	max-width: 46em;
	margin: 0 0 clamp(32px, 4vw, 64px);
	color: var(--ink-soft);
	font-size: clamp(15px, 1.15vw, 19px);
	line-height: 1.6;
}

.recipes__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(32px, 3vw, 56px) clamp(16px, 1.6vw, 28px);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --- Kortelė --- */

.recipe-card {
	position: relative;
	display: flex;
	flex-direction: column;
}

.recipe-card__media {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--tile);
}

.recipe-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Stiklainio nuotrauka (kai receptas neturi savo ir produktas – nuotraukos su patiekalu) */
.recipe-card__media.is-pack img,
.recipe__photo.is-pack {
	padding: 8%;
	background: var(--tile);
	object-fit: contain;
}

.recipe-card__media .logo-mark {
	width: 30%;
	color: var(--accent);
}

.recipe-card:hover .recipe-card__media img {
	transform: scale(1.04);
}

.recipe-card__meta,
.recipe__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 16px 0 0;
	padding: 0;
	color: var(--accent-dark);
	font-size: 13px;
	font-weight: 600;
	list-style: none;
}

.recipe-card__meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.recipe-card__meta svg {
	width: 17px;
	height: 17px;
}

.recipe-card__title {
	margin: 8px 0 0;
	font-family: var(--font-display);
	font-size: clamp(20px, 1.6vw, 28px);
	font-weight: 600;
	line-height: 1.12;
	text-transform: uppercase;
}

/* Visa kortelė – viena nuoroda (per pavadinimą) */
.recipe-card__title a {
	text-decoration: none;
}

.recipe-card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.recipe-card__title a:focus-visible {
	outline: none;
}

.recipe-card:has(.recipe-card__title a:focus-visible) .recipe-card__media {
	outline: 2px solid var(--ink);
	outline-offset: 3px;
}

.recipe-card__intro {
	display: -webkit-box;
	margin: 10px 0 0;
	overflow: hidden;
	color: var(--ink-soft);
	font-size: 15px;
	line-height: 1.55;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* „Gaminti“ – mygtukas kaip produktų kortelėse (visa kortelė – nuoroda per pavadinimą) */
.recipe-card__more {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	height: 44px;
	margin-top: 16px;
	padding: 0 22px;
	border-radius: 8px;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}

.recipe-card:hover .recipe-card__more {
	background: #235653;
}

.recipes__empty {
	font-size: 17px;
}

/* --- Recepto puslapis --- */

.recipe .crumbs {
	margin-top: 0;
}

.recipe__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: clamp(24px, 4vw, 72px);
	align-items: center;
}

.recipe__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(36px, 4.4vw, 84px);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}

.recipe__facts {
	gap: 12px;
	margin-top: clamp(20px, 2vw, 32px);
	color: var(--ink);
}

.recipe__facts li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px 10px 12px;
	border-radius: 12px;
	background: #fff;
	font-size: 15px;
}

.recipe__facts svg {
	width: 26px;
	height: 26px;
	color: var(--accent);
}

.recipe__facts small {
	display: block;
	color: var(--ink-soft);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.recipe__intro {
	margin: clamp(20px, 2vw, 32px) 0 0;
	color: var(--ink-soft);
	font-size: clamp(16px, 1.2vw, 20px);
	line-height: 1.6;
}

.recipe__jump {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	color: var(--berry);
	font-size: 14px;
	font-weight: 600;
	text-underline-offset: 3px;
}

.recipe__jump svg {
	flex: none;
	width: 16px;
	height: 16px;
}

.recipe__photo {
	width: 100%;
	aspect-ratio: 5 / 4;
	border-radius: var(--radius);
	object-fit: cover;
}

.recipe__body {
	display: grid;
	grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.6fr);
	gap: clamp(24px, 4vw, 72px);
	align-items: start;
	margin-top: clamp(48px, 6vw, 110px);
}

.recipe__h2 {
	margin: 0 0 clamp(16px, 1.6vw, 28px);
	font-family: var(--font-display);
	font-size: clamp(26px, 2.2vw, 40px);
	font-weight: 600;
	line-height: 1.05;
	text-transform: uppercase;
}

/* Ingredientai – prilipusi kortelė, eilutes galima pažymėti */
.recipe__ingredients {
	position: sticky;
	top: 96px;
	padding: clamp(22px, 2.4vw, 40px);
	border-radius: var(--radius);
	background: #fff;
}

.recipe__ingredients ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.recipe__ingredients li + li {
	border-top: 1px solid var(--line);
}

.recipe__ingredients label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 11px 0;
	font-size: 15px;
	line-height: 1.45;
	cursor: pointer;
}

.recipe__ingredients input {
	flex: none;
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--accent);
}

.recipe__ingredients input:checked + span {
	color: #8a8a8a;
	text-decoration: line-through;
}

.recipe__hint {
	margin: 12px 0 0;
	color: var(--ink-soft);
	font-size: 12px;
}

/* Žingsniai – dideli numeriai */
.recipe__steps ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: step;
}

.recipe__steps li {
	position: relative;
	padding: 0 0 clamp(22px, 2vw, 32px) clamp(58px, 4.6vw, 80px);
	counter-increment: step;
}

.recipe__steps li::before {
	content: counter(step);
	position: absolute;
	top: -0.12em;
	left: 0;
	display: grid;
	place-items: center;
	width: clamp(40px, 3.2vw, 54px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--accent);
	color: #fff;
	font-family: var(--font-display);
	font-size: clamp(20px, 1.6vw, 26px);
	font-weight: 600;
}

/* Linija tarp numerių */
.recipe__steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: clamp(48px, 3.8vw, 64px);
	bottom: 8px;
	left: calc(clamp(40px, 3.2vw, 54px) / 2 - 1px);
	width: 2px;
	background: color-mix(in srgb, var(--accent) 25%, transparent);
}

.recipe__steps h3 {
	margin: 0 0 6px;
	font-family: var(--font-display);
	font-size: clamp(19px, 1.45vw, 24px);
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.recipe__steps p {
	margin: 0;
	color: var(--ink-soft);
	font-size: clamp(15px, 1.1vw, 17px);
	line-height: 1.65;
}

.recipe__outro {
	margin-top: clamp(16px, 2vw, 32px);
	padding-top: clamp(20px, 2vw, 32px);
	border-top: 1px solid var(--line);
	font-size: clamp(15px, 1.1vw, 17px);
	line-height: 1.65;
}

.recipe__outro p {
	margin: 0 0 1em;
}

.recipe__tip {
	padding: 16px 20px;
	border-left: 4px solid var(--accent);
	border-radius: 12px;
	background: color-mix(in srgb, var(--accent) 10%, #fff);
}

.recipe__products,
.recipe__more {
	margin-top: clamp(64px, 7vw, 120px);
}

@media (max-width: 1000px) {
	.recipes__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.recipe__hero,
	.recipe__body {
		grid-template-columns: minmax(0, 1fr);
	}

	.recipe__photo {
		order: -1;
		aspect-ratio: 4 / 3;
	}

	.recipe__ingredients {
		position: static;
	}
}

@media (max-width: 600px) {
	.recipes__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ==========================================================================
   Personalizuotos dovanos verslui (page-verslo-dovanos.php)
   ========================================================================== */

/* Dovanų rinkinio puslapyje – nuoroda po krepšelio juosta */
.pp__biz {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 10px;
	padding: 8px 14px;
	border: 1px dashed color-mix(in srgb, var(--berry) 50%, transparent);
	border-radius: 12px;
	color: var(--ink);
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.pp__biz strong {
	color: var(--berry);
}

.pp__biz svg {
	flex: none;
	width: 18px;
	height: 18px;
	color: var(--berry);
	transition: transform 0.2s ease;
}

.pp__biz:hover {
	border-style: solid;
	background: #fff;
}

.pp__biz:hover svg {
	transform: translateX(3px);
}

.biz {
	max-width: var(--page-w);
	margin: 0 auto;
	padding: 0 var(--page-x) clamp(64px, 8vw, 140px);
	overflow-x: clip;
}

.biz__h2 {
	margin: 0 0 clamp(20px, 2.4vw, 40px);
	font-family: var(--font-display);
	font-size: clamp(30px, 3.2vw, 60px);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}

/* --- Viršus: pavadinimas kairėje, tekstas ir mygtukas dešinėje --- */

.biz__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	align-items: end;
	gap: 24px clamp(24px, 4vw, 72px);
	margin: clamp(8px, 1.4vw, 24px) 0 clamp(32px, 3.6vw, 64px);
}

.biz__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(40px, 5.6vw, 108px);
	font-weight: 600;
	line-height: 0.98;
	text-transform: uppercase;
}

.biz__lead {
	margin: 0;
	color: var(--ink-soft);
	font-size: clamp(16px, 1.2vw, 20px);
	line-height: 1.6;
}

.biz__btn {
	display: inline-flex;
	align-items: center;
	height: 52px;
	margin-top: clamp(18px, 1.8vw, 28px);
	padding: 0 28px;
	border-radius: 10px;
	background: var(--berry);
	color: #fff;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}

.biz__btn:hover {
	background: #235653;
}

.biz__btn:focus-visible,
.biz__more:focus-visible,
.biz__reel:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 3px;
}

/* --- Informacinės kortelės: .cats__* (kaip pradinio puslapio kategorijos), aprašymas po pavadinimu --- */

.biz__info {
	margin: 0;
	padding: 0;
	list-style: none;
}

.biz__info-wide {
	grid-column: span 2;
}

/* Bento: pavadinimas ir aprašymas – ant nuotraukos, apačioje (tamsus perėjimas, kad būtų įskaitoma) */
.biz__info .cats__card {
	position: relative;
	display: grid;
	gap: 0;
	overflow: hidden;
	border-radius: var(--radius);
}

.biz__info .cats__card > * {
	grid-area: 1 / 1;
}

/* Aukštesnės kortelės, nuotrauka pakelta (rodoma jos apatinė dalis) – produktai matosi virš teksto */
.biz__info .cats__media {
	height: calc((100cqw - (var(--cats-cols) - 1) * var(--cats-gap)) / var(--cats-cols) * 0.92);
	border-radius: 0;
}

.biz__info .cats__img {
	object-position: 50% 92%;
}

/* Lengvas užtamsinimas apačioje, kad tekstas būtų įskaitomas */
.biz__info .cats__card::after {
	content: "";
	grid-area: 1 / 1;
	background: linear-gradient(transparent 45%, rgb(0 0 0 / 0.3) 70%, rgb(0 0 0 / 0.6));
	pointer-events: none;
}

.biz__info-body {
	position: relative;
	z-index: 1;
	align-self: end;
	display: grid;
	gap: 6px;
	padding: clamp(18px, 2vw, 32px);
	color: #fff;
}

/* Lengvas blur tik po tekstu (viršutinis kraštas švelniai išnyksta) */
.biz__info-body::before {
	content: "";
	position: absolute;
	inset: -24px 0 0;
	z-index: -1;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	-webkit-mask-image: linear-gradient(transparent, #000 40%);
	mask-image: linear-gradient(transparent, #000 40%);
}

.biz__info .cats__label {
	margin: 0;
	font-size: clamp(22px, 2vw, 36px);
	text-shadow: 0 2px 12px rgb(0 0 0 / 0.35);
}

.biz__info-text {
	max-width: 34em;
	margin: 0;
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.5;
	opacity: 0.95;
}

.biz__info .cats__card:hover .cats__label {
	color: #fff;
}

/* Kompiuteryje – tik pavadinimas ir mygtukas (be aprašymo) */
@media (min-width: 861px) {
	.biz__intro {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.biz__lead {
		display: none;
	}

	.biz__btn {
		margin-top: 0;
	}
}

@media (max-width: 860px) {
	.biz__intro {
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
	}
}

/* --- Klientai --- */

.biz__clients {
	margin-top: clamp(40px, 4.4vw, 80px);
	text-align: center;
}

.biz__clients-title {
	margin: 0 0 24px;
	color: var(--ink-soft);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.biz__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	gap: clamp(20px, 3.4vw, 64px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.biz__logos img {
	width: auto;
	max-width: 150px;
	height: clamp(28px, 2.6vw, 44px);
	object-fit: contain;
}

.biz__section {
	margin-top: clamp(64px, 7vw, 120px);
}

.biz__section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px 24px;
}

.biz__more {
	color: var(--berry);
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
}

.biz__note {
	max-width: 46em;
	margin: calc(-1 * clamp(8px, 1.2vw, 20px)) 0 clamp(24px, 2.6vw, 44px);
	color: var(--ink-soft);
	font-size: 16px;
	line-height: 1.6;
}

/* --- Dovanos gyvai: Instagram reels (atsidaro Instagram'e) --- */

.biz__reels {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(12px, 1.4vw, 24px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.biz__reel {
	position: relative;
	display: block;
	aspect-ratio: 9 / 14;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--tile);
	color: #fff;
	text-decoration: none;
}

.biz__reel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.biz__reel::after {
	content: "";
	position: absolute;
	inset: 50% 0 0;
	background: linear-gradient(transparent, rgb(0 0 0 / 0.6));
	pointer-events: none;
}

.biz__reel:hover img {
	transform: scale(1.05);
}

.biz__reel-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgb(255 255 255 / 0.9);
	color: var(--berry);
	translate: -50% -50%;
	box-shadow: 0 8px 24px rgb(0 0 0 / 0.25);
	transition: scale 0.3s ease;
}

.biz__reel-play svg {
	width: 26px;
	height: 26px;
	margin-left: 3px;
}

.biz__reel:hover .biz__reel-play {
	scale: 1.12;
}

.biz__reel-title {
	position: absolute;
	right: 18px;
	bottom: 16px;
	left: 18px;
	z-index: 1;
	font-family: var(--font-display);
	font-size: clamp(17px, 1.3vw, 22px);
	font-weight: 600;
	line-height: 1.15;
	text-transform: uppercase;
}

/* --- Užklausos forma --- */

.biz__form {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr);
	gap: clamp(24px, 4vw, 72px);
	margin-top: clamp(64px, 7vw, 120px);
	padding: clamp(24px, 3.4vw, 64px);
	border-radius: var(--radius);
	background: #fff;
	scroll-margin-top: 80px;
}

.biz__form-intro > p {
	margin: 0;
	color: var(--ink-soft);
	font-size: 16px;
	line-height: 1.6;
}

.biz__contact {
	display: grid;
	gap: 4px;
	margin-top: clamp(24px, 2.4vw, 40px);
	padding: 20px;
	border-radius: 14px;
	background: var(--bg);
	font-size: 15px;
}

.biz__contact p {
	margin: 0;
}

.biz__contact-name {
	font-family: var(--font-display);
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.biz__contact-note {
	margin-bottom: 8px !important;
	color: var(--ink-soft);
	font-size: 13px;
}

.biz__contact a {
	color: var(--berry);
	font-weight: 600;
	text-decoration: none;
}

.biz__contact a:hover {
	text-decoration: underline;
}

.biz__fields {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 0;
}

.biz__wide {
	grid-column: 1 / -1;
}

.biz__fields small {
	font-weight: 400;
	text-transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.biz__reel img {
		transition: none;
	}
}

@media (max-width: 1100px) {
	.biz__reels {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.biz__form {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.biz__fields {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Informacinės kortelės – po vieną */
	.biz__info {
		--cats-cols: 1;
	}

	.biz__info-wide {
		grid-column: auto;
	}

	/* Antraštė ir nuoroda („Atgal į parduotuvę“, „Daugiau Instagram“) – vienoje eilutėje */
	.biz__section-head {
		flex-wrap: nowrap;
		align-items: center;
	}

	.biz__section-head .biz__h2 {
		min-width: 0;
		margin-bottom: 20px;
		font-size: 24px;
	}

	.biz__more {
		flex: none;
		margin-bottom: 20px;
		font-size: 14px;
		white-space: nowrap;
	}

	/* Reels – juosta, slenkama į šonus: matoma viena kortelė ir kitos kraštas */
	.biz__reels {
		display: grid;
		grid-auto-columns: 62%;
		grid-auto-flow: column;
		grid-template-columns: none;
		gap: 10px;
		margin-right: calc(-1 * var(--page-x));
		padding-right: var(--page-x);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.biz__reels::-webkit-scrollbar {
		display: none;
	}

	.biz__reels > li {
		scroll-snap-align: start;
	}

	.biz__reel {
		aspect-ratio: 4 / 5;
	}

	.biz__reel-play {
		width: 44px;
		height: 44px;
	}

	.biz__reel-title {
		font-size: 16px;
	}

	/* Klientai – didesni, po 3 eilėje */
	.biz__clients-title {
		font-size: 14px;
	}

	.biz__logos {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px 16px;
		justify-items: center;
	}

	.biz__logos img {
		max-width: 100%;
		height: 46px;
	}

	.biz__info .cats__media {
		height: calc(100cqw * 1.05);
	}
}

/* Pranešimas „El. paštas nukopijuotas“ (main.js, mailto nuorodos) */
.gmu-toast {
	position: fixed;
	bottom: 24px;
	left: 50%;
	z-index: 1000;
	max-width: calc(100vw - 32px);
	padding: 12px 20px;
	border-radius: 999px;
	background: var(--ink);
	color: #fff;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 10px 30px rgb(0 0 0 / 0.25);
	translate: -50% 0;
	animation: gmu-toast-in 0.25s ease;
	transition: opacity 0.4s ease, translate 0.4s ease;
}

.gmu-toast.is-hiding {
	opacity: 0;
	translate: -50% 10px;
}

@keyframes gmu-toast-in {
	from {
		opacity: 0;
		translate: -50% 10px;
	}
}

/* ==========================================================================
   Telefone visi mygtukai – užpildyti spalva (be rėmelio ar tik teksto);
   kompiuteryje – kaip buvo (rėmeliai, nuorodos su užvedimo efektu)
   ========================================================================== */

@media (max-width: 700px) {
	/* Tekstinės nuorodos-mygtukai: „Atgal į parduotuvę“, „Daugiau Instagram“, kategorijų „Žiūrėti“ */
	.biz__more,
	.cats__more {
		display: inline-flex;
		align-items: center;
		height: 34px;
		margin-right: 0;
		padding: 0 10px;
		border-radius: 8px;
		background: var(--berry);
		color: #fff;
		font-size: 13px;
	}

	.cats__more::before {
		display: none;
	}

	.cats__card:hover .cats__more {
		color: #fff;
	}

	/* Rėmeliniai mygtukai – užpildyti */
	.about__cta-btn--light,
	.about__cta-btn--light:hover {
		border-color: var(--accent);
		background: var(--accent);
		color: #fff;
	}

	.gift__clear {
		border-color: var(--ink);
		background: var(--ink);
		color: #fff;
	}
}

/* ==========================================================================
   „Apie produktą“ – skirtukai (produktas.php, main.js data-tabs)
   Kompiuteryje: juosta su skirtukais, po ja – vienas skyrius stulpeliais.
   Telefone: skyriai vienas po kito, kiekvienas išsiskleidžia (kaip anksčiau).
   ========================================================================== */

.pp-tabs__bar {
	display: flex;
	gap: clamp(20px, 2.6vw, 44px);
	border-bottom: 1px solid var(--line);
}

.pp-tabs__tab {
	position: relative;
	padding: 0 0 14px;
	border: 0;
	background: none;
	color: var(--ink-soft);
	font-family: var(--font-display);
	font-size: clamp(16px, 1.15vw, 19px);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 0.2s ease;
}

.pp-tabs__tab::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--berry);
	transform: scaleX(0);
	transition: transform 0.25s ease;
}

.pp-tabs__tab:hover,
.pp-tabs__tab[aria-selected="true"] {
	color: var(--ink);
}

.pp-tabs__tab[aria-selected="true"]::after {
	transform: none;
}

.pp-tabs__tab:focus-visible,
.pp-tabs__toggle:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 4px;
}

.pp-tabs__toggle {
	display: none;
}

.pp-tabs__item {
	display: none;
}

.pp-tabs__item.is-active {
	display: block;
}

.pp-tabs__panel {
	padding-top: clamp(24px, 2.6vw, 40px);
	color: var(--ink-soft);
	font-size: 15px;
	line-height: 1.65;
}

.pp-tabs__panel:focus-visible {
	outline: none;
}

.pp-tabs__cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px clamp(32px, 4vw, 72px);
	max-width: 1100px;
}

.pp-tabs__h3 {
	margin: 0 0 10px;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.pp-tabs__panel p {
	margin: 0 0 12px;
}

.pp-tabs__panel a {
	color: var(--berry);
	font-weight: 600;
}

.pp-tabs__panel .pp__nutrition {
	max-width: 420px;
}

.pp-tabs__list-ideas {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 8px 40px;
	max-width: 1100px;
	margin: 0;
	padding-left: 1.1em;
}

.pp-tabs__list-ideas li::marker {
	color: var(--berry);
}

.pp-tabs__prices {
	margin: 0 0 12px;
	padding: 0;
	max-width: 420px;
	list-style: none;
}

.pp-tabs__prices li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 8px 0;
	border-bottom: 1px solid var(--line);
}

.pp-tabs__prices strong {
	color: var(--ink);
	white-space: nowrap;
}

.pp-tabs__panel .pp__faq {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 0 clamp(32px, 4vw, 72px);
	max-width: 1100px;
}

@media (max-width: 767px) {
	.pp-tabs__bar {
		display: none;
	}

	.pp-tabs__item,
	.pp-tabs__item.is-active {
		display: block;
		margin-bottom: 8px;
		border: 1px solid rgb(0 0 0 / 0.3);
		border-radius: 10px;
		background: rgb(255 255 255 / 0.4);
	}

	.pp-tabs__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 16px 18px;
		border: 0;
		background: none;
		color: var(--ink);
		font-family: var(--font-display);
		font-size: 17px;
		font-weight: 500;
		letter-spacing: 0.02em;
		text-align: left;
		text-transform: uppercase;
		cursor: pointer;
	}

	.pp-tabs__toggle::after {
		content: "";
		flex: none;
		width: 8px;
		height: 8px;
		border-right: 1.5px solid currentColor;
		border-bottom: 1.5px solid currentColor;
		transform: translateY(-2px) rotate(45deg);
		transition: transform 0.2s ease;
	}

	.pp-tabs__item.is-active .pp-tabs__toggle::after {
		transform: translateY(2px) rotate(-135deg);
	}

	.pp-tabs__panel {
		display: none;
		padding: 0 18px 18px;
	}

	.pp-tabs__item.is-active .pp-tabs__panel {
		display: block;
	}
}

/* ==========================================================================
   Mega meniu kompiuteryje (template-parts/mega-menu.php, main.js data-mega):
   skydelis po antrašte – puslapiai, kategorijos su nuotraukomis, dovanų baneris, perkamiausia prekė
   ========================================================================== */

.mega {
	position: fixed;
	top: var(--mega-top, 72px);
	right: 0;
	left: 0;
	z-index: 90;
	padding: 0 var(--page-x);
	animation: gmu-mega-in 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.mega[hidden],
.mega-backdrop[hidden] {
	display: none;
}

@keyframes gmu-mega-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
}

.mega__inner {
	display: grid;
	grid-template-columns: minmax(170px, 0.7fr) minmax(0, 2.3fr) minmax(0, 1.15fr) minmax(200px, 0.85fr);
	gap: clamp(20px, 2vw, 36px);
	max-width: 1600px;
	margin: 8px auto 0;
	padding: clamp(24px, 2.2vw, 36px);
	border-radius: var(--radius);
	background: #fff;
	box-shadow: 0 24px 60px rgb(42 16 21 / 0.16);
}

.mega-backdrop {
	position: fixed;
	inset: 0;
	z-index: 80;
	background: rgb(0 0 0 / 0.25);
	animation: gmu-mega-fade 0.25s ease;
}

@keyframes gmu-mega-fade {
	from {
		opacity: 0;
	}
}

.mega a {
	color: inherit;
	text-decoration: none;
}

.mega__label {
	margin: 0 0 14px;
	color: var(--ink-soft);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.mega__pages ul {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mega__pages li a {
	display: inline-block;
	padding: 4px 0;
	font-family: var(--font-display);
	font-size: 19px;
	font-weight: 500;
	text-transform: uppercase;
}

.mega__pages li a:hover {
	color: var(--berry);
}

.mega__contact {
	display: grid;
	gap: 4px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--line);
	color: var(--ink-soft);
	font-size: 14px;
}

.mega__contact a:hover {
	color: var(--berry);
}

.mega__shop-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.mega__all {
	color: var(--berry) !important;
	font-size: 14px;
	font-weight: 700;
}

.mega__all:hover {
	text-decoration: underline !important;
}

.mega__cats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mega__cat {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 8px;
	border-radius: 14px;
	transition: background-color 0.2s ease;
}

.mega__cat:hover {
	background: var(--bg);
}

.mega__cat-img {
	flex: none;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: 12px;
	background: var(--tile);
}

.mega__cat-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mega__cat-text {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.mega__cat-text strong {
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.15;
	text-transform: uppercase;
}

.mega__cat:hover strong {
	color: var(--berry);
}

.mega__cat-text span {
	color: var(--ink-soft);
	font-size: 13px;
	line-height: 1.35;
}

/* Dovanų baneris */
.mega__promo {
	position: relative;
	display: flex;
	min-height: 260px;
	overflow: hidden;
	border-radius: 16px;
	background: var(--berry);
	color: #fff !important;
}

.mega__promo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.mega__promo::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(transparent 30%, rgb(0 0 0 / 0.6));
}

.mega__promo:hover img {
	transform: scale(1.05);
}

.mega__promo-body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 8px;
	padding: 22px;
}

.mega__promo-eyebrow {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.mega__promo-title {
	font-family: var(--font-display);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.05;
	text-transform: uppercase;
}

.mega__btn {
	display: inline-flex;
	align-items: center;
	height: 40px;
	margin-top: 4px;
	padding: 0 18px;
	border: 0;
	border-radius: 8px;
	background: #fff;
	color: var(--ink);
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.mega__btn--solid {
	background: var(--berry);
	color: #fff !important;
}

.mega__btn--solid:hover {
	background: #235653;
}

/* Perkamiausia prekė */
.mega__best {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.mega__best-media {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 14px;
	background: var(--product-bg, var(--tile));
}

.mega__best-media img {
	width: 88%;
	height: 88%;
	object-fit: contain;
}

.mega__best-name {
	display: -webkit-box;
	overflow: hidden;
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mega__best-name:hover {
	color: var(--berry);
}

.mega__best-price {
	margin: 4px 0 8px;
	font-weight: 700;
}

.mega__best .mega__btn {
	align-self: stretch;
	justify-content: center;
	margin-top: auto;
}

.mega a:focus-visible,
.mega button:focus-visible {
	outline: 2px solid var(--ink);
	outline-offset: 2px;
	border-radius: 6px;
}

@media (max-width: 1200px) {
	.mega__inner {
		grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2.2fr) minmax(0, 1.1fr);
	}

	.mega__best {
		display: none;
	}
}

@media (max-width: 960px) {
	.mega,
	.mega-backdrop {
		display: none !important;
	}
}

/* --- Kategorijos pradiniame puslapyje – juostos (front-page.php, main.js data-catstrip) ---
   Kompiuteryje juostos greta: suskleistos – siauros, pavadinimas vertikaliai apačioje; atvira –
   plati, su pavadinimu, aprašymu ir „Žiūrėti →“. Telefone (≤700px) – juostos viena po kita:
   suskleista – žalia juosta su pavadinimu, atvira – aukšta kortelė. Vienu metu atvira viena. */

.catstrip {
	--catstrip-shade: 36, 58, 42; /* tamsiai žalia nuotraukos patamsinimui */
	--catstrip-ease: cubic-bezier(0.65, 0, 0.35, 1);
	display: flex;
	gap: clamp(8px, 0.9vw, 16px);
	height: clamp(420px, 34vw, 600px);
	max-width: 1600px;
	margin: 0 auto;
}

.catstrip__item {
	position: relative;
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	justify-content: flex-end;
	min-width: 0;
	overflow: hidden;
	isolation: isolate;
	border-radius: var(--radius);
	background: var(--accent-dark);
	transition: flex-grow 0.6s var(--catstrip-ease);
}

.catstrip__item.is-open {
	flex-grow: 4.5;
}

.catstrip__img {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Patamsinimas apačioje – kad baltas tekstas būtų įskaitomas */
.catstrip__item::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(to top, rgba(var(--catstrip-shade), 0.85) 0%, rgba(var(--catstrip-shade), 0.35) 42%, rgba(var(--catstrip-shade), 0) 70%);
	pointer-events: none;
}

.catstrip__item--pagardai .catstrip__img {
	object-position: 50% 66%;
}

.catstrip__item--tyres .catstrip__img {
	object-position: 50% 40%;
}

/* Gulintis butelis – apatinėje nuotraukos pusėje */
.catstrip__item--kiti .catstrip__img {
	object-position: 50% 72%;
}

/* Suskleistos juostos mygtukas – per visą juostą, pavadinimas vertikaliai apačioje */
.catstrip__toggle {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0 0 clamp(18px, 1.8vw, 30px);
	border: 0;
	background: none;
	color: #fff;
	font-family: var(--font-display);
	font-size: clamp(15px, 1.2vw, 21px);
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	transition: opacity 0.3s ease 0.2s, visibility 0s;
}

.catstrip__tab {
	white-space: nowrap;
	transform: rotate(180deg);
	writing-mode: vertical-rl;
}

.catstrip__toggle:focus-visible {
	outline: 3px solid #fff;
	outline-offset: -6px;
	border-radius: var(--radius);
}

.catstrip__item.is-open .catstrip__toggle {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.15s ease, visibility 0s 0.15s;
}

/* Atviros juostos turinys – fiksuoto pločio, kad plečiantis juostai tekstas nesilankstytų */
.catstrip__body {
	flex: none;
	width: clamp(280px, 32vw, 560px);
	padding: clamp(22px, 2.6vw, 48px);
	color: #fff;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s ease, visibility 0s 0.2s;
}

.catstrip__item.is-open .catstrip__body {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.45s ease 0.3s, visibility 0s;
}

.catstrip__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(30px, 3.4vw, 62px);
	font-weight: 600;
	line-height: 0.95;
	text-transform: uppercase;
}

.catstrip__text {
	max-width: 34em;
	margin: clamp(10px, 0.9vw, 16px) 0 0;
	font-size: clamp(14px, 1vw, 17px);
	font-weight: 500;
	line-height: 1.45;
}

/* „Žiūrėti →“ – balta piliulė; jos ::after dengia visą atvirą juostą (paspaudžiama bet kur) */
.catstrip__more {
	display: inline-flex;
	margin-top: clamp(16px, 1.6vw, 26px);
	color: var(--ink);
	text-decoration: none;
}

.catstrip__more::after {
	content: "";
	position: absolute;
	inset: 0;
}

.catstrip__more-in {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	height: clamp(40px, 3vw, 48px);
	padding: 0 clamp(18px, 1.5vw, 24px);
	border-radius: 999px;
	background: #fff;
	font-family: var(--font-display);
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.catstrip__arrow {
	transition: transform 0.3s var(--catstrip-ease);
}

.catstrip__more:focus-visible {
	outline: none;
}

.catstrip__more:focus-visible .catstrip__more-in {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

@media (hover: hover) {
	.catstrip__item.is-open:hover .catstrip__img {
		transform: scale(1.04);
	}

	.catstrip__item.is-open:hover .roll__a {
		transform: translateY(-100%);
	}

	.catstrip__item.is-open:hover .roll__b {
		transform: none;
	}

	.catstrip__item.is-open:hover .catstrip__arrow {
		transform: translateX(4px);
	}
}

@media (max-width: 700px) {
	.catstrip {
		flex-direction: column;
		gap: 10px;
		height: auto;
	}

	.catstrip__item {
		flex: none;
		height: 64px;
		transition: height 0.5s var(--catstrip-ease);
	}

	.catstrip__item.is-open {
		height: clamp(380px, 112vw, 480px);
	}

	/* Suskleista – žalia juosta, nuotrauka vos matosi */
	.catstrip__item:not(.is-open)::before {
		background: rgba(68, 106, 73, 0.9);
	}

	.catstrip__toggle {
		align-items: center;
		justify-content: flex-start;
		padding: 0 20px;
		font-size: 20px;
	}

	.catstrip__tab {
		transform: none;
		writing-mode: horizontal-tb;
	}

	.catstrip__body {
		width: 100%;
		padding: 22px;
	}

	.catstrip__title {
		font-size: clamp(30px, 9vw, 40px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.catstrip__item,
	.catstrip__img,
	.catstrip__toggle,
	.catstrip__body {
		transition: none;
	}
}