/* Termékoldal */
.gpc-tp { padding-bottom: 72px; }
.gpc-tp-felso { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px 48px; padding-top: 8px; }
.gpc-tp-kep { position: relative; flex: 1 1 440px; min-width: 0; overflow: hidden; aspect-ratio: 1 / 1; border-radius: 8px; background: var(--md-krem); }
.gpc-tp-kep img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gpc-tp-kep .md-jelzes { top: 16px; left: 16px; }
.gpc-tp-adat { display: flex; flex: 1 1 480px; flex-direction: column; gap: 18px; min-width: 0; }
.gpc-tp-marka { margin: 0; color: var(--md-olajzold); font-size: 13px; font-weight: 500; }
.gpc-tp-adat h1 { margin: 6px 0 12px; color: var(--md-sotet); font: 800 38px/1.15 var(--md-cimbetu); letter-spacing: -0.015em; }
.gpc-tp-rovid { max-width: 58ch; margin-bottom: 14px; font-size: 16px; line-height: 1.65; }
.gpc-tp-rovid p { margin: 0 0 8px; }
.gpc-tp-cimkek { display: flex; flex-wrap: wrap; gap: 8px; }
.gpc-tp-cimkek span { padding: 6px 11px; border-radius: 4px; background: #f2f5f1; color: var(--md-olajzold); font: 500 13px/1.2 var(--md-cimbetu); }
.gpc-tp-ar .md-ar__most { font-size: 34px; line-height: 1.1; }
.gpc-tp-ar .md-ar__regi { font-size: 18px; }
.gpc-tp-urlap { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; }
.md-menny--nagy button { width: 46px; height: 50px; }
.md-menny--nagy input { box-sizing: border-box; width: 52px; height: 50px; padding: 0; border: 0; border-radius: 0; background: var(--md-krem); color: #212121; font: 600 16px var(--md-betu); text-align: center; -moz-appearance: textfield; appearance: textfield; }
.md-menny--nagy input::-webkit-outer-spin-button, .md-menny--nagy input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.md-menny--nagy input:focus { outline: 2px solid var(--md-lila); outline-offset: -2px; }
.gpc-tp-kosarba { flex: 1 1 240px; min-height: 50px; font-size: 16px; }
.gpc-tp-elfogyott { margin: 0; color: var(--md-akcio-szoveg); font-weight: 600; }
.gpc-tp-wc-urlap .variations { width: 100%; margin-bottom: 12px; border: 0; }
.gpc-tp-wc-urlap .variations th, .gpc-tp-wc-urlap .variations td { display: block; padding: 0 0 6px; border: 0; background: none; font: 600 14px var(--md-cimbetu); text-align: left; }
.gpc-tp-wc-urlap select { box-sizing: border-box; width: 100%; min-height: 48px; padding: 0 12px; border: 1px solid #8a8a8a; border-radius: 4px; background-color: #fff; font: 400 16px var(--md-betu); }
.gpc-tp-wc-urlap .woocommerce-variation-add-to-cart, .gpc-tp-wc-urlap form.cart:not(.variations_form) { display: flex; flex-wrap: wrap; gap: 12px; }
.gpc-tp-wc-urlap .quantity input { box-sizing: border-box; width: 72px; min-height: 50px; border: 1px solid #ddd; border-radius: 4px; text-align: center; }
.gpc-tp-wc-urlap .single_add_to_cart_button { flex: 1 1 240px; min-height: 50px; padding: 0 18px; border: 0; border-radius: 4px; background: var(--md-barna); color: #fff; font: 600 16px var(--md-betu); cursor: pointer; }
.gpc-tp-wc-urlap .single_add_to_cart_button:hover { background: var(--md-malna); }
.gpc-tp-wc-urlap .single_add_to_cart_button.disabled { opacity: .6; }
.gpc-tp-leiras { margin-top: 64px; font-size: 16px; line-height: 1.75; }
.gpc-tp-leiras p { margin: 0 0 14px; }
.gpc-tp-leiras h2:not(.gpc-cim), .gpc-tp-leiras h3 { margin: 24px 0 8px; color: var(--md-lila); font: 800 19px/1.3 var(--md-cimbetu); }
.gpc-tp-leiras ul, .gpc-tp-leiras ol { margin: 0 0 14px; padding-left: 20px; }
.gpc-tp-kapcsolodo { margin-top: 64px; }
.gpc-tp .hl-keret { padding-right: 0; padding-left: 0; }
.gpc-tp-kapcsolodo .gpc-cim { margin-bottom: 20px; }
@media (max-width: 640px) {
	.gpc-tp { padding-bottom: 40px; }
	.gpc-tp-kep, .gpc-tp-adat { flex: 1 1 100%; }
	.gpc-tp-felso { gap: 20px; padding-top: 0; }
	.gpc-tp-adat { gap: 14px; }
	.gpc-tp-adat h1 { font-size: 28px; }
	.gpc-tp-ar .md-ar__most { font-size: 30px; }
	.gpc-tp-kosarba { flex: 1 1 140px; }
	.gpc-tp-leiras, .gpc-tp-kapcsolodo { margin-top: 40px; }
}

/* Tablet: a kép és az adatok egymás mellett, hogy az ár és a kosár a kép mellett maradjon. */
@media (min-width: 768px) and (max-width: 1000px) {
	.gpc-tp-felso { flex-wrap: nowrap; gap: 28px; }
	.gpc-tp-kep { flex: 0 0 42%; }
	.gpc-tp-adat { flex: 1 1 0; }
}