/*
 * בורר היעדים של דף הלינקים — העתק של רשת היעדים והטופס במחולל ה-QR
 * (generator/printix-qr-generator-embed.html, "רשת יעדים והפקת קישור"),
 * כדי שלקוח שבנה קוד QR יזהה כאן בדיוק את אותו ממשק.
 * הכל תחום תחת .pxl — נטען גם בתוך עמוד אלמנטור/וורדפרס.
 */
.pxl{
	--background:#F3F4F6; --card:#fdfdfc;
	--foreground:#221f1b; --muted-foreground:#7b746b;
	--primary:#2b2824; --primary-foreground:#fbfbfa;
	--accent:#D5B398; --accent-soft:#F0E3D8;
	--destructive:#c0392b; --success:#2e8b57;
	--border:#e3dfd9; --border-strong:#cfc9c1;
	--radius:.5rem; --radius-md:calc(.5rem - 1px);
	--sans:"Inter Tight","Heebo",ui-sans-serif,system-ui,sans-serif;
	--mono:ui-monospace,SFMono-Regular,Menlo,monospace;
	direction:rtl;text-align:right;color:var(--foreground);font-family:var(--sans);font-size:15px;line-height:1.6
}
.pxl *{box-sizing:border-box}
.pxl [hidden]{display:none!important}
.pxl .hint{font-size:12.5px;color:var(--muted-foreground);margin-top:6px;line-height:1.5}
.pxl .err{color:var(--destructive);font-size:12.5px;margin-top:6px;min-height:17px}
.pxl input[type=text],.pxl input[type=time]{width:100%;height:38px;padding:0 13px;border:1px solid var(--border);
	border-radius:var(--radius-md);background:var(--card);color:var(--foreground);font:400 14px var(--sans);
	direction:ltr;text-align:left;margin:0}
.pxl input.rtl{direction:rtl;text-align:right}
.pxl input:focus,.pxl textarea:focus,.pxl button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

/* ── רשת היעדים ── */
.pxl .provs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
@media (max-width:640px){.pxl .provs{grid-template-columns:repeat(4,1fr)}}
.pxl .prov{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
	padding:11px 4px 9px;border:1px solid var(--border-strong);border-radius:var(--radius);
	background:var(--card);color:var(--foreground);cursor:pointer;font:600 11.5px var(--sans);
	text-align:center;line-height:1.2;transition:border-color .15s,background .15s;margin:0}
.pxl .prov:hover{border-color:var(--accent);background:var(--accent-soft)}
.pxl .prov[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.pxl .provs:not(.open) .prov.more{display:none}
.pxl .provMore{margin-top:8px;width:100%;height:40px;border-radius:var(--radius)}
.pxl .prov svg{width:26px;height:26px;flex:0 0 auto}

.pxl .provPanel{margin-top:12px;border:1px solid var(--border-strong);border-radius:var(--radius);
	background:var(--card);padding:14px 15px}
.pxl .provHead{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.pxl .provIcon{display:inline-flex}
.pxl .provIcon svg{width:24px;height:24px}
.pxl .provName{font-weight:600;font-size:15px;flex:1}
/* 1.50.2 (Tomer 26.10, a phone screenshot: "החלפת אייקון" / the name / "החלפת יעד" ran over each other): on phones the icon + name
   take the first line and the two buttons share the second, half each; a long label wraps inside its button */
@media (max-width:640px){
	.pxl .provHead{flex-wrap:wrap;row-gap:10px}
	.pxl .provHead>.provName{flex:1 1 calc(100% - 40px);min-width:0;overflow-wrap:anywhere}
	.pxl .provHead>.opt{order:2;flex:1 1 calc(50% - 5px);min-width:0;height:auto;min-height:44px;margin:0;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:normal;line-height:1.2;font-size:14px}
	.pxl .provHead>.opt>svg.pxi{flex:none;margin-inline-end:0}
}
.pxl .provHelp{font-size:12.5px;color:var(--muted-foreground);line-height:1.55;margin-bottom:11px}
.pxl .provHelp b{color:var(--foreground);font-weight:600}
.pxl .provFld{margin-bottom:10px}
.pxl .provFld label{display:block;font-size:12px;font-weight:500;margin-bottom:4px;color:var(--muted-foreground)}
.pxl .provFld textarea{width:100%;min-height:86px;padding:9px 11px;resize:vertical;border:1px solid var(--border);
	border-radius:var(--radius-md);background:var(--card);color:var(--foreground);font:400 13.5px var(--sans);
	line-height:1.55;direction:rtl;text-align:right;margin:0}
.pxl .provSteps{margin:0 0 12px;padding-inline-start:20px;font-size:12.5px;color:var(--muted-foreground);line-height:1.65}
.pxl .provSteps li{margin-bottom:3px}
.pxl .provOut{margin-top:12px;padding-top:11px;border-top:1px solid var(--border)}
.pxl .provUrl{direction:ltr;text-align:left;font:500 12.5px var(--mono);word-break:break-all;
	background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 11px;color:var(--foreground)}
.pxl .provUrl.rtlBlock{direction:rtl;text-align:right;white-space:pre-wrap;font:400 13px var(--sans);line-height:1.6}
.pxl .provOpen{display:inline-block;margin-top:6px;font-size:12.5px;color:var(--muted-foreground)}
.pxl .provFoot{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}

/* ── ביקורת גוגל ── */
.pxl gmp-place-autocomplete{width:100%;display:block;border:1px solid var(--border);border-radius:var(--radius-md);
	background:var(--card);--gmpx-color-surface:var(--card);--gmpx-color-on-surface:#111;
	--gmpx-font-family-base:inherit;--gmpx-font-size-base:14px}
.pxl .gmap{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--background)}
.pxl .gmap iframe{width:100%;height:190px;border:0;display:block}
.pxl .gmapBody{padding:13px 14px}
.pxl .gmapName{font-size:15.5px;font-weight:600}
.pxl .gmapAddr{font-size:12.5px;color:var(--muted-foreground);margin-top:2px}
.pxl .gDone{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(46,139,87,.45);
	border-radius:var(--radius-md);background:rgba(46,139,87,.08)}
.pxl .gDoneMark{width:22px;height:22px;border-radius:50%;flex:0 0 auto;background:var(--success);color:#fff;
	display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.pxl .gDoneText{flex:1;min-width:0;font-size:13.5px;line-height:1.35}
.pxl .gDoneText b{display:block;font-weight:600}
.pxl .gDoneText span{display:block;font-size:12px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxl .gRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}

/*
 * ── כפתורים — השפה שאושרה כפתור-כפתור (27.09.2026) ──
 * צורה אחת לכולם: מלבן, פינות 20px, גובה 50px. ראשי = חול → שחור במעבר עכבר.
 * משני = לבן עם מסגרת חול → שחור. "קטן" = אותו גובה, פחות ריפוד וטקסט 14px.
 * בחירה (.opt, .locOpt): לא נבחר = משני, נבחר = חול, והמומלץ תמיד באמצע.
 * זוג: המשני שליש, הראשי שני שלישים (.pair).
 */
.pxl .btn{height:50px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--accent);
	background:var(--accent);color:#F7F7F7;border-radius:20px;font:500 16px var(--sans);cursor:pointer;padding:0 22px;
	transition:background .3s,color .3s,border-color .3s;margin:0;text-decoration:none;box-sizing:border-box}
.pxl .btn:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.pxl .btn.outline,.pxl .btn.no{background:#fff;color:#1E1B17;border-color:var(--accent)}
.pxl .btn.outline:hover:not(:disabled),.pxl .btn.no:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.pxl .btn:disabled{opacity:.5;cursor:not-allowed}
.pxl .btn.sm{height:50px;padding:0 18px;font-size:14px}
.pxl .pair{display:flex;gap:10px}
.pxl .pair>.btn{flex:1;min-width:0}
.pxl .pair>.btn:not(.outline):not(.no){flex:2}
.pxl .opt{height:50px;padding:0 18px;border:1px solid var(--accent);background:#fff;color:#1E1B17;
	border-radius:20px;cursor:pointer;font:500 14px var(--sans);margin:0;box-sizing:border-box;
	transition:background .3s,color .3s,border-color .3s}
.pxl .opt[aria-pressed="true"]{background:var(--accent);color:#F7F7F7;border-color:var(--accent)}
.pxl .opt:hover:not(:disabled){background:#111;color:#fff;border-color:#111}

/* ── תפריט "⋯" (עריכה + עוד) ── */
.pxl .more{position:relative;display:inline-flex}
.pxl .moreMenu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:30;min-width:210px;background:#fff;
	border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:2px}
.pxl .moreMenu[hidden]{display:none}
.pxl .moreMenu .mi{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;
	font:400 14px var(--sans);color:var(--foreground);cursor:pointer;text-align:right;text-decoration:none;white-space:nowrap;width:100%;box-sizing:border-box}
.pxl .moreMenu .mi:hover:not(:disabled){background:var(--accent-soft)}
.pxl .moreMenu .mi:disabled{opacity:.4;cursor:default}
.pxl .moreMenu .mi.del{color:var(--destructive)}
.pxl .moreMenu .mi i{font-style:normal;width:18px;text-align:center}

/* ── רשימת הכפתורים בדף ── */
.pxl .lnk{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-strong);
	border-radius:var(--radius);background:var(--card);margin-bottom:8px}
.pxl .lnk.off{opacity:.55}
/* 18.10: גרירה בלחיצה ארוכה */
.pxl .lnk.drg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.pxl .lnk.lift{position:relative;z-index:5;border-color:#D5B398;background:#fff;box-shadow:0 12px 28px rgba(25,21,18,.18);transform:scale(1.02);transition:box-shadow .15s,transform .15s;cursor:grabbing}
.pxl.sorting{cursor:grabbing}
.pxl .pxlTip{margin:0 0 8px;font-size:13px;color:#7A7166}
.pxl .lnk .ic{width:34px;height:34px;border-radius:9px;background:var(--background);display:flex;align-items:center;justify-content:center;flex:none}
.pxl .lnk .ic svg{width:20px;height:20px}
.pxl .lnk .tx{flex:1;min-width:0}
.pxl .lnk .tx b{display:block;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxl .lnk .tx span{display:block;font-size:12px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}
.pxl .lnk .tx span.he{direction:rtl}
.pxl .lnk .acts{display:flex;gap:8px;align-items:center;flex:none}
.pxl .lnk .mv{display:flex;flex-direction:column;gap:3px;flex:none}
.pxl .lnk .mvb{width:30px;height:22px;padding:0;border:1px solid var(--border-strong);border-radius:7px;background:var(--card,#fff);color:inherit;display:grid;place-items:center;cursor:pointer}
.pxl .lnk .mvb svg{width:15px;height:15px}
.pxl .lnk .mvb:hover:not(:disabled){border-color:currentColor}
.pxl .lnk .mvb:disabled{opacity:.28;cursor:default}
.pxl .ib{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--card);cursor:pointer;
	font:500 14px var(--sans);color:var(--foreground);display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0}
.pxl .ib:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}
.pxl .ib:disabled{opacity:.35;cursor:default}
.pxl .sw-on{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted-foreground);cursor:pointer}
.pxl .addLink{width:100%;height:50px;border:1px dashed var(--accent);border-radius:20px;background:transparent;
	color:var(--foreground);font:600 14px var(--sans);cursor:pointer;margin:4px 0 0}
.pxl .addLink:hover:not(:disabled){border-color:#111;border-style:solid;background:#111;color:#fff}
@media (max-width:520px){.pxl .lnk{flex-wrap:wrap}.pxl .lnk .acts{width:100%;justify-content:flex-end}}

/* ── מיקום וחיבור לגוגל: שלוש אפשרויות כמו כרטיסי בחירה ── */
.pxl .locOpts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (max-width:640px){.pxl .locOpts{grid-template-columns:1fr}}
.pxl .locOpt{display:flex;gap:10px;align-items:flex-start;text-align:right;padding:12px;border:1px solid var(--accent);
	border-radius:20px;background:#fff;cursor:pointer;color:#1E1B17;font:400 13px var(--sans);margin:0;min-height:50px;box-sizing:border-box;
	white-space:normal;min-width:0;height:auto;line-height:1.4; /* תבנית האתר נותנת לכפתורים nowrap וגובה קבוע — כאן הטקסט חייב להישבר */
	transition:border-color .3s,background .3s,color .3s}
.pxl .locOpt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#F7F7F7}
.pxl .locOpt[aria-pressed="true"] small{color:#fff}
.pxl .locOpt:hover{border-color:#111;background:#111;color:#fff}
.pxl .locOpt:hover small{color:#ddd}
.pxl .locOpt b{display:block;font-weight:600;font-size:14px;margin-bottom:2px}
.pxl .locOpt small{display:block;color:var(--muted-foreground);font-size:12px;line-height:1.45}
.pxl .locIc{width:26px;height:26px;flex:none;display:flex}
.pxl .locIc svg{width:24px;height:24px}
.pxl .locPanel{margin-top:12px}
.pxl .locPanel:empty{display:none}
.pxl .gRate{color:#b06000!important;font-weight:500}
.pxl .locRev{margin-top:10px;font-size:13px;color:var(--foreground)}

/* ── שעות פעילות ── */
.pxl .hrs{display:flex;flex-direction:column;gap:6px}
.pxl .hr{display:grid;grid-template-columns:70px 92px 1fr;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}
.pxl .hr:last-child{border-bottom:0}
.pxl .hr .d{font-weight:600;font-size:14px}
.pxl .hr .ranges{display:flex;flex-direction:column;gap:6px}
.pxl .hr .rg{display:flex;align-items:center;gap:6px;direction:ltr;justify-content:flex-end}
.pxl .hr .rg input{width:108px;height:34px;padding:0 8px;text-align:center}
.pxl .hr .rg span{color:var(--muted-foreground)}
.pxl .hr .closed{color:var(--muted-foreground);font-size:13px}
.pxl .hrs-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media (max-width:520px){
	.pxl .hr{grid-template-columns:1fr auto}
	.pxl .hr .ranges{grid-column:1/-1}
	.pxl .hr .rg{justify-content:flex-start}
}

/* ── בדיקה צולבת: השם בדף מול השם בגוגל ── */
.pxl .nameCheck{margin-top:10px;padding:12px 14px;border:1px solid #e0b25c;border-inline-start:3px solid #d99a1e;border-radius:var(--radius);background:#fff8ea}
.pxl .nameCheck b{display:block;font-weight:600;margin-bottom:2px}
.pxl .nameCheck>span{display:block;font-size:13px;color:var(--muted-foreground)}
.pxl .nameCheck bdi{color:var(--foreground);font-weight:600}
.pxl .ncBtns{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pxl .ncBtns .btn{white-space:normal;height:auto;min-height:36px;padding:6px 14px}

/* ── גלריה בבונה ובעורך ── */
.pxl .galGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.pxl .galCell{position:relative;aspect-ratio:1}
.pxl .galPic{display:block;width:100%;height:100%;padding:0;margin:0;border:1px solid var(--border);border-radius:20px;overflow:hidden;
	background:var(--background);cursor:pointer;position:relative;transition:border-color .3s}
.pxl .galPic:hover{border-color:#111}
.pxl .galPic img{width:100%;height:100%;object-fit:cover;display:block}
.pxl .galDots{position:absolute;top:6px;inset-inline-start:6px;width:28px;height:22px;border-radius:11px;background:rgba(255,255,255,.92);
	color:#1E1B17;font-size:16px;line-height:20px;text-align:center}
.pxl .galCell .moreMenu{top:calc(100% - 8px)}
.pxl .galAdd{aspect-ratio:1;border:1px dashed var(--accent);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font:600 13px var(--sans);color:var(--foreground);text-align:center}
.pxl .galAdd span{font-size:24px;line-height:1;color:var(--accent)}
.pxl .galAdd:hover{border-color:#111;border-style:solid;background:#111;color:#fff}
.pxl .galAdd:hover span{color:#fff}
/* 23.10 בועות סטורי בעורך */
.pxl .hlEd{border:1px solid var(--line,#e6dfd6);border-radius:20px;padding:12px;margin:0 0 12px}
.pxl .hlTop{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.pxl .hlRing{flex:none;width:52px;height:52px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,var(--accent,#D5B398),#8A5A1F,var(--accent,#D5B398));display:grid;place-items:center;color:#fff}
.pxl .hlRing img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;display:block}
.pxl .hlName{flex:1;min-width:0;height:44px;border:1px solid var(--line,#e6dfd6);border-radius:20px;padding:0 14px;font:500 15px var(--sans);background:#fff;color:var(--foreground)}
.pxl .hlName:focus{outline:none;border-color:#111}
.pxl .hlMore{position:relative;flex:none}
.pxl .hlDots{width:44px;height:44px;border:0;border-radius:20px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--foreground)}
.pxl .hlDots:hover{background:#f3f0eb}
.pxl .hlWarn{color:#b4561f}
.pxl .galG{margin-top:10px;font-size:13px;color:var(--foreground)}

/* כפתורי ההתחברות (PXL.signin) — כמו PrintixSocial.buttons: ברוחב מלא, 50px, פינות 20px, לבן עם מסגרת חול; ריחוף — שחור. ערכת האתר צובעת כפתורים בוורוד (#c36) — נועלים */
.pxl .sgBtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;margin:0 0 10px;padding:0 18px;border:1px solid #D5B398!important;border-radius:20px!important;background:#fff!important;color:#111!important;font:600 16px var(--sans, Heebo, Arial, sans-serif);cursor:pointer;box-shadow:none!important;transition:background .3s,color .3s,border-color .3s}
.pxl .sgBtn:hover:not([disabled]),.pxl .sgBtn:focus-visible{background:#111!important;color:#fff!important;border-color:#111!important}
.pxl .sgBtn svg{flex:none;background:#fff;border-radius:50%;padding:2px;box-sizing:content-box}
.pxl .sgBtn[disabled]{opacity:.6;cursor:default}
/* הדבקת קישור מגוגל מפות — לעסק שלא מופיע בחיפוש (03.10) */
.pxl .gmTog{background:none;border:0;padding:0;margin-top:10px;color:var(--muted-foreground);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer;white-space:normal;text-align:right}
.pxl .gmTog:hover{color:#111}
.pxl .gmBox{margin-top:8px}
.pxl .gmRow{display:flex;gap:8px;margin-top:8px;align-items:center}
.pxl .gmRow input[type=text]{flex:1;min-width:0;height:50px}
.pxl .gmRow .btn{flex:none}

/* ═══════════════════════════════════════════════════════════════
   שפת העיצוב של Printix (printix3dc/UI-UX) — תומר 05.10.
   הבונה והעורך: Heebo בלבד, 12/14/16/18, 400/500/700, פינות 20px,
   שדות 50px עם טבעת פוקוס 3px, צבעי הקווים והסטטוס של השפה.
   ═══════════════════════════════════════════════════════════════ */
.pxl{
	--background:#FBFAF7; --card:#fff;
	--foreground:#191512; --muted-foreground:#7A7166;
	--primary:#191512; --primary-foreground:#F7F7F7;
	--accent:#D5B398; --accent-soft:#F0E3D8;
	--destructive:#B42318; --success:#2F7D4F;
	--border:#E6DFD6; --border-strong:#E6DFD6;
	--radius:20px; --radius-md:20px;
	--sans:"Heebo",sans-serif;
	font-size:16px
}
.pxl .hint,.pxl .err,.pxl .provHelp,.pxl .provSteps,.pxl .provOpen,.pxl .gmapAddr,.pxl .gmTog,.pxl .provFld label,.pxl .locOpt small,.pxl .sw-on{font-size:12px}
.pxl .provFld label{font-size:14px;color:#191512}
.pxl .provUrl,.pxl .provFld textarea,.pxl .provUrl.rtlBlock,.pxl .gDoneText,.pxl .locOpt,.pxl .locRev,.pxl .galG,.pxl .closed,.pxl .nameCheck>span{font-size:14px}
.pxl .gmapName,.pxl .provName{font-size:16px}
.pxl .prov{font-size:12px;font-weight:500}
.pxl .provName,.pxl .provHelp b,.pxl .gDoneText b,.pxl .lnk .tx b,.pxl .locOpt b,.pxl .hr .d,.pxl .nameCheck b,.pxl .nameCheck bdi,.pxl .gmapName{font-weight:500}
.pxl .addLink,.pxl .galAdd{font-weight:500}
/* שדות (D13) */
.pxl input[type=text],.pxl input[type=time]{height:50px;padding:0 16px;font-size:16px;border-color:#E6DFD6;border-radius:20px}
.pxl .hr .rg input{height:40px;border-radius:20px}
.pxl .provFld textarea{border-radius:20px;padding:12px 16px;font-size:16px}
.pxl gmp-place-autocomplete{border-radius:20px}
.pxl input:focus,.pxl textarea:focus{outline:none;border-color:#D5B398;box-shadow:0 0 0 3px #F0E3D8}
.pxl button:focus-visible{outline:none}
/* כרטיסים ורשימות (D12, D16) */
.pxl .prov,.pxl .provPanel,.pxl .provUrl,.pxl .gmap,.pxl .gDone,.pxl .lnk,.pxl .nameCheck{border-radius:20px}
.pxl .prov{border-color:#E6DFD6}
.pxl .prov[aria-pressed="true"]{background:#F0E3D8;box-shadow:none;border-color:#D5B398}
.pxl .provMore{height:50px}
.pxl .lnk .ic{border-radius:12px;background:#F0E3D8;color:#8A5A1F}
.pxl .ib{width:40px;height:40px;border-radius:20px;border-color:#D5B398;background:#fff;transition:background .3s,color .3s,border-color .3s}
.pxl .ib:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.pxl .lnk .mvb{border-radius:8px;border-color:#E6DFD6}
.pxl .moreMenu{border-radius:20px;border-color:#E6DFD6;box-shadow:0 12px 32px -8px rgba(25,21,18,.22),0 2px 6px rgba(25,21,18,.06)}
.pxl .moreMenu .mi{border-radius:12px}
/* סטטוסים (D5) */
.pxl .gDone{border-color:transparent;background:#E5F2EA}
.pxl .gDoneMark{background:#2F7D4F}
.pxl .nameCheck{border:0;background:#FBEEE5}
.pxl .gRate{color:#B4561F!important}
.pxl .ncBtns .btn{min-height:40px;border-radius:20px}
/* ═══ "מצילום מסך" (11.10): הכפתור, הכרטיס "מצאנו…" והרשימה של כמה קישורים ═══ */
.pxl .pxlSmartRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.pxl .pxlImgBtn{display:inline-flex;align-items:center;gap:8px;white-space:normal}
.pxl .pxlImgBtn svg{width:20px;height:20px;flex:0 0 auto}
.pxl .pxlSmart[aria-busy="true"] .pxlImgBtn{opacity:.6;cursor:progress}
.pxl .pxlSmart.drop{outline:2px dashed #D5B398;outline-offset:6px;border-radius:20px}
.pxl .pxlFound{margin-top:12px;padding:16px;border:1px solid #E6DFD6;border-radius:20px;background:#fff}
.pxl .pxlFoundHead{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#191512}
.pxl .pxlFoundHead .ic{width:28px;height:28px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
.pxl .pxlFoundHead .ic svg,.pxl .pxlFoundHead .ic img{width:100%;height:100%}
.pxl .pxlFoundVal{margin:10px 0 2px;font-size:18px;font-weight:500;direction:ltr;text-align:left;word-break:break-all;color:#191512}
.pxl .pxlFoundVal.rtl{direction:rtl;text-align:right;font-size:16px;word-break:normal}
.pxl .pxlFoundAct{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pxl .pxlFoundAct .btn{white-space:normal}
.pxl .pxlAlts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:12px;color:#7A7166}
/* כפתורים קטנים: ערכת האתר צובעת כל כפתור בוורוד בריחוף — כאן הריחוף שחור (שפת הכפתורים) */
.pxl .pxlAlts button{height:34px;padding:0 14px;border-radius:20px;border:1px solid #D5B398;background:#fff;color:#191512;font:500 14px "Heebo",sans-serif;direction:ltr;cursor:pointer;white-space:nowrap}
.pxl .pxlAlts button:hover,.pxl .pxlAlts button:focus{background:#111;color:#fff;border-color:#111}
.pxl .pxlChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pxl .pxlChips .opt{display:inline-flex;align-items:center;gap:8px}
.pxl .pxlChips .opt svg{width:20px;height:20px;flex:0 0 auto}
.pxl .pxlRows{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.pxl .pxlFound .pxlRow{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 12px;border:1px solid #E6DFD6;border-radius:20px;cursor:pointer;margin:0;font-size:14px;font-weight:400;color:#191512} /* label בתוך .provFld — גובר על ".provFld label" */
.pxl .pxlRow input{width:20px;height:20px;flex:0 0 auto;margin:0;accent-color:#191512}
.pxl .pxlRow .ic{width:24px;height:24px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
.pxl .pxlRow .ic svg,.pxl .pxlRow .ic img{width:100%;height:100%}
.pxl .pxlRow .tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.pxl .pxlRow .tx b{font-size:14px;font-weight:500}
.pxl .pxlRow .tx span{font-size:12px;color:#7A7166;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.pxl .pxlRow a{flex:0 0 auto;font-size:12px;color:#7A7166}
.pxl .pxlRow.off{opacity:.55;cursor:default}
.pxl .pxlGs{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.pxl .pxlGs button{display:block;width:100%;text-align:right;padding:10px 14px;border:1px solid #E6DFD6;border-radius:20px;background:#fff;color:#191512;font:400 14px "Heebo",sans-serif;cursor:pointer;white-space:normal;transition:background .3s,color .3s,border-color .3s}
.pxl .pxlGs button b{display:block;font-weight:500}
.pxl .pxlGs button span{display:block;font-size:12px;color:#7A7166}
.pxl .pxlGs button:hover,.pxl .pxlGs button:focus{background:#111;color:#fff;border-color:#111}
.pxl .pxlGs button:hover span,.pxl .pxlGs button:focus span{color:#ddd}
/* 11.10 (Tomer): UI icons from the Printix icon set instead of emojis / glyphs (PXQL_UI_Icons + uic() in pxqr-links.js) */
.pxl svg.pxi{vertical-align:-3px;flex:0 0 auto}
.pxl .opt>svg.pxi{margin-inline-end:6px}
.pxl .tx svg.pxi,.pxl .gRate svg.pxi{vertical-align:-2px}
.pxl .moreMenu .mi i{display:inline-flex;align-items:center;justify-content:center}
.pxl .galDots{display:flex;align-items:center;justify-content:center}
/* PAI — הדף מצילום מסך (11.10): הכרטיס בבונה ובעורך */
.pxl .pxlPai{padding:16px;border:1px solid #E6DFD6;border-radius:20px;background:linear-gradient(135deg,#fff,#FBF6F1);margin:0 0 14px}
.pxl .pxlPai.drop{outline:2px dashed #D5B398;outline-offset:4px}
.pxl .pxlPai[aria-busy="true"] .pxlImgBtn{opacity:.6;cursor:progress}
.pxl .pxlPaiHead{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#191512}
.pxl .pxlPai .pai{display:inline-flex;align-items:center;gap:1px;height:28px;padding:0 10px 0 9px;border-radius:20px;background:#191512;color:#fff;direction:ltr;font:800 15px/1 "Heebo",sans-serif}
.pxl .pxlPai .pai svg{height:15px;width:auto;color:#D5B398}
.pxl .pxlPai p{font-size:13px;color:#7A7166;margin:8px 0 10px}

/* ── 17.10 תיק עבודות (pxql-folio.js) — כרטיס הדרייב / אינסטגרם בבונה ובעורך ── */
.pxf .pxfSw{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;cursor:pointer;margin-bottom:10px}
.pxf .pxfSw input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#191512}
.pxf .pxfRow{display:flex;gap:8px;align-items:center;margin-top:8px}
.pxf .pxfRow input{flex:1;min-width:0}
.pxf .pxfRow .btn{flex:none}
.pxf .pxfBox{border:1px solid #E6DFD6;border-radius:20px;padding:14px 16px;margin-top:12px;background:#fff}
.pxf .pxfH{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:600;font-size:15px}
.pxf .pxfH svg{flex:none}
.pxf .pxfInfo{display:flex;flex-direction:column;gap:2px;font-size:14px}
.pxf .pxfInfo span{color:var(--muted-foreground);font-size:13px}
.pxf .pxfThumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.pxf .pxfThumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#F3F1EE;display:block}
.pxf .pxfActs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pxf .pxfActs .btn{border-radius:20px;text-decoration:none}
.pxf .btn.pxfG{background:#fff;color:#191512;border-color:#D5B398;gap:8px}
.pxf .btn.pxfG:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.pxf .pxfOr{margin:12px 0 0;font-size:13px;color:var(--muted-foreground)}
.pxf .pxfMsg{min-height:0}
.pxf .pxfIg{display:flex;flex-direction:column;gap:6px}
.pxf .pxfIgRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid #EFE9E2;border-radius:14px;font-size:13.5px}
.pxf .pxfIgRow a{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxf .pxfX{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:#7b746b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pxf .pxfX:hover{background:#111!important;color:#fff!important}
.pxf .pxfX:focus:not(:hover){background:transparent!important;color:#7b746b!important}
@media (max-width:480px){.pxf .pxfActs .btn{flex:1 1 auto}}
/* 1.41.2: תיקייה שנבחרה בגוגל ועוד לא שותפה — "עוד צעד אחד" (צבע אזהרה של שפת העיצוב) */
.pxf .pxfPend{display:flex;flex-direction:column;gap:4px;margin:0 0 12px;padding:12px 14px;border-radius:16px;background:#FBEEE5;border:1px solid #F0D2BF;color:#191512;font-size:13.5px;line-height:1.5}
.pxf .pxfPend b{color:#B4561F;font-size:14px}
.pxf .pxfPend .pxfActs{align-items:center;margin-top:6px}
/* 1.42.0: לשוניות האלבומים — שם, סדר, מוצג */
.pxf .pxfAlb{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #EFE9E2}
.pxf .pxfSub{margin:0 0 2px;font-size:13.5px;font-weight:600}
.pxf .pxfAlbRow{display:flex;align-items:center;gap:6px}
.pxf .pxfAlbRow input[type=text]{flex:1;min-width:0;height:40px;padding:0 12px;font-size:14px;border-radius:14px}
.pxf .pxfAlbRow.off input[type=text]{opacity:.5}
.pxf .pxfAlbK{flex:none;min-width:70px;font-size:12.5px;color:var(--muted-foreground)}
.pxf .pxfArr{flex:none;width:32px;height:32px;padding:0;border:1px solid #E6DFD6;border-radius:10px;background:#fff;color:#191512;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pxf .pxfArr:hover:not(:disabled){background:#111!important;color:#fff!important;border-color:#111!important}
.pxf .pxfArr:focus:not(:hover){background:#fff!important;color:#191512!important}
.pxf .pxfArr:disabled{opacity:.3;cursor:default}
.pxf .pxfCnt{flex:none;font-size:12px;color:var(--muted-foreground);white-space:nowrap}
.pxf .pxfShow{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;white-space:nowrap;cursor:pointer}
.pxf .pxfShow input{width:16px;height:16px;margin:0;accent-color:#191512}
@media (max-width:480px){.pxf .pxfCnt{display:none}}
/* 18.10 (תומר: "עוד יעדים" צמוד לרשת, "ביטול" קטן בצד): זוג לפי UI-UX — הראשי בחול, המשני לבן; שניהם ברוחב מלא, עם רווח מהרשת */
.pxl .opt.provMore{margin-top:16px;width:100%;height:50px;border-radius:20px;background:#D5B398;border:1px solid #D5B398;color:#F7F7F7;font-weight:500;transition:background .3s,color .3s,border-color .3s}
.pxl .opt.provMore:hover,.pxl .opt.provMore:focus-visible{background:#111;border-color:#111;color:#fff}
.pxl .btn.provCancel{display:flex;width:100%;margin-top:10px}
/* 18.10 (תומר: "יותר מדי כפתורים בתפריט"): גודל הכפתור בשורה אחת (בחירה = חול), "הפיכה למוצר" נפתח בפנים */
.pxl .moreMenu .miSize{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px 12px;margin-bottom:4px;border-bottom:1px solid #e6e1da}
.pxl .moreMenu .miSizeL{width:100%;font-size:13px;color:#7A7166}
.pxl .moreMenu .miChip{height:36px;padding:0 12px;border:1px solid #D5B398;border-radius:16px;background:#fff;color:#1E1B17;font:inherit;font-size:14px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.pxl .moreMenu .miChip.on{background:#D5B398;color:#F7F7F7}
.pxl .moreMenu .miChip:hover{background:#111;border-color:#111;color:#fff}
.pxl .moreMenu .miMore b{display:flex;margin-inline-start:auto;transition:transform .2s}
.pxl .moreMenu .miMore[aria-expanded=true] b{transform:rotate(180deg)}
.pxl .moreMenu .miSub{padding-inline-start:16px}
.pxl .moreMenu .miSub[hidden]{display:none}
/* 18.10: כפתור עם כמה אפשרויות — העורך שלו (האפשרויות בפנים) */
.pxl .pxlGroup{padding:16px;border:1px solid #D5B398;border-radius:20px;background:#fff;margin-bottom:8px}
.pxl .pxlGroupT{margin:0 0 12px;font-weight:700;font-size:16px}
.pxl .pxlGroupS{margin:14px 0 8px;font-size:14px;color:#7A7166}
.pxl .pxlKid{background:#FBF8F4}
.pxl .pxlKidEdit{margin:0 0 8px;padding:12px;border:1px dashed #d9cfc4;border-radius:16px}
.pxl .pxlGroupDone{display:flex;width:100%;margin-top:10px}
/* D33 (19.10.2026): centred button labels — UI-UX D33 "centre everything". Icon + word sit together in the middle. */
.pxl .btn,.pxl .opt,.pxl .opt.provMore,.pxl .addLink,.pxl .galAdd,.pxl .sgBtn,.pxl .pxlImgBtn,.pxl .ib,.pxl .prov,.pxl .pxlGroupDone,.pxl .btn.provCancel,.pxl .pair>.btn,.pxl .ncBtns .btn,.pxl .pxlFoundAct .btn{text-align:center;justify-content:center}

/* 1.47.0 (Tomer 20.10: "every builder left to right in English / Russian — the phone on the right"): the builder's root
   (data-px-builder) takes dir="ltr" (printix-languages 1.6.0); what this sheet pins right to left is turned here */
.pxl[dir="ltr"],[dir="ltr"] .pxl{direction:ltr;text-align:left}
[dir="ltr"] .pxl input.rtl,[dir="ltr"] .pxl .provFld textarea,[dir="ltr"] .pxl .provUrl.rtlBlock,[dir="ltr"] .pxl .pxlFoundVal.rtl{direction:ltr;text-align:left;unicode-bidi:plaintext}
[dir="ltr"] .pxl .moreMenu .mi,[dir="ltr"] .pxl .locOpt,[dir="ltr"] .pxl .gmTog,[dir="ltr"] .pxl .pxlGs button,[dir="ltr"] .pxl .lnk .tx span{text-align:left}

/* 1.50.1 (Tomer 26.10: "a big go-back pops up if you made a mistake"): the printix-ui toast after every one-click change —
   "חזרה" as a big sand button (like the production board), 10 s. Above the editor's save bar and the builder's bottom bar. */
.px-toast.px-ui.pxlUndo{gap:12px;padding-block:10px;padding-inline:18px 10px;max-width:min(460px,calc(100vw - 32px));font-size:15px}
.px-ui.pxlUndo .px-toast-act,.px-ui.pxlUndo .px-toast-act:hover,.px-ui.pxlUndo .px-toast-act:focus{min-height:44px;padding:0 22px;margin-inline-start:8px;border-radius:20px;background:#D5B398;color:#1E1B17;font-weight:700;font-size:16px;text-decoration:none}
.px-ui.pxlUndo .px-toast-act:hover,.px-ui.pxlUndo .px-toast-act:focus-visible{background:#fff;color:#111}
body:has(#savebar.on){--px-toast-bottom:88px}
body:has(.pxqr-pb:not([data-step="9"]) .wbNav:not(.below)){--px-toast-bottom:96px}