/* Projektajtó – Termékoldal widgetek
 * Alapértékek: a színek CSS-változók, az Elementor stílusvezérlői írják felül.
 */
.elementor-widget[class*="elementor-widget-pjt_"] {
	--pjt-o: var(--e-global-color-accent, #ff671f);
	--pjt-ink: var(--e-global-color-secondary, #242424);
	--pjt-txt: var(--e-global-color-text, #666);
	--pjt-line: #dedede;
	--pjt-muted: #8a8a8a;
	--pjt-h: "Space Grotesk", Arial, sans-serif;
}
.pjt-empty { padding: 16px; border: 1px dashed #ccc; font-size: 13px; color: #888; }

/* ---------- Méretrajz ---------- */
.elementor-widget-pjt_meretrajz { --pjt-mr-bg: #fff; --pjt-mr-grid: #f1f1f1; --pjt-mr-border: var(--pjt-line); --pjt-mr-ink: var(--pjt-ink); --pjt-mr-acc: var(--pjt-o); --pjt-mr-open: #9a9a9a; --pjt-mr-head: var(--pjt-ink); --pjt-mr-tab-on: var(--pjt-ink); }
.pjt-mr { background: var(--pjt-mr-bg); border: 1px solid var(--pjt-mr-border); display: flex; flex-direction: column; }
.pjt-mr-top, .pjt-mr-legend { flex: 0 0 auto; }
.pjt-mr-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 22px; border-bottom: 1px solid var(--pjt-mr-border); }
.pjt-mr-title { font-size: 13px; font-weight: 600; color: var(--pjt-mr-head); }
.pjt-mr-seg { display: flex; border: 1px solid var(--pjt-mr-border); }
.pjt-mr-seg button { font: 600 12px/1 inherit; font-family: inherit; letter-spacing: .04em; text-transform: uppercase; padding: 9px 14px; border: 0; border-radius: 0; background: transparent; color: var(--pjt-txt); cursor: pointer; }
.pjt-mr-seg button.on { background: var(--pjt-mr-tab-on); color: #fff; }
.pjt-mr-body { --pjt-mr-ar: 1 / 1; flex: 0 0 auto; width: 100%; height: 0; padding: 0 0 calc(100% / (var(--pjt-mr-ar))); position: relative; overflow: hidden; box-sizing: content-box; }
.pjt-mr-in { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; }
.pjt-mr--racs .pjt-mr-rajz .pjt-mr-in {
	background-image: linear-gradient(var(--pjt-mr-grid) 1px, transparent 1px), linear-gradient(90deg, var(--pjt-mr-grid) 1px, transparent 1px);
	background-size: 28px 28px;
}
.pjt-mr[data-nezet="rajz"] .pjt-mr-foto, .pjt-mr[data-nezet="foto"] .pjt-mr-rajz { display: none; }
.pjt-mr-foto .pjt-mr-in { padding: 0; }
.pjt-mr-foto .pjt-mr-img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: center; display: block; }
.pjt-svg { width: 100%; height: 100%; max-width: 540px; max-height: 100%; display: block; }
.pjt-svg .pjt-ink { stroke: var(--pjt-mr-ink); }
.pjt-svg .pjt-acc { stroke: var(--pjt-mr-acc); }
.pjt-svg .pjt-fill { fill: var(--pjt-mr-ink); }
.pjt-svg .pjt-open { stroke: var(--pjt-mr-open); }
.pjt-svg .pjt-floor { stroke: #c4c4c4; }
.pjt-svg .pjt-hatch-bg { fill: var(--pjt-mr-acc); fill-opacity: .07; }
.pjt-svg .pjt-hatch-ln { stroke: var(--pjt-mr-acc); stroke-opacity: .38; }
.pjt-svg .pjt-lbl-bg { fill: var(--pjt-mr-bg); }
.pjt-svg .pjt-txt { font-family: inherit; font-size: 15px; font-weight: 700; stroke: none; }
.pjt-svg .pjt-t-ink { fill: var(--pjt-mr-ink); }
.pjt-svg .pjt-t-acc { fill: var(--pjt-mr-acc); }
.pjt-mr-legend { display: flex; flex-wrap: wrap; gap: 8px 26px; padding: 16px 22px; border-top: 1px solid var(--pjt-mr-border); font-size: 13px; color: var(--pjt-txt); }
.pjt-mr-legend span { display: flex; align-items: center; gap: 8px; }
.pjt-mr-legend i { width: 14px; height: 14px; display: block; flex: 0 0 14px; }
.elementor-widget-pjt_meretrajz { --pjt-mr-logo-h: 18px; --pjt-mr-logo-op: .55; --pjt-mr-logo-op-h: 1; }
.pjt-mr-legend.has-logo, .pjt-mr-legend--logo { align-items: center; }
.pjt-mr-legend .pjt-mr-logo { margin-left: auto; display: flex; align-items: center; line-height: 0; opacity: var(--pjt-mr-logo-op); transition: opacity .25s; }
.pjt-mr-legend a.pjt-mr-logo:hover { opacity: var(--pjt-mr-logo-op-h); }
.pjt-mr-legend .pjt-mr-logo img { display: block; height: var(--pjt-mr-logo-h); width: auto; max-width: 160px; }
.pjt-lg-nev { border: 2px solid var(--pjt-mr-ink); }
.pjt-lg-szab { border: 1.5px solid var(--pjt-mr-acc); background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--pjt-mr-acc) 35%, transparent) 0 2px, color-mix(in srgb, var(--pjt-mr-acc) 8%, transparent) 2px 6px); }
.pjt-ink-t { color: var(--pjt-mr-ink); }
.pjt-acc-t { color: var(--pjt-mr-acc); }

/* ---------- Termékcím ---------- */
.elementor-widget-pjt_termekcim { --pjt-cim-elo: var(--pjt-ink); --pjt-cim-meret: var(--pjt-ink); }
.pjt-cim { margin: 0; }
.pjt-cim-elo { display: block; font-family: var(--pjt-h); font-size: 20px; font-weight: 500; line-height: 1.25; letter-spacing: -.01em; color: var(--pjt-cim-elo); }
.pjt-cim-meret { display: block; margin-top: 8px; font-family: var(--pjt-h); font-size: clamp(32px, 2.8vw, 46px); font-weight: 600; line-height: 1; letter-spacing: -.03em; color: var(--pjt-cim-meret); }
.pjt-cim-egys { font-size: .42em; font-weight: 500; letter-spacing: -.01em; margin-left: 6px; text-transform: uppercase; }

/* ---------- Ár és készlet ---------- */
.elementor-widget-pjt_ar_keszlet { --pjt-ar: var(--pjt-ink); --pjt-ar-megj: var(--pjt-muted); --pjt-ar-vonal: var(--pjt-line); --pjt-kesz-txt: var(--pjt-ink); --pjt-kesz-on: var(--pjt-o); --pjt-kesz-off: #9a9a9a; }
.pjt-ar { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 22px 0; }
.pjt-ar-vonalak-yes .pjt-ar { border-top: 1px solid var(--pjt-ar-vonal); border-bottom: 1px solid var(--pjt-ar-vonal); }
.pjt-ar-ertek { font-family: var(--pjt-h); font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: -.03em; color: var(--pjt-ar); }
.pjt-ar-megj { margin-top: 10px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pjt-ar-megj); }
.pjt-keszlet { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; color: var(--pjt-kesz-txt); white-space: nowrap; }
.pjt-keszlet i { width: 10px; height: 10px; border-radius: 50%; background: var(--pjt-kesz-off); }
.pjt-keszlet.is-on i { background: var(--pjt-kesz-on); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pjt-kesz-on) 18%, transparent); }

/* ---------- Adatrács ---------- */
.elementor-widget-pjt_adatracs { --pjt-racs-bg: #fff; --pjt-racs-vonal: var(--pjt-line); --pjt-racs-cimke: var(--pjt-muted); --pjt-racs-ertek: var(--pjt-ink); --pjt-racs-kiem: var(--pjt-o); }
.pjt-racs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; background: var(--pjt-racs-bg); border-top: 1px solid var(--pjt-racs-vonal); border-left: 1px solid var(--pjt-racs-vonal); }
.pjt-racs > div { padding: 16px 18px; border-right: 1px solid var(--pjt-racs-vonal); border-bottom: 1px solid var(--pjt-racs-vonal); min-width: 0; }
.pjt-racs dt { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--pjt-racs-cimke); }
.pjt-racs dd { margin: 2px 0 0; font-family: var(--pjt-h); font-size: 20px; font-weight: 500; line-height: 1.25; letter-spacing: -.01em; color: var(--pjt-racs-ertek); }
.pjt-racs dd em { font-style: normal; color: var(--pjt-racs-kiem); }

/* ---------- Rövid leírás ---------- */
.elementor-widget-pjt_rovid_leiras { --pjt-rl-c: var(--pjt-txt); --pjt-rl-more: var(--pjt-o); }

.pjt-rl-txt { font-size: 15px; line-height: 1.75; color: var(--pjt-rl-c); }
.pjt-rl-txt p { margin: 0 0 .6em; }
.pjt-rl-txt p:last-child { margin-bottom: 0; }
.pjt-rl.is-clamp:not(.is-open) .pjt-rl-txt { display: -webkit-box; -webkit-line-clamp: var(--pjt-rl-sorok); -webkit-box-orient: vertical; overflow: hidden; }
.pjt-rl.is-clamp:not(.is-open) .pjt-rl-txt p { display: inline; }
.pjt-rl-more { background: none; border: 0; padding: 0; margin-top: 6px; font-family: inherit; font-size: 13px; font-weight: 700; color: var(--pjt-rl-more); cursor: pointer; }
.pjt-rl-more:hover { background: none; text-decoration: underline; }

/* ---------- Ajánlatkérő ---------- */
.elementor-widget-pjt_ajanlatkero { --pjt-btn-h: 58px; --pjt-btn-bg: var(--pjt-o); --pjt-btn-c: #fff; --pjt-btn-bg-h: var(--pjt-ink); --pjt-btn-c-h: #fff; --pjt-qty-bg: #fff; --pjt-qty-b: var(--pjt-line); --pjt-qty-c: var(--pjt-ink); --pjt-incl-c: var(--pjt-txt); --pjt-incl-b: var(--pjt-ink); --pjt-incl-a: var(--pjt-o); }

.pjt-buy { display: flex; gap: 12px; margin: 0; flex-wrap: wrap; }
.pjt-qty { display: flex; height: var(--pjt-btn-h); border: 1px solid var(--pjt-qty-b); background: var(--pjt-qty-bg); }
.pjt-qty button { width: 46px; border: 0; border-radius: 0; background: none; padding: 0; font-size: 20px; color: var(--pjt-qty-c); cursor: pointer; }
.pjt-qty button:hover { background: rgba(0, 0, 0, .04); color: var(--pjt-qty-c); }
.pjt-qty input { width: 48px; border: 0 !important; border-radius: 0; text-align: center; font-size: 17px; font-weight: 600; color: var(--pjt-qty-c); background: none; padding: 0; height: 100%; box-shadow: none !important; -moz-appearance: textfield; }
.pjt-qty input::-webkit-outer-spin-button, .pjt-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pjt-ajk .pjt-btn.add-to-enquiry {
	flex: 1 1 220px; display: flex; align-items: stretch; height: var(--pjt-btn-h); min-height: 0; padding: 0; border: 0; border-radius: 0;
	background: var(--pjt-btn-bg) !important; color: var(--pjt-btn-c) !important; width: auto !important;
	font-family: inherit; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: background .25s, color .25s;
}
.pjt-ajk .pjt-btn.add-to-enquiry:hover { background: var(--pjt-btn-bg-h) !important; color: var(--pjt-btn-c-h) !important; }
.pjt-btn-t { display: flex; align-items: center; padding: 0 26px; flex: 1; }
.pjt-btn-a { width: var(--pjt-btn-h); display: grid; place-items: center; border-left: 1px solid rgba(255, 255, 255, .35); }
.pjt-btn-a svg { width: 16px; height: 16px; }
.pjt-ajk .pisol-view-cart { flex-basis: 100%; font-size: 13px; font-weight: 700; color: var(--pjt-incl-a); }
.pjt-incl { display: flex; gap: 12px; align-items: flex-start; margin-top: 22px; font-size: 14px; line-height: 1.6; color: var(--pjt-incl-c); }
.pjt-incl > svg { flex: 0 0 18px; width: 18px; height: 18px; stroke: var(--pjt-incl-a); margin-top: 2px; }
.pjt-incl b, .pjt-incl strong { color: var(--pjt-incl-b); }
.pjt-incl a { color: var(--pjt-incl-a); font-weight: 700; white-space: nowrap; }
.pjt-incl p { margin: 0; }

/* ---------- Morzsa + vissza link ---------- */
.elementor-widget-pjt_morzsa { --pjt-mz-c: #8a8a8a; --pjt-mz-h: var(--pjt-o); --pjt-mz-cur: #8a8a8a; --pjt-mz-back: var(--pjt-ink); --pjt-mz-box: #fff; }
.pjt-mz { display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; font-size: 13px; }
.pjt-mz-list { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; color: var(--pjt-mz-c); }
.pjt-mz-list li { display: flex; align-items: center; }
.pjt-mz-list li + li:before { content: "/"; margin: 0 8px; color: #bbb; }
.pjt-mz-list a { color: var(--pjt-mz-c); text-decoration: none; }
.pjt-mz-list a:hover { color: var(--pjt-mz-h); }
.pjt-mz-list span { color: var(--pjt-mz-cur); }
.pjt-mz-back { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--pjt-mz-back); text-decoration: none; }
.pjt-mz-back b { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid var(--pjt-line); background: var(--pjt-mz-box); font-size: 14px; transition: .2s; }
.pjt-mz-back:hover { color: var(--pjt-o); }
.pjt-mz-back:hover b { border-color: var(--pjt-o); }

/* ---------- Összes méret gomb ---------- */
.elementor-widget-pjt_osszes_gomb { --pjt-og-h: 60px; --pjt-og-bg: var(--pjt-o); --pjt-og-c: #fff; --pjt-og-bg-h: var(--pjt-ink); --pjt-og-c-h: #fff; --pjt-og-al: var(--pjt-txt); }
.pjt-og { display: flex; flex-direction: column; align-items: center; }
.pjt-og-btn { display: inline-flex; align-items: stretch; min-width: 300px; height: var(--pjt-og-h); background: var(--pjt-og-bg); color: var(--pjt-og-c); font-family: inherit; font-size: 15px; font-weight: 700; letter-spacing: .014em; text-transform: uppercase; text-decoration: none; transition: background .25s, color .25s; }
.pjt-og-btn:hover { background: var(--pjt-og-bg-h); color: var(--pjt-og-c-h); }
.pjt-og-t { display: flex; align-items: center; justify-content: center; flex: 1; padding: 0 22px; }
.pjt-og-a { width: var(--pjt-og-h); display: grid; place-items: center; border-left: 1px solid rgba(255, 255, 255, .35); }
.pjt-og-a svg { width: 16px; height: 16px; }
.pjt-og-al { margin: 12px 0 0; font-size: 14px; color: var(--pjt-og-al); text-align: center; }
@media (max-width: 767px) {
	.pjt-mz-back span { display: none; }
	.pjt-og-btn { min-width: 0; width: 100%; font-size: 13px; }
}

/* ---------- Méretösszevetés ---------- */
.elementor-widget-pjt_meretosszevetes { --pjt-mo-cur: var(--pjt-o); --pjt-mo-oth: rgba(255,255,255,.7); --pjt-mo-floor: rgba(255,255,255,.45); }
.pjt-mo { display: flex; justify-content: center; }
.pjt-mo svg { width: 100%; max-width: 320px; max-height: 340px; height: auto; display: block; overflow: visible; }
.pjt-mo .pjt-mo-fl { stroke: var(--pjt-mo-floor); }
.pjt-mo .pjt-mo-cur { stroke: var(--pjt-mo-cur); }
.pjt-mo .pjt-mo-cur-fill { fill: var(--pjt-mo-cur); fill-opacity: .14; }
.pjt-mo .pjt-mo-cur-f { fill: var(--pjt-mo-cur); }
.pjt-mo .pjt-mo-oth { stroke: var(--pjt-mo-oth); }
.pjt-mo .pjt-mo-t { font-family: inherit; font-size: 12px; font-weight: 700; stroke: none; }
.pjt-mo .pjt-mo-cur-t { fill: var(--pjt-mo-cur); }
.pjt-mo .pjt-mo-oth-t { fill: var(--pjt-mo-oth); }

/* ---------- Közeli méretek ---------- */
.elementor-widget-pjt_kozeli_meretek { --pjt-kz-bg: #fff; --pjt-kz-bg-h: #f4f4f4; --pjt-kz-vonal: var(--pjt-line); --pjt-kz-acc: var(--pjt-o); --pjt-kz-ink: var(--pjt-ink); }
.pjt-kozeli { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--pjt-kz-vonal); border-left: 1px solid var(--pjt-kz-vonal); }
.pjt-kz { position: relative; display: flex; flex-direction: column; padding: 28px 26px 24px; background: var(--pjt-kz-bg); border-right: 1px solid var(--pjt-kz-vonal); border-bottom: 1px solid var(--pjt-kz-vonal); color: var(--pjt-txt); text-decoration: none; transition: background .25s; min-width: 0; }
.pjt-kz:hover { background: var(--pjt-kz-bg-h); color: var(--pjt-txt); }
.pjt-kz-nyil { position: absolute; top: 22px; right: 22px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--pjt-kz-vonal); transition: background .25s, border-color .25s; }
.pjt-kz-nyil svg { width: 14px; height: 14px; stroke: var(--pjt-kz-ink); }
.pjt-kz:hover .pjt-kz-nyil { background: var(--pjt-kz-acc); border-color: var(--pjt-kz-acc); }
.pjt-kz:hover .pjt-kz-nyil svg { stroke: #fff; }
.pjt-kz-mini { height: 96px; display: flex; align-items: flex-end; margin-bottom: 22px; }
.pjt-kz-mini svg { height: 96px; width: auto; }
.pjt-kz-ink-s { stroke: var(--pjt-kz-ink); }
.pjt-kz-ink-f { fill: var(--pjt-kz-ink); }
.pjt-kz-fill { fill: var(--pjt-kz-acc); fill-opacity: .1; }
.pjt-kz-cimke { font-size: 12px; font-weight: 600; color: var(--pjt-muted); }
.pjt-kz-meret { font-family: var(--pjt-h); font-size: 26px; font-weight: 600; letter-spacing: -.03em; line-height: 1.15; color: var(--pjt-kz-ink); margin: 2px 0 4px; }
.pjt-kz-meret small { font-size: .55em; font-weight: 500; letter-spacing: 0; }
.pjt-kz-szab { font-size: 13px; }
.pjt-kz-szab b { color: var(--pjt-kz-ink); }
.pjt-kz-lab { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--pjt-kz-vonal); }
.pjt-kz-meret { margin-bottom: 18px; }
.pjt-kz-meret:has(+ .pjt-kz-szab) { margin-bottom: 4px; }
.pjt-kz-szab { margin-bottom: 18px; }
.pjt-kz-ar { font-family: var(--pjt-h); font-size: 20px; font-weight: 600; color: var(--pjt-kz-ink); }
.pjt-kz-kesz { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: var(--pjt-kz-ink); white-space: nowrap; }
.pjt-kz-kesz i { width: 8px; height: 8px; border-radius: 50%; background: #9a9a9a; }
.pjt-kz-kesz.is-on i { background: var(--pjt-kz-acc); }

@media (max-width: 767px) {
	.pjt-mr-body { --pjt-mr-ar: 4 / 5; }
	.pjt-mr-rajz .pjt-mr-in { padding: 12px; }
	.pjt-mr-legend { flex-direction: column; }
	.pjt-mr-legend.has-logo { position: relative; padding-right: 110px; align-items: flex-start; }
	.pjt-mr-legend.has-logo .pjt-mr-logo { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); margin: 0; }
	.pjt-mr-legend .pjt-mr-logo img { max-width: 80px; }
	.pjt-buy { flex-direction: column; }
	.pjt-qty { width: 100%; }
	.pjt-qty input { flex: 1; }
	.pjt-ajk .pjt-btn.add-to-enquiry { flex: none; width: 100% !important; }
}

/* ===== Ajánlatkérő visszajelzés (panel / sáv) ===== */
.pjt-ajk:not(.pjt-fb-nincs) .pjt-btn.add-to-enquiry::before,
.pjt-ajk:not(.pjt-fb-nincs) .pjt-btn.add-to-enquiry::after { content: none !important; display: none !important; }
.pjt-ajk:not(.pjt-fb-nincs) .pisol-view-cart { display: none !important; }
.pjt-ajk .pjt-btn.add-to-enquiry.loading { opacity: .75; pointer-events: none; }
#pjt-fb-panel, #pjt-fb-sav {
	--pjt-o: var(--e-global-color-accent, #ff671f); --pjt-ink: var(--e-global-color-secondary, #242424);
	--pjt-line: #dedede; --pjt-h: "Space Grotesk", Arial, sans-serif; --pjt-ease: cubic-bezier(.7, 0, .2, 1);
	font-family: "Manrope", Arial, sans-serif; -webkit-font-smoothing: antialiased;
}
.pjt-fb-im { flex: 0 0 auto; width: 72px; height: 72px; background: #f4f4f4 center / cover no-repeat; display: block; }
.pjt-fb-main { display: flex; align-items: stretch; height: 54px; background: var(--pjt-o); color: #fff !important; text-decoration: none !important; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; transition: background .25s; }
.pjt-fb-main:hover { background: var(--pjt-ink); }
.pjt-fb-main span { flex: 1; display: flex; align-items: center; padding: 0 20px; }
.pjt-fb-main i { width: 54px; display: grid; place-items: center; border-left: 1px solid rgba(255, 255, 255, .35); }
.pjt-fb-main svg { width: 15px; height: 15px; }

/* panel */
.pjt-fb-shade { position: fixed; inset: 0; z-index: 99998; background: rgba(20, 20, 20, .4); opacity: 0; pointer-events: none; transition: opacity .5s; }
.pjt-fb-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 99999; width: min(420px, 100%); background: #fff; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .7s var(--pjt-ease); box-shadow: -20px 0 60px rgba(0, 0, 0, .12); }
.admin-bar .pjt-fb-drawer { top: 32px; }
.pjt-fb-panel-open .pjt-fb-shade { opacity: 1; pointer-events: auto; }
.pjt-fb-panel-open .pjt-fb-drawer { transform: none; }
.pjt-fb-dh { display: flex; justify-content: space-between; align-items: center; padding: 24px 28px; border-bottom: 1px solid var(--pjt-line); }
.pjt-fb-dh strong { font-family: var(--pjt-h); font-weight: 500; font-size: 24px; letter-spacing: -.01em; color: var(--pjt-ink); }
.pjt-fb-dh button { border: 0; background: none; padding: 0; width: 36px; height: 36px; font-size: 26px; line-height: 1; color: var(--pjt-ink); cursor: pointer; }
.pjt-fb-list { flex: 1; overflow-y: auto; }
.pjt-fb-it { display: flex; gap: 16px; align-items: center; padding: 18px 28px; border-bottom: 1px solid var(--pjt-line); }
.pjt-fb-it a { display: block; font-family: var(--pjt-h); font-weight: 500; font-size: 15px; line-height: 1.3; color: var(--pjt-ink); text-decoration: none; }
.pjt-fb-it a:hover { color: var(--pjt-o); }
.pjt-fb-it small { display: block; margin-top: 4px; font-size: 13px; color: #666; }
.pjt-fb-it.is-new { animation: pjtFbIn .7s .35s var(--pjt-ease) both; }
@keyframes pjtFbIn { from { opacity: 0; transform: translateX(30px); } }
.pjt-fb-df { padding: 22px 28px 28px; display: flex; flex-direction: column; gap: 12px; border-top: 1px solid var(--pjt-line); }
.pjt-fb-ghost { height: 50px; border: 1px solid var(--pjt-ink); background: #fff; color: var(--pjt-ink); font: inherit; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; border-radius: 0; transition: background .25s, color .25s; }
.pjt-fb-ghost:hover { background: var(--pjt-ink); color: #fff; }

/* sáv */
.pjt-fb-toast { position: fixed; left: 50%; bottom: 24px; z-index: 99999; width: min(660px, calc(100% - 32px)); display: grid; grid-template-columns: 64px 1fr auto; gap: 18px; align-items: center; padding: 12px; background: var(--pjt-ink); color: #cfcfcf; transform: translate(-50%, calc(100% + 40px)); transition: transform .7s var(--pjt-ease); box-shadow: 0 20px 50px rgba(0, 0, 0, .25); }
#pjt-fb-sav.on .pjt-fb-toast { transform: translate(-50%, 0); }
.pjt-fb-toast .pjt-fb-im { width: 64px; height: 64px; }
.pjt-fb-toast strong { display: block; font-family: var(--pjt-h); font-weight: 500; font-size: 16px; line-height: 1.3; color: #fff; }
.pjt-fb-toast small { font-size: 13px; }
.pjt-fb-toast .pjt-fb-main { height: 48px; }
.pjt-fb-toast .pjt-fb-main i { width: 48px; }
.pjt-fb-x { position: absolute; top: -34px; right: 0; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 0; background: var(--pjt-ink); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.pjt-fb-bar { position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: var(--pjt-o); transition-property: width; transition-timing-function: linear; transition-delay: .7s; }
.pjt-fb-bar.run { width: 100%; }
@media (max-width: 782px) { .admin-bar .pjt-fb-drawer { top: 46px; } }
@media (max-width: 767px) {
	.pjt-fb-toast { grid-template-columns: 48px 1fr; bottom: 16px; }
	.pjt-fb-toast .pjt-fb-im { width: 48px; height: 48px; }
	.pjt-fb-toast .pjt-fb-main { grid-column: 1 / -1; }
	.pjt-fb-dh, .pjt-fb-it, .pjt-fb-df { padding-left: 20px; padding-right: 20px; }
}
@media (prefers-reduced-motion: reduce) { .pjt-fb-drawer, .pjt-fb-toast, .pjt-fb-shade { transition: none; } .pjt-fb-it.is-new { animation: none; } }