/* Termékoldal – Bolt arculat (a tartalom 1140 px, a gyereksablon style.css-e szerint) */
.tp{--tp-red:#d80e1d;--tp-act:#cc2d3c;--tp-act-h:#a82432;--tp-ink:#242424;--tp-txt:#333;--tp-mut:#666;--tp-line:#f0f0f0;--tp-line2:#e7e7e7;--tp-in:#e0e0e0;--tp-tint:#fff5f5;--tp-bg:#f9f9f9;--tp-ok:#166534;--tp-ok-b:#16a34a;font-family:'Poppins',sans-serif;color:var(--tp-txt)}
.tp *,.tp *::before,.tp *::after{box-sizing:border-box}
.tp a{text-decoration:none}
.tp :focus-visible{outline:2px solid var(--tp-act);outline-offset:2px}
.single-product .woocommerce-breadcrumb{margin:0 0 16px;font-size:13px;color:#666}
.single-product .woocommerce-breadcrumb a{color:#666}

/* Felső rész: kép + vásárlás */
.tp-fent{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:start}
.tp-kep{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);aspect-ratio:1/1}
.tp-kep__img{display:block;width:100%;height:100%;object-fit:contain}
.tp-kep__cimkek{position:absolute;top:16px;left:16px;display:flex;gap:8px}
.tp-cimke{display:inline-flex;align-items:center;padding:5px 12px;border-radius:50px;font-size:13px;font-weight:700;line-height:1.2}
.tp-cimke--akcio{background:var(--tp-red);color:#fff}
.tp-cimke--feher{background:#fff;color:var(--tp-ink);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.11)}
.tp [hidden]{display:none !important}

.tp-vasarlas{display:flex;flex-direction:column;gap:16px}
.tp-fej{display:flex;flex-direction:column;gap:8px}
.tp-kat{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tp-red)}
.tp .tp-cim{margin:0;font-size:30px;line-height:1.3;font-weight:600;color:var(--tp-ink)}
.tp-elonyok{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--tp-txt)}
.tp-elonyok li{display:flex;gap:8px;align-items:flex-start;margin:0}
.tp-elonyok .ti{flex-shrink:0;margin-top:2px;font-size:18px;color:var(--tp-ok-b)}

/* Kiszerelés-kártyák */
.tp-kisz{margin:0;padding:0;border:0;min-width:0}
.tp-kisz__cim{padding:0;margin-bottom:10px;font-size:15px;font-weight:600;color:var(--tp-ink)}
.tp-kisz__racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:6px}
.tp .tp-kisz__elem{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--tp-in);border-radius:12px;background:#fff;color:var(--tp-ink);text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}
.tp .tp-kisz__elem:hover,.tp .tp-kisz__elem:focus{border-color:var(--tp-act);background:#fff;color:var(--tp-ink)}
.tp .tp-kisz__elem.is-be,.tp .tp-kisz__elem.is-be:hover,.tp .tp-kisz__elem.is-be:focus{border:2px solid var(--tp-act);padding:11px 13px;background:var(--tp-tint)}
.tp .tp-kisz__elem:disabled{opacity:.55;cursor:not-allowed;border-color:var(--tp-in);background:#fff}
.tp-kisz__cimke{position:absolute;top:-10px;right:10px;padding:2px 8px;border-radius:50px;background:var(--tp-red);color:#fff;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}
.tp-kisz__cimke--zold{background:var(--tp-ok)}
.tp-oh .tp-kisz__cimke{position:static;margin-left:6px}
.tp-kisz__nev{font-size:16px;font-weight:700;color:var(--tp-ink)}
.tp-kisz__nev small{font-size:13px;font-weight:500;color:var(--tp-mut)}
.tp-kisz__ar{font-size:15px;font-weight:700;color:#212121}
.tp-kisz__ar.is-akcio,.tp-oh__ar.is-akcio{color:var(--tp-act)}
.tp-kisz__egyseg{font-size:12px;color:var(--tp-mut)}
.tp-kisz__elfogyott{font-size:12px;font-weight:600;color:#b70a18}

/* Ár */
.tp-ar{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.tp-ar__sor{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.tp-ar__most{font-size:32px;line-height:1.2;font-weight:700;color:#212121}
.tp-ar__most.is-akcio{color:var(--tp-act)}
.tp-ar__regi{font-size:17px;color:var(--tp-mut)}
.tp-ar__megtakarit{padding:3px 10px;border-radius:50px;background:#fee2e2;color:#991b1b;font-size:13px;font-weight:700}
.tp-keszlet{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;color:var(--tp-ok)}
.tp-keszlet .ti{font-size:18px}
.tp-keszlet.is-nincs{color:#b70a18}

/* Kosárba */
.tp-kosar{display:flex;gap:12px;align-items:stretch;margin:0}
.tp-menny{display:flex;align-items:center;border:1px solid var(--tp-in);border-radius:50px;background:#fff;overflow:hidden}
.tp .tp-menny__gomb{width:46px;height:56px;padding:0;border:0;background:transparent;color:var(--tp-ink);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
.tp .tp-menny__gomb:hover,.tp .tp-menny__gomb:focus{background:#f5f5f5;color:var(--tp-ink)}
.tp input.tp-menny__ertek{width:40px;height:56px;padding:0;border:0;background:transparent;text-align:center;font-family:inherit;font-size:16px;font-weight:600;color:var(--tp-ink);-moz-appearance:textfield;appearance:textfield}
.tp input.tp-menny__ertek::-webkit-outer-spin-button,.tp input.tp-menny__ertek::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tp .tp-gomb{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border:0;border-radius:50px;background:var(--tp-act);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
.tp .tp-gomb:hover,.tp .tp-gomb:focus{background:var(--tp-act-h);color:#fff}
.tp .tp-gomb:disabled{background:#ccc;cursor:not-allowed}
.tp .tp-gomb.is-tolt{opacity:.7;pointer-events:none}
.tp .tp-gomb--kosar{flex:1;height:56px;font-size:17px}
.tp-gomb .ti{font-size:22px}
.tp-uzenet{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#f0fdf4;color:var(--tp-ok);font-size:14px;font-weight:600}
.tp-uzenet.is-hiba{background:var(--tp-tint);color:#991b1b}

/* Kézbesítés, bizalom */
.tp-kezb{display:flex;gap:12px;padding:14px 16px;border-radius:12px;background:var(--tp-tint)}
.tp-kezb__ikon{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--tp-act);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.tp-kezb__szoveg{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--tp-txt)}
.tp-kezb__cimke{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tp-kezb__szoveg strong{font-size:16px;font-weight:700;color:var(--tp-red)}
.tp-bizalom{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tp-bizalom li{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--tp-line);font-size:13px;font-weight:600;color:var(--tp-ink)}
.tp-bizalom .ti{flex-shrink:0;font-size:24px;color:var(--tp-act)}

/* Csomagajánlat */
.tp-csomag{margin-top:40px;padding:24px;border-radius:14px;background:var(--tp-tint);border:2px dashed #fecaca}
.tp-csomag__fej{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.tp .tp-csomag__fej h2{margin:0;font-size:20px;font-weight:600;color:var(--tp-ink)}
.tp-csomag__sor{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tp-csomag__sor + .tp-csomag__sor{margin-top:18px;padding-top:18px;border-top:1px dashed #fecaca}
.tp-csomag__termek{display:flex;align-items:center;gap:12px;font-size:14px}
.tp-csomag__termek > span:last-child{display:flex;flex-direction:column;gap:2px;color:var(--tp-mut)}
.tp-csomag__termek strong{color:var(--tp-ink)}
.tp-csomag__termek a strong:hover{color:var(--tp-red)}
.tp-csomag__kep{width:72px;height:72px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#fff}
.tp-csomag__kep img{display:block;width:100%;height:100%;object-fit:cover}
.tp-csomag__plusz{font-size:24px;font-weight:300;color:var(--tp-mut)}
.tp-csomag__osszeg{margin-left:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tp-csomag__arak{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.tp-csomag__egyutt{font-size:13px;color:var(--tp-mut)}
.tp-csomag__arak del{font-size:14px;color:var(--tp-mut)}
.tp-csomag__arak strong{font-size:24px;color:var(--tp-act)}
.tp-csomag__spar{padding:3px 10px;border-radius:50px;background:#f0fdf4;color:var(--tp-ok);font-size:12px;font-weight:700}

/* Szakaszmenü és dobozok */
.tp-nav{position:sticky;top:0;z-index:5;margin-top:40px;display:flex;gap:4px;background:var(--tp-bg);border-bottom:1px solid var(--tp-line2);overflow-x:auto;scrollbar-width:none}
.tp-nav a{padding:14px 12px;font-size:15px;font-weight:500;color:var(--tp-ink);border-bottom:3px solid transparent;white-space:nowrap}
.tp-nav a:hover,.tp-nav a.is-aktiv{color:var(--tp-red);border-bottom-color:var(--tp-red)}
.tp-doboz{margin-top:24px;padding:28px;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);scroll-margin-top:70px}
.tp .tp-doboz > h2{margin:0 0 14px;font-size:22px;line-height:1.4;font-weight:600;color:var(--tp-ink)}

/* Összehasonlító táblázat */
.tp-oh{width:100%;margin:0;border-collapse:collapse;font-size:14px;border:0}
.tp-oh th{padding:12px;text-align:left;background:var(--tp-red);color:#fff;font-weight:600;border:0;border-bottom:3px solid #b70a18}
.tp-oh td{padding:12px;border:0;border-bottom:1px solid var(--tp-line);color:var(--tp-txt);vertical-align:middle}
.tp-oh .is-jobb{text-align:right}
.tp-oh__nev{font-weight:600;color:var(--tp-ink) !important}
.tp-oh__ar{font-weight:700;color:#212121 !important}
.tp-oh tr.is-be td{background:var(--tp-tint)}
.tp .tp-oh__gomb{height:38px;padding:0 16px;border:1px solid rgba(36,36,36,.4);border-radius:50px;background:#fff;color:var(--tp-ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.tp .tp-oh__gomb:hover,.tp .tp-oh__gomb:focus{border-color:var(--tp-act);background:#fff;color:var(--tp-red)}
.tp tr.is-be .tp-oh__gomb{background:var(--tp-act);border-color:var(--tp-act);color:#fff}
.tp .tp-oh__gomb:disabled{opacity:.5;cursor:not-allowed}

/* Leírás */
.tp-leiras{width:100%;max-width:none;font-size:15px;line-height:30px;font-weight:300;color:var(--tp-ink)}
.tp-leiras > *{margin:0 0 14px}
.tp-leiras h2,.tp-leiras h3{margin:22px 0 8px;font-size:18px;line-height:1.4;font-weight:600;color:var(--tp-ink)}
.tp-leiras strong{font-weight:600}
.tp-leiras ul,.tp-leiras ol{padding-left:20px}
.tp-leiras img{max-width:100%;height:auto;border-radius:10px}
.tp-leiras .wp-block-columns{display:block}
.tp-leiras .wp-block-column{width:100%;max-width:none;margin:0 0 14px}
.tp-leiras a{color:var(--tp-red);text-decoration:underline}

/* GYIK */
.tp-gyik{margin-bottom:8px;border-radius:8px;background:var(--tp-bg);overflow:hidden}
.tp-gyik summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 16px;cursor:pointer;list-style:none}
.tp-gyik summary::-webkit-details-marker{display:none}
.tp-gyik summary h3{margin:0;font-size:15px;line-height:1.5;font-weight:600;color:var(--tp-ink)}
.tp-gyik summary .ti{flex-shrink:0;font-size:18px;transition:transform .2s}
.tp-gyik[open] summary .ti{transform:rotate(180deg)}
.tp-gyik__valasz{padding:0 16px 14px;font-size:14px;line-height:27px;color:var(--tp-txt)}

/* Hasonló termékek */
.tp-hasonlo{margin-top:40px}
.tp .tp-hasonlo > h2{margin:0 0 14px;font-size:22px;line-height:1.4;font-weight:600;color:var(--tp-ink)}
.tp-racs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tp-racs > li{display:flex;min-width:0;margin:0}
.tp-racs > li > *{width:100%}

/* Ragadós kosársáv (mobilon, ha a fő gomb nem látszik) */
.tp-ragad{display:none}

@media (max-width:1000px){
	.tp-fent{grid-template-columns:minmax(0,1fr);gap:20px}
	.tp-racs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
	.tp-kep{margin:0 -16px;border-radius:0;box-shadow:none}
	.tp .tp-cim{font-size:24px}
	.tp-ar__sor{flex-wrap:nowrap;gap:8px;white-space:nowrap;align-items:center}
	.tp-ar__most{font-size:26px}
	.tp-ar__regi{font-size:14px}
	.tp-ar__megtakarit{padding:3px 8px;font-size:12px}
	.tp-csomag{margin-top:28px;padding:18px 16px}
	.tp-csomag__sor{flex-direction:column;align-items:stretch;gap:12px}
	.tp-csomag__plusz{text-align:center;line-height:1}
	.tp-csomag__osszeg{margin-left:0;flex-direction:column;align-items:stretch;gap:10px;padding-top:12px;border-top:1px solid #fecaca}
	.tp-csomag__arak{flex-direction:row;align-items:baseline;justify-content:flex-end;gap:8px}
	.tp-csomag__egyutt{margin-right:auto;font-size:14px;font-weight:600;color:var(--tp-ink)}
	.tp-csomag__arak strong{font-size:22px}
	.tp-csomag__spar{align-self:flex-end}
	.tp .tp-csomag .tp-gomb{width:100%;height:52px}
	.tp-nav{margin:28px -16px 0;padding:0 8px}
	.tp-doboz{margin-top:14px;padding:20px 16px}
	.tp .tp-doboz > h2{font-size:20px}
	/* Összehasonlítás mobilon: kártyák egymás alatt, vízszintes görgetés nélkül */
	.tp-oh thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.tp-oh,.tp-oh tbody{display:block}
	.tp-oh tr{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:10px;padding:14px;border:1px solid var(--tp-in);border-radius:12px;background:#fff}
	.tp-oh tr.is-be{border:2px solid var(--tp-act);padding:13px;background:var(--tp-tint)}
	.tp-oh tr.is-be td{background:transparent}
	.tp-oh td{display:block;padding:0;border:0;text-align:left !important;font-size:13px;color:var(--tp-mut)}
	.tp-oh td.tp-oh__nev{font-size:16px}
	.tp-oh td.tp-oh__ar{grid-column:2;grid-row:1;text-align:right !important;font-size:17px}
	.tp-oh td:nth-child(4){grid-column:2;grid-row:2;text-align:right !important}
	.tp-oh td:last-child{grid-column:1 / -1}
	.tp .tp-oh__gomb{width:100%;height:44px;font-size:14px}
	.tp-racs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.tp-ragad{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;gap:12px;padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--tp-line);box-shadow:0 -4px 24px rgba(0,0,0,.12);transform:translateY(110%);transition:transform .25s}
	.tp-ragad.is-lathato{transform:none}
	.tp-ragad__info{display:flex;flex-direction:column;line-height:1.25;min-width:0}
	.tp-ragad__info span{font-size:12px;color:var(--tp-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.tp-ragad__info strong{font-size:18px;color:var(--tp-act);white-space:nowrap}
	.tp .tp-ragad .tp-gomb{flex:1;height:52px;font-size:16px}
	body.single-product{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.tp-ragad{transition:none}}