/* ==========================================================================
   AMŽINAS TAKAS — parduotuvės dizainas v2
   Filtrų juosta, katalogo įrankiai, krepšelio skydelis ir krepšelio puslapis.
   Krauna po shop.css, todėl čia esančios taisyklės turi viršenybę.
   ========================================================================== */

/* --------------------------------------------------------- 1. Maketas ---- */

.shop__layout--filters { gap: 40px; }
.shop__main { min-width: 0; }

@media (min-width: 1040px) {
	.shop__layout--filters {
		grid-template-columns: 280px minmax(0, 1fr);
		align-items: start;
	}
	.shopfilter { position: sticky; top: 104px; }
}

/* ------------------------------------------------------ 2. Filtrų juosta - */

.shopfilter {
	border: var(--line);
	border-top: 3px solid var(--copper);
	background: var(--white);
	padding: 26px 24px 24px;
}

/* Telefone juosta paslėpta — ten veikia išslenkantis skydelis. */
@media (max-width: 1039px) {
	.shop__layout--filters .shopfilter { display: none; }
}

.shopfilter__group { margin-bottom: 26px; }
.shopfilter__group:last-of-type { margin-bottom: 0; }

.shopfilter__title {
	margin: 0 0 12px;
	font-family: var(--font-body);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--granite-500);
}

/* Paieška */

.shopfilter__search { display: flex; gap: 0; }
.shopfilter__search input[type="search"] {
	flex: 1;
	min-width: 0;
	min-height: 44px;
	padding: 10px 12px;
	border: var(--line);
	border-right: 0;
	border-radius: 0;
	background: var(--white);
	font: 400 .95rem var(--font-body);
	color: var(--granite-900);
}
.shopfilter__search input[type="search"]:focus {
	outline: 2px solid var(--copper);
	outline-offset: -2px;
}
.shopfilter__search button {
	flex: none;
	min-height: 44px;
	padding: 0 14px;
	border: 0;
	background: var(--granite-900);
	color: var(--white);
	font: 600 .82rem/1 var(--font-body);
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .2s var(--ease);
}
.shopfilter__search button:hover { background: var(--copper); }

/* Sąrašai */

.shopfilter__list { list-style: none; margin: 0; padding: 0; }
.shopfilter__list li { border-bottom: 1px solid var(--stone-100); }
.shopfilter__list li:last-child { border-bottom: 0; }
.shopfilter__list a {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 0;
	font-size: .96rem;
	color: var(--granite-800);
	text-decoration: none;
	transition: color .2s var(--ease), padding-left .2s var(--ease);
}
.shopfilter__list a:hover { color: var(--copper); padding-left: 4px; }
.shopfilter__list em {
	font-style: normal;
	font-size: .78rem;
	color: var(--granite-500);
}
.shopfilter__list li.is-on > a { color: var(--copper); font-weight: 700; }
.shopfilter__list li.is-on > a::before {
	content: "";
	width: 8px;
	height: 8px;
	flex: none;
	margin-right: 8px;
	align-self: center;
	background: var(--copper);
}

/* Įjungiami filtrai atrodo kaip langeliai. */

.shopfilter__list--toggle a { align-items: center; }
.shopfilter__list--toggle a::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	margin-right: 10px;
	border: 1.5px solid var(--granite-300);
	background: var(--white);
	transition: border-color .2s var(--ease), background .2s var(--ease);
}
.shopfilter__list--toggle li.is-on > a::before {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border-color: var(--copper);
	background: var(--copper);
	box-shadow: inset 0 0 0 3px var(--white);
}

/* Kaina */

.shopfilter__range {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 8px;
}
.shopfilter__range label { display: block; }
.shopfilter__range input[type="number"] {
	width: 100%;
	min-height: 44px;
	padding: 8px 10px;
	border: var(--line);
	border-radius: 0;
	background: var(--white);
	font: 400 .95rem var(--font-body);
	color: var(--granite-900);
	-moz-appearance: textfield;
}
.shopfilter__range input::-webkit-outer-spin-button,
.shopfilter__range input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.shopfilter__range input:focus { outline: 2px solid var(--copper); outline-offset: -2px; }
.shopfilter__dash { color: var(--granite-500); }
.shopfilter__range .btn {
	grid-column: 1 / -1;
	justify-self: start;
	margin-top: 4px;
}

.shopfilter__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.shopfilter__chip {
	display: inline-block;
	padding: 6px 10px;
	border: var(--line);
	font-size: .82rem;
	color: var(--granite-700);
	text-decoration: none;
	transition: border-color .2s var(--ease), color .2s var(--ease);
}
.shopfilter__chip:hover { border-color: var(--copper); color: var(--copper); }

.shopfilter__reset {
	display: inline-block;
	margin-top: 4px;
	font-size: .88rem;
	color: var(--granite-500);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.shopfilter__reset:hover { color: var(--copper); }

/* Pagalbos blokas */

.shopfilter__help {
	margin-top: 26px;
	padding: 20px 18px;
	background: var(--granite-900);
	border-top: 3px solid var(--copper);
	color: rgba(255, 255, 255, .78);
	font-size: .9rem;
}
.shopfilter__help .shopfilter__title { color: var(--sand-300); }
.shopfilter__help p { margin: 0 0 10px; }
.shopfilter__phone {
	font-family: var(--font-display);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--white);
	text-decoration: none;
}
.shopfilter__phone:hover { color: var(--copper); }

.shopfilter__widgets { margin-top: 26px; }

/* ------------------------------------------------ 3. Katalogo įrankiai --- */

.shoptools {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 0 0 16px;
	border-bottom: var(--line);
	margin-bottom: 26px;
}

.shoptools__toggle {
	display: none;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 16px;
	border: var(--line);
	background: var(--white);
	font: 600 .84rem/1 var(--font-body);
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--granite-900);
	cursor: pointer;
}
.shoptools__toggle:hover { border-color: var(--copper); color: var(--copper); }
.shoptools__toggle em {
	font-style: normal;
	min-width: 20px;
	padding: 2px 5px;
	background: var(--copper);
	color: var(--white);
	font-size: .74rem;
	text-align: center;
}

@media (max-width: 1039px) {
	.shoptools__toggle { display: inline-flex; }
}

.shoptools__count { flex: 1; min-width: 120px; }
.shoptools__sort { margin-left: auto; }

/* Woo elementai juostoje neturi savo tarpų. */
.woocommerce .shoptools .woocommerce-result-count,
.woocommerce .shoptools .woocommerce-ordering {
	margin: 0;
	float: none;
}
.woocommerce .shoptools .woocommerce-ordering select { min-width: 210px; }

.shoptools__active {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: -10px 0 24px;
}
.shoptools__active-label {
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--granite-500);
}
.shoptools__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	background: var(--stone-100);
	border: 1px solid transparent;
	font-size: .84rem;
	color: var(--granite-900);
	text-decoration: none;
}
.shoptools__chip span { color: var(--copper); font-size: 1.05rem; line-height: 1; }
.shoptools__chip:hover { border-color: var(--copper); }
.shoptools__clear {
	font-size: .84rem;
	color: var(--granite-500);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.shoptools__clear:hover { color: var(--copper); }

/* ------------------------------------------------- 4. Krepšelio skydelis - */

.sidecar--cart .sidecar__body,
.sidecar--filters .sidecar__body { display: block; }

.sidecar--cart .widget_shopping_cart_content { font-size: .95rem; }

.woocommerce .sidecar--cart ul.cart_list,
.sidecar--cart ul.cart_list {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.woocommerce .sidecar--cart ul.cart_list li,
.sidecar--cart ul.cart_list li {
	position: relative;
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 14px;
	padding: 14px 26px 14px 0;
	border-bottom: 1px solid var(--stone-100);
	margin: 0;
}
.woocommerce .sidecar--cart ul.cart_list li img,
.sidecar--cart ul.cart_list li img {
	width: 64px;
	height: auto;
	margin: 0;
	float: none;
	border: var(--line);
}
.woocommerce .sidecar--cart ul.cart_list li a,
.sidecar--cart ul.cart_list li a {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: .96rem;
	color: var(--granite-900);
	text-decoration: none;
}
.sidecar--cart ul.cart_list li a:hover { color: var(--copper); }
.sidecar--cart ul.cart_list li .quantity {
	display: block;
	margin-top: 4px;
	font-size: .88rem;
	color: var(--granite-500);
}
.woocommerce .sidecar--cart ul.cart_list li a.remove,
.sidecar--cart ul.cart_list li a.remove {
	position: absolute;
	top: 14px;
	right: 0;
	width: 22px;
	height: 22px;
	line-height: 20px;
	text-align: center;
	border: 1px solid var(--granite-300);
	background: var(--white);
	color: var(--granite-500);
	font-size: 1rem;
}
.sidecar--cart ul.cart_list li a.remove:hover {
	background: var(--copper);
	border-color: var(--copper);
	color: var(--white);
}

.woocommerce .sidecar--cart .woocommerce-mini-cart__total,
.sidecar--cart .woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 0;
	margin: 0 0 16px;
	border-top: 2px solid var(--granite-900);
	border-bottom: 0;
	font-family: var(--font-display);
	font-size: 1.05rem;
}
.sidecar--cart .woocommerce-mini-cart__total strong { font-weight: 600; }
.sidecar--cart .woocommerce-mini-cart__total .amount { font-weight: 700; }

.woocommerce .sidecar--cart .woocommerce-mini-cart__buttons,
.sidecar--cart .woocommerce-mini-cart__buttons {
	display: grid;
	gap: 10px;
	margin: 0;
}
.woocommerce .sidecar--cart .woocommerce-mini-cart__buttons a.button,
.sidecar--cart .woocommerce-mini-cart__buttons a.button {
	display: block;
	width: 100%;
	margin: 0;
	padding: 14px 18px;
	border: 2px solid var(--granite-900);
	border-radius: 0;
	background: var(--white);
	color: var(--granite-900);
	font: 600 .86rem/1 var(--font-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: center;
}
.woocommerce .sidecar--cart .woocommerce-mini-cart__buttons a.checkout,
.sidecar--cart .woocommerce-mini-cart__buttons a.checkout {
	background: var(--granite-900);
	border-color: var(--granite-900);
	color: var(--white);
}
.sidecar--cart .woocommerce-mini-cart__buttons a.button:hover {
	background: var(--copper);
	border-color: var(--copper);
	color: var(--white);
}

.woocommerce .sidecar--cart .woocommerce-mini-cart__empty-message,
.sidecar--cart .woocommerce-mini-cart__empty-message {
	margin: 0;
	padding: 28px 0;
	text-align: center;
	color: var(--granite-500);
}

/* ------------------------------------------------ 5. Krepšelio puslapis -- */

@media (min-width: 1040px) {
	.woocommerce-cart .shop__layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 360px;
		align-items: start;
		gap: 40px;
	}
	.woocommerce-cart .shop__main { display: contents; }
	.woocommerce-cart .woocommerce { display: contents; }
	.woocommerce-cart .woocommerce-notices-wrapper { grid-column: 1 / -1; }
	.woocommerce-cart .woocommerce-cart-form { grid-column: 1; }
	.woocommerce-cart .cart-collaterals { grid-column: 2; position: sticky; top: 104px; }
}

.woocommerce-cart table.shop_table {
	width: 100%;
	border: var(--line);
	border-collapse: collapse;
	border-radius: 0;
	margin: 0;
}
.woocommerce-cart table.shop_table thead th {
	padding: 14px 16px;
	border-bottom: var(--line);
	background: var(--stone-100);
	font: 700 .74rem/1 var(--font-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--granite-500);
	text-align: left;
}
.woocommerce-cart table.shop_table td {
	padding: 18px 16px;
	border-top: 1px solid var(--stone-100);
	vertical-align: middle;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
	width: 76px;
	height: auto;
	border: var(--line);
}
.woocommerce-cart table.shop_table td.product-name a {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--granite-900);
	text-decoration: none;
}
.woocommerce-cart table.shop_table td.product-name a:hover { color: var(--copper); }
.woocommerce-cart table.shop_table td.product-subtotal { font-weight: 700; }

.woocommerce-cart table.shop_table td.product-remove a.remove {
	width: 28px;
	height: 28px;
	line-height: 26px;
	border: 1px solid var(--granite-300);
	background: var(--white);
	color: var(--granite-500);
	font-size: 1.1rem;
	text-align: center;
}
.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
	background: var(--copper);
	border-color: var(--copper);
	color: var(--white);
}

.woocommerce-cart table.shop_table td.actions {
	padding: 18px 16px;
	background: var(--stone-100);
	border-top: var(--line);
}
.woocommerce-cart table.shop_table td.actions .coupon { display: flex; gap: 8px; float: none; }
.woocommerce-cart table.shop_table td.actions .coupon input.input-text {
	width: auto;
	min-width: 180px;
	min-height: 44px;
	padding: 10px 12px;
	border: var(--line);
	border-radius: 0;
	background: var(--white);
}

/* Suvestinė */

.woocommerce-cart .cart-collaterals { width: 100%; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
	padding: 24px 22px;
	border: var(--line);
	border-top: 3px solid var(--copper);
	background: var(--white);
}
.woocommerce-cart .cart_totals h2 {
	margin: 0 0 16px;
	font-size: 1.15rem;
	letter-spacing: .02em;
}
.woocommerce-cart .cart_totals table.shop_table { border: 0; }
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
	padding: 12px 0;
	border-top: 1px solid var(--stone-100);
	background: transparent;
	text-transform: none;
	letter-spacing: 0;
	font-size: .96rem;
	color: var(--granite-800);
}
.woocommerce-cart .cart_totals tr.order-total th,
.woocommerce-cart .cart_totals tr.order-total td {
	border-top: 2px solid var(--granite-900);
	font-family: var(--font-display);
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--granite-900);
}
.woocommerce-cart .wc-proceed-to-checkout { padding: 18px 0 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
	width: 100%;
	margin: 0;
	padding: 16px 20px;
	border-radius: 0;
	background: var(--granite-900);
	color: var(--white);
	font: 600 .9rem/1 var(--font-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: center;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--copper); }

/* Pasitikėjimo eilutė po suvestine. */
.cart-usp {
	margin-top: 18px;
	padding: 18px 20px;
	background: var(--stone-100);
	font-size: .88rem;
	color: var(--granite-700);
}
.cart-usp ul { list-style: none; margin: 0; padding: 0; }
.cart-usp li { padding: 6px 0 6px 20px; position: relative; }
.cart-usp li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	width: 8px;
	height: 8px;
	background: var(--copper);
}

/* Telefone lentelė virsta kortelėmis. */
@media (max-width: 767px) {
	.woocommerce-cart table.shop_table thead { display: none; }
	.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
		display: grid;
		grid-template-columns: 76px 1fr;
		gap: 12px;
		padding: 16px;
		border-top: 1px solid var(--stone-100);
		position: relative;
	}
	.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td {
		display: block;
		padding: 0;
		border: 0;
	}
	.woocommerce-cart table.shop_table td.product-thumbnail { grid-row: 1 / 4; }
	.woocommerce-cart table.shop_table td.product-remove { position: absolute; top: 14px; right: 14px; }
	.woocommerce-cart table.shop_table td.product-price::before { content: "Kaina: "; color: var(--granite-500); }
	.woocommerce-cart table.shop_table td.product-subtotal::before { content: "Iš viso: "; color: var(--granite-500); }
	.woocommerce-cart table.shop_table td.actions .coupon { flex-wrap: wrap; }
}

/* ------------------------------------------------- 6. Prekių tinklelis --- */

.woocommerce .shop__main ul.products,
.woocommerce div.product .related ul.products,
.woocommerce div.product .up-sells ul.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	list-style: none;
}
.woocommerce .shop__main ul.products::before,
.woocommerce .shop__main ul.products::after,
.woocommerce div.product .related ul.products::before,
.woocommerce div.product .related ul.products::after { content: none; }

.woocommerce .shop__main ul.products li.product,
.woocommerce div.product .related ul.products li.product,
.woocommerce div.product .up-sells ul.products li.product {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	background: var(--white);
	border: var(--line);
	position: relative;
	display: flex;
	flex-direction: column;
	transition: border-color .25s var(--ease), background .25s var(--ease);
}
.woocommerce .shop__main ul.products li.product:hover,
.woocommerce div.product .related ul.products li.product:hover { border-color: var(--copper); }

.woocommerce .shop__main ul.products li.product .product-card__media,
.woocommerce div.product .related ul.products li.product .product-card__media {
	position: relative;
	overflow: hidden;
	background: var(--stone-100);
}
.woocommerce .shop__main ul.products li.product img,
.woocommerce div.product .related ul.products li.product img {
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
	transition: transform .5s var(--ease);
}
.woocommerce .shop__main ul.products li.product:hover img { transform: scale(1.04); }

.woocommerce .shop__main ul.products li.product .product-card__body,
.woocommerce div.product .related ul.products li.product .product-card__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
	padding: 20px 20px 22px;
}
.woocommerce .shop__main ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .related ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--font-display);
	font-size: 1.02rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
	padding: 0;
}
.woocommerce .shop__main ul.products li.product .price,
.woocommerce div.product .related ul.products li.product .price {
	font-family: var(--font-display);
	font-size: 1.12rem;
	font-weight: 700;
	color: var(--granite-900);
	margin: 2px 0 0;
}
.woocommerce .shop__main ul.products li.product .price del { color: var(--granite-300); font-size: .88em; }
.woocommerce .shop__main ul.products li.product .price ins { color: var(--copper); }

.woocommerce .shop__main ul.products li.product a.button,
.woocommerce .shop__main ul.products li.product a.added_to_cart {
	margin-top: auto;
	align-self: flex-start;
}

/* Ženkliukai */

.woocommerce .shop__main ul.products li.product span.onsale {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	margin: 0;
	min-height: 0;
	min-width: 0;
	padding: 7px 12px;
	border-radius: 0;
	background: var(--copper);
	color: var(--white);
	font: 700 .72rem/1 var(--font-body);
	letter-spacing: .12em;
	text-transform: uppercase;
	z-index: 2;
}
.woocommerce .shop__main ul.products li.product.outofstock .product-card__media::after {
	content: "Laikinai nėra";
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 7px 12px;
	background: var(--granite-900);
	color: var(--white);
	font: 700 .72rem/1 var(--font-body);
	letter-spacing: .1em;
	text-transform: uppercase;
}

@media (max-width: 1039px) {
	.woocommerce .shop__main ul.products,
.woocommerce div.product .related ul.products,
.woocommerce div.product .up-sells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.woocommerce .shop__main ul.products,
.woocommerce div.product .related ul.products,
.woocommerce div.product .up-sells ul.products { grid-template-columns: 1fr; }
}

/* Tuščias rezultatas */

.woocommerce .shop__main .woocommerce-info {
	margin: 0;
	border: var(--line);
	border-left: 3px solid var(--copper);
	background: var(--white);
}

/* Puslapiavimas */

.woocommerce .shop__main nav.woocommerce-pagination { margin-top: 32px; }
.woocommerce .shop__main nav.woocommerce-pagination ul {
	border: 0;
	display: flex;
	gap: 6px;
	justify-content: center;
}
.woocommerce .shop__main nav.woocommerce-pagination ul li { border: 0; margin: 0; overflow: visible; }
.woocommerce .shop__main nav.woocommerce-pagination ul li a,
.woocommerce .shop__main nav.woocommerce-pagination ul li span {
	min-width: 44px;
	padding: 12px 14px;
	border: var(--line);
	background: var(--white);
	font-weight: 600;
	color: var(--granite-800);
}
.woocommerce .shop__main nav.woocommerce-pagination ul li span.current {
	background: var(--granite-900);
	border-color: var(--granite-900);
	color: var(--white);
}
.woocommerce .shop__main nav.woocommerce-pagination ul li a:hover {
	border-color: var(--copper);
	color: var(--copper);
	background: var(--white);
}

/* ================================================= 7. Prekės puslapis ==== */

.woocommerce div.product { padding-bottom: 0; }

.woocommerce div.product > .pdp-usp,
.woocommerce div.product > .pdp-guide,
.woocommerce div.product > .pdp-services,
.woocommerce div.product > .pdp-faq,
.woocommerce div.product > .pdp-cta { grid-column: 1 / -1; }

.pdp-eyebrow {
	margin: 0 0 10px;
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--copper);
}

/* Pasitikėjimo juosta po mygtuku */

.pdp-trust {
	list-style: none;
	margin: 22px 0 0;
	padding: 18px 0 0;
	border-top: var(--line);
	display: grid;
	gap: 12px;
}
.pdp-trust li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-left: 20px;
	position: relative;
}
.pdp-trust li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	background: var(--copper);
}
.pdp-trust strong {
	font-family: var(--font-display);
	font-size: .98rem;
	font-weight: 600;
	color: var(--granite-900);
}
.pdp-trust span { font-size: .88rem; color: var(--granite-500); }

/* Privalumai */

.pdp-usp {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
}
.pdp-usp__item { background: var(--white); border: var(--line); padding: 26px 22px 28px; }
.pdp-usp__num {
	display: block;
	margin-bottom: 12px;
	font-family: var(--font-display);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .1em;
	color: var(--copper);
}
.pdp-usp__item h3 {
	margin: 0 0 8px;
	font-size: 1.02rem;
	line-height: 1.3;
}
.pdp-usp__item p { margin: 0; font-size: .92rem; color: var(--granite-700); }

/* Pasirinkimo gidas */

.pdp-guide {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 48px;
	padding-top: 40px;
	border-top: var(--line);
}
.pdp-guide h2 { margin: 0 0 14px; font-size: clamp(1.45rem, 2.4vw, 2rem); }
.pdp-lead {
	margin: 0 0 30px;
	font-size: 1.05rem;
	color: var(--granite-700);
	max-width: 62ch;
}

.pdp-steps { display: grid; gap: 22px; }
.pdp-step { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; }
.pdp-step__num {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border: var(--line);
	font-family: var(--font-display);
	font-weight: 700;
	color: var(--copper);
}
.pdp-step h3 { margin: 0 0 6px; font-size: 1.05rem; }
.pdp-step p { margin: 0; color: var(--granite-700); }

.pdp-guide__aside {
	align-self: start;
	padding: 26px 24px;
	background: var(--stone-100);
	border-top: 3px solid var(--copper);
}
.pdp-care { list-style: none; margin: 0 0 20px; padding: 0; }
.pdp-care li {
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid var(--stone-200);
	position: relative;
	font-size: .94rem;
	color: var(--granite-800);
}
.pdp-care li:last-child { border-bottom: 0; }
.pdp-care li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	width: 7px;
	height: 7px;
	background: var(--copper);
}
.pdp-aside__link {
	font-weight: 600;
	color: var(--granite-900);
	text-decoration: underline;
	text-underline-offset: 4px;
}
.pdp-aside__link:hover { color: var(--copper); }

/* Susijusios paslaugos */

.pdp-services {
	padding-top: 40px;
	border-top: var(--line);
}
.pdp-services__head { max-width: 62ch; margin-bottom: 30px; }
.pdp-services__head h2 { margin: 0 0 12px; font-size: clamp(1.45rem, 2.4vw, 2rem); }
.pdp-services__head p { margin: 0; color: var(--granite-700); }

.pdp-services__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.pdp-service {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 26px 22px 28px;
	background: var(--white);
	border: var(--line);
	text-decoration: none;
	transition: border-color .25s var(--ease);
}
.pdp-service:hover { border-color: var(--copper); }
.pdp-service h3 {
	margin: 0;
	font-size: 1.05rem;
	color: var(--granite-900);
}
.pdp-service:hover h3 { color: var(--copper); }
.pdp-service p { margin: 0; font-size: .92rem; color: var(--granite-700); }
.pdp-service__price {
	margin-top: auto;
	padding-top: 10px;
	font-family: var(--font-display);
	font-weight: 700;
	color: var(--copper);
}

/* DUK */

.pdp-faq {
	padding-top: 40px;
	border-top: var(--line);
}
.pdp-faq__list { border-top: var(--line); max-width: 90ch; }
.pdp-faq__item { border-bottom: var(--line); }
.pdp-faq__item summary {
	list-style: none;
	cursor: pointer;
	padding: 18px 40px 18px 0;
	position: relative;
	font-family: var(--font-display);
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--granite-900);
}
.pdp-faq__item summary::-webkit-details-marker { display: none; }
.pdp-faq__item summary::after {
	content: "+";
	position: absolute;
	right: 8px;
	top: 16px;
	font-size: 1.4rem;
	line-height: 1;
	color: var(--copper);
}
.pdp-faq__item[open] summary::after { content: "–"; }
.pdp-faq__item summary:hover { color: var(--copper); }
.pdp-faq__item p {
	margin: 0;
	padding: 0 40px 20px 0;
	color: var(--granite-700);
}

/* Baigiamasis kvietimas */

.pdp-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 28px;
	padding: 36px 36px 38px;
	background: var(--granite-800);
	border-top: 3px solid var(--copper);
	color: rgba(255, 255, 255, .82);
}
.pdp-cta__text { max-width: 60ch; }
.pdp-cta h2 { margin: 0 0 10px; color: var(--white); font-size: clamp(1.35rem, 2.2vw, 1.8rem); }
.pdp-cta p { margin: 0; }
.pdp-cta__actions { display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 1039px) {
	.pdp-usp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pdp-guide { grid-template-columns: 1fr; gap: 36px; }
	.pdp-services__grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.pdp-usp { grid-template-columns: 1fr; }
	.pdp-cta { padding: 30px 24px 32px; }
}

/* ------------------------------------- 8. Tuščio krepšelio siūlymai ------ */

/* Siūlymai rodomi tik tada, kai krepšelis tuščias. */
.sidecar--cart .sidecar__suggest { display: none; }
.sidecar--cart.is-empty .sidecar__suggest { display: block; }

.sidecar--cart.is-empty .woocommerce-mini-cart__empty-message { padding: 20px 0 24px; }

.sidecar__suggest { padding-top: 20px; border-top: var(--line); }

.sidecar__picks { list-style: none; margin: 0 0 18px; padding: 0; }
.sidecar__picks li { border-bottom: 1px solid var(--stone-100); }
.sidecar__picks li:last-child { border-bottom: 0; }
.sidecar__picks a {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 12px 0;
	text-decoration: none;
}
.sidecar__picks-img {
	display: block;
	width: 64px;
	height: 64px;
	background: var(--stone-100);
	border: var(--line);
	overflow: hidden;
}
.sidecar__picks-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sidecar__picks-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sidecar__picks-title {
	font-family: var(--font-display);
	font-size: .95rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--granite-900);
}
.sidecar__picks a:hover .sidecar__picks-title { color: var(--copper); }
.sidecar__picks-price {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: .9rem;
	color: var(--copper);
}
.sidecar__picks-price del { color: var(--granite-300); font-weight: 400; }
.sidecar__picks-price ins { text-decoration: none; }

/* ---------------------------------------- 9. Pirma prekės sekcija ------- */

/* Pavadinimas nebeturi lūžti į tris eilutes. */
.woocommerce div.product .summary .product_title {
	font-size: clamp(1.6rem, 2.4vw, 2.2rem);
	line-height: 1.15;
}

/* Galerija užpildo stulpelį net ir su viena nuotrauka. */
.woocommerce div.product .woocommerce-product-gallery {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 380px;
}
.woocommerce div.product .woocommerce-product-gallery__wrapper { width: 100%; }
.woocommerce div.product .woocommerce-product-gallery img { width: 100%; height: auto; }

/* Faktai po galerija — užpildo kairę pusę. */
.pdp-facts { display: grid; gap: 20px; align-content: start; }

@media (min-width: 900px) {
	.woocommerce div.product > .pdp-facts { grid-column: 1; grid-row: 2; }
	.woocommerce div.product > .pdp-desc,
	.woocommerce div.product > .pdp-reviews { grid-column: 1 / -1; }
}

.pdp-facts__card {
	border: var(--line);
	border-top: 3px solid var(--copper);
	padding: 22px 22px 20px;
	background: var(--white);
}
.pdp-facts__card--note { background: var(--stone-100); }

.pdp-specs { margin: 0; display: grid; }
.pdp-specs > div {
	display: grid;
	grid-template-columns: 40% minmax(0, 1fr);
	gap: 14px;
	padding: 9px 0;
	border-bottom: 1px solid var(--stone-200);
}
.pdp-specs > div:last-child { border-bottom: 0; }
.pdp-specs dt { margin: 0; font-size: .88rem; color: var(--granite-500); }
.pdp-specs dd {
	margin: 0;
	font-family: var(--font-display);
	font-size: .95rem;
	font-weight: 600;
	color: var(--granite-900);
}

.pdp-care--tight li { padding-top: 8px; padding-bottom: 8px; font-size: .9rem; }

/* Aprašymas per visą plotį */

.pdp-desc {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 48px;
	padding-top: 40px;
	border-top: var(--line);
}
.pdp-desc__side { align-self: start; }
.pdp-desc__intro { margin: 0 0 14px; color: var(--granite-700); font-size: .95rem; }
.pdp-desc__body { max-width: none; }
.pdp-desc__body > *:first-child { margin-top: 0; }
.pdp-desc__body table { width: 100%; }

.pdp-reviews { padding-top: 40px; border-top: var(--line); }
.pdp-reviews #reviews h2 { font-size: clamp(1.35rem, 2.2vw, 1.8rem); }

@media (min-width: 900px) {
	.woocommerce div.product .woocommerce-product-gallery { position: sticky; top: 104px; }
}
@media (max-width: 899px) {
	.pdp-desc { grid-template-columns: 1fr; gap: 24px; }
	.woocommerce div.product .woocommerce-product-gallery { min-height: 0; }
}

/* -------------------------------- 10. Pirmos sekimo sekcijos proporcijos - */

@media (min-width: 900px) {
	/* Galerijai daugiau vietos, santraukai — fiksuotesnis stulpelis, kad
	   dešinėje neliktų tuščio trečdalio. */
	.woocommerce div.product {
		grid-template-columns: minmax(240px, 33%) minmax(0, 1fr);
		gap: clamp(24px, 2.4vw, 36px);
	}
	.woocommerce div.product .summary { max-width: none; }
}

.woocommerce div.product .woocommerce-product-gallery {
	min-height: 0;
	aspect-ratio: 4 / 3;
	padding: 0;
	overflow: hidden;
}
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
	width: 100%;
	height: 100%;
}
.woocommerce div.product .woocommerce-product-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Vietoj nuotraukos esantis WooCommerce simbolis netempiamas. */
.woocommerce div.product .woocommerce-product-gallery img[src*="woocommerce-placeholder"] {
	object-fit: contain;
	padding: 15%;
	opacity: .5;
}

/* Susijusios prekės — antraštė virš tinklelio, be papildomų tarpų. */
.woocommerce div.product .related,
.woocommerce div.product .up-sells { margin: 0; }
.woocommerce div.product .related > h2,
.woocommerce div.product .up-sells > h2 {
	padding-top: 40px;
	margin-bottom: 24px;
	font-size: clamp(1.35rem, 2.2vw, 1.8rem);
}

/* Sekcijų tarpai visame puslapyje vienodesni. */
.woocommerce div.product > .pdp-desc,
.woocommerce div.product > .pdp-guide,
.woocommerce div.product > .pdp-services,
.woocommerce div.product > .pdp-faq { padding-top: 40px; }

.pdp-cta { margin-bottom: var(--section-y); }

/* ------------------------------- 11. DUK dviem stulpeliais ir pristatymas */

.pdp-faq {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 48px;
}
.pdp-faq__side { align-self: start; }
.pdp-faq__side h2 { margin: 0 0 10px; font-size: clamp(1.35rem, 2.2vw, 1.75rem); }
.pdp-faq__side p { margin: 0 0 14px; color: var(--granite-700); font-size: .95rem; }
.pdp-faq__list { max-width: none; }

.pdp-delivery { padding-top: 40px; border-top: var(--line); }

.pdp-delivery__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.pdp-delivery__card {
	padding: 24px 22px 26px;
	background: var(--stone-100);
	border-top: 3px solid var(--copper);
}
.pdp-delivery__card h3 { margin: 0 0 8px; font-size: 1.02rem; }
.pdp-delivery__card p { margin: 0; font-size: .92rem; color: var(--granite-700); }

@media (min-width: 900px) {
	.woocommerce div.product > .pdp-delivery { grid-column: 1 / -1; }
}
@media (max-width: 1039px) {
	.pdp-faq { grid-template-columns: 1fr; gap: 24px; }
	.pdp-delivery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.pdp-delivery__grid { grid-template-columns: 1fr; }
}

/* ------------------------ 12. Mini krepšelio eilutė (pataisa) ------------ */

/* WooCommerce nuotrauką ir pavadinimą deda į tą pačią nuorodą, todėl
   tinklelio stulpeliai juos suskaldydavo — nuotrauka viename langelyje,
   pavadinimas siauras po ja. Dabar nuotrauka pozicionuojama absoliučiai. */
.woocommerce .sidecar--cart ul.cart_list li,
.sidecar--cart ul.cart_list li {
	display: block;
	position: relative;
	min-height: 56px;
	padding: 12px 28px 12px 68px;
	border-bottom: 1px solid var(--stone-100);
	margin: 0;
}
.woocommerce .sidecar--cart ul.cart_list li img,
.sidecar--cart ul.cart_list li img {
	position: absolute;
	left: 0;
	top: 12px;
	width: 56px;
	height: 56px;
	object-fit: cover;
	margin: 0;
	float: none;
	border: var(--line);
}
.woocommerce .sidecar--cart ul.cart_list li a:not(.remove),
.sidecar--cart ul.cart_list li a:not(.remove) {
	display: block;
	font-family: var(--font-display);
	font-weight: 600;
	font-size: .92rem;
	line-height: 1.3;
	color: var(--granite-900);
	text-decoration: none;
}
.sidecar--cart ul.cart_list li .quantity {
	display: block;
	margin-top: 3px;
	font-size: .86rem;
	color: var(--granite-500);
}
.woocommerce .sidecar--cart ul.cart_list li a.remove,
.sidecar--cart ul.cart_list li a.remove {
	top: 12px;
	right: 0;
	width: 20px;
	height: 20px;
	line-height: 18px;
	font-size: .9rem;
}

/* ---------------------------- 13. Galerija ir faktai (pataisa) ----------- */

/* WooCommerce galerijoje nuotrauka guli figure > div > a > img grandinėje.
   Neuždėjus pločio nuorodai, ji susitraukia iki nuotraukos dydžio, todėl
   rėmelis lieka platus, o vaizdas mažas kairėje. */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
	display: block;
	width: 100%;
}
.woocommerce div.product .woocommerce-product-gallery {
	aspect-ratio: 4 / 3;
	position: relative;
	overflow: hidden;
}
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image > a { height: 100%; }
.woocommerce div.product .woocommerce-product-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.woocommerce div.product .woocommerce-product-gallery img[src*="woocommerce-placeholder"] {
	object-fit: contain;
	padding: 12%;
	opacity: .45;
}

/* Kelios nuotraukos: miniatiūros lieka apačioje, ant vaizdo. */
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .92);
}

/* Faktai — per visą plotį dviem stulpeliais, kad dešinė pusė nebūtų tuščia. */
@media (min-width: 900px) {
	.woocommerce div.product > .pdp-facts {
		grid-column: 1 / -1;
		grid-row: auto;
	}
	.woocommerce div.product .woocommerce-product-gallery { position: static; }
}

.pdp-facts {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}
.pdp-facts__card { display: flex; flex-direction: column; }
.pdp-facts__card .pdp-specs { flex: 1; align-content: start; }

@media (max-width: 899px) {
	.pdp-facts { grid-template-columns: 1fr; }
}

/* --------------------------- 14. Siauresnė galerija, platesnis tekstas --- */

/* Nuotraukų prekėms bus nedaug, todėl galerijai pakanka trečdalio pločio,
   o santrauka gauna likusius du trečdalius ir nebekabo siaurame stulpelyje. */
.woocommerce div.product .woocommerce-product-gallery { aspect-ratio: 1 / 1; }

@media (min-width: 900px) {
	.woocommerce div.product .summary { padding-top: 0; }

	/* Trumpas aprašymas ir mygtukas neišsitempia per visą 2/3 pločio. */
	.woocommerce div.product .summary .woocommerce-product-details__short-description { max-width: 62ch; }
	.woocommerce div.product form.cart { max-width: 460px; }
	.pdp-trust {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}
	.pdp-trust li { padding-right: 12px; }
}

/* ------------------- 15. WooCommerce 48 % stulpeliai (perrašymas) ------- */

/* WooCommerce savo woocommerce-layout.css kraunama po temos stiliais ir
   nustato div.images bei div.summary plotį 48 %. Tinklelyje tai reiškia,
   kad abu blokai užima tik pusę savo stulpelio, o likusi vieta lieka tuščia.
   Dvigubos klasės padidina specifiškumą be !important. */
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery,
.woocommerce-page div.product .woocommerce-product-gallery.woocommerce-product-gallery {
	width: 100%;
	float: none;
	margin: 0;
}
.woocommerce div.product .summary.summary,
.woocommerce-page div.product .summary.summary {
	width: 100%;
	max-width: none;
	float: none;
	margin: 0;
}

/* -------------------- 16. Susijusios prekės: antraštė viršuje ----------- */

/* WooCommerce sekcijai lieka savo 48 % plotis, todėl antraštė atsidurdavo
   kairėje, o prekės — dešinėje pusėje. Grąžiname įprastą eiliškumą. */
.woocommerce div.product .related.related,
.woocommerce div.product .up-sells.up-sells,
.woocommerce-page div.product .related.related {
	display: block;
	width: 100%;
	float: none;
	margin: 0;
	padding-top: 40px;
	border-top: var(--line);
}
.woocommerce div.product .related > h2,
.woocommerce div.product .up-sells > h2 {
	display: block;
	width: 100%;
	padding-top: 0;
	margin: 0 0 24px;
	border-top: 0;
	text-align: left;
}

/* Juosta su nuoroda į kategoriją */

.pdp-more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	padding: 30px 32px 32px;
	border: var(--line);
	border-top: 3px solid var(--copper);
	background: var(--stone-100);
}
.pdp-more__text { max-width: 60ch; }
.pdp-more h2 { margin: 0 0 8px; font-size: clamp(1.25rem, 2vw, 1.6rem); }
.pdp-more p { margin: 0; color: var(--granite-700); font-size: .95rem; }
.pdp-more__actions { display: flex; gap: 12px; flex-wrap: wrap; }

@media (min-width: 900px) {
	.woocommerce div.product > .pdp-more { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.pdp-more { padding: 24px 20px 26px; }
}

/* ------------------- 17. Prekės puslapio viršus ir galerijos vieta ------ */

/* Antraštės juosta neturi liestis prie pavadinimo. */
.woocommerce.single-product .site-main.shop,
.single-product .site-main.shop { padding-top: clamp(32px, 4vw, 56px); }

/* Galerija turi prasidėti eilutės viršuje ir nesikišti į kitą eilutę. */
.woocommerce div.product { align-items: start; }
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery {
	align-self: start;
	margin: 0 0 4px;
}

/* Faktų blokas neprisiglaudžia prie viršaus esančios eilutės. */
.woocommerce div.product > .pdp-facts { margin-top: 12px; }

/* ------------- 18. Pirmos sekcijos maketas per pavadintas sritis --------- */

/* Ankstesnės taisyklės galeriją, santrauką ir faktus dėliojo per atskirus
   grid-column / grid-row nurodymus, o WooCommerce dar prideda savo. Dėl to
   galerija atsidurdavo ne savo eilutėje ir užlipdavo ant faktų bloko.
   Pavadintos sritys tokį dviprasmiškumą pašalina. */
@media (min-width: 900px) {
	.woocommerce div.product,
	.woocommerce-page div.product {
		display: grid;
		grid-template-columns: minmax(240px, 33%) minmax(0, 1fr);
		grid-template-areas:
			"gallery summary"
			"facts   facts";
		align-items: start;
		gap: clamp(24px, 2.4vw, 36px);
	}

	.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery {
		grid-area: gallery;
		align-self: start;
		position: relative;
	}
	.woocommerce div.product .summary.summary {
		grid-area: summary;
		align-self: start;
	}
	.woocommerce div.product > .pdp-facts {
		grid-area: facts;
		margin-top: 0;
	}

	/* Visos likusios sekcijos — per visą plotį, viena po kitos. */
	.woocommerce div.product > .pdp-desc,
	.woocommerce div.product > .pdp-usp,
	.woocommerce div.product > .pdp-guide,
	.woocommerce div.product > .pdp-services,
	.woocommerce div.product > .pdp-delivery,
	.woocommerce div.product > .pdp-faq,
	.woocommerce div.product > .pdp-more,
	.woocommerce div.product > .pdp-cta,
	.woocommerce div.product > .related,
	.woocommerce div.product > .up-sells,
	.woocommerce div.product > .woocommerce-tabs {
		grid-column: 1 / -1;
		grid-row: auto;
	}
}

/* Galerija neišauga per aukštai net ir plačiame ekrane. */
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery {
	max-height: 520px;
	overflow: hidden;
}

/* ---------------------- 19. Panašios prekės (sava sekcija) -------------- */

.pdp-related { padding-top: 40px; border-top: var(--line); }

.pdp-related__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 24px;
}
.pdp-related__head h2 { margin: 0; font-size: clamp(1.35rem, 2.2vw, 1.8rem); }

.woocommerce div.product ul.products.pdp-related__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
}
.woocommerce div.product ul.products.pdp-related__grid::before,
.woocommerce div.product ul.products.pdp-related__grid::after { content: none; }

.woocommerce div.product ul.products.pdp-related__grid li.product {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	display: flex;
	flex-direction: column;
	background: var(--white);
	border: var(--line);
	position: relative;
	transition: border-color .25s var(--ease);
}
.woocommerce div.product ul.products.pdp-related__grid li.product:hover { border-color: var(--copper); }

.woocommerce div.product ul.products.pdp-related__grid li.product .product-card__media {
	position: relative;
	overflow: hidden;
	background: var(--stone-100);
	aspect-ratio: 1 / 1;
}
.woocommerce div.product ul.products.pdp-related__grid li.product img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	display: block;
	transition: transform .5s var(--ease);
}
.woocommerce div.product ul.products.pdp-related__grid li.product img[src*="woocommerce-placeholder"] {
	object-fit: contain;
	padding: 18%;
	opacity: .45;
}
.woocommerce div.product ul.products.pdp-related__grid li.product:hover img { transform: scale(1.04); }

.woocommerce div.product ul.products.pdp-related__grid li.product .product-card__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
	padding: 18px 18px 20px;
}
.woocommerce div.product ul.products.pdp-related__grid li.product .woocommerce-loop-product__title {
	margin: 0;
	padding: 0;
	font-family: var(--font-display);
	font-size: .98rem;
	font-weight: 600;
	line-height: 1.35;
}
.woocommerce div.product ul.products.pdp-related__grid li.product .price {
	margin: 2px 0 0;
	font-family: var(--font-display);
	font-size: 1.08rem;
	font-weight: 700;
	color: var(--granite-900);
}
.woocommerce div.product ul.products.pdp-related__grid li.product a.button,
.woocommerce div.product ul.products.pdp-related__grid li.product a.added_to_cart {
	margin-top: auto;
	align-self: stretch;
	text-align: center;
}
.woocommerce div.product ul.products.pdp-related__grid li.product span.onsale {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	margin: 0;
	min-width: 0;
	min-height: 0;
	padding: 6px 10px;
	border-radius: 0;
	background: var(--copper);
	color: var(--white);
	font: 700 .7rem/1 var(--font-body);
	letter-spacing: .1em;
	text-transform: uppercase;
	z-index: 2;
}

@media (min-width: 900px) {
	.woocommerce div.product > .pdp-related { grid-column: 1 / -1; }
}
@media (max-width: 1039px) {
	.woocommerce div.product ul.products.pdp-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.woocommerce div.product ul.products.pdp-related__grid { grid-template-columns: 1fr; }
}

/* ================== 20. Prekės puslapio maketas — flex ================== */

/* Grid čia buvo perteklinis: WooCommerce prideda savo pločius ir stulpelius,
   o automatinis grid dėliojimas juos nuolat perstumdavo. Flex su viena
   taisykle „viskas per visą plotį, išskyrus galeriją ir santrauką“ elgiasi
   nuspėjamai ir priklauso tik nuo DOM eilės. */
.woocommerce div.product,
.woocommerce-page div.product {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: clamp(24px, 2.4vw, 36px);
	grid-template-columns: none;
	grid-template-areas: none;
}

@media (min-width: 900px) {
	.woocommerce div.product,
	.woocommerce-page div.product {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	/* Visi vaikai — atskira eilutė per visą plotį. */
	.woocommerce div.product > * {
		flex: 0 0 100%;
		max-width: 100%;
		min-width: 0;
	}

	/* Išimtis: galerija ir santrauka dalijasi pirmą eilutę. */
	.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery {
		flex: 0 0 33%;
		max-width: 33%;
		grid-area: auto;
	}
	.woocommerce div.product .summary.summary {
		flex: 1 1 360px;
		max-width: none;
		grid-area: auto;
	}
	.woocommerce div.product > .pdp-facts { grid-area: auto; }
}

/* Tarpą tarp sekcijų daro flex gap, todėl pačių sekcijų viršaus paraštė
   gali būti mažesnė — kitaip susideda du tarpai. */
.woocommerce div.product > .pdp-desc,
.woocommerce div.product > .pdp-guide,
.woocommerce div.product > .pdp-services,
.woocommerce div.product > .pdp-delivery,
.woocommerce div.product > .pdp-faq,
.woocommerce div.product > .pdp-related { padding-top: 24px; }

.woocommerce div.product > .pdp-usp { margin: 0; }
.woocommerce div.product > .pdp-cta { margin-bottom: var(--section-y); }

/* ================ 21. Galerijos vieta — vienas galutinis žodis ========== */

/* Per kelis pataisymus galerijai susikaupė taisyklių iš skirtingų vietų
   (sticky, aspect-ratio, min-height, grid sritys). Ši trigubos klasės
   taisyklė yra paskutinė ir nustato viską iš naujo, kad nebeliktų
   nei poslinkio žemyn, nei užlipimo ant kito bloko. */
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery.woocommerce-product-gallery,
.woocommerce-page div.product .woocommerce-product-gallery.woocommerce-product-gallery.woocommerce-product-gallery {
	position: static;
	top: auto;
	inset: auto;
	align-self: flex-start;
	order: 0;
	margin: 0;
	padding: 0;
	min-height: 0;
	max-height: none;
	height: auto;
	aspect-ratio: 1 / 1;
	display: block;
	overflow: hidden;
	transform: none;
}

/* ---------------- 22. Mini krepšelio eilutės kraštinė (pataisa) --------- */

/* Eilutės aukštis buvo mažesnis už nuotrauką, todėl apatinė linija
   perkirsdavo paveikslėlį. Paskutinei eilutei linijos nereikia — po ja
   iškart eina storesnė sumos linija. */
.woocommerce .sidecar--cart ul.cart_list li,
.sidecar--cart ul.cart_list li {
	min-height: 68px;
	padding-top: 14px;
	padding-bottom: 16px;
}
.woocommerce .sidecar--cart ul.cart_list li img,
.sidecar--cart ul.cart_list li img { top: 14px; }

.woocommerce .sidecar--cart ul.cart_list li:last-child,
.sidecar--cart ul.cart_list li:last-child { border-bottom: 0; }

.woocommerce .sidecar--cart .woocommerce-mini-cart__total,
.sidecar--cart .woocommerce-mini-cart__total { margin-top: 4px; }

/* Krepšelio skydelio mygtukai — be pabraukimo. */
.woocommerce .sidecar--cart .woocommerce-mini-cart__buttons a.button,
.sidecar--cart .woocommerce-mini-cart__buttons a.button,
.sidecar--cart .woocommerce-mini-cart__buttons a.button:hover,
.sidecar--cart .woocommerce-mini-cart__buttons a.button:focus {
	text-decoration: none;
	text-underline-offset: 0;
}

/* -------------------- 23. WooCommerce pranešimų juostos ----------------- */

/* WooCommerce mygtuką pranešime stumia float: right, todėl ilgesnis tekstas
   pralenda po juo. Flex išdėsto juos šalia ir palieka tarpą. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px 28px;
	padding: 18px 22px 18px 56px;
	line-height: 1.6;
}
.woocommerce-message > .button,
.woocommerce-info > .button,
.woocommerce-error > .button,
.woocommerce-message > a.button,
.woocommerce-info > a.button {
	float: none;
	flex: none;
	order: 2;
	margin: 0;
	min-height: 46px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
}

/* Pats tekstas — pirmas ir lankstus, kad neužlįstų ant mygtuko. */
.woocommerce-message > *:not(.button),
.woocommerce-info > *:not(.button) { order: 1; }

@media (max-width: 640px) {
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error { padding-left: 22px; }

	.woocommerce-message::before,
	.woocommerce-info::before,
	.woocommerce-error::before { display: none; }
}
