/*
 * ultrahangostisztitok.hu — a többi oldaltípus a kezdőlap stílusában („Színsávos szekciók", 5. kör, 2026-10-04):
 * terméklap, bolt/kategória/keresés, kosár, pénztár, statikus oldalak, fiók, 404.
 * Csak `body.utk-lap` alatt hat (UT_Oldalak::tipus(); kapuk: ut_terv_bolt, ut_terv_kosar, ut_terv_oldalak).
 *
 * Elv: a natív WooCommerce-, GeneratePress- és bővítmény-komponenseket STÍLUSOZZUK, nem építjük újra
 * (facelift 5. vasszabály) — a mennyiség-gomb a GP-é, a variáció-legördülő, a kosár- és pénztár-táblázat,
 * a mezők és a fizetési dobozok a WC-éi, a „Miért válassz minket?" a ceges-elonyok bővítményé.
 * A változók (szín, betű, sarok) az alap.css-ből jönnek. A számozott „éles igazítás" blokkok mellett
 * ott a MÉRT jelenség, ami kikényszerítette.
 */

/* ------------------------------------------------------------------ közös keret */

body.utk-lap { background: #fff; }
/* A GP „one-container" teljes szélességű (mérés: .inside-article 0–1440, a tartalom a képernyő bal
 * szélén kezdődött). A tartalom a kezdőlap sávszélességében, a GP-párna nélkül. */
/* 8. A régi Custom CSS 100 px felső párnát ad a .site-content-nek (mérés: a lap-fej alatt 100 px üres sáv). */
body.utk-lap .site-content { display: block; padding: 0; } /* mobilon 30 px oldalpárna is jött (mérés: a pénztár 290 px-es 350 helyett) */
body.utk-lap .site-main { margin: 0; }
body.utk-lap .inside-article { width: var(--utk-sav); margin-inline: auto; padding: 28px 0 64px; background: transparent; }
body.utk-lap .entry-content { margin-top: 0; }
body.utk-lap .entry-content > :first-child { margin-top: 0; }
body.utk-lap .inside-article :where(a:not(.button, .utk-gomb)) { color: var(--utk-azur); } /* csak a tartalomban — a lábléc fehér linkjei maradnak (mérés: az első körben azúrra váltottak) */
body.utk-lap .inside-article :where(h2, h3) { color: var(--utk-kobalt); } /* csak a tartalomban — a lábléc címkéi égkékek maradnak (mérés: az első körben kobaltra váltottak) */

/* Lap-fej sáv (UT_Oldalak::lapfej): jégkék, morzsa + H1, jobb oldalt halvány hatszög-motívum (a kezdőlap
 * méhsejtjének visszhangja). */
.utk-lapfej { background-color: var(--utk-jeg); border-bottom: 1px solid var(--utk-vonal); padding: 22px 0 24px; position: relative; overflow: hidden; }
.utk-lapfej::after { content: ""; position: absolute; right: -60px; top: 50%; width: 360px; height: 312px; transform: translateY(-50%); pointer-events: none; opacity: .55;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 312'%3E%3Cg fill='none' stroke='%230b3d91' stroke-opacity='.16' stroke-width='2'%3E%3Cpath d='M90 4h90l45 78-45 78H90L45 82z'/%3E%3Cpath d='M225 82h90l45 78-45 78h-90l-45-78z'/%3E%3Cpath d='M90 160h90l45 78-45 78H90l-45-78z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; }
.utk-lapfej .utk-sav { position: relative; z-index: 1; }
.utk-lapfej .utk-morzsa, .woocommerce .utk-lapfej .woocommerce-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 8px; font: 500 .86rem/1.4 "Inter", sans-serif; color: var(--utk-pala); }
/* 13. A GP/WC `.woocommerce .woocommerce-breadcrumb` erősebb volt: a morzsa a bolton és a terméklapon szürke és nagyobb lett (mérés) */
.utk-lapfej .utk-morzsa a, .woocommerce .utk-lapfej .woocommerce-breadcrumb a { color: var(--utk-azur); text-decoration: none; display: inline-block; padding-block: 3px; } /* 24 px-es koppintási cél */
.utk-morzsa a:hover { text-decoration: underline; }
.utk-morzsa__jel { color: #8aa0c2; }
.utk-lapfej__cim { margin: 0; font-family: var(--utk-cim); font-weight: 650; letter-spacing: -.015em; color: var(--utk-kobalt); font-size: clamp(1.7rem, 1.25rem + 1.6vw, 2.5rem); line-height: 1.12; max-width: 30ch; }
.utk-lapfej__lead { margin: 10px 0 0; }
.utk-lapfej--termek { padding: 12px 0; background: var(--utk-jeg-halv); }
.utk-lapfej--termek::after { display: none; }
.utk-lapfej--termek .utk-morzsa { margin: 0; }
/* Kategória-gombsor (a lábléc „Kategóriák" listája, darabszám nélkül). */
.utk-katsor ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; }
.utk-katsor a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid var(--utk-vonal);
	color: var(--utk-kobalt); font: 600 .92rem/1.1 var(--utk-cim); text-decoration: none; transition: background .15s, border-color .15s; }
.utk-katsor a:hover { border-color: var(--utk-kobalt); }
.utk-katsor a[aria-current] { background: var(--utk-kobalt); border-color: var(--utk-kobalt); color: #fff; }
@media (max-width: 639px) {
	.utk-lapfej { padding: 16px 0 18px; }
	.utk-lapfej::after { width: 200px; height: 174px; right: -70px; opacity: .4; }
	.utk-katsor ul { gap: 6px; margin-top: 12px; }
	.utk-katsor a { min-height: 36px; padding: 0 12px; font-size: .86rem; }
}

/* Gombok: a WC natív gombjai a kezdőlap pirula-gombjának kinézetében. */
body.utk-lap .button, body.utk-lap button.button, body.utk-lap input.button, body.utk-lap a.button, body.utk-lap .wc-forward,
body.utk-lap button[type="submit"]:not(.search-submit), body.utk-lap .ff-btn-submit {
	display: inline-flex; align-items: center; justify-content: center; gap: .4em; min-height: 46px; padding: .55em 1.35em; border-radius: 999px;
	background: var(--utk-kobalt); color: #fff; border: 2px solid var(--utk-kobalt); font: 600 1rem/1.15 var(--utk-cim); letter-spacing: 0; text-transform: none;
	text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s, opacity .15s;
}
body.utk-lap .button:hover, body.utk-lap button[type="submit"]:not(.search-submit):hover, body.utk-lap .ff-btn-submit:hover { background: var(--utk-kobalt-vil); border-color: var(--utk-kobalt-vil); color: #fff; }
body.utk-lap .button:disabled, body.utk-lap .button.disabled, body.utk-lap .button[disabled] { opacity: .45; cursor: not-allowed; background: var(--utk-kobalt); color: #fff; }
/* másodlagos (körvonalas) gombok: kupon, kosár frissítése, „vissza a boltba" */
body.utk-lap button[name="update_cart"], body.utk-lap button[name="apply_coupon"], body.utk-lap .return-to-shop .button, body.utk-lap .reset_variations {
	background: transparent; color: var(--utk-kobalt); }
body.utk-lap button[name="update_cart"]:hover:not(:disabled), body.utk-lap button[name="apply_coupon"]:hover { background: var(--utk-kobalt); color: #fff; }
body.utk-lap button[name="update_cart"]:disabled { background: transparent; color: var(--utk-kobalt); opacity: .45; }

/* Mezők: egységes 48 px magas, lekerekített, jégkék fókusz-gyűrű. */
body.utk-lap input.input-text, body.utk-lap input[type="text"], body.utk-lap input[type="email"], body.utk-lap input[type="tel"],
body.utk-lap input[type="password"], body.utk-lap input[type="number"], body.utk-lap input[type="search"], body.utk-lap select, body.utk-lap textarea,
body.utk-lap .ff-el-form-control {
	min-height: 48px; padding: 10px 14px; border: 1px solid #b6c9e6; border-radius: var(--utk-r); background: #fff; color: var(--utk-szoveg);
	font: 400 1rem/1.4 "Inter", sans-serif; box-shadow: none; transition: border-color .15s, box-shadow .15s; max-width: 100%;
}
body.utk-lap textarea { min-height: 120px; }
/* 22. A WC `.woocommerce form .form-row input.input-text` (0,3,2) a pénztárban és a fiókban sötét, 4 px-es keretet adott
 *     (Fable 2. kör: „két űrlapnyelv"; mérés: rgba(32,7,7,.8)) — ugyanaz a mező-nyelv mindenhol. */
body.utk-lap form .form-row input.input-text, body.utk-lap form .form-row textarea.input-text, body.utk-lap form .form-row textarea, body.utk-lap form .form-row select {
	min-height: 48px; padding: 10px 14px; border: 1px solid #b6c9e6; border-radius: var(--utk-r); background-color: #fff; line-height: 1.4; }
body.utk-lap form .form-row textarea.input-text { min-height: 110px; }
body.utk-lap form .form-row input.input-text:focus, body.utk-lap form .form-row textarea.input-text:focus { border-color: var(--utk-azur); box-shadow: 0 0 0 3px rgba(31, 102, 209, .18); }
body.utk-lap input:focus, body.utk-lap select:focus, body.utk-lap textarea:focus, body.utk-lap .ff-el-form-control:focus {
	border-color: var(--utk-azur); box-shadow: 0 0 0 3px rgba(31, 102, 209, .18); outline: none; }
body.utk-lap select { appearance: none; -webkit-appearance: none; padding-right: 40px; cursor: pointer;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='%230b3d91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center / 16px; }
body.utk-lap input[type="checkbox"], body.utk-lap input[type="radio"] { accent-color: var(--utk-kobalt); width: 18px; height: 18px; vertical-align: -3px; }
body.utk-lap label, body.utk-lap .ff-el-input--label label { font: 600 .92rem/1.35 "Inter", sans-serif; color: var(--utk-szoveg); }
body.utk-lap abbr.required, body.utk-lap .required { color: #b42318; text-decoration: none; border: 0; }

/* 1. WC-üzenetek: a dobozok fehér szöveget örökölnek (színes hátteret feltételeznek — facelift-buktató);
 *    világos háttérhez a színt is mi adjuk. */
body.utk-lap .woocommerce-message, body.utk-lap .woocommerce-info, body.utk-lap .woocommerce-error, body.utk-lap .woocommerce-noreviews, body.utk-lap p.no-comments {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 20px; padding: 14px 18px; list-style: none;
	background: var(--utk-jeg-halv); color: var(--utk-szoveg); border: 1px solid var(--utk-vonal); border-left: 4px solid var(--utk-kobalt); border-radius: var(--utk-r); font-size: .97rem; }
body.utk-lap .woocommerce-error { border-left-color: #b42318; background: #fff6f5; border-color: #f3c7c2; }
body.utk-lap .woocommerce-message::before, body.utk-lap .woocommerce-info::before, body.utk-lap .woocommerce-error::before { display: none; }
body.utk-lap .woocommerce-message a:not(.button), body.utk-lap .woocommerce-info a:not(.button) { color: var(--utk-azur); font-weight: 600; }
body.utk-lap .woocommerce-message .button, body.utk-lap .woocommerce-info .button { order: 2; margin-left: auto; min-height: 40px; }

/* Készlet-jelzés (custom-stock-status bővítmény osztályai): pirula-címke, a kezdőlap színeivel. */
/* a custom-stock-status bővítmény saját betűmérete (1,25 rem) felülírta (mérés: Rivolta terméklap) */
body.utk-lap .stock { display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 0; padding: 3px 10px; border-radius: 999px; font: 600 .82rem/1.3 "Inter", sans-serif !important; background: #e7f5ec; color: var(--utk-zold) !important; }
body.utk-lap .stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.utk-lap .stock.out-of-stock { background: #fdeceb; color: #a1281d !important; }
body.utk-lap .stock.available-on-backorder, body.utk-lap .stock.on-backorder { background: #fff4dc; color: var(--utk-sarga) !important; }

/* Ár: a bruttó nagy, a nettó (display-net-price: „(… Ft + ÁFA)" a <br> után, szövegcsomópont) kisebb. */
body.utk-lap .price { color: var(--utk-pala); font: 500 .9rem/1.45 "Inter", sans-serif; }
body.utk-lap .price .amount, body.utk-lap .price > span[aria-hidden] { color: var(--utk-kobalt); font: 700 1.15rem/1.2 var(--utk-cim); letter-spacing: -.01em; white-space: nowrap; }
body.utk-lap .price del { opacity: .6; } body.utk-lap .price ins { text-decoration: none; }

/* ------------------------------------------------------------------ termékkártya (bolt, kategória, keresés, kapcsolódó) */

/* 2. A GP rácsa (wc-columns-container) helyett saját rács; a kártya a natív <li class="product"> marad. */
body.utk-lap .wc-columns-container { margin: 0; }
/* 11. A GP `.woocommerce .wc-columns-container.wc-mobile-columns-1 .products` és a `.woocommerce #wc-column-container.wc-mobile-columns-1 .products` (azonosítós, 1,3,0) mobilon egy hasábba tette a kártyákat
 *     (mérés: 6 278 px-es bolt-oldal, 290 px-es egy oszlop) — két hasáb; az azonosító a specificitásért kell. */
body.utk-lap ul.products, body.utk-lap .wc-columns-container ul.products, body.utk-lap #wc-column-container.wc-columns-container ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
body.utk-lap ul.products::before, body.utk-lap ul.products::after { content: none !important; display: none; } /* clearfix → rácselem lenne */
body.utk-lap ul.products li.product { float: none; width: auto !important; margin: 0 !important; padding: 0; display: flex; flex-direction: column; text-align: left;
	background: #fff; border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); overflow: hidden; transition: border-color .15s, box-shadow .15s, transform .15s; }
body.utk-lap ul.products li.product:hover { border-color: #8fb4ec; box-shadow: 0 10px 26px rgba(11, 61, 145, .12); }
body.utk-lap ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; color: inherit; text-decoration: none; }
body.utk-lap ul.products li.product .wc-product-image { margin: 0; background: var(--utk-jeg-halv); border-bottom: 1px solid var(--utk-jeg); }
body.utk-lap ul.products li.product .inside-wc-product-image { position: relative; aspect-ratio: 1 / 1; display: grid; place-items: center; padding: 8%; }
/* a fehér hátterű termékfotó a jégkék mezőbe olvad (multiply), a kép maga érintetlen */
body.utk-lap ul.products li.product .wc-product-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; margin: 0; }
/* 14. A GP második (hover-) képe `left:50%` + `translateX(-50%)`-tal áll; a mi `inset`-ünkkel a kártyából balra kilógott
 *     (söprés: L−20 a 768-as nézetben) — az eltolás nélkül a helyén, a GP hover-áttűnése marad. */
body.utk-lap ul.products li.product .wc-product-image img.secondary-image { position: absolute; inset: 8%; width: 84%; height: 84%; transform: none; }
body.utk-lap ul.products li.product .woocommerce-loop-product__title { margin: 0; padding: 12px 14px 4px; color: var(--utk-szoveg); font: 650 1rem/1.3 var(--utk-cim); letter-spacing: -.005em;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.utk-lap ul.products li.product a:hover .woocommerce-loop-product__title { color: var(--utk-kobalt); }
body.utk-lap ul.products li.product .price { display: block; margin: auto 0 0; padding: 6px 14px 14px; font-size: .82rem; }
body.utk-lap ul.products li.product .price .stock { display: flex; width: max-content; margin-top: 8px; }
body.utk-lap ul.products li.product .main_status_div:not(:has(li)) { display: none; }
/* a kapcsolódó termékek kártyáján a készlet-címke a flex-oszlopban teljes szélességű csíkká nyúlt (Fable 3. kör) */
body.utk-lap ul.products li.product .stock { width: fit-content !important; align-self: flex-start; } /* a custom-stock-status üres listája */
body.utk-lap ul.products li.product .onsale { top: 10px; left: 10px; right: auto; margin: 0; min-height: 0; padding: 4px 10px; border-radius: 999px; background: var(--utk-kobalt); color: #fff; font: 600 .78rem/1.2 var(--utk-cim); }
body.utk-lap ul.products li.product.outofstock .wc-product-image img { opacity: .6; }
@media (max-width: 479px) {
	/* 23. 480 px alatt fekvő kártya, egy hasábban (Fable 2. kör: a 150 px-es kártyán a név szó közepén tört, az ár 3–4 sorra) —
	 *     balra a kép, jobbra a név, ár, készlet; ugyanaz a natív <li>. */
	body.utk-lap ul.products, body.utk-lap .wc-columns-container ul.products, body.utk-lap #wc-column-container.wc-columns-container ul.products { grid-template-columns: 1fr; gap: 10px; }
	body.utk-lap ul.products li.product a.woocommerce-LoopProduct-link { display: grid; grid-template-columns: 120px 1fr; grid-template-rows: auto 1fr; column-gap: 0; }
	body.utk-lap ul.products li.product .wc-product-image { grid-row: 1 / span 2; border-bottom: 0; border-right: 1px solid var(--utk-jeg); }
	body.utk-lap ul.products li.product .inside-wc-product-image { height: 100%; aspect-ratio: auto; min-height: 132px; padding: 10px; }
	body.utk-lap ul.products li.product .woocommerce-loop-product__title { -webkit-line-clamp: 4; word-break: normal; overflow-wrap: normal; hyphens: manual; }
}
@media (max-width: 639px) {
	/* 18. Mobilon a 2 hasábos, ~150 px-es kártyán a név, az ár és a nettó ár 3–4 sorra tört, a készlet-címke levágva
	 *     (Fable: „Engedélyezett u…") — kisebb betű, tördelhető címke. */
	body.utk-lap ul.products li.product .woocommerce-loop-product__title { padding: 10px 10px 2px; font-size: .9rem; line-height: 1.28; }
	body.utk-lap ul.products li.product .price { padding: 4px 10px 12px; font-size: .72rem; line-height: 1.35; }
	body.utk-lap ul.products li.product .price .amount, body.utk-lap ul.products li.product .price > span[aria-hidden] { font-size: .98rem; }
	body.utk-lap ul.products li.product .price .stock { width: fit-content; max-width: 100%; white-space: normal; font-size: .72rem !important; line-height: 1.25; padding: 3px 8px; }
}
@media (min-width: 640px) {
	body.utk-lap ul.products, body.utk-lap .wc-columns-container ul.products, body.utk-lap #wc-column-container.wc-columns-container ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
	body.utk-lap ul.products li.product .woocommerce-loop-product__title { padding: 14px 18px 4px; font-size: 1.05rem; }
	body.utk-lap ul.products li.product .price { padding: 6px 18px 18px; font-size: .86rem; }
	body.utk-lap ul.products li.product .price .amount { font-size: 1.22rem; }
}
@media (min-width: 1100px) { body.utk-lap--archiv #wc-column-container.wc-columns-container ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } }
body.utk-lap--archiv .inside-article { padding-top: 26px; }
body.utk-lap .woocommerce-pagination ul { display: flex; gap: 6px; border: 0; justify-content: center; margin-top: 28px; }
body.utk-lap .woocommerce-pagination ul li { border: 0; }
body.utk-lap .woocommerce-pagination ul li a, body.utk-lap .woocommerce-pagination ul li span { min-width: 44px; min-height: 44px; display: grid; place-items: center; border-radius: 999px; border: 1px solid var(--utk-vonal); }
body.utk-lap .woocommerce-pagination ul li span.current { background: var(--utk-kobalt); color: #fff; border-color: var(--utk-kobalt); }

/* ------------------------------------------------------------------ terméklap */

body.utk-lap--termek .inside-article { padding-top: 26px; }
body.utk-lap--termek div.product::before, body.utk-lap--termek div.product::after { content: none !important; display: none; } /* clearfix → rácselem lenne */
/* 21. 769–959 px között a WC `.woocommerce div.product div.images { float:left }` (azonos specificitás, később töltődik)
 *     úszva maradt, a vásárlódoboz 0 px szélesre szorult, a „Kosárba" gomb a képernyőn kívülre (mérés: 901 px, L900).
 *     A `.woocommerce #content` (1,3,2) szabály ellen azonosítós előtag kell. */
body.utk-lap--termek.woocommerce div.product div.images.woocommerce-product-gallery,
body.utk-lap--termek.woocommerce #content div.product div.images.woocommerce-product-gallery { float: none; width: auto !important; margin: 0 0 24px; } /* a WC-szabály `#content`-tel (1,3,2) jön */
body.utk-lap--termek.woocommerce div.product div.summary, body.utk-lap--termek.woocommerce #content div.product div.summary { float: none; width: auto !important; }
body.utk-lap--termek div.product .woocommerce-product-gallery .flex-viewport,
body.utk-lap--termek div.product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper {
	background: var(--utk-jeg-halv); border: 1px solid var(--utk-jeg); border-radius: calc(var(--utk-r) + 6px); overflow: hidden; }
body.utk-lap--termek div.product .woocommerce-product-gallery__image img { mix-blend-mode: multiply; }
body.utk-lap--termek div.product .woocommerce-product-gallery__trigger { top: 14px; right: 14px; width: 44px; height: 44px; border-radius: 50%; background: #fff; box-shadow: 0 4px 12px rgba(11, 61, 145, .15); }
body.utk-lap--termek .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 10px 0 0 !important; padding: 0; }
body.utk-lap--termek .flex-control-thumbs li { width: auto !important; float: none !important; margin: 0 !important; }
body.utk-lap--termek .flex-control-thumbs img { border-radius: var(--utk-r); border: 2px solid var(--utk-jeg); background: var(--utk-jeg-halv); opacity: .75; aspect-ratio: 1; object-fit: cover; }
body.utk-lap--termek .flex-control-thumbs img.flex-active, body.utk-lap--termek .flex-control-thumbs img:hover { border-color: var(--utk-kobalt); opacity: 1; }

body.utk-lap--termek div.product .summary { float: none; width: auto !important; margin: 0; }
body.utk-lap--termek .product_title { margin: 0 0 10px; color: var(--utk-kobalt); font: 650 clamp(1.55rem, 1.2rem + 1.3vw, 2.25rem)/1.12 var(--utk-cim); letter-spacing: -.02em; text-transform: none; }
/* 9. A WC `.woocommerce div.product p.price` (0,2,2) erősebb volt: a nettó ár is 1,4 rem-es félkövér lett (mérés). */
body.utk-lap--termek div.product .summary p.price, body.utk-lap--termek div.product .woocommerce-variation-price .price { display: block; margin: 0 0 16px; color: var(--utk-pala); font: 500 .95rem/1.5 "Inter", sans-serif; }
body.utk-lap--termek div.product .summary p.price .amount, body.utk-lap--termek div.product .summary p.price > span[aria-hidden],
body.utk-lap--termek div.product .woocommerce-variation-price .price .amount { color: var(--utk-kobalt); font: 700 1.75rem/1.2 var(--utk-cim); }
body.utk-lap--termek .woocommerce-product-details__short-description { color: var(--utk-pala); font-size: 1rem; line-height: 1.6; margin: 0 0 18px; }
body.utk-lap--termek div.product .summary > .stock { margin: 4px 0 14px; align-self: flex-start; } /* a mobil flex-oszlopban teljes szélességű sávvá nyúlt (mérés) */
body.utk-lap--termek .woocommerce-product-details__short-description ul { margin: 0 0 0 1.1em; padding: 0; }
body.utk-lap--termek .woocommerce-product-details__short-description li { margin: 3px 0; }
body.utk-lap--termek .woocommerce-product-details__short-description li::marker { color: var(--utk-azur); }

/* A vásárlási doboz: variáció, mennyiség, kosár — jégkék kártyán, mint a kezdőlap kártyái. */
body.utk-lap--termek form.cart { margin: 0 0 20px; padding: 18px; background: var(--utk-jeg-halv); border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); }
body.utk-lap--termek form.cart:not(.variations_form) { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
body.utk-lap--termek table.variations { margin: 0 0 6px; border: 0; width: 100%; }
body.utk-lap--termek table.variations tr { display: grid; gap: 6px; margin-bottom: 10px; }
body.utk-lap--termek table.variations th, body.utk-lap--termek table.variations td { display: block; padding: 0; border: 0; background: transparent; text-align: left; line-height: 1.3; }
body.utk-lap--termek table.variations select { width: 100%; min-width: 0; margin: 0; }
/* 20. A „Törlés" link a gomb-szabályból 48 px-es min. magasságot kapott, és rejtve (visibility) is helyet foglalt: mobilon
 *     80 px üres sáv a legördülő és a mennyiség között (mérés). A WC-fülsor és -panel szabályai (0,4,3) erősebbek voltak
 *     a mieinknél — ezért a `.woocommerce div.product` előtag a fül-szabályokon (mérés: fehér fül-doboz, nem középre zárt panel). */
body.utk-lap--termek div.product table.variations .reset_variations { display: inline-block; margin-top: 6px; font-size: .88rem; padding: 4px 0; color: var(--utk-azur); border: 0; min-height: 0; background: transparent; line-height: 1.2; }
body.utk-lap--termek div.product table.variations .reset_variations[style*="hidden"] { display: none; }
body.utk-lap--termek .single_variation_wrap .woocommerce-variation { margin-bottom: 10px; }
body.utk-lap--termek .single_variation_wrap .woocommerce-variation-availability .stock { margin: 0; }
body.utk-lap--termek .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
/* GP mennyiség-gombok (a.minus / input / a.plus): összetartozó pirula — a natív komponens, csak stílus. */
body.utk-lap .quantity.buttons-added { display: inline-flex; align-items: stretch; height: 50px; border: 1px solid #b6c9e6; border-radius: 999px; background: #fff; overflow: hidden; }
body.utk-lap .quantity.buttons-added a.minus, body.utk-lap .quantity.buttons-added a.plus { width: 46px; height: auto; display: grid; place-items: center; border: 0; background: transparent;
	color: var(--utk-kobalt); font: 600 1.25rem/1 var(--utk-cim); text-decoration: none; }
body.utk-lap .quantity.buttons-added a.minus:hover, body.utk-lap .quantity.buttons-added a.plus:hover { background: var(--utk-jeg-halv); }
body.utk-lap .quantity input.qty { width: 52px; min-height: 0; height: auto; padding: 0; border: 0; border-radius: 0; text-align: center; font: 600 1.05rem/1 "Inter", sans-serif; -moz-appearance: textfield; background: transparent; }
body.utk-lap .quantity input.qty:focus { box-shadow: none; }
body.utk-lap .quantity.buttons-added:focus-within { border-color: var(--utk-azur); box-shadow: 0 0 0 3px rgba(31, 102, 209, .18); }
body.utk-lap .quantity input.qty::-webkit-inner-spin-button, body.utk-lap .quantity input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
body.utk-lap--termek .single_add_to_cart_button { flex: 1 1 200px; min-height: 52px; font-size: 1.05rem; }
/* 10. Választás előtt a WC `disabled` gombja a téma szürkéjét kapta (mérés) — kobalt, halványítva, mint a kezdőlap gombja. */
body.utk-lap--termek div.product .single_add_to_cart_button.button.alt, body.utk-lap--termek div.product .single_add_to_cart_button.button.alt.disabled { background: var(--utk-kobalt); border-color: var(--utk-kobalt); color: #fff; }
body.utk-lap--termek div.product .single_add_to_cart_button.button.alt.disabled { opacity: .45; }

/* „Miért válassz minket?" (ceges-elonyok bővítmény): a kezdőlap kártya-nyelvén, a zöld pipa helyett kobalt
 * hatszögjel (a bolt ikon-formája). */
body.utk-lap--termek .ceges-elonyok-box { margin: 0 0 28px; padding: 18px 20px; border-radius: calc(var(--utk-r) + 4px); background: #fff; border: 1px solid var(--utk-vonal); }
body.utk-lap--termek .ceges-elonyok-heading { margin: 0 0 10px; color: var(--utk-kobalt); font: 650 1.1rem/1.25 var(--utk-cim); }
body.utk-lap--termek ul.ceges-elonyok-grid { display: grid; grid-template-columns: 1fr; gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
body.utk-lap--termek .ceges-elonyok-item { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 0; font-size: .93rem; line-height: 1.45; color: var(--utk-szoveg); list-style: none; }
body.utk-lap--termek .ceges-elonyok-icon { flex: none; width: 20px; height: 22px; display: grid; place-items: center; margin-top: 0; border-radius: 0 !important; background: var(--utk-kobalt) !important; clip-path: var(--utk-hx-allo); }
body.utk-lap--termek .ceges-elonyok-icon svg { width: 11px; height: 11px; }

/* Fülek: aláhúzásos fülsor, a panel olvasható szélességű. */
/* A leírás saját színsávon (a kezdőlap sáv-ritmusa: fehér vásárlás → halvány jégkék leírás). Teljes szélesség
 * box-shadow + clip-path-szal: nincs 100vw, így nincs vízszintes görgetősáv (facelift-buktató). */
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs { clear: both; margin-top: 28px; padding: 28px 0 40px; background: var(--utk-jeg);
	box-shadow: 0 0 0 100vmax var(--utk-jeg); clip-path: inset(0 -100vmax); }
/* 16. Fable-pontozás (profi 7): a fülsor mögött a téma fehér doboza, a szöveg balra 600 px-en, jobbra üres sáv —
 *     a fülsor átlátszó, a fülek és a panel egy középre zárt, 960 px-es olvasó-hasábban. */
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs, body.utk-lap--termek.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel { max-width: 960px; margin-inline: auto; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom-color: var(--utk-vonal); background: transparent !important; box-shadow: none; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 4px; margin: 0 auto 24px; padding: 0; border-bottom: 2px solid var(--utk-jeg); overflow-x: auto; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs::before, body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none; content: none; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs li { float: none; width: auto; display: block; margin: 0 0 -2px; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs li::before, body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; padding: 12px 16px; color: var(--utk-pala); font: 600 1rem/1.2 var(--utk-cim); border-bottom: 3px solid transparent; text-decoration: none; white-space: nowrap; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--utk-kobalt); border-bottom-color: var(--utk-kobalt); background: transparent; }
body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--utk-kobalt); }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel { margin-top: 0; margin-bottom: 0; padding: 0; border: 0; background: transparent; color: var(--utk-szoveg); font-size: 1rem; line-height: 1.65; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel > :not(table):not(figure):not(.wp-block-table) { max-width: 78ch; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel h2, body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel h3, body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel h4 { color: var(--utk-kobalt); font-family: var(--utk-cim); margin: 1.4em 0 .4em; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel h2 { font-size: 1.45rem; } body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel h3 { font-size: 1.2rem; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel > h2:first-child { margin-top: 0; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel p:empty, body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel > p:first-child:has(> br:only-child) { display: none; }
/* 3. A leírás műszaki táblázatai inline stílussal jönnek (fekete keret, fix magasság: 76 px-es fejlécsor,
 *    mérés) — klinikai, vékony vonalas táblázat; a fix magasság helyett a tartalom. */
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table { width: 100% !important; height: auto !important; border-collapse: collapse; border: 1px solid var(--utk-vonal) !important; border-radius: var(--utk-r); margin: 0 0 24px; font-size: .9rem; background: #fff; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table tr { height: auto !important; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table td, body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table th { height: auto !important; padding: 9px 12px; border: 1px solid var(--utk-vonal) !important; vertical-align: middle; line-height: 1.35; background: transparent; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table tr:first-child td, body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table th { background: var(--utk-jeg-halv); color: var(--utk-kobalt); font-weight: 600; font-size: .84rem; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table tr:nth-child(even) td { background: #fbfdff; }
body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel img { border-radius: var(--utk-r); height: auto; }
body.utk-lap--termek .shop_attributes th { width: 30%; text-align: left; }
body.utk-lap--termek .shop_attributes td p { margin: 0; padding: 0; font-style: normal; }
/* kapcsolódó / ajánlott termékek: ugyanaz a kártya */
body.utk-lap--termek section.related > h2, body.utk-lap--termek section.upsells > h2 { font: 650 1.5rem/1.2 var(--utk-cim); color: var(--utk-kobalt); margin: 36px 0 16px; }
body.utk-lap--termek section.related:not(:has(li)) { display: none; }

@media (min-width: 960px) {
	/* 4. Kéthasábos terméklap: balra a galéria, jobbra a vásárlás és alatta a „Miért válassz minket?";
	 *    a fülek alul teljes szélességben (mérés: a galéria 720 px, a szöveg 1440 px széles sorokban futott). */
	body.utk-lap--termek div.product { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); column-gap: 56px; align-items: start; }
	body.utk-lap--termek div.product > * { grid-column: 1 / -1; }
	body.utk-lap--termek div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1 / span 2; position: sticky; top: 24px; margin: 0; }
	body.utk-lap--termek div.product > .summary { grid-column: 2; grid-row: 1; }
	body.utk-lap--termek div.product > .ceges-elonyok-box { grid-column: 2; grid-row: 2; }
	body.utk-lap--termek div.product > .onsale { grid-column: 1; grid-row: 1; z-index: 2; }
	body.utk-lap--termek.woocommerce div.product .woocommerce-tabs { margin-top: 48px; padding-top: 36px; }
	body.utk-lap--termek ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 959px) {
	/* a görgethető táblázat jobb szélén árnyék jelzi, hogy van még oszlop (Fable: a „Fűtő teljesítmény" levágottnak látszott) */
	body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
		background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0)) left / 24px 100% no-repeat local, linear-gradient(270deg, #fff 30%, rgba(255, 255, 255, 0)) right / 24px 100% no-repeat local,
			radial-gradient(farthest-side at 0 50%, rgba(11, 61, 145, .22), transparent) left / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, rgba(11, 61, 145, .22), transparent) right / 12px 100% no-repeat scroll, #fff; }
	body.utk-lap--termek.woocommerce div.product .woocommerce-Tabs-panel table td { white-space: nowrap; }
	/* 17. Mobilon a vásárlódoboz a rövid leírás elé (Fable: a DS PRO-n a „Kosárba" ~2,5 képernyőnyi görgetés után jött) —
	 *     csak a megjelenítési sorrend, a WC-horgok változatlanok. */
	body.utk-lap--termek div.product .summary { display: flex; flex-direction: column; }
	body.utk-lap--termek div.product .summary > * { order: 2; }
	body.utk-lap--termek div.product .summary > .product_title, body.utk-lap--termek div.product .summary > p.price, body.utk-lap--termek div.product .summary > .utk-lizingsav { order: 1; }
	body.utk-lap--termek div.product .summary > form.cart { order: 1; }
	body.utk-lap--termek div.product .summary > .woocommerce-product-details__short-description { order: 3; }
	body.utk-lap--termek .flex-control-thumbs { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	body.utk-lap--termek .flex-control-thumbs img { min-height: 44px; }
	.woocommerce .utk-lapfej--termek .woocommerce-breadcrumb { font-size: .8rem; }
}

/* ------------------------------------------------------------------ kosár */

body.utk-lap--kosar .woocommerce, body.utk-lap--penztar .woocommerce { color: var(--utk-szoveg); }
body.utk-lap table.shop_table { width: 100%; border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; margin: 0 0 24px; }
body.utk-lap table.shop_table th, body.utk-lap table.shop_table td { padding: 14px 16px; border: 0; border-top: 1px solid var(--utk-jeg); background: transparent; vertical-align: middle; text-align: left; }
body.utk-lap table.shop_table thead th { border-top: 0; background: var(--utk-jeg-halv); color: var(--utk-pala); font: 600 .78rem/1.2 var(--utk-cim); letter-spacing: .1em; text-transform: uppercase; }
body.utk-lap table.shop_table td.product-thumbnail img, body.utk-lap.woocommerce-cart table.cart img { width: 72px; max-width: none; height: 72px; object-fit: contain; border-radius: var(--utk-r); background: var(--utk-jeg-halv); mix-blend-mode: multiply; }
body.utk-lap table.shop_table td.product-name a { color: var(--utk-kobalt); font: 650 1rem/1.35 var(--utk-cim); text-decoration: none; }
body.utk-lap table.shop_table td.product-name a:hover { text-decoration: underline; }
body.utk-lap table.shop_table td.product-name .stock, body.utk-lap table.shop_table td.product-name dl.variation { margin-top: 6px; font-size: .84rem; }
body.utk-lap table.shop_table td.product-name dl.variation dt, body.utk-lap table.shop_table td.product-name dl.variation dd { display: inline; margin: 0; color: var(--utk-pala); }
body.utk-lap table.shop_table td.product-name dl.variation dd p { display: inline; margin: 0; }
body.utk-lap table.shop_table .product-price .amount, body.utk-lap table.shop_table .product-subtotal .amount { font: 650 1rem/1.2 var(--utk-cim); color: var(--utk-szoveg); white-space: nowrap; }
body.utk-lap table.shop_table a.remove { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--utk-pala) !important; border: 1px solid var(--utk-vonal); font-size: 1.3rem; line-height: 1; background: #fff; }
body.utk-lap table.shop_table a.remove:hover { background: #fdeceb; color: #a1281d !important; border-color: #f3c7c2; }
body.utk-lap table.shop_table td.actions { background: var(--utk-jeg-halv); padding: 14px 16px; }
body.utk-lap table.shop_table td.actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
body.utk-lap table.shop_table td.actions .coupon input.input-text { width: 200px; min-height: 46px; }
body.utk-lap table.shop_table td.actions .button { white-space: nowrap; }
body.utk-lap table.shop_table td.actions .coupon .button { width: auto !important; max-width: none; flex: 0 0 auto; float: none; } /* a WC mobil-CSS 48 %-ra szorította, a felirat kilógott (mérés) */
body.utk-lap table.shop_table td.actions > .button { float: right; }
/* Kosár összesen: jégkék kártya, a pénztár-gomb a kezdőlap fő gombja. */
body.utk-lap .cart-collaterals .cart_totals { float: none; width: auto; padding: 22px; background: var(--utk-jeg-halv); border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); }
body.utk-lap .cart-collaterals .cart_totals > h2 { margin: 0 0 12px; font: 650 1.3rem/1.2 var(--utk-cim); color: var(--utk-kobalt); }
body.utk-lap .cart_totals table.shop_table, body.utk-lap .woocommerce-checkout-review-order-table { border: 0; border-radius: 0; background: transparent; margin: 0 0 14px; }
body.utk-lap .cart_totals table.shop_table th, body.utk-lap .cart_totals table.shop_table td { padding: 12px 0; border-top: 1px solid var(--utk-vonal); font-size: .95rem; }
body.utk-lap .cart_totals table.shop_table tr:first-child th, body.utk-lap .cart_totals table.shop_table tr:first-child td { border-top: 0; }
body.utk-lap .cart_totals table.shop_table th { width: 38%; color: var(--utk-pala); font-weight: 600; }
body.utk-lap .cart_totals .order-total .amount, body.utk-lap .woocommerce-checkout-review-order-table .order-total .amount { font: 700 1.35rem/1.2 var(--utk-cim); color: var(--utk-kobalt); }
body.utk-lap .cart_totals .order-total small, body.utk-lap .woocommerce-checkout-review-order-table .order-total small { display: block; font-size: .8rem; color: var(--utk-pala); }
body.utk-lap .cart_totals .order-total td small, body.utk-lap .woocommerce-checkout-review-order-table .order-total td small { display: block; text-align: right; }
body.utk-lap .order-total small .amount { font: 600 .8rem/1.3 "Inter", sans-serif !important; color: var(--utk-pala) !important; }
body.utk-lap ul#shipping_method { margin: 0; padding: 0; list-style: none; }
body.utk-lap ul#shipping_method li { margin: 0 0 8px; padding: 0; line-height: 1.35; text-indent: 0; }
body.utk-lap ul#shipping_method li label { display: inline; font-weight: 500; }
body.utk-lap ul#shipping_method li .amount { font-weight: 650; }
body.utk-lap .woocommerce-shipping-destination, body.utk-lap .woocommerce-shipping-calculator { font-size: .86rem; color: var(--utk-pala); }
body.utk-lap .wc-proceed-to-checkout { padding: 4px 0 0; }
body.utk-lap .wc-proceed-to-checkout a.checkout-button { display: flex; width: 100%; min-height: 56px; margin: 0; font-size: 1.1rem; background: var(--utk-kobalt); color: #fff; }
body.utk-lap .cross-sells > h2 { font: 650 1.3rem/1.2 var(--utk-cim); color: var(--utk-kobalt); }
/* Üres kosár: a 404 mintájára középre zárt blokk, hatszöggel és tömör gombbal (Fable 2. kör). */
body.utk-lap--kosar .entry-content > .woocommerce:not(:has(.woocommerce-cart-form)) { text-align: center; padding: 28px 0 40px; }
body.utk-lap--kosar .entry-content > .woocommerce:not(:has(.woocommerce-cart-form))::before { content: ""; display: block; width: 64px; height: 72px; margin: 0 auto 18px; background: var(--utk-jeg); clip-path: var(--utk-hx-allo); }
body.utk-lap .cart-empty.woocommerce-info { display: block; max-width: 520px; margin: 0 auto 18px; padding: 0; background: none; border: 0; font: 600 1.25rem/1.4 var(--utk-cim); color: var(--utk-kobalt); }
body.utk-lap--kosar .return-to-shop .button { background: var(--utk-kobalt); color: #fff; }
body.utk-lap--kosar .return-to-shop { margin-top: 8px; }
@media (min-width: 960px) {
	/* 5. Kosár asztalon: balra a tételek, jobbra ragadós összesítő (a WC 48 %-os jobb úszó dobozát váltja). */
	body.utk-lap--kosar .entry-content > .woocommerce:has(.woocommerce-cart-form) { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 0 32px; align-items: start; }
	body.utk-lap--kosar .entry-content > .woocommerce > * { grid-column: 1 / -1; }
	body.utk-lap--kosar .entry-content > .woocommerce > .woocommerce-cart-form { grid-column: 1; }
	body.utk-lap--kosar .entry-content > .woocommerce > .cart-collaterals { grid-column: 2; position: sticky; top: 24px; width: auto; }
	body.utk-lap--kosar .cart-collaterals::before, body.utk-lap--kosar .cart-collaterals::after { content: none; }
}
@media (max-width: 768px) {
	/* WC reszponzív táblázat (shop_table_responsive): soronként címke + érték */
	body.utk-lap table.shop_table_responsive tr { display: block; padding: 6px 0; border-top: 1px solid var(--utk-jeg); }
	body.utk-lap table.shop_table_responsive tr:first-child { border-top: 0; }
	body.utk-lap table.shop_table_responsive tr td { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 14px; border-top: 0; text-align: right !important; }
	body.utk-lap table.shop_table_responsive tr td::before { color: var(--utk-pala); font-weight: 600; font-size: .86rem; float: none; }
	body.utk-lap table.shop_table_responsive tr td.product-remove, body.utk-lap table.shop_table_responsive tr td.product-thumbnail { justify-content: flex-start; }
	body.utk-lap table.shop_table_responsive tr td.product-thumbnail { display: none; }
	body.utk-lap table.shop_table_responsive tr td.product-name { text-align: left !important; display: block; }
	body.utk-lap table.shop_table_responsive tr td.product-name::before { display: none; }
	body.utk-lap table.shop_table td.actions { display: block !important; text-align: left !important; }
	body.utk-lap table.shop_table td.actions::before { display: none; }
	body.utk-lap table.shop_table td.actions .coupon { margin-bottom: 10px; }
	body.utk-lap table.shop_table td.actions .coupon input.input-text { flex: 1 1 160px; width: auto; }
	body.utk-lap table.shop_table td.actions > .button { float: none; width: 100%; }
	body.utk-lap .cart_totals table.shop_table_responsive tr td { padding-inline: 0; }
	body.utk-lap .cart_totals tr.order-total td { flex-wrap: wrap; }
	body.utk-lap .cart_totals tr.order-total td small { flex: 1 1 100%; }
	/* 12. Mobilon a szállítás-cella a címke mellé szorult, 3 szavas sorokra tört (mérés) — a címke fölötte. */
	body.utk-lap .cart_totals tr.woocommerce-shipping-totals td { display: block; text-align: left !important; }
	body.utk-lap .cart_totals tr.woocommerce-shipping-totals td::before { display: block; margin-bottom: 8px; }
}

/* ------------------------------------------------------------------ pénztár (csak stílus) */

body.utk-lap--penztar .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: 16px; }
body.utk-lap--penztar form.checkout_coupon { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 20px; padding: 16px; border: 1px dashed var(--utk-vonal); border-radius: var(--utk-r); }
body.utk-lap--penztar form.checkout_coupon p { margin: 0; float: none; width: auto; }
body.utk-lap--penztar form.checkout_coupon p:first-child { flex: 1 1 100%; }
body.utk-lap--penztar #customer_details h3, body.utk-lap--penztar #order_review_heading { margin: 0 0 14px; font: 650 1.3rem/1.2 var(--utk-cim); color: var(--utk-kobalt); }
body.utk-lap--penztar #customer_details { float: none; width: auto; max-width: none; }
body.utk-lap--penztar #customer_details .col-1, body.utk-lap--penztar #customer_details .col-2 { float: none; width: auto; max-width: none; }
body.utk-lap--penztar #customer_details .col-2 { margin-top: 18px; }
body.utk-lap--penztar #customer_details::before, body.utk-lap--penztar #customer_details::after { content: none; }
body.utk-lap--penztar .woocommerce-billing-fields, body.utk-lap--penztar .woocommerce-shipping-fields, body.utk-lap--penztar .woocommerce-additional-fields {
	padding: 20px; border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); background: #fff; }
body.utk-lap--penztar .woocommerce-shipping-fields:not(:has(.shipping_address)), body.utk-lap--penztar .woocommerce-shipping-fields:empty { padding: 12px 20px; }
body.utk-lap--penztar .woocommerce-additional-fields { margin-top: 18px; }
body.utk-lap--penztar .form-row { margin: 0 0 14px; padding: 0; }
body.utk-lap--penztar #billing_address_2_field, body.utk-lap--penztar #shipping_address_2_field { margin-top: -4px; }
body.utk-lap--penztar .form-row label { display: block; margin-bottom: 6px; }
body.utk-lap--penztar .form-row label.checkbox, body.utk-lap--penztar .form-row label.woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; line-height: 1.45; }
body.utk-lap--penztar #ship-to-different-address label { display: flex; align-items: center; gap: 10px; font: 650 1.05rem/1.3 var(--utk-cim); color: var(--utk-kobalt); }
body.utk-lap--penztar .form-row input.input-text, body.utk-lap--penztar .form-row select, body.utk-lap--penztar .form-row textarea { width: 100%; }
/* select2 (ország, megye): a natív komponens, csak a doboza */
body.utk-lap .select2-container--default .select2-selection--single { height: 48px; border: 1px solid #b6c9e6; border-radius: var(--utk-r); background: #fff; }
body.utk-lap .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 14px; color: var(--utk-szoveg); }
body.utk-lap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; right: 8px; }
body.utk-lap .select2-container--default.select2-container--focus .select2-selection--single, body.utk-lap .select2-container--open .select2-selection--single { border-color: var(--utk-azur); }
/* Rendelés áttekintése: jégkék kártya, a téma szürke th-háttere nélkül (mérés: a sorok cellái szürke
 * kiemelőnek látszottak — facelift-buktató). */
body.utk-lap--penztar #order_review { padding: 22px; background: var(--utk-jeg-halv); border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); }
body.utk-lap .woocommerce-checkout-review-order-table th, body.utk-lap .woocommerce-checkout-review-order-table td { padding: 11px 18px !important; border: 0; border-top: 1px solid var(--utk-vonal) !important; background: transparent !important; color: var(--utk-szoveg); font-size: .95rem; vertical-align: top; }
body.utk-lap .woocommerce-checkout-review-order-table thead th { border-top: 0 !important; color: var(--utk-pala); font: 600 .78rem/1.2 var(--utk-cim); letter-spacing: .1em; text-transform: uppercase; }
body.utk-lap .woocommerce-checkout-review-order-table td.product-total, body.utk-lap .woocommerce-checkout-review-order-table th.product-total,
body.utk-lap .woocommerce-checkout-review-order-table tfoot td { text-align: right; }
body.utk-lap .woocommerce-checkout-review-order-table tfoot th { color: var(--utk-pala); font-weight: 600; }
body.utk-lap .woocommerce-checkout-review-order-table { table-layout: fixed; width: 100%; }
body.utk-lap .woocommerce-checkout-review-order-table th.product-total, body.utk-lap .woocommerce-checkout-review-order-table td.product-total { width: 38%; }
body.utk-lap .woocommerce-checkout-review-order-table td { overflow-wrap: anywhere; }
body.utk-lap .woocommerce-checkout-review-order-table tfoot td ul#shipping_method { text-align: left; }
body.utk-lap .woocommerce-checkout-review-order-table .product-name { color: var(--utk-szoveg); font-weight: 500; }
/* Fizetési módok: a WC lila-szürke doboza helyett fehér kártyák. */
body.utk-lap #payment { background: transparent; border-radius: 0; margin-top: 6px; }
body.utk-lap #payment ul.payment_methods { margin: 0 0 14px; padding: 0; border: 0; list-style: none; display: grid; gap: 8px; }
body.utk-lap #payment ul.payment_methods > li { margin: 0; padding: 12px 14px; background: #fff; border: 1px solid var(--utk-vonal); border-radius: var(--utk-r); line-height: 1.4; }
body.utk-lap #payment ul.payment_methods > li:has(input:checked) { border-color: var(--utk-kobalt); box-shadow: inset 0 0 0 1px var(--utk-kobalt); }
body.utk-lap #payment ul.payment_methods > li > label { display: inline; font-weight: 600; cursor: pointer; background: transparent; padding: 0; }
/* a review-tábla szállítás-sora keskeny hasábba szorult (mérés) — a módok a teljes szélességben */
body.utk-lap .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th { display: block; border-bottom: 0; padding-bottom: 4px !important; }
body.utk-lap .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td { display: block; border-top: 0 !important; padding-top: 0 !important; text-align: left; }
body.utk-lap #payment div.payment_box { margin: 10px 0 0; padding: 10px 12px; background: var(--utk-jeg-halv); color: var(--utk-szoveg); border-radius: var(--utk-r); font-size: .9rem; }
body.utk-lap #payment div.payment_box::before { display: none; }
body.utk-lap #payment .place-order { margin: 0; padding: 0; background: transparent; }
body.utk-lap .woocommerce-terms-and-conditions-wrapper { font-size: .88rem; line-height: 1.5; color: var(--utk-pala); }
body.utk-lap .woocommerce-privacy-policy-text p { margin: 0 0 10px; }
body.utk-lap #payment #place_order { display: flex; width: 100%; min-height: 58px; margin-top: 12px; font-size: 1.15rem; background: var(--utk-kobalt); border-color: var(--utk-kobalt); color: #fff; float: none; }
body.utk-lap #payment #place_order:hover { background: var(--utk-kobalt-vil); }
@media (min-width: 960px) {
	/* 6. Pénztár asztalon: balra az adatok, jobbra ragadós rendelés-összesítő. */
	body.utk-lap--penztar form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 0 36px; align-items: start; }
	body.utk-lap--penztar form.checkout > * { grid-column: 1 / -1; }
	body.utk-lap--penztar form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 3; }
	body.utk-lap--penztar form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; float: none; width: auto; }
	body.utk-lap--penztar form.checkout > #order_review { grid-column: 2; grid-row: 2; float: none; width: auto; position: sticky; top: 24px; }
	body.utk-lap--penztar form.checkout::before, body.utk-lap--penztar form.checkout::after { content: none; }
	body.utk-lap--penztar .woocommerce-billing-fields .form-row-first, body.utk-lap--penztar .woocommerce-shipping-fields .form-row-first { width: calc(50% - 8px); float: left; }
	body.utk-lap--penztar .woocommerce-billing-fields .form-row-last, body.utk-lap--penztar .woocommerce-shipping-fields .form-row-last { width: calc(50% - 8px); float: right; }
}
@media (max-width: 959px) {
	body.utk-lap--penztar #order_review_heading { margin-top: 24px; }
	body.utk-lap--penztar #order_review { padding: 16px; }
	body.utk-lap--penztar .woocommerce-billing-fields, body.utk-lap--penztar .woocommerce-shipping-fields, body.utk-lap--penztar .woocommerce-additional-fields { padding: 16px; }
	body.utk-lap--penztar .form-row-first, body.utk-lap--penztar .form-row-last { width: 100%; float: none; }
}
@media (min-width: 360px) and (max-width: 959px) {
	/* mobilon is két hasáb a rövid mezőpároknak (vezeték- és keresztnév, irányítószám és város) — Fable: rövidebb űrlap */
	body.utk-lap--penztar .woocommerce-billing-fields__field-wrapper, body.utk-lap--penztar .woocommerce-shipping-fields__field-wrapper { display: flex; flex-wrap: wrap; column-gap: 12px; }
	body.utk-lap--penztar .woocommerce-billing-fields__field-wrapper > .form-row, body.utk-lap--penztar .woocommerce-shipping-fields__field-wrapper > .form-row { flex: 1 1 100%; }
	body.utk-lap--penztar .woocommerce-billing-fields__field-wrapper > .form-row-first, body.utk-lap--penztar .woocommerce-billing-fields__field-wrapper > .form-row-last,
	body.utk-lap--penztar .woocommerce-shipping-fields__field-wrapper > .form-row-first, body.utk-lap--penztar .woocommerce-shipping-fields__field-wrapper > .form-row-last { flex: 1 1 calc(50% - 6px); width: auto; }
}
/* köszönő oldal (a pénztár végpontja) */
body.utk-lap .woocommerce-order-overview { display: flex; flex-wrap: wrap; gap: 12px; padding: 16px; margin: 0 0 24px; list-style: none; background: var(--utk-jeg-halv); border-radius: var(--utk-r); }
body.utk-lap .woocommerce-order-overview li { border: 0; margin: 0; padding: 0 16px 0 0; }

/* ------------------------------------------------------------------ fiók */

body.utk-lap--fiok .u-columns.col2-set { display: grid; grid-template-columns: 1fr; gap: 20px; }
body.utk-lap--fiok .u-columns.col2-set::before, body.utk-lap--fiok .u-columns.col2-set::after { content: none; }
body.utk-lap--fiok .u-columns .u-column1, body.utk-lap--fiok .u-columns .u-column2 { float: none; width: auto; padding: 22px; background: var(--utk-jeg-halv); border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); }
body.utk-lap--fiok .u-columns h2 { margin: 0 0 14px; font: 650 1.35rem/1.2 var(--utk-cim); color: var(--utk-kobalt); }
body.utk-lap--fiok form.woocommerce-form-login, body.utk-lap--fiok form.woocommerce-form-register { margin: 0; padding: 0; border: 0; }
body.utk-lap--fiok .form-row { margin: 0 0 14px; }
body.utk-lap--fiok .form-row label { display: block; margin-bottom: 6px; }
body.utk-lap--fiok .form-row input.input-text { width: 100%; }
body.utk-lap--fiok .password-input { display: block; position: relative; }
body.utk-lap--fiok .show-password-input { top: 50%; transform: translateY(-50%); right: 10px; }
body.utk-lap--fiok .woocommerce-form-login__rememberme { display: flex !important; align-items: center; gap: 8px; margin: 0 0 12px; font-weight: 500; }
/* a belépés-sor: előbb az „Emlékezz rám", alatta a teljes szélességű gomb (Fable 2. kör: eltérő alapvonal) */
body.utk-lap--fiok .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) { display: flex; flex-direction: column; align-items: stretch; }
body.utk-lap--fiok .u-columns .button { width: 100%; min-height: 48px; }
body.utk-lap--fiok .u-columns.col2-set { align-items: stretch; } /* azonos magasságú kártyák (Fable 3. kör) */
body.utk-lap--fiok .lost_password { margin: 10px 0 0; font-size: .95rem; }
body.utk-lap--fiok .show-password-input { color: var(--utk-kobalt); }
@media (max-width: 767px) { body.utk-lap--fiok .u-columns .button { width: 100%; } body.utk-lap--fiok .woocommerce-form-login__rememberme { margin: 0 0 10px; } }
body.utk-lap--fiok .woocommerce-privacy-policy-text { font-size: .88rem; color: var(--utk-pala); line-height: 1.5; }
body.utk-lap--fiok .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
body.utk-lap--fiok .woocommerce-MyAccount-navigation a { display: inline-flex; min-height: 40px; align-items: center; padding: 0 16px; border-radius: 999px; border: 1px solid var(--utk-vonal); text-decoration: none; color: var(--utk-kobalt); font-weight: 600; }
body.utk-lap--fiok .woocommerce-MyAccount-navigation .is-active a { background: var(--utk-kobalt); color: #fff; border-color: var(--utk-kobalt); }
@media (min-width: 768px) { body.utk-lap--fiok .u-columns.col2-set { grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (min-width: 960px) {
	body.utk-lap--fiok .woocommerce:has(.woocommerce-MyAccount-navigation) { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; }
	body.utk-lap--fiok .woocommerce-MyAccount-navigation, body.utk-lap--fiok .woocommerce-MyAccount-content { float: none; width: auto; }
	body.utk-lap--fiok .woocommerce-MyAccount-navigation ul { flex-direction: column; }
}

/* ------------------------------------------------------------------ statikus és jogi oldalak, 404 */

body.utk-lap--oldal .entry-content, body.utk-lap--jogi .entry-content { font-size: 1.02rem; line-height: 1.65; color: var(--utk-szoveg); }
body.utk-lap--oldal .entry-content h2, body.utk-lap--oldal .entry-content h3, body.utk-lap--oldal .entry-content h4 { font-family: var(--utk-cim); color: var(--utk-kobalt); }
/* 7. GenerateBlocks-rács a Kapcsolat-oldalon −70 px-es negatív margóval lógott ki (mérés: L−70, 1480 px) —
 *    a sáv-szélességben a túlnyúlást a tartalom vágja, a rács maga nem változik. */
body.utk-lap--oldal .entry-content { overflow-x: clip; }
body.utk-lap--oldal .gb-container { max-width: 100%; }
/* 19. Az oldalak első GB-konténere 100 px felső párnát ad (mérés: Információ) — a lap-fej után ez üres sáv volt. */
body.utk-lap--oldal .entry-content > .gb-container:first-child > .gb-inside-container { padding-top: 8px; padding-bottom: 8px; }
/* 24. A statikus oldal törzse egy halvány jégkék kártyán (Fable 2. kör: „nincs sáv vagy kártya, fehér szöveg megy a láblécig");
 *     a GB-tartalom és -elrendezés érintetlen. */
body.utk-lap--oldal .entry-content { padding: 32px 36px; background: var(--utk-jeg-halv); border: 1px solid var(--utk-jeg); border-radius: calc(var(--utk-r) + 6px); }
@media (max-width: 639px) { body.utk-lap--oldal .entry-content { padding: 20px 18px; } }
/* a Kapcsolat-űrlap (Fluent Forms) fehér kártyán a jégkék törzsben */
body.utk-lap--oldal .fluentform { padding: 22px; background: #fff; border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); }
body.utk-lap--oldal .fluentform .ff-btn-submit { width: 100%; min-height: 50px; }
@media (max-width: 1339px) {
	/* 15. A GB-rács −70 px-es bal margója (a 70 px-es oszlop-párna párja) 1340 px alatt a képernyőn kívülre tolta a
	 *     rácsot (söprés: Kapcsolat/Információ 768, L−50), mobilon pedig keskeny hasábot hagyott — a köz jobb oldalra kerül. */
	body.utk-lap--oldal .gb-grid-wrapper { margin-left: 0; }
	body.utk-lap--oldal .gb-grid-wrapper > .gb-grid-column { padding-left: 0; padding-right: 24px; }
	body.utk-lap--oldal .gb-grid-wrapper > .gb-grid-column:last-child { padding-right: 0; }
}
@media (max-width: 767px) {
	body.utk-lap--oldal .gb-grid-wrapper > .gb-grid-column { padding-right: 0; }
	/* a GB belső konténerek 30 + 40 px oldalpárnája 290 px-re szűkítette a 350 px-es sávot (mérés, Kapcsolat 390) */
	body.utk-lap--oldal .entry-content .gb-inside-container { padding-left: 0; padding-right: 0; }
}
/* Jogi szöveg: csak keret — olvasható szélesség, a szöveghez nem nyúlunk. */
body.utk-lap--jogi .inside-article { max-width: 860px; }
body.utk-lap--jogi .entry-content a { word-break: break-word; }
/* Fluent Forms (Kapcsolat): a natív űrlap, csak stílus */
body.utk-lap .fluentform .ff-el-group { margin-bottom: 16px; }
body.utk-lap .fluentform .ff-el-input--label { margin-bottom: 6px; }
body.utk-lap .fluentform .ff-btn-submit { min-width: 160px; }
/* 404: a GP-sablon saját H1-e marad, a lap-fej kinézetét itt kapja. */
body.utk-lap--404 .inside-article { text-align: center; padding: 56px 0 72px; }
body.utk-lap--404 .entry-header { display: block !important; margin: 0 0 10px; }
body.utk-lap--404 .entry-title { color: var(--utk-kobalt); font: 650 clamp(1.8rem, 1.3rem + 1.8vw, 2.6rem)/1.15 var(--utk-cim); }
body.utk-lap--404 .entry-header::before { content: ""; display: block; width: 64px; height: 72px; margin: 0 auto 18px; background: var(--utk-jeg); clip-path: var(--utk-hx-allo); }
body.utk-lap--404 .entry-content p { color: var(--utk-pala); max-width: 52ch; margin-inline: auto; }
body.utk-lap--404 .search-form { display: flex; width: min(460px, 100%); max-width: 460px; margin: 18px auto 0; }
body.utk-lap--404 .search-form .search-field { flex: 1; border-radius: 999px 0 0 999px; }
body.utk-lap--404 .search-form .search-submit { min-height: 48px; padding: 0 18px; border-radius: 0 999px 999px 0; background: var(--utk-kobalt); color: #fff; border: 0; }
body.utk-lap--404 .utk-404-gombok { justify-content: center; margin-top: 26px; }
/* Fluent Forms fájlfeltöltő gombja (Szerviz-űrlap): a téma szürkéje helyett körvonalas kobalt pirula. */
body.utk-lap .fluentform .ff_upload_btn.ff-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #fff; color: var(--utk-kobalt); border: 2px solid var(--utk-kobalt); font: 600 .95rem/1 var(--utk-cim); }
body.utk-lap .fluentform .ff_upload_btn.ff-btn:hover { background: var(--utk-kobalt); color: #fff; }

/* 25. Kapcsolat/Szerviz: a GenerateBlocks űrlap-hasábja 100 px bal- és 40 px belső párnát kapott a régi
 * tartalomban, így az űrlap 1440 px-en is csak 240 px széles volt (mérve, 2026-10-06). A párnát a mi
 * kártyánk adja, a hasábé fölösleges. A tartalom (a GB-blokk) változatlan. */
body.utk-lap .gb-grid-column:has(.fluentform) { padding-left: 0 !important; }
body.utk-lap .gb-grid-column:has(.fluentform) > .gb-container > .gb-inside-container { padding: 0 !important; }
body.utk-lap .gb-grid-column:has(.fluentform) .fluentform { max-width: none; }
/* Mobilon a tartalom-kártyán belül a második kártya párnája duplázódott: kisebb belső párna. */
@media (max-width: 600px) { body.utk-lap .gb-grid-column:has(.fluentform) .fluentform { padding: 16px 14px; } }

/* 26. Termékkártya: egérrel fölé állva a GP a második galériaképet (secondary-image) az elsőre
 * úsztatja — a `mix-blend-mode: multiply` miatt a kettő egymáson átlátszott (a tulajdonos jelezte,
 * 2026-10-06). Ha van második kép, az első közben elhalványul: valódi képcsere. */
body.utk-lap ul.products li.product .inside-wc-product-image > img:not(.secondary-image) { transition: opacity .25s ease; }
body.utk-lap ul.products li.product:hover .inside-wc-product-image:has(> img.secondary-image) > img:not(.secondary-image) { opacity: 0; }
@media (prefers-reduced-motion: reduce) { body.utk-lap ul.products li.product .inside-wc-product-image > img { transition: none; } }

/* 27. Kapcsolat/Szerviz, asztal: a GB-rács 50% + 40% széles hasábokat és -100 px / +100 px-es
 * „ereszt" használt, így a 25. után a két hasáb összeért, jobbra pedig 10% üres maradt (a tulajdonos
 * jelezte, 2026-10-06). Két egyforma hasáb, 56 px réssel, a kártya teljes szélességében. */
@media (min-width: 769px) {
	body.utk-lap .gb-grid-wrapper:has(> .gb-grid-column .fluentform) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px; margin-left: 0 !important; align-items: start; }
	body.utk-lap .gb-grid-wrapper:has(> .gb-grid-column .fluentform) > .gb-grid-column { width: auto !important; padding-left: 0 !important; }
	body.utk-lap .gb-grid-wrapper:has(> .gb-grid-column .fluentform) > .gb-grid-column > .gb-container > .gb-inside-container { padding: 0 !important; }
}

/* 31. Kettős sáv (mérés 1920-on, 2026-10-06): a GP `#page` konténere maga is 1600 px-es volt, az `.inside-article`
 *     sávja ebből még egyszer levonta az arányos margót — a tartalom 57 px-szel beljebb kezdődött, mint a lap-fej. */
body.utk-lap .site.grid-container, body.utk-lap #page { max-width: none; padding: 0; }
/* 34. (megszűnt 2026-10-06: a Szerviz-oldal 404-es előtte/utána-csúszkája kikerült a lapról, lásd 35.) */
/* 32. Statikus oldal (Szerviz) bekezdései a szélesebb sávban ~150 karakteres sorban futottak — olvasható szélesség. */
body.utk-lap--oldal .entry-content :where(p, ul, ol, h2, h3, h4) { max-width: 78ch; }

/* ------------------------------------------------------------------ Szerviz-oldal (5735)
 * 35. A tulajdonos (2026-10-06): a /szerviz/ szövege a gepet.hu-ról maradt (nyomtató, lézer, CNC), a csúszkája 404-es
 *     képet mutatott, és semmi nem linkelt rá — „írjuk át, és legyen egy ilyen oldal". A tartalom egyszerű WP-blokk
 *     (bekezdés, címsor, lista, oszlopok, Fluent Forms), a régi felületen is olvasható; itt csak a kinézet. A kártyák
 *     ikonja a listaelem osztályából jön (`utsz-ik-<név>`, a bolt ikonkészlete — includes/ikonok.json, generálva),
 *     így a szerkesztőben átírható. A 32. blokk 78 ch-ja a listákra nem vonatkozik (rács). */
body.utk-lap--oldal .entry-content .utsz-bevezeto { font-size: 1.12rem; line-height: 1.6; color: var(--utk-pala); max-width: 70ch; margin: 0 0 8px; }
body.utk-lap--oldal .entry-content > h2.wp-block-heading { margin: 36px 0 16px; font-size: clamp(1.45rem, 1.2rem + .8vw, 1.85rem); line-height: 1.2; }
body.utk-lap--oldal .entry-content > h2.wp-block-heading:first-child { margin-top: 0; }
body.utk-lap--oldal .entry-content .utsz-kartyak, body.utk-lap--oldal .entry-content .utsz-lepesek { list-style: none; margin: 0; padding: 0; max-width: none; display: grid; gap: 12px; }
/* hat kártya: 2 × 3 vagy 3 × 2 — az auto-fill 1440-en 4 + 2-t adott, a második sor fele üres maradt (képernyőkép) */
body.utk-lap--oldal .entry-content .utsz-kartyak { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { body.utk-lap--oldal .entry-content .utsz-kartyak { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { body.utk-lap--oldal .entry-content .utsz-kartyak { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
body.utk-lap--oldal .utsz-kartyak > li { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 14px; align-content: start; margin: 0; padding: 18px; background: #fff; border: 1px solid var(--utk-jeg); border-radius: var(--utk-r); color: var(--utk-pala); line-height: 1.5; }
body.utk-lap--oldal .utsz-kartyak > li::before { content: ""; grid-row: 1 / span 2; width: 46px; height: 52px; background: var(--utk-ik, none) center / 26px no-repeat, var(--utk-kobalt); clip-path: var(--utk-hx-allo); }
body.utk-lap--oldal .utsz-kartyak > li > strong, body.utk-lap--oldal .utsz-lepesek > li > strong { display: block; margin: 2px 0 4px; font: 650 1.12rem/1.2 var(--utk-cim); color: var(--utk-kobalt); }
body.utk-lap--oldal .utsz-kartyak br, body.utk-lap--oldal .utsz-lepesek br { display: none; }
body.utk-lap--oldal .utsz-ik-szerviz { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28.5 15.5a5 5 0 0 0-6.4 6.4L15 29v4h4l7.1-7.1a5 5 0 0 0 6.4-6.4l-3 3-3-.6-.6-3z'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-ora { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 33.5a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19zM24 19v5l3.2 2'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-alkatresz { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 27.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM24 13.5v3.5M24 31v3.5M13.5 24H17M31 24h3.5M16.6 16.6l2.5 2.5M28.9 28.9l2.5 2.5M16.6 31.4l2.5-2.5M28.9 19.1l2.5-2.5'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-tanacs { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 16h18v12H22l-6 5v-5h-1z M19.5 21h9M19.5 24.5h5.5'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-haz { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 23 24 15l9.5 8M17.5 21v12h13V21M22 33v-6h4v6'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-szallitas { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 18h13v11h-13zM26.5 22h4.5l3 3.5V29h-7.5M17.5 32.3a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6zM30 32.3a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6z'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-homero { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 13.5a2.5 2.5 0 0 1 2.5 2.5v10.5a4.5 4.5 0 1 1-5 0V16a2.5 2.5 0 0 1 2.5-2.5zM24 22v7'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-telefon { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 14.5h3.5l1.7 4.4-2.2 1.6a12 12 0 0 0 6 6l1.6-2.2 4.4 1.7v3.5a2 2 0 0 1-2 2A17 17 0 0 1 16.5 16.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); }
body.utk-lap--oldal .utsz-ik-level { --utk-ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 17.5h19v13h-19zM15 18.5l9 6.5 9-6.5'/%3E%3C/svg%3E"); }
/* Lépések: számozott hatszögjelvény (mint a lízing-oldal „Három lépés"-e), széles sávon egy sorban. */
body.utk-lap--oldal .entry-content .utsz-lepesek { counter-reset: utsz; }
body.utk-lap--oldal .utsz-lepesek > li { counter-increment: utsz; position: relative; margin: 0; padding: 16px 16px 16px 66px; background: #fff; border-radius: var(--utk-r); border: 1px solid var(--utk-jeg); color: var(--utk-pala); line-height: 1.5; }
body.utk-lap--oldal .utsz-lepesek > li::before { content: counter(utsz); position: absolute; left: 16px; top: 14px; width: 34px; height: 39px; display: grid; place-items: center; clip-path: var(--utk-hx-allo); background: var(--utk-kobalt); color: #fff; font: 700 1rem/1 var(--utk-cim); }
@media (min-width: 960px) {
	body.utk-lap--oldal .entry-content .utsz-lepesek { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
	body.utk-lap--oldal .utsz-lepesek > li { padding: 64px 18px 18px; }
	body.utk-lap--oldal .utsz-lepesek > li::before { left: 18px; top: 16px; }
}
/* Űrlap + elérhetőség: két WP-csoport. NEM oszlop-blokk: annak mobilos tördelését a Perfmatters RUCSS kivágta
 * (390 px-en 164 + 169 px-es hasábok, csak a kijelentkezett úton — kétutas mérés). A régi felületen egymás alatt;
 * itt 900 px-től két hasáb. Az űrlap a már meglévő fehér kártyán (24. blokk). */
/* A GP klasszikus téma: a csoport `wp-block-group__inner-container`-be csomagol, és a régi Custom CSS ennek 100 px
 * felső párnát ad (mérve: mindhárom belső konténeren) — a rács a belső konténeren, a párna nélkül. */
body.utk-lap--oldal .utsz-also { margin: 40px 0 0; }
body.utk-lap--oldal .utsz-also .wp-block-group__inner-container { padding: 0; }
body.utk-lap--oldal .utsz-also > .wp-block-group__inner-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px 48px; align-items: start; }
body.utk-lap--oldal .utsz-also .wp-block-group { margin: 0; }
body.utk-lap--oldal .utsz-also h2.wp-block-heading { margin: 0 0 10px; font-size: clamp(1.45rem, 1.2rem + .8vw, 1.85rem); line-height: 1.2; }
body.utk-lap--oldal .utsz-also p { color: var(--utk-pala); }
body.utk-lap--oldal .utsz-kapcsolat { padding: 22px; background: #fff; border: 1px solid var(--utk-vonal); border-radius: calc(var(--utk-r) + 4px); }
body.utk-lap--oldal .entry-content .utsz-elerhetoseg { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 12px; }
body.utk-lap--oldal .utsz-elerhetoseg > li { display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 12px; align-items: center; margin: 0; color: var(--utk-szoveg); line-height: 1.45; }
body.utk-lap--oldal .utsz-elerhetoseg > li::before { content: ""; width: 34px; height: 39px; background: var(--utk-ik, none) center / 20px no-repeat, var(--utk-kobalt); clip-path: var(--utk-hx-allo); }
body.utk-lap--oldal .utsz-elerhetoseg a { display: inline-flex; align-items: center; min-height: 44px; color: var(--utk-azur); font-weight: 600; text-decoration: none; }
body.utk-lap--oldal .utsz-elerhetoseg a:hover { text-decoration: underline; }
@media (min-width: 900px) {
	body.utk-lap--oldal .utsz-also > .wp-block-group__inner-container { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
	body.utk-lap--oldal .utsz-also .utsz-kapcsolat { position: sticky; top: 96px; }
}

/* ------------------------------------------------------------------ széles kijelző (≥ 1400 px)
 * 30. A tulajdonos (2026-10-06): „17 colos laptop, ne legyen annyira sávos" — a sáv 1600 px-ig nő (alap.css 16.);
 *     itt a lapok rácsai követik: a bolt 5 hasábos, a terméklap galériája nem nő a végtelenségig, a fülek
 *     szélesebbek (a szöveg 78 ch marad), a kosár és a pénztár összesítője szélesebb. */
@media (min-width: 1400px) {
	.utk-lapfej { padding: 30px 0 32px; }
	.utk-lapfej__cim { font-size: clamp(2.5rem, 1.2rem + 1.4vw, 2.9rem); }
	body.utk-lap--archiv #wc-column-container.wc-columns-container ul.products,
	body.utk-lap--termek ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
	body.utk-lap--termek div.product { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(56px, 5vw, 96px); }
	body.utk-lap--termek div.product > .woocommerce-product-gallery { max-width: 720px; justify-self: end; width: 100%; }
	body.utk-lap--termek.woocommerce div.product .woocommerce-tabs ul.tabs, body.utk-lap--termek.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel { max-width: 1200px; }
	/* 33. Fable-pontozás (terméklap 1920: 6/10): a leírás 78 ch-s bal csík maradt az 1200 px-es fülpanelben, a jobb fele
	 *     üres. Két hasábba tördeljük (hasábonként ~70 ch), a táblázat és a kép átíveli mindkettőt. */
	body.utk-lap--termek.woocommerce div.product #tab-description { columns: 2; column-gap: 64px; }
	body.utk-lap--termek.woocommerce div.product #tab-description > :not(table):not(figure):not(.wp-block-table) { max-width: none; break-inside: avoid; }
	body.utk-lap--termek.woocommerce div.product #tab-description > :is(table, figure, .wp-block-table, h2, .elementor) { column-span: all; }
	/* a leírás-kép (DS PRO: a specifikáció képként) átíveli a két hasábot, olvasható méretben (Fable 2. menet: ~400 px-re szűkült) */
	body.utk-lap--termek.woocommerce div.product #tab-description > p:has(> img, > a > img) { column-span: all; text-align: center; }
	body.utk-lap--termek.woocommerce div.product #tab-description > p > img, body.utk-lap--termek.woocommerce div.product #tab-description > p > a > img { max-width: min(100%, 860px); height: auto; }
	body.utk-lap--termek.woocommerce div.product #tab-description > p:has(> strong:only-child), body.utk-lap--termek.woocommerce div.product #tab-description > :is(h3, h4) { break-after: avoid; }
	body.utk-lap--kosar .entry-content > .woocommerce:has(.woocommerce-cart-form) { grid-template-columns: minmax(0, 1fr) 440px; gap: 0 48px; }
	body.utk-lap--penztar form.checkout { grid-template-columns: minmax(0, 1fr) 480px; gap: 0 56px; }
	body.utk-lap--oldal .entry-content { padding: 44px 56px; }
	body.utk-lap .gb-grid-wrapper:has(> .gb-grid-column .fluentform) { column-gap: clamp(56px, 6vw, 112px); }
}

/* 36. Pénztár, „A rendelés tartalma": a táblázat fehér, keretes doboz lett (az összesítő kártyán belül), de a cellák
 * vízszintes párnája 0 volt (a fenti „Rendelés áttekintése" szabály, most 18 px) — a szöveg és az összegek a keretig értek
 * (a tulajdonos jelezte, 2026-10-06). */
@media (max-width: 480px) { body.utk-lap .woocommerce-checkout-review-order-table th, body.utk-lap .woocommerce-checkout-review-order-table td { padding-left: 12px !important; padding-right: 12px !important; } }