/* =========================================================
   Sodlita – WooCommerce
   ========================================================= */

.shop-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start; padding-bottom: 60px; }
.shop-layout__main { grid-column: 2; min-width: 0; }
.shop-layout__sidebar { grid-column: 1; grid-row: 1; }
.shop-layout:not(:has(.shop-layout__sidebar)) { grid-template-columns: minmax(0, 1fr); }
.shop-layout:not(:has(.shop-layout__sidebar)) .shop-layout__main { grid-column: 1; }

/* ---------- Katalogo viršus ---------- */
.woocommerce-products-header { padding-top: 8px; }
.woocommerce-products-header__title { margin-bottom: 8px; }
/* Pilna tipografija zemiau, kartu su `.archive-text__body`. */
.term-description { color: var(--c-ink-soft); font-size: 16px; line-height: 1.75; }

.woocommerce-result-count { margin: 0; font-size: 14px; color: var(--c-ink-soft); float: none; }
.woocommerce-ordering { float: none; margin: 0; }
/* Rikiavimo laukas – bendra `select` isvaizda is main.css. */
.woocommerce-ordering select { font-size: 14px; }
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { display: inline-block; vertical-align: middle; }

/* ---------- Prekių tinklelis ---------- */
.woocommerce ul.products,
ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap);
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }

.woocommerce ul.products li.product,
ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 16px;
	background: #fff;
	border: 1px solid var(--c-line);
	border-radius: var(--radius-lg);
	text-align: left;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover { border-color: var(--c-brand); box-shadow: var(--shadow); }

.woocommerce ul.products li.product a img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	margin: 0 0 12px;
	background: #fff;
}

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

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 15px; font-weight: 600; line-height: 1.35;
	padding: 4px 0 6px; margin: 0;
}
.woocommerce ul.products li.product .price {
	display: block; margin: 6px 0 12px;
	color: var(--c-ink); font-size: 20px; font-weight: 800;
}
.woocommerce ul.products li.product .price del { font-size: 14px; font-weight: 500; color: var(--c-ink-soft); opacity: 1; margin-right: 6px; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--c-brand); }

/* Ta pati sharp tipografija kaip visoje mygtuku sistemoje. */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
	position: relative; overflow: hidden; isolation: isolate;
	margin-top: auto;
	width: 100%;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 13px 16px; border-radius: 0;
	background: var(--c-brand); color: #fff;
	font-weight: 800; font-size: 12.5px; line-height: 1.25;
	letter-spacing: .085em; text-transform: uppercase;
	border: 0;
	transition: color .18s ease;
}
.woocommerce ul.products li.product .button::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: var(--c-dark);
	transform: translateX(-101%);
	transition: transform .34s cubic-bezier(.2, .8, .2, 1);
}
.woocommerce ul.products li.product .button:hover::before { transform: none; }
.woocommerce ul.products li.product .button:hover { color: #fff; }
.woocommerce ul.products li.product .added_to_cart { margin-top: 8px; background: transparent; color: var(--c-brand); border: 1px solid var(--c-line); }

/* Ženkleliai */
.badge, .woocommerce span.onsale {
	position: absolute; top: 12px; left: 12px; z-index: 2;
	min-height: 0; min-width: 0; line-height: 1;
	padding: 6px 10px; border-radius: var(--radius);
	background: var(--c-brand); color: #fff;
	font-size: 12px; font-weight: 700; margin: 0;
}
.stock-badge { display: inline-block; font-size: 12px; font-weight: 600; margin-top: 4px; }
.stock-badge--in { color: var(--c-ok); }
.stock-badge--out { color: var(--c-err); }

/* ---------- Prekės puslapis ---------- */
.woocommerce div.product { padding-bottom: 40px; }
.woocommerce div.product div.images { width: 48%; }
.woocommerce div.product div.summary { width: 48%; }
.woocommerce div.product .product_title { font-size: clamp(24px, 2.6vw, 32px); }
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--c-ink); font-size: 30px; font-weight: 800; }
.woocommerce div.product p.price del { font-size: 18px; font-weight: 500; color: var(--c-ink-soft); }
.woocommerce div.product p.price ins { text-decoration: none; color: var(--c-brand); }

.woocommerce div.product form.cart { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
.woocommerce div.product form.cart .quantity input.qty {
	width: 72px; height: 48px; padding: 0 8px; text-align: center;
	border: 1px solid var(--c-line); border-radius: var(--radius); font: inherit;
}
/*
 * WooCommerce mygtukai (prekes puslapis, krepselis, kasa). Etikete cia yra
 * grynas teksto mazgas, todel rodykles lasteles nera — lieka staciakampis
 * korpusas ir uzpildas is kaires.
 */
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	position: relative; overflow: hidden; isolation: isolate;
	background: var(--c-brand); color: #fff;
	padding: 15px 28px; border: 0; border-radius: 0;
	font-weight: 800; font-size: 13px; line-height: 1.25;
	letter-spacing: .085em; text-transform: uppercase;
	transition: color .18s ease;
}
.woocommerce div.product form.cart .button::before,
.woocommerce #respond input#submit::before,
.woocommerce a.button::before,
.woocommerce button.button::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: var(--c-dark);
	transform: translateX(-101%);
	transition: transform .34s cubic-bezier(.2, .8, .2, 1);
}
.woocommerce div.product form.cart .button:hover::before,
.woocommerce #respond input#submit:hover::before,
.woocommerce a.button:hover::before,
.woocommerce button.button:hover::before { transform: none; }
/* `input` elementai pseudoelementu neturi, todel jiems lieka fono keitimas. */
.woocommerce input.button:hover { background: var(--c-brand-dark); color: #fff; }
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover { color: #fff; }
.woocommerce a.button.alt,
.woocommerce button.button.alt { background: var(--c-brand); }

.woocommerce .product_meta { font-size: 14px; color: var(--c-ink-soft); border-top: 1px solid var(--c-line); padding-top: 16px; }

.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 24px; border-bottom: 1px solid var(--c-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent; border: 0; border-radius: 0; margin: 0 16px 0 0; padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 0; font-weight: 600; color: var(--c-ink-soft); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--c-ink); box-shadow: inset 0 -2px 0 var(--c-brand); }

.woocommerce table.shop_attributes th { background: var(--c-bg-muted); font-weight: 600; }
.woocommerce table.shop_attributes td { font-style: normal; }

.related.products, .upsells.products { border-top: 1px solid var(--c-line); padding-top: 40px; }

/* ---------- Krepšelis / apmokėjimas ---------- */
.woocommerce table.shop_table { border: 1px solid var(--c-line); border-radius: var(--radius-lg); border-collapse: separate; }
.woocommerce table.shop_table th { background: var(--c-bg-muted); font-size: 14px; }
.woocommerce .cart-collaterals .cart_totals { width: 100%; max-width: 420px; float: right; }
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { width: 100%; float: none; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container .select2-selection--single {
	padding: 12px 14px; height: auto;
	border: 1px solid var(--c-line); border-radius: var(--radius);
	font: inherit; font-size: 15px;
}
.woocommerce form .form-row label { font-weight: 600; font-size: 14px; }
.woocommerce-checkout #payment { background: var(--c-bg-muted); border-radius: var(--radius-lg); }

/* ---------- Pranešimai ---------- */
/*
 * WooCommerce pranesima deda mygtuka per `float: right`, o tekstas tesiasi po
 * juo — ilgesnis sakinys uzlipdavo ant mygtuko. Cia perdaroma i flex eilute:
 * tekstas kaireje, mygtukas desineje, abu centruoti per auksti.
 *
 * Pseudoelemento ikona sleidziama samoningai: ji piesiama WooCommerce ikonu
 * sriftu, kuris temoje nekraunamas, todel vietoj varneles matesi tuscias
 * staciakampis.
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px;
	margin: 0 0 22px; padding: 16px 20px;
	border: 0; border-left: 4px solid var(--c-brand);
	background: var(--c-bg-muted); border-radius: 0;
	list-style: none;
	font-size: 14.5px; line-height: 1.55;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none; }

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	float: none !important;
	margin: 0 0 0 auto !important;
	width: auto;
	flex: none;
}
.woocommerce-error { border-left-color: var(--c-err); }
.woocommerce-error li + li { margin-top: 6px; }

/* ---------- Puslapiavimas ---------- */
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 6px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 40px; padding: 10px; border: 1px solid var(--c-line); border-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--c-brand); color: #fff; border-color: var(--c-brand); }

/* ---------- Responsyvumas ---------- */
@media (max-width: 1200px) {
	.woocommerce ul.products, ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
	.shop-layout { grid-template-columns: 1fr; }
	.shop-layout__main, .shop-layout__sidebar { grid-column: 1; }
	.shop-layout__sidebar { grid-row: auto; }
}
@media (max-width: 782px) {
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary { width: 100%; float: none; }
}
@media (max-width: 560px) {
	.woocommerce ul.products, ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.woocommerce ul.products li.product { padding: 10px; }
	.woocommerce ul.products li.product .price { font-size: 17px; }
}

/* =========================================================
   PREKĖS KORTELĖ
   ========================================================= */

.woocommerce ul.products li.product.product-card,
ul.products li.product.product-card {
	display: flex; flex-direction: column;
	/* Grid/flex elementai neuztraukia be sito – zr. .product-card__specs komentara. */
	min-width: 0;
	padding: 0 !important;
	background: #fff;
	border: 1px solid var(--c-line);
	border-radius: var(--radius);
	overflow: hidden;
	transition: border-color .2s ease, transform .28s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease;
}
.product-card:hover {
	border-color: var(--c-line-strong);
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(13, 16, 19, .09);
}

/* ---------- Nuotrauka ---------- */

.product-card__media {
	position: relative;
	padding: 18px;
	background: linear-gradient(160deg, #fbfcfd 0%, var(--c-bg-muted) 100%);
	overflow: hidden;
}
/* Įstrižas kvadratas fone — tas pats motyvas, kaip antraštėje */
.product-card__media::before {
	content: ""; position: absolute;
	right: -34px; top: -34px; width: 120px; height: 120px;
	border: 1px solid rgba(224, 31, 38, .12);
	transform: rotate(24deg);
	transition: transform .45s cubic-bezier(.2, .8, .2, 1);
	pointer-events: none;
}
.product-card:hover .product-card__media::before { transform: rotate(36deg) scale(1.1); }

.product-card__link { display: block; }
.woocommerce ul.products li.product.product-card img,
.product-card__media img {
	width: 100%; aspect-ratio: 1 / 1; object-fit: contain;
	margin: 0 !important;
	mix-blend-mode: multiply;
	transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}
.product-card:hover .product-card__media img { transform: scale(1.05); }

/* ---------- Ženklelis ---------- */

.product-card__badge {
	position: absolute; left: 0; top: 16px; z-index: 2;
	padding: 5px 12px 5px 18px;
	background: var(--c-dark); color: #fff;
	font-size: 11.5px; font-weight: 800; letter-spacing: .04em;
	line-height: 1.3;
}
.product-card__badge--sale { background: var(--c-brand); }

/* WooCommerce savo ženklelis nereikalingas — turime savo */
.woocommerce ul.products li.product .onsale { display: none; }

/* ---------- Turinys ---------- */

.product-card__body {
	display: flex; flex-direction: column; flex: 1 1 auto;
	min-width: 0;
	gap: 11px;
	padding: 15px 18px 18px;
}

.product-card__top { display: grid; gap: 3px; }

.product-card__brand {
	font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
	color: var(--c-brand);
}

.woocommerce ul.products li.product .product-card__title,
.product-card__title {
	margin: 0; padding: 0;
	font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: -.015em;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.product-card__title a:hover { color: var(--c-brand); }

.product-card__sku { font-size: 12px; color: var(--c-mute); font-variant-numeric: tabular-nums; }

/* ---------- Techniniai duomenys ---------- */

.product-card__specs {
	display: flex; flex-wrap: wrap; gap: 5px;
	list-style: none; margin: 0; padding: 0;
}
.product-card__specs li {
	padding: 4px 9px;
	background: var(--c-bg-muted);
	border-radius: var(--radius);
	font-size: 11.5px; font-weight: 600; color: var(--c-ink-soft);
	white-space: nowrap;
}

/* ---------- Apačia ---------- */

.product-card__foot {
	display: grid; gap: 10px;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid var(--c-line);
}

/* Sandėlio būsena su tašku — greičiau perskaitoma nei vien tekstas */
.product-card__stock {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 12px; font-weight: 600;
}
.product-card__stock::before {
	content: ""; width: 7px; height: 7px; border-radius: 50%;
	background: currentColor;
}
.product-card__stock--in { color: var(--c-ok); }
.product-card__stock--out { color: var(--c-mute); }

.woocommerce ul.products li.product .product-card__price,
.product-card__price { margin: 0; }
.product-card__price .price {
	display: flex !important; align-items: baseline; flex-wrap: wrap; gap: 8px;
	margin: 0 !important;
	font-size: 22px !important; font-weight: 800; letter-spacing: -.03em;
	color: var(--c-ink);
}
.product-card__price del {
	font-size: 14px; font-weight: 500; color: var(--c-mute);
	opacity: 1; text-decoration: line-through;
}
.product-card__price ins { text-decoration: none; color: var(--c-brand); }

/*
 * Lizingo eilute – juostele ant nuotraukos apacios.
 *
 * Korteles apacioje ji buvo ne visoms prekems, todel stumdydavo mygtuka ir
 * kortelės nustodavo lygiuotis. Cia ji nieko nestumia: vienoms prekems yra,
 * kitoms nera, o auksstis lieka toks pat.
 */
.product-card__leasing {
	position: absolute; left: 10px; bottom: 10px; z-index: 2;
	display: inline-flex; align-items: center;
	padding: 5px 10px;
	background: var(--c-dark);
	pointer-events: none;
}
.product-card .leasing--compact {
	display: inline-block;
	margin: 0; padding: 0;
	background: none; border: 0; border-radius: 0;
	font-size: 11.5px; font-weight: 700; letter-spacing: -.01em;
	line-height: 1.3;
	color: #fff;
}
.product-card .leasing--compact .amount { font-weight: 800; }

/* ---------- Mygtukas ---------- */

/*
 * Kortelės mygtukas – ta pati konstrukcija kaip `.btn` main.css faile:
 * staciakampis korpusas, rodykle atskiroje lastelėje uz plonos linijos.
 */
.woocommerce ul.products li.product .product-card__btn,
.product-card__btn {
	--btn-py: 13px;
	--btn-px: 18px;
	--btn-divider: rgba(255, 255, 255, .26);

	position: relative; overflow: hidden; isolation: isolate;
	display: flex !important; align-items: center;
	width: 100%; margin: 4px 0 0 !important;
	padding: var(--btn-py) var(--btn-px) !important;
	background: var(--c-brand); color: #fff;
	border: 0; border-radius: 0;
	font-size: 12.5px; font-weight: 800; line-height: 1.25;
	letter-spacing: .085em; text-transform: uppercase;
	transition: color .18s ease;
}
.product-card__btn > span { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; }
.product-card__btn > svg {
	flex: none; align-self: stretch; box-sizing: content-box; height: auto;
	margin: calc(var(--btn-py) * -1) calc(var(--btn-px) * -1) calc(var(--btn-py) * -1) 0;
	padding: 0 var(--btn-px);
	border-left: 1px solid var(--btn-divider);
}
.product-card__btn::before {
	/*
	 * z-index: -1 + `isolation` ant mygtuko: uzpildas lieka virs fono,
	 * bet po tekstu. Be sito WooCommerce mygtuko etikete (grynas teksto
	 * mazgas, ne elementas) uzhoverinus dingdavo po uzpildu.
	 */
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: var(--c-dark);
	transform: translateX(-101%);
	transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
.product-card__btn:hover::before { transform: none; }
.product-card__btn:hover { color: #fff; }
.product-card__btn > svg { transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.product-card__btn:hover > svg { transform: translateX(3px); }

/* Būsena „prekė įdėta“ */
.woocommerce ul.products li.product .added_to_cart {
	display: flex; align-items: center; justify-content: center;
	width: 100%; margin: 6px 0 0;
	padding: 9px 16px;
	background: transparent; color: var(--c-ink-soft);
	border: 1px solid var(--c-line); border-radius: 0;
	font-size: 13px; font-weight: 600;
}
.woocommerce ul.products li.product .added_to_cart:hover { border-color: var(--c-brand); color: var(--c-brand); }

/* Įkėlimo būsena */
.product-card__btn.loading { opacity: .75; pointer-events: none; }

/* ---------- Veiksmai ant nuotraukos ---------- */

/*
 * Širdis ir palyginimas — stulpeliu viršutiniame dešiniajame kampe.
 * Kortelės apačioje jie valgė vietą, o čia matomi tik prireikus.
 */
.product-card__actions {
	position: absolute; right: 12px; top: 12px; z-index: 3;
	display: grid; gap: 6px;
}

/*
 * Mygtukai matomi visada. Anksciau jie issislepdavo iki `:hover` — funkcija,
 * kurios nesimato, pirkejui neegzistuoja, o liesti ekranai hover busenos
 * apskritai neturi.
 */
.product-card__actions .wishlist-btn,
.product-card__actions .compare-btn {
	position: static;
	display: grid; place-items: center;
	width: 34px; height: 34px; padding: 0; margin: 0;
	background: rgba(255, 255, 255, .94);
	border: 1px solid var(--c-line); border-radius: var(--radius);
	color: var(--c-ink-soft); cursor: pointer;
	transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.product-card__actions .wishlist-btn:hover,
.product-card__actions .compare-btn:hover { border-color: var(--c-brand); color: var(--c-brand); }

/*
 * Ijungta busena. `background` cia butinas: compare.css duoda aktyviam
 * mygtukui raudona fona su baltu tekstu, o si taisykle yra specifiskesne ir
 * perrasydavo tik spalva — ikona likdavo raudona ant raudono ir dingdavo.
 */
.product-card__actions .wishlist-btn.is-active,
.product-card__actions .compare-btn.is-active {
	background: #fff;
	border-color: var(--c-brand);
	color: var(--c-brand);
}

/* Tekstas mygtukuose ant nuotraukos netelpa — lieka tik ikona */
.product-card__actions .compare-btn__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

.product-card__actions .compare-btn__icon,
.product-card__actions .wishlist-btn__icon { width: 17px; height: 17px; }

   Lizingas (prekės puslapyje)
   ========================================================= */

.leasing {
	display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px;
	margin: 12px 0 20px; padding: 12px 16px;
	background: var(--c-bg-muted); border-radius: var(--radius);
	border-left: 3px solid var(--c-brand);
}
.leasing__label { font-size: 13px; color: var(--c-ink-soft); width: 100%; }
.leasing__amount { font-size: 18px; font-weight: 700; }
.leasing__amount .amount { color: var(--c-brand); }
.leasing__link { font-size: 13px; text-decoration: underline; color: var(--c-ink-soft); }

/* =========================================================
   Ženklas prekės puslapyje
   ========================================================= */

.single-brand { display: inline-block; margin-bottom: 10px; }
.single-brand__logo { max-height: 36px; width: auto; }
.single-brand__name {
	font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	color: var(--c-ink-soft);
}

/* =========================================================
   Pasitikėjimo eilutės (prekės puslapyje)
   ========================================================= */

.trust-lines { list-style: none; margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid var(--c-line); display: grid; gap: 8px; }
.trust-lines__item { position: relative; padding-left: 26px; font-size: 14px; }
.trust-lines__item::before {
	content: ""; position: absolute; left: 0; top: 3px;
	width: 16px; height: 16px; background: currentColor;
	-webkit-mask: center/contain no-repeat; mask: center/contain no-repeat;
}
.trust-lines__item--ok { color: var(--c-ok); font-weight: 600; }
.trust-lines__item--ok::before { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.2 11.6 2.8 8.2l1.1-1.1 2.3 2.3 5.9-5.9 1.1 1.1z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.2 11.6 2.8 8.2l1.1-1.1 2.3 2.3 5.9-5.9 1.1 1.1z'/></svg>"); }
.trust-lines__item--wait { color: var(--c-err); font-weight: 600; }
.trust-lines__item--store,
.trust-lines__item--truck,
.trust-lines__item--shield { color: var(--c-ink-soft); }
.trust-lines__item--store::before,
.trust-lines__item--truck::before,
.trust-lines__item--shield::before,
.trust-lines__item--wait::before { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='6'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='6'/></svg>"); }

.sodlita-extra-specs { margin-top: 16px; }

/* Krovimo būsena */
.shop-layout.is-loading .shop-layout__main { opacity: .45; pointer-events: none; transition: opacity .15s ease; }
.shop-layout.is-loading .shop-layout__main::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(255, 255, 255, .01);
}
.shop-layout__main { position: relative; }

/* Mobilus filtrų mygtukas */
.filters-toggle { display: none; position: relative; }
.filters-toggle__dot {
	position: absolute; top: 6px; right: 6px;
	width: 8px; height: 8px; border-radius: 50%; background: var(--c-brand);
}

@media (max-width: 1024px) {
	.filters-toggle { display: inline-flex; }

	.shop-layout__sidebar {
		position: fixed; top: 0; left: 0; bottom: 0; z-index: 90;
		width: min(340px, 88vw);
		padding: 0;
		background: #fff;
		overflow-y: auto;
		transform: translateX(-100%);
		transition: transform .22s ease;
		box-shadow: 0 0 40px rgba(20, 23, 26, .18);
	}
	.shop-layout__sidebar.is-open { transform: none; }

	body.filters-open { overflow: hidden; }
	body.filters-open::after {
		content: ""; position: fixed; inset: 0; z-index: 80;
		background: rgba(20, 23, 26, .45);
	}

	.filter-list { max-height: none; }
}

/* Palyginimo ir pageidavimų mygtukai prekės puslapyje */
.single-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 16px 0 0; }
.single-actions .wishlist-btn { position: static; }

/* =========================================================
   Vienodas kortelių aukštis
   ========================================================= */

/*
 * Tinklelio elementai turi tįsti per visą eilutės aukštį, o kortelės
 * vidus — pasiskirstyti taip, kad mygtukai visada būtų vienoje linijoje.
 * Be to kortelės su trumpesniu pavadinimu atrodo „nukritusios“.
 */
.woocommerce ul.products,
ul.products { align-items: stretch; }

.woocommerce ul.products li.product.product-card,
ul.products li.product.product-card { height: 100%; }

.product-card__body { flex: 1 1 auto; }
.product-card__foot { margin-top: auto; }

/*
 * Tuščių eilučių nerezervuojame: aukštį lygiuoja `margin-top: auto`
 * ties apačia, o rezervuota vieta virsdavo tuštuma po pavadinimu.
 */
/*
 * `min-width: 0` butinas: flex konteineris pagal nutylejima atsisako
 * susitraukti maziau uz savo turinio ploti (`min-width: auto`), todel be
 * sios eilutes `overflow: hidden` neturedavo ko apkirpti – dezute tiesiog
 * pati issipleisdavo placiau uz korteles ir islisdavo uz jos krasto.
 */
.product-card__specs { flex-wrap: nowrap; overflow: hidden; min-width: 0; }

/* =========================================================
   Pasiūlymai ir tuščias krepšelis
   ========================================================= */

.suggestions { margin-top: 52px; padding-top: 34px; border-top: 1px solid var(--c-line); }
.suggestions__head { margin-bottom: 22px; }
.suggestions__title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.025em; }
.suggestions__lead { margin: 6px 0 0; font-size: 15px; color: var(--c-ink-soft); }

.suggestions__grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: var(--gap);
	margin: 0 !important; padding: 0;
	list-style: none;
}
/* WooCommerce savo tinklelio klases cia netaikomos. */
.suggestions__grid::before,
.suggestions__grid::after { display: none; }
.suggestions__grid li.product { width: auto !important; margin: 0 !important; float: none !important; }

/* ---------- Tuščias krepšelis ---------- */

.cart-empty {
	max-width: 560px;
	padding: 44px 0 12px;
}
.cart-empty__icon {
	display: grid; place-items: center;
	width: 72px; height: 72px; margin-bottom: 22px;
	border: 1px solid var(--c-line);
	color: var(--c-line-strong);
}
.cart-empty__title { margin: 0 0 10px; font-size: 26px; font-weight: 800; letter-spacing: -.03em; }
.cart-empty__text { margin: 0 0 24px; font-size: 15.5px; line-height: 1.7; color: var(--c-ink-soft); }
.cart-empty__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* WooCommerce prideda savo „grizti i parduotuve“ mygtuka – dublis nereikalingas. */
.cart-empty + .return-to-shop,
.woocommerce-cart .cart-empty ~ .return-to-shop { display: none; }


/* =========================================================
   Katalogo sekcijos ir filtrų juosta (perdaryta)
   ========================================================= */

/* ---------- Kategorijos po prekėmis ---------- */

.archive-cats {
	margin-top: var(--gap-section);
	padding: var(--gap-section) 0;
	background: var(--c-bg-muted);
	border-top: 1px solid var(--c-line);
}
.archive-cats__head { margin-bottom: 24px; }
.archive-cats__eyebrow {
	display: block; margin-bottom: 7px;
	font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	color: var(--c-brand);
}
.archive-cats__title { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.03em; }

.archive-cats__grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1px;
}

.archive-cat {
	display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px;
	gap: 13px; align-items: center;
	padding: 15px 17px;
	background: #fff;
	box-shadow: 0 0 0 1px var(--c-line);
	transition: background .16s ease;
}
.archive-cat:hover { background: var(--c-bg-muted); color: var(--c-ink); }

.archive-cat__icon {
	display: grid; place-items: center;
	width: 44px; height: 44px;
	background: var(--c-bg-muted);
	color: var(--c-brand);
	transition: background .16s ease;
}
.archive-cat:hover .archive-cat__icon { background: #fff; }

.archive-cat__body { display: grid; gap: 2px; min-width: 0; }
.archive-cat__name { font-size: 15px; font-weight: 700; letter-spacing: -.015em; color: var(--c-ink); }
.archive-cat__count { font-size: 12.5px; color: var(--c-ink-soft); font-variant-numeric: tabular-nums; }
.archive-cat__go { color: var(--c-line-strong); transition: transform .24s cubic-bezier(.2, .8, .2, 1), color .16s ease; }
.archive-cat:hover .archive-cat__go { transform: translateX(3px); color: var(--c-brand); }

/* ---------- Kategorijos tekstas: atskira sekcija ---------- */

.archive-text {
	padding: var(--gap-section) 0 calc(var(--gap-section) + 12px);
	border-top: 1px solid var(--c-line);
}
.archive-text__head { margin-bottom: 26px; }
.archive-text__eyebrow {
	display: block; margin-bottom: 8px;
	font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	color: var(--c-brand);
}
.archive-text__title {
	margin: 0;
	font-size: 27px; font-weight: 800; letter-spacing: -.03em; line-height: 1.2;
}
/*
 * Tekstas siauresnis uz sekcija: 600 zodziu per visa 1320 px ploti
 * neskaitomi. Sekcija placia, kad ji butu atskira, o ne teksto gabalas.
 */
/*
 * Sekcija uzima ta pati ploti kaip preku tinklelis, todel kraštai sutampa.
 *
 * Skaitomuma valdo ne konteineris, o patys elementai: pastraipos ir sarasai
 * ribojami iki patogaus eilutes ilgio, o antrastes ir lenteles lieka platos.
 * Daugiakolonis variantas buvo atsisakytas – kas antras elementas turejo eiti
 * per abi skiltis, ir tekstas subyredavo i gabalus.
 */
/*
 * Jokio papildomo plocio ribojimo: `.container` jau duoda 1320 px ir
 * centruoja. Bet koks savas `max-width` cia reiskia, kad sekcija bus
 * siauresne uz antraste ir porastę — o jos visos turi eiti viena linija.
 */
.archive-text__body { max-width: none; }
.archive-text__inner > h2:first-child,
.archive-text__body > h2:first-child,
.term-description > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

/* =========================================================
   Filtrų juosta
   ========================================================= */

@media (min-width: 1025px) {
	/* Prilipdoma tik tada, kai juosta yra stulpelis, o ne stalcius. */
	.shop-layout__sidebar { position: sticky; top: 104px; }
}

.filters {
	display: grid; gap: 0;
	border: 1px solid var(--c-line);
	background: #fff;
}

.filters__head {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	margin: 0; padding: 15px var(--filters-pad);
	background: var(--c-bg-muted);
	border-bottom: 1px solid var(--c-line);
}
.filters__title {
	margin: 0;
	font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.filters__clear {
	font-size: 12px; font-weight: 700; color: var(--c-brand);
	text-decoration: underline; text-underline-offset: 2px;
}
.filters__clear:hover { color: var(--c-brand-dark); }

/* Aktyvių filtrų žymos */
.filters__active {
	display: flex; flex-wrap: wrap; gap: 5px;
	padding: 12px 16px; margin: 0;
	border-bottom: 1px solid var(--c-line);
	background: #fff;
}
.filter-chip {
	max-width: 100%; overflow-wrap: anywhere;
	display: inline-flex; align-items: center; gap: 7px;
	padding: 5px 9px; border-radius: 0;
	background: var(--c-ink); border: 0;
	color: #fff;
	font-size: 12px; font-weight: 600; line-height: 1.3;
	transition: background .15s ease;
}
.filter-chip:hover { background: var(--c-brand); color: #fff; }
.filter-chip__x { font-size: 13px; line-height: 1; opacity: .75; }

/* ---------- Filtro grupė ---------- */

.filters { --filters-pad: 16px; }

.filter-group {
	border: 0; border-bottom: 1px solid var(--c-line);
	margin: 0; padding: 0 var(--filters-pad) 14px;
}
.filter-group:last-of-type { border-bottom: 0; }

.filter-group__title {
	display: block; width: 100%; position: relative;
	margin: 0 0 10px; padding: 14px 26px 12px 0;
	font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
	color: var(--c-ink);
	cursor: pointer; list-style: none;
	transition: color .15s ease;
}
.filter-group__title:hover { color: var(--c-brand); }
.filter-group__title::-webkit-details-marker { display: none; }

/* Pliusas / minusas vietoj rodykles – sutampa su DUK akordeonu. */
details.filter-group > .filter-group__title::before,
details.filter-group > .filter-group__title::after {
	content: ""; position: absolute; right: 0; top: 50%;
	background: var(--c-brand);
	transition: transform .22s cubic-bezier(.2, .8, .2, 1);
}
details.filter-group > .filter-group__title::before { width: 11px; height: 2px; margin-top: -1px; }
/* Vertikalus bruksnys – tiksliai horizontaliojo viduryje. */
details.filter-group > .filter-group__title::after {
	width: 2px; height: 11px; margin-top: -5px;
	right: 4.5px;
}
details.filter-group[open] > .filter-group__title::after { transform: rotate(90deg); }

fieldset.filter-group > .filter-group__title { cursor: default; padding-right: 0; }

/*
 * `overflow-y: auto` verčia narsykle ir `overflow-x` laikyti `auto`, todel
 * ilgas nelauztas pavadinimas duodavo horizontalia slinkties juostele.
 * Aiskiai uzdaroma X asis, o tekstas laužiamas.
 */
.filter-list {
	list-style: none; margin: 0; padding: 0;
	display: grid; gap: 0;
	max-height: 260px; overflow-y: auto; overflow-x: hidden;
	scrollbar-width: thin;
}
.filter-list::-webkit-scrollbar { width: 6px; }
.filter-list::-webkit-scrollbar-thumb { background: var(--c-line-strong); }
.filter-list__item { margin: 0; }

.filter-option {
	display: flex; align-items: center; gap: 10px;
	/* Telefone zona kilsteliama iki 44px – zr. medija failo gale. */
	padding: 7px 6px; margin: 0 -6px;
	border-radius: 0;
	font-size: 14px; cursor: pointer;
	transition: background .12s ease, color .12s ease;
}
.filter-option:hover { background: var(--c-bg-muted); color: var(--c-ink); }

/*
 * Kvadratinis langelis vietoj naršyklės numatytojo: apvalus `accent-color`
 * variantas krito is bendro sharp stiliaus.
 */
.filter-option input {
	appearance: none; -webkit-appearance: none;
	flex: 0 0 auto; width: 17px; height: 17px; margin: 0;
	border: 1px solid var(--c-line-strong); border-radius: 0;
	background: #fff; cursor: pointer;
	position: relative;
	transition: border-color .15s ease, background .15s ease;
}
.filter-option input:hover { border-color: var(--c-brand); }
.filter-option input:checked { background: var(--c-brand); border-color: var(--c-brand); }
.filter-option input:checked::after {
	content: ""; position: absolute; left: 5px; top: 1px;
	width: 5px; height: 10px;
	border: solid #fff; border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.filter-option input:focus-visible { outline: 2px solid var(--c-brand); outline-offset: 2px; }

.filter-option__label {
	flex: 1 1 auto; min-width: 0;
	overflow-wrap: anywhere; word-break: break-word;
}
.filter-option__count {
	flex: 0 0 auto; font-size: 12px; color: var(--c-ink-soft);
	font-variant-numeric: tabular-nums;
}

/* ---------- Kainos filtras ---------- */

.price-filter { display: flex; align-items: center; gap: 8px; }
.price-filter__input {
	width: 100%; min-width: 0; padding: 9px 11px;
	border: 1px solid var(--c-line); border-radius: 0;
	font: inherit; font-size: 14px;
	font-variant-numeric: tabular-nums;
	transition: border-color .15s ease;
}
.price-filter__input:focus {
	border-color: var(--c-brand);
	box-shadow: 0 0 0 3px rgba(224, 31, 38, .12);
}
.price-filter__sep { color: var(--c-line-strong); }
.price-filter__cur { color: var(--c-ink-soft); font-size: 14px; }
.price-filter__hint { margin: 9px 0 0; font-size: 12px; color: var(--c-ink-soft); }

.filters__submit { width: 100%; margin: 0; }
.filters > .filters__submit { border-radius: 0; }

/* Mygtukas atskiroje juostoje, kad neatrodytu iskritęs is remo. */
.filters__foot {
	padding: 14px 16px;
	background: var(--c-bg-muted);
	border-top: 1px solid var(--c-line);
}

@media (max-width: 900px) {
	.archive-cats { margin-top: 40px; padding: 34px 0 38px; }
	.archive-text { padding: 38px 0 44px; }
	.archive-text__title { font-size: 22px; }
}

/* Įvadas virš prekių — tik pirma pastraipa, kad prekės liktų matomos. */
/* Be savo plocio – ivadas eina ta pacia linija kaip antraste ir prekes. */
.archive-lead {
	margin: 0 0 26px;
	font-size: 16.5px; line-height: 1.7;
	color: var(--c-ink-soft);
}
.archive-lead p { margin: 0; }

/* ---------- Lentelių slinkties dėžutė ----------
 *
 * Plati lentelė be šios dėžutės išplečia visą puslapį — atsiranda
 * horizontalus slinkimas, nesusijęs su turiniu aplink.
 */
.table-scroll {
	max-width: 100%;
	margin: 0 0 1.6em;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
}
.table-scroll::-webkit-scrollbar { height: 6px; }
.table-scroll::-webkit-scrollbar-thumb { background: var(--c-line-strong); }
.table-scroll > table { margin: 0; min-width: 480px; }

/* ---------- Katalogo tekstas: stiliai nepriklauso nuo `.post-content` ----------
 *
 * Kategorijos aprašymas ateina is termino lauko, todel jam negalima remtis
 * tuo, kad kazkas uzdejo teisinga klase. Taisykles kartojamos aiskiai.
 */
.archive-text__inner h2,
.archive-text__body h2,
.term-description h2 {
	scroll-margin-top: 100px;
	margin: 2em 0 .6em; padding-top: 1.2em;
	border-top: 1px solid var(--c-line);
	color: var(--c-ink); font-size: 22px; font-weight: 800;
	letter-spacing: -.03em; line-height: 1.25;
}
.archive-text__inner h2:first-child,
.archive-text__body h2:first-child,
.term-description h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.archive-text__inner h3,
.archive-text__body h3,
.term-description h3 { margin: 1.6em 0 .4em; color: var(--c-ink); font-size: 17px; font-weight: 700; }
.archive-text__inner p,
.archive-text__body p,
.term-description p { margin: 0 0 1.1em; }
.archive-text__inner ul,
.archive-text__body ul,
.term-description ul,
.archive-text__inner ol,
.archive-text__body ol,
.term-description ul,
.term-description ul,
.archive-text__inner ol,
.archive-text__body ol { margin: 0 0 1.2em; padding-left: 22px; }
.archive-text__inner li + li,
.archive-text__body li + li,
.term-description li + li { margin-top: 7px; }
.archive-text__inner strong,
.archive-text__body strong,
.term-description strong { color: var(--c-ink); }
.archive-text__inner a,
.archive-text__body a,
.term-description a { color: var(--c-brand); text-decoration: underline; text-underline-offset: 3px; }

.archive-text__inner table,
.archive-text__body table,
.term-description table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.archive-text__inner thead th,
.archive-text__body thead th,
.term-description thead th {
	padding: 12px 14px; text-align: left;
	background: var(--c-dark); color: #fff;
	font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.archive-text__inner td,
.archive-text__body td,
.term-description td,
.archive-text__inner tbody th,
.archive-text__body tbody th,
.term-description td,
.term-description td,
.archive-text__inner tbody th,
.archive-text__body tbody th { padding: 12px 14px; border-bottom: 1px solid var(--c-line); }
.archive-text__inner tbody tr:nth-child(even),
.archive-text__body tbody tr:nth-child(even),
.term-description tbody tr:nth-child(even) { background: var(--c-bg-muted); }
.archive-text__inner td:first-child,
.archive-text__body td:first-child,
.term-description td:first-child { font-weight: 600; color: var(--c-ink); }

/* ---------- Tarpas nuo antraštės ---------- */

.shop-layout { padding-top: var(--gap-section); }
.woocommerce-products-header { padding-top: 0; }

/* ---------- Filtrų mygtukas ----------
 *
 * Jis skirtas tik siauriems ekranams, kur soninė juosta virsta stalčiumi.
 * `!important` cia pagristas: WooCommerce ir ikiepiai mygtukams daznai
 * primeta savo `display`, o desktope jis neturi matytis jokiu budu.
 */
.filters-toggle { display: none !important; }

@media (max-width: 900px) {
	.filters-toggle { display: inline-flex !important; }
}

/* Filtru juosta niekada neturi platinti puslapio. */
/* Tik plocio saugiklis – slinkties uz ji neribojam, kad stalcius veiktu. */
.shop-layout__sidebar { min-width: 0; }
.filters { max-width: 100%; overflow-x: clip; }

/* ---------- Kategorijos DUK ---------- */

.archive-faq {
	padding: var(--gap-section) 0;
	background: var(--c-bg-muted);
	border-top: 1px solid var(--c-line);
}
.archive-faq__head { margin-bottom: 24px; }
.archive-faq__eyebrow {
	display: block; margin-bottom: 7px;
	font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	color: var(--c-brand);
}
.archive-faq__title { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.03em; }

/* Akordeonas pilkame fone – langeliai balti, kad linijos matytusi. */
/* Plotis toks pat kaip kitu sekciju – konteinerio neperrasinejam. */
.archive-faq .faq__list { border-top: 1px solid var(--c-line); }
.archive-faq .faq__item { padding: 0 2px; }

/* ---------- Katalogo įrankių juosta ----------
 *
 * Trys WooCommerce elementai viename apvalkale: rezultatų skaičius, filtrų
 * mygtukas ir rūšiavimas. Kompiuteryje — viena eilutė, telefone — tekstas
 * atskirai, o mygtukas su rūšiavimu priešinguose kraštuose.
 */
.shop-toolbar {
	display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px;
	margin: 0 0 4px;
}
.shop-toolbar .woocommerce-result-count { margin: 0; }
.shop-toolbar .woocommerce-ordering { margin-left: auto; }
.shop-toolbar .filters-toggle { order: 2; }

@media (max-width: 1024px) {
	/*
	 * `space-between` su `flex-wrap`: tekstas uzima visa pirma eilute,
	 * o mygtukas ir rusiavimas lieka antroje, prispausti prie kraštų.
	 * Tinklelis cia netiko – `auto auto` stulpeliai susitraukia iki turinio
	 * ir rusiavimas nenueina iki desinio krasto.
	 */
	.shop-toolbar {
		display: flex; flex-wrap: wrap;
		justify-content: space-between; align-items: center;
		gap: 10px;
	}
	.shop-toolbar .woocommerce-result-count {
		flex: 1 0 100%; order: 0;
		font-size: 13px;
	}
	.shop-toolbar .filters-toggle { order: 1; flex: 0 0 auto; }
	.shop-toolbar .woocommerce-ordering { order: 2; flex: 0 1 auto; margin-left: 0; min-width: 0; }
	.shop-toolbar .woocommerce-ordering select { max-width: 100%; font-size: 13px; }
}

/* ---------- Uždarymo mygtukas stalčiuje ---------- */

.filters__close { display: none; }

@media (max-width: 1024px) {
	.filters__close {
		display: grid; place-items: center;
		width: 34px; height: 34px; margin-left: auto; padding: 0;
		background: none; border: 1px solid var(--c-line); border-radius: 0;
		color: var(--c-ink-soft); cursor: pointer;
		transition: border-color .16s ease, color .16s ease;
	}
	.filters__close:hover { border-color: var(--c-brand); color: var(--c-brand); }

	/* Antraštė lieka matoma slenkant ilgą filtrų sąrašą. */
	.shop-layout__sidebar .filters__head {
		position: sticky; top: 0; z-index: 2;
	}
}

/* ---------- Kategorijos filtrų juostoje ---------- */

.filter-list--cats { max-height: none; }

.filter-cat {
	display: flex; align-items: center; gap: 10px;
	padding: 8px 6px; margin: 0 -6px;
	font-size: 14px; color: var(--c-ink);
	transition: background .12s ease, color .12s ease;
}
.filter-cat:hover { background: var(--c-bg-muted); color: var(--c-brand); }

.filter-cat__name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.filter-cat__count {
	flex: 0 0 auto; font-size: 12px; color: var(--c-ink-soft);
	font-variant-numeric: tabular-nums;
}

/* Esama kategorija – raudona juostelė, ne fonas: sąrašas lieka ramus. */
.filter-cat.is-current {
	font-weight: 700; color: var(--c-brand);
	box-shadow: inset 3px 0 0 var(--c-brand);
	padding-left: 12px;
}

/* Nuoroda į viršesnę kategoriją – rodyklė apsukama. */
.filter-cat--up { color: var(--c-ink-soft); font-weight: 600; }
.filter-cat__back { transform: rotate(180deg); color: var(--c-line-strong); }
.filter-cat--up:hover .filter-cat__back { color: var(--c-brand); }

@media (max-width: 1024px) {
	/* Stalcius pats yra remas – dvigubo nereikia. */
	.shop-layout__sidebar .filters { border: 0; }
}

/* =========================================================
   Prekės puslapis — duomenų lapo išdėstymas
   ========================================================= */

.single-product-page { padding-bottom: 20px; }

/* ---------- Antraštė ---------- */

.single-head { margin-bottom: 28px; }
.single-head__brand {
	display: inline-block; margin-bottom: 7px;
	font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
	color: var(--c-brand);
}
.single-head__brand:hover { color: var(--c-brand-dark); }
.single-head__title {
	margin: 0 0 6px; max-width: 900px;
	font-size: clamp(24px, 3vw, 34px); font-weight: 800;
	letter-spacing: -.035em; line-height: 1.15;
}
.single-head__sku { font-size: 13px; color: var(--c-ink-soft); font-variant-numeric: tabular-nums; }

/* ---------- Galerija ir lentelė ---------- */

.single-grid {
	display: grid; grid-template-columns: minmax(0, 1fr) 380px;
	gap: 48px; align-items: start;
}
/*
 * `position: relative` butinas nuolaidos zenkleliui: WooCommerce ji raso
 * PRIES galerija (`woocommerce_show_product_sale_flash` kabliukas veikia
 * anksciau uz `woocommerce_show_product_images`), tad zenklelis yra
 * tiesioginis SIO bloko, o ne galerijos, vaikas. Be pozicionuoto tevo jis
 * prisirisdavo prie tolimesnio protevio ir nusileisdavo ant antrastes.
 */
.single-grid__media { position: relative; min-width: 0; }

/*
 * Pirkimo lentelė. Kiekviena eilutė – atskiras klausimas su atsakymu
 * desineje. Plaukelio storio linijos vietoj kortelių: taip blokas skaitosi
 * kaip techninis lapas, o ne kaip reklama.
 */
.buy-panel {
	position: sticky; top: 104px;
	border: 1px solid var(--c-line);
	background: #fff;
}

.buy-panel__price {
	padding: 20px;
	border-bottom: 1px solid var(--c-line);
	font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05;
	font-variant-numeric: tabular-nums;
}
.buy-panel__price del {
	display: inline-block; margin-right: 8px;
	font-size: 18px; font-weight: 500; color: var(--c-ink-soft);
	text-decoration: line-through;
}
.buy-panel__price ins { text-decoration: none; color: var(--c-brand); }
.buy-panel__save {
	display: block; margin-top: 6px;
	font-size: 13px; font-weight: 700; color: var(--c-ok);
	letter-spacing: 0;
}

.buy-panel__row {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 11px 20px;
	border-bottom: 1px solid var(--c-line);
	font-size: 13.5px; color: var(--c-ink-soft);
}
.buy-panel__row b { font-weight: 700; color: var(--c-ink); text-align: right; }
.buy-panel__row--ok b { color: var(--c-ok); }
.buy-panel__row--no b { color: var(--c-ink-soft); }

.buy-panel__foot { padding: 18px 20px 20px; background: var(--c-bg-muted); }

/* WooCommerce formos elementai lentelės apačioje. */
.buy-panel__foot form.cart { display: grid; gap: 10px; margin: 0; }
.buy-panel__foot .quantity { display: flex; }
.buy-panel__foot .quantity input {
	width: 100%; padding: 12px 14px;
	border: 1px solid var(--c-line); border-radius: 0;
	font: inherit; font-size: 15px; text-align: center;
	font-variant-numeric: tabular-nums;
}
.buy-panel__foot .button { width: 100%; justify-content: center; }
.buy-panel__foot .stock { display: none; }

.buy-panel__actions { display: flex; gap: 1px; margin-top: 12px; }
.buy-panel__actions .wishlist-btn,
.buy-panel__actions .compare-btn {
	position: static;
	flex: 1 1 0;
	display: flex; align-items: center; justify-content: center; gap: 8px;
	padding: 10px 8px; margin: 0;
	background: #fff; border: 0; border-radius: 0;
	box-shadow: 0 0 0 1px var(--c-line);
	color: var(--c-ink-soft); cursor: pointer;
	font-size: 12.5px; font-weight: 700;
	transition: color .16s ease, box-shadow .16s ease;
}
.buy-panel__actions .wishlist-btn:hover,
.buy-panel__actions .compare-btn:hover { color: var(--c-brand); box-shadow: 0 0 0 1px var(--c-brand); }
.buy-panel__actions .wishlist-btn.is-active,
.buy-panel__actions .compare-btn.is-active { color: var(--c-brand); box-shadow: 0 0 0 1px var(--c-brand); background: #fff; }
.buy-panel__actions .wishlist-btn__icon,
.buy-panel__actions .compare-btn__icon { flex: none; }

.buy-panel__help {
	margin: 14px 0 0; padding-top: 14px;
	border-top: 1px solid var(--c-line);
	font-size: 12.5px; color: var(--c-ink-soft); text-align: center;
}
.buy-panel__help a { display: block; margin-top: 2px; font-size: 15px; font-weight: 800; color: var(--c-ink); }
.buy-panel__help a:hover { color: var(--c-brand); }

/* ---------- Turinys po galerija ---------- */

.single-body { margin-top: 52px; }
.single-section { margin-bottom: 44px; }
.single-section__title {
	margin: 0 0 16px; padding-bottom: 12px;
	border-bottom: 2px solid var(--c-line);
	font-size: 21px; font-weight: 800; letter-spacing: -.025em;
}
.single-section .post-content { max-width: 820px; }

/* Specifikacijų lentelė – tos pačios taisyklės kaip straipsniuose. */
.single-section table.shop_attributes {
	width: 100%; max-width: 820px; border-collapse: collapse;
	font-size: 14.5px; margin: 0 0 18px;
}
.single-section table.shop_attributes tr:nth-child(even) { background: var(--c-bg-muted); }
.single-section table.shop_attributes th,
.single-section table.shop_attributes td {
	padding: 11px 14px; border-bottom: 1px solid var(--c-line);
	text-align: left; font-style: normal;
}
.single-section table.shop_attributes th { width: 42%; font-weight: 500; color: var(--c-ink-soft); }
.single-section table.shop_attributes td { font-weight: 600; font-variant-numeric: tabular-nums; }
.single-section table.shop_attributes p { margin: 0; }

@media (max-width: 1024px) {
	.single-grid { grid-template-columns: 1fr; gap: 32px; }
	.buy-panel { position: static; }
	.single-body { margin-top: 38px; }
}

/* ---------- Senų taisyklių neutralizavimas naujame išdėstyme ----------
 *
 * `.woocommerce div.product form.cart` ir `div.images` yra specifiškesni
 * (trys klasės) už naujojo išdėstymo selektorius, todėl juos reikia perrašyti
 * tokiu pat svoriu. Kitaip krepšelio forma lieka flex eilutė, o galerija —
 * 48 % pločio plūduriuojantis blokas.
 */
.woocommerce div.product.single-product-page { padding-bottom: 0; }

.woocommerce div.product .single-grid__media div.images { width: 100%; float: none; margin: 0; }

.woocommerce div.product .buy-panel__foot form.cart {
	display: grid; gap: 10px; margin: 0;
	align-items: stretch;
}
.woocommerce div.product .buy-panel__foot form.cart .quantity input.qty {
	width: 100%; height: auto; padding: 12px 14px;
	border-radius: 0;
}
.woocommerce div.product .buy-panel__foot form.cart .button {
	width: 100%; justify-content: center; padding: 15px 20px;
}

/* Ženklelis ant nuotraukos – tos pačios formos kaip kortelėje. */
.woocommerce div.product.single-product-page span.onsale {
	top: 14px; left: 14px; right: auto; margin: 0;
	background: var(--c-brand); color: #fff; border-radius: 0;
	padding: 6px 11px; font-size: 11.5px; font-weight: 800;
	letter-spacing: .1em; text-transform: uppercase;
}



/* ---------- Galerija ----------
 *
 * Miniatiūros kairėje, pagrindinė nuotrauka dešinėje.
 *
 * Svarbu: slankiklio pločių neliečiame. Flexslider pats išmatuoja konteinerį
 * ir pagal tai skaičiuoja slinkimo pozicijas — perrašius `width`, paspaudus
 * miniatiūrą nuotrauka nebepasikeisdavo. Todėl vieta miniatiūroms daroma
 * vidiniu tarpu, o pačios miniatiūros dedamos į tą tarpą absoliučiai.
 */
.woocommerce div.product .single-grid__media .woocommerce-product-gallery {
	/*
	 * Savas sluoksniavimo kontekstas: WooCommerce priartinimo mygtukui duoda
	 * `z-index: 99`, o prilipusi antraste turi 60. Su `isolation` niekas
	 * viduje negali pakilti auksciau uz pacia galerija.
	 */
	position: relative;
	z-index: 0;
	isolation: isolate;

	padding-left: 102px;
	width: 100%;
	float: none;
	margin: 0;
}

.woocommerce div.product .single-grid__media .woocommerce-product-gallery__wrapper { margin: 0; }

.woocommerce div.product .single-grid__media .woocommerce-product-gallery__image img {
	width: 100%;
	max-height: 560px;
	object-fit: contain;
	padding: 10px;
	background: var(--c-bg-muted);
}

/* Miniatiūros – kairiajame tarpe. */
.woocommerce div.product .single-grid__media .flex-control-thumbs {
	position: absolute;
	left: 0;
	top: 0;
	width: 92px;
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.woocommerce div.product .single-grid__media .flex-control-thumbs li {
	/* Flexslider primeta inline `width` – be `!important` miniatiūros susitraukia. */
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}
/*
 * Rėmelis eina aplink pačią nuotrauką, todėl proporcijų neprimetame:
 * su kvadratu ir `contain` linijos atsidurdavo toli nuo vaizdo krašto.
 */
.woocommerce div.product .single-grid__media .flex-control-thumbs img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	background: var(--c-bg-muted);
	border: 2px solid var(--c-line);
	opacity: .6;
	transition: opacity .16s ease, border-color .16s ease;
	cursor: pointer;
}
.woocommerce div.product .single-grid__media .flex-control-thumbs img.flex-active,
.woocommerce div.product .single-grid__media .flex-control-thumbs img:hover {
	opacity: 1;
	border-color: var(--c-brand);
}

/* Viena nuotrauka – miniatiūrų nėra, tad ir tarpo nereikia. */
.woocommerce div.product .single-grid__media .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) {
	padding-left: 0;
}

@media (max-width: 640px) {
	/* Siaurame ekrane miniatiūros grįžta po nuotrauka. */
	.woocommerce div.product .single-grid__media .woocommerce-product-gallery { padding-left: 0; }
	.woocommerce div.product .single-grid__media .flex-control-thumbs {
		position: static;
		width: auto;
		grid-template-columns: repeat(5, 1fr);
		margin-top: 8px;
	}
}
/* ---------- Priartinimo mygtukas ---------- */

.woocommerce div.product .woocommerce-product-gallery__trigger {
	top: 12px;
	right: 12px;
	left: auto;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0 0 1px var(--c-line);
	font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230d1013' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m21 21-5.8-5.8'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px 19px;
}
.woocommerce div.product .woocommerce-product-gallery__trigger:hover { box-shadow: 0 0 0 1px var(--c-brand); }
.woocommerce div.product .woocommerce-product-gallery__trigger::before,
.woocommerce div.product .woocommerce-product-gallery__trigger::after,
.woocommerce div.product .woocommerce-product-gallery__trigger img { display: none; }

/*
 * Filtru lietimo zonos telefone.
 *
 * Stalinis 7px paddingas duoda ~36px auksti – po pirstu tai per maza, o
 * filtrai yra pagrindinis kataloga siaurinantis irankis. Zona didinama tik
 * ten, kur liecia pirstas; peleje aukstesnes eilutes be reikalo isteciu sarasa.
 */
@media (max-width: 782px) {
	.filter-option { min-height: 44px; padding: 10px 6px; }
	.filter-option input { flex: none; }
}