/* shop layer: step 3 add-ons, modals, mockups, cart, orders */
.pvlinks{display:flex;gap:10px;flex-wrap:wrap}
.stage{position:relative}
.pv-play{position:absolute;inset-inline-end:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:0;background:#0e5e6a;color:#fff;font-size:18px;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer}
.pv-play.playing{background:#c9a13b;animation:dkpulse 1.2s infinite}
@keyframes dkpulse{50%{transform:scale(1.08)}}
.wm-note{margin:6px 0 2px;font-size:13px;color:#7a6a45;text-align:center}
.addons{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.addon{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1.5px dashed #c8bfa9;border-radius:12px;background:#fffdf7;font:inherit;color:#333;cursor:pointer;text-align:start}
.addon.on{border-style:solid;background:#eef7f6}
.addon .ad-ic{font-size:18px;}.addon .ad-t{flex:1}.addon .ad-x{color:#a33;padding:0 6px}
.addon.chk input{width:18px;height:18px;accent-color:#0e5e6a}
.totrow{display:flex;justify-content:space-between;align-items:baseline;margin:6px 2px 10px;font-size:17px}.totrow b{font-size:20px;color:#0e5e6a}.totrow small{color:#888}
.acts.buy .btn{flex:1}.acts.sec{margin-top:6px}.acts.dl{margin-top:6px}
.sh-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}
.sh-ov{position:absolute;inset:0;background:rgba(20,24,28,.6)}
.sh-box{position:relative;background:#fff;border-radius:16px;padding:22px;max-width:min(560px,94vw);max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.35);width:100%}
.sh-box h3{margin:0 0 8px;color:#0e5e6a}
.sh-x{position:absolute;inset-inline-end:10px;top:8px;border:0;background:none;font-size:20px;cursor:pointer;color:#555}
.sh-box .hint{font-size:13px;color:#666}.sh-box .ok{color:#18794e;font-weight:700}.btn.wide{width:100%}
.row.end{justify-content:flex-end;display:flex;gap:8px;margin-top:12px}
.linkbox{display:flex;gap:6px;margin:8px 0}.linkbox input{flex:1;padding:8px;border:1px solid #ccc;border-radius:8px;font-size:13px}
.mu-list{display:flex;flex-direction:column;gap:6px;margin:10px 0;max-height:46vh;overflow:auto}
.mu-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e3ddd0;border-radius:12px;cursor:pointer}
.mu-row.sel,.mu-row:has(input:checked){border-color:#0e5e6a;background:#eef7f6}
.mu-play{width:36px;height:36px;border-radius:50%;border:0;background:#0e5e6a;color:#fff;cursor:pointer;flex:none}
.mu-play.playing{background:#c9a13b}
.mu-i{flex:1;min-width:0}.mu-i b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mu-bar{height:4px;background:#e8e2d4;border-radius:3px;margin:5px 0 2px;overflow:hidden}.mu-bar i{display:block;height:100%;width:0;background:#c9a13b}
.mu-t{font-size:11px;color:#888;direction:ltr;display:inline-block}.mu-p{font-size:13px;color:#555}
.mu-up{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sh-modal.full .sh-box{max-width:min(96vw,1100px);background:#222;padding:14px}.full-wrap{display:flex;justify-content:center}.full-wrap canvas{max-width:100%;max-height:84vh;height:auto;width:auto;box-shadow:0 6px 30px rgba(0,0,0,.5)}
.sh-modal.full .wm-note{color:#ddd}.sh-modal.full .sh-x{color:#fff}
/* mockups */
.sh-modal.mk .sh-box{max-width:min(980px,96vw);background:#f3efe7}
.mk-wrap{display:flex;gap:16px;align-items:stretch}
.mk-stage{flex:1;min-height:520px;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#e9e3d6,#d9d0bd)}
.mk-list{display:flex;flex-direction:column;gap:10px;width:130px}
.mk-th{border:2px solid transparent;border-radius:12px;background:#fff;padding:6px;cursor:pointer;font:inherit}.mk-th.on{border-color:#0e5e6a}
.mk-th small{display:block;font-size:12px;margin-top:4px}
.mk-mini{display:block;height:96px;overflow:hidden;position:relative;pointer-events:none}
.mk-mini>*{position:absolute;left:50%;top:0;transform:translateX(-50%) scale(.19);transform-origin:top center;margin:0}.mk-mini>.mk-wall,.mk-mini>.mk-desk{width:560px}
.mk-phone{width:270px;height:540px;border-radius:38px;background:#111;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 2px #333;position:relative}
.mk-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:90px;height:20px;background:#111;border-radius:0 0 12px 12px;z-index:2}
.mk-wa{height:100%;border-radius:28px;overflow:hidden;background:#e5ddd5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='1.5' fill='%23cfc6b8'/%3E%3C/svg%3E");display:flex;flex-direction:column}
.mk-wah{background:#075e54;color:#fff;padding:26px 12px 10px;display:flex;align-items:center;gap:8px;direction:rtl}.mk-wah small{opacity:.8;font-size:10px;margin-inline-start:auto}
.mk-av{width:28px;height:28px;border-radius:50%;background:#c9a13b;display:flex;align-items:center;justify-content:center;font-weight:700}
.mk-chat{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;direction:rtl}
.mk-msg{align-self:flex-start;background:#dcf8c6;border-radius:10px;padding:4px;max-width:88%;box-shadow:0 1px 1px rgba(0,0,0,.15);position:relative}
.mk-msg img{display:block;width:100%;border-radius:8px}.mk-tm{font-size:9px;color:#667;display:block;text-align:end;padding:2px 4px 0}
.mk-msg.aud{padding:8px 12px;font-size:12px;color:#075e54}
.mk-wall{position:relative;width:100%;height:520px;background:linear-gradient(#efe9dc,#e4dccb)}
.mk-card{position:absolute;width:30%;background:#fff;padding:0;box-shadow:0 12px 24px rgba(0,0,0,.25)}.mk-card img{display:block;width:100%}
.mk-card.c1{left:6%;top:16%;transform:rotate(-6deg)}.mk-card.c2{left:35%;top:8%;transform:rotate(2deg);z-index:2;width:32%}.mk-card.c3{left:64%;top:18%;transform:rotate(7deg)}
.mk-card .tape{position:absolute;top:-10px;left:50%;width:60px;height:20px;margin-left:-30px;background:rgba(255,255,240,.7);transform:rotate(-4deg)}
.mk-desk{position:relative;width:100%;height:520px;background:linear-gradient(#f1ede6 0 70%,#b98d5e 70%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:70px;box-sizing:border-box}
.mk-frame{width:220px;padding:14px;background:#fff;border:10px solid #3a2b1f;box-shadow:0 18px 30px rgba(0,0,0,.35);transform:perspective(600px) rotateY(-6deg)}.mk-frame img{display:block;width:100%}
.mk-plant{position:absolute;bottom:70px;inset-inline-end:16%;width:60px;height:90px;background:radial-gradient(circle at 50% 30%,#4c8c4a 0 40%,transparent 41%),linear-gradient(transparent 55%,#a0522d 55%);border-radius:8px}
@media(max-width:700px){.mk-wrap{flex-direction:column}.mk-list{flex-direction:row;width:auto}.mk-stage{min-height:440px}.mk-wall,.mk-desk{height:420px}.mk-phone{transform:scale(.85)}}
/* step 1 field types */
.fld .inp .affix{border:0;border-bottom:1px dashed #b7ab90;background:transparent;font:inherit;color:#6b5a35;padding:2px;min-width:1.5em;max-width:40%;flex:none}
.fld .inp.date .datebtn{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line,#ddd);border-radius:22px;background:#fff;font:inherit;text-align:start;padding:9px 16px;padding-inline-end:48px;cursor:pointer;color:inherit;min-width:0}
.fld .inp.other{margin-top:6px}.hidden{display:none!important}
/* cart / orders */
.shop{max-width:1100px;margin:0 auto;padding:18px 14px 60px}.shop h1{color:#0e5e6a}
.shop-g{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
@media(max-width:860px){.shop-g{grid-template-columns:1fr}}
.citems{display:flex;flex-direction:column;gap:12px}.ci{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eee;padding-bottom:12px}
.ci canvas{width:90px;height:auto;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);flex:none}.ci-t{flex:1;display:flex;flex-direction:column;gap:4px}.ci-t small{color:#666}.ci-p{font-size:17px;color:#0e5e6a}
.sums>div{display:flex;justify-content:space-between;padding:6px 0}.sums .disc{color:#18794e}.sums .tot{border-top:1px solid #ddd;font-size:19px;margin-top:4px;padding-top:10px}
.cpn small.ok{color:#18794e}.cpn small.err{color:#b42318}
.ost{display:flex;flex-direction:column;gap:8px;border-inline-start:5px solid #c9a13b}.ost.paid{border-color:#18794e}.ost.cancelled{border-color:#999}.ost b{font-size:18px}
.oitems{display:flex;flex-direction:column;gap:14px;margin-top:14px}.oi{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.oi canvas{width:min(300px,100%);height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.18)}.oi-t{flex:1;min-width:220px}
.olist{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.orow{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #eee;border-radius:10px;color:inherit;text-decoration:none;flex-wrap:wrap}.orow span{flex:1}.orow .tag.paid{background:#e3f4ea;color:#18794e}.orow .tag.pending{background:#fff4dc;color:#8a6100}
#cartPill{position:fixed;bottom:16px;inset-inline-start:16px;z-index:900;background:#0e5e6a;color:#fff;border-radius:999px;padding:10px 16px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25);font-size:15px}
#cartPill b{background:#c9a13b;border-radius:999px;padding:0 7px;margin:0 4px}

/* admin 2 */
.g2x{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.g2x{grid-template-columns:minmax(0,1fr)}}
.g2x>.panel{min-width:0}.panel input,.panel textarea,.panel select{max-width:100%;box-sizing:border-box}
.glist{display:flex;flex-direction:column;gap:6px;margin:10px 0}.gitem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid #e3ddd0;border-radius:10px;background:#fff;font:inherit;cursor:pointer;text-align:start}.gitem.on{border-color:#0e5e6a;background:#eef7f6}.gitem small{color:#777}
.litem{border:1px solid #eee;border-radius:10px;padding:8px 12px;margin-bottom:8px}.litem summary{cursor:pointer}.litem textarea,.gf textarea{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:6px;font:inherit}
.gf{border:1px solid #e3ddd0;border-radius:12px;padding:10px;background:#fffdf8}

.tokens{font-size:12px;color:#555}.tok{border:1px solid #c9bfa6;background:#fff;border-radius:6px;padding:2px 6px;margin:2px;font-size:12px;cursor:pointer;direction:ltr}.fmtpv{margin:6px 0;font-size:14px}.fmtpv b{color:#0e5e6a}
input.inl{border:1px solid #ccc;border-radius:8px;padding:6px 8px;font:inherit}
.mlist{display:flex;flex-direction:column;gap:6px;margin:10px 0}.mrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid #eee;border-radius:10px;padding:8px}.mrow input[name=name]{flex:1;min-width:140px;border:1px solid #ccc;border-radius:8px;padding:6px}.mrow label{display:flex;align-items:center;gap:4px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid #ddd;border-radius:999px;padding:4px 10px;font-size:13px;display:flex;gap:4px;align-items:center}
.savebar{position:sticky;bottom:0;background:rgba(255,255,255,.95);padding:10px;text-align:center;border-top:1px solid #eee;margin-top:12px}
.fld.w2{grid-column:1/-1}.fld textarea{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:8px;font:inherit}
.ed-chips{display:flex;flex-wrap:wrap;gap:4px}.ed-chip{font-size:12px;border:1px solid #ddd;border-radius:999px;padding:2px 8px;display:flex;gap:4px;align-items:center}
.atabs{flex-wrap:wrap}

.fld .inp input[data-key]:not(.affix),.fld .inp select{flex:1;min-width:70px}

.fld .inp input.affix{width:auto!important;flex:0 0 auto!important;min-width:1.6em;max-width:9em;}
.fld .inp.date .datebtn i{display:inline-flex;color:#0e5e6a}
.fld .inp input.affix{padding:9px 4px!important;border:0!important;border-bottom:1px dashed #b7ab90!important;background:transparent!important;border-radius:0!important}
@media(max-width:700px){.mk-list{overflow-x:auto}.mk-th{flex:0 0 104px}.mk-mini{height:78px}.mk-mini>*{transform:translateX(-50%) scale(.15)}}
@media(max-width:700px){.mk-list .mk-th{flex:1!important;width:auto!important;min-width:0;padding:8px 4px}.mk-mini{display:none!important}}
.mk-th{min-width:0;overflow:hidden}
.inp:has(.affix.suf) .clr{display:none}

/* ---------- field-group TABLE editor ---------- */
.admin:has(#gEd .gt){max-width:1640px}
.gt-wrap{overflow:auto;max-height:72vh;border:1px solid #e3ddd0;border-radius:12px;background:#fff;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.gt{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1340px;font-size:14px}
.gt col.c-h{width:48px}.gt col.c-id{width:132px}.gt col.c-lbl{width:122px}.gt col.c-en{width:96px}.gt col.c-type{width:118px}.gt col.c-ph{width:122px}.gt col.c-def{width:134px}.gt col.c-pre{width:72px}.gt col.c-suf{width:72px}.gt col.c-req{width:46px}.gt col.c-max{width:60px}.gt col.c-hint{width:100px}.gt col.c-ts{width:160px}.gt col.c-act{width:70px}
.gt th{position:sticky;top:0;z-index:3;background:#0e5e6a;color:#fff;font-weight:600;font-size:12.5px;padding:9px 6px;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-inline-start:1px solid rgba(255,255,255,.15)}
.gt th.ctr,.gt td.ctr{text-align:center}
.gt td{border-bottom:1px solid #ece5d4;border-inline-start:1px solid #f3eee2;padding:3px 3px;vertical-align:middle;background:#fff;transition:background .15s}
.gt tr.gr.odd td{background:#fffcf5}
.gt tr.gr:hover td{background:#f4fafa}
.gt tr.gr:focus-within td{background:#eef7f7}
.gt .s1{position:sticky;inset-inline-start:0;z-index:2}.gt .s2{position:sticky;inset-inline-start:48px;z-index:2;box-shadow:inset -1px 0 0 #e3ddd0}
[dir=rtl] .gt .s2{box-shadow:inset 1px 0 0 #e3ddd0}
.gt th.s1,.gt th.s2{z-index:4}
.gt td input:not([type=checkbox]),.gt td select,.gt td textarea{width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:6px;padding:6px 6px;font:inherit;font-size:14px;background:transparent;min-width:0;color:#1d1d1d;resize:vertical}
.gt td select{border-color:#e6e0d2;background:#fff;padding:5px 4px}
.gt td input:not([type=checkbox]):hover,.gt td textarea:hover{border-color:#ddd5c3;background:#fff}
.gt td input:focus,.gt td select:focus,.gt td textarea:focus{border-color:#0e5e6a;background:#fff;outline:2px solid rgba(14,94,106,.18);outline-offset:0}
.gt td input::placeholder,.gt td textarea::placeholder{color:#bdb5a3}
.gt td input[type=checkbox]{width:18px;height:18px;accent-color:#0e5e6a;cursor:pointer}
.gt-id{display:flex;align-items:center;direction:ltr;gap:0;justify-content:flex-start}.gt-id input{field-sizing:content;min-width:4ch!important;max-width:100%;flex:0 1 auto;width:auto!important}.gt-id i{font-style:normal;color:#9a917c;font-family:ui-monospace,Menlo,monospace;font-size:12px}.gt-id input{font-family:ui-monospace,Menlo,monospace!important;font-size:12.5px!important;padding:6px 2px!important}
.gt td.bad .gt-id input{border-color:#d9534f!important;background:#fff5f4!important}
.gt-h{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:32px;border:0;background:none;cursor:grab;touch-action:none;color:#7d745f;border-radius:6px;padding:0;font:inherit}
.gt-h span{font-size:18px;line-height:1}.gt-h b{font-size:11px;color:#0e5e6a;min-width:14px}
.gt-h:hover,.gt-h:focus-visible{background:#e8f2f2;color:#0e5e6a;outline:none}
.gt tr.dragging td{background:#e3f1f1!important;opacity:.85}.gt tr.dragging .gt-h{cursor:grabbing}
.gt tr.drop-b td{box-shadow:inset 0 3px 0 #0e5e6a}.gt tr.drop-a td{box-shadow:inset 0 -3px 0 #0e5e6a}
.gt-na{color:#cfc8b8;display:block;text-align:center}
.gt-ts{display:flex;gap:4px;align-items:center}.gt-ts select{flex:1}
.gt-x{flex:none;width:30px;height:30px;border:1px solid #d8d0bd;background:#fff;border-radius:6px;cursor:pointer;font-size:15px;color:#6b624e}.gt-x.on,.gt-x:hover{background:#0e5e6a;color:#fff;border-color:#0e5e6a}
.gt-sub{display:block;font-size:11px;color:#8a816c;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gt-act{display:inline-flex;gap:4px}.gt-b{width:30px;height:30px;border:1px solid #e1dac9;background:#fff;border-radius:6px;cursor:pointer;font-size:15px;color:#5d5543}.gt-b:hover{border-color:#0e5e6a;color:#0e5e6a}.gt-b.danger:hover{border-color:#c0392b;color:#c0392b;background:#fff4f2}
.gt tr.xo td{border-bottom-color:transparent}
.gt tr.gx td{background:#f6faf9;border-bottom:1px solid #d5e6e4;padding:0}
.gx-in{position:sticky;inset-inline-start:0;max-width:min(920px,calc(100vw - 60px));padding:10px 14px 12px;box-sizing:border-box}
.gx-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.gx-grid label{display:flex;flex-direction:column;gap:2px;min-width:120px;flex:1}.gx-grid label.w2{flex:2;min-width:220px}.gx-grid label.ck{flex-direction:row;align-items:center;gap:6px;flex:none}
.gx-grid input:not([type=checkbox]),.gx-grid textarea{border:1px solid #ccc;border-radius:8px;padding:6px 8px;font:inherit;background:#fff;width:100%;box-sizing:border-box}
.gt-foot{margin-top:10px;align-items:center}.gt-dirty{color:#b9770e;font-size:13px;font-weight:600}
@media(max-width:640px){.gt{font-size:13px}.gt-wrap{max-height:64vh;margin:0 -6px}.gt col.c-id{width:124px}.gt .s2{inset-inline-start:48px}}
/* customer step 1: placeholders */
.fld .inp input::placeholder,.fld .inp textarea::placeholder{color:#a9a9a9;opacity:1}
.fld select.empty{color:#6b7478}.fld select.empty option{color:#222}
.datebtn span.ph{color:#9a9a9a;font-weight:400}

/* languages */
.g2x-full{grid-column:1/-1}
.lg-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.lg-row{display:grid;grid-template-columns:70px 1.2fr 1fr 120px 1fr 34px;gap:6px;align-items:center}
.lg-row input,.lg-row select{border:1px solid #d8d0bd;border-radius:8px;padding:6px 8px;font:inherit;min-width:0;background:#fff}
.lg-row input[readonly]{background:#f3efe5;color:#777}
@media(max-width:640px){.lg-row{grid-template-columns:60px 1fr 1fr 34px}.lg-row [data-lk=name_en],.lg-row [data-lk=font]{display:none}}
.gt-langs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}.gt-langs>span{font-weight:600;font-size:13px;color:#555}
.gt-lg{border:1px solid #cfc6b0;background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:13px}.gt-lg.on{background:#0e5e6a;color:#fff;border-color:#0e5e6a}
.gt-langs .hint{flex-basis:100%;margin:2px 0 0}
.gt-wrap.lgmode{border-color:#0e5e6a;box-shadow:0 0 0 2px rgba(14,94,106,.15)}
.gt-wrap.lgmode th{background:#1b7f8c}
/* customer language selector (like Dekel's lang_selector) */
.langsel{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:6px 0 10px}
.lang-radio{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9d2c2;border-radius:999px;padding:6px 14px;cursor:pointer;background:#fff;font-weight:600;font-size:14px}
.lang-radio input{accent-color:#0e5e6a;margin:0}.lang-radio:has(input:checked){border-color:#0e5e6a;background:#e9f3f3;color:#0e5e6a}

.emptycat .ec-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 22px}
.emptycat .lead{max-width:560px;margin:8px auto}

.authbox .or{display:flex;align-items:center;gap:10px;color:#888;margin:14px 0 8px;font-size:13px}.authbox .or::before,.authbox .or::after{content:"";flex:1;height:1px;background:#e3ddd0}
.gbtn{display:flex;justify-content:center;min-height:44px}
.printbox{border:1px solid #d9d2c2;border-radius:12px;padding:12px;margin:6px 0;background:#fffdf8}.pb-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pb-g label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:600}.pb-g select{border:1px solid #ccc;border-radius:8px;padding:6px;font:inherit;background:#fff}.pb-sum{margin:8px 0 2px}@media(max-width:600px){.pb-g{grid-template-columns:1fr}}
.ckpay{border:1px solid #d9d2c2;border-radius:14px;padding:14px;margin:10px 0;background:#fff;text-align:start}.ckpay h3{margin:0 0 8px}.ckf iframe{border:0;width:100%;height:38px}.ckpay .g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.inv{max-width:760px;margin:0 auto;padding:18px 12px 60px;text-align:center}.inv-card{position:relative;display:inline-block;max-width:100%}.inv-card canvas{max-width:100%;height:auto;box-shadow:0 14px 34px rgba(0,0,0,.2);background:#fff;border-radius:4px}
.inv-play{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);border:0;border-radius:999px;background:rgba(14,94,106,.92);color:#fff;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.inv h1{margin:16px 0 4px}.inv-note{color:#555;white-space:pre-line}.inv-rsvp{text-align:start;margin:18px auto;max-width:520px}.rs-ans{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.inv-share{display:flex;gap:8px;justify-content:center;margin:12px 0}.inv-host{text-align:start;margin-top:20px}.tblw{overflow:auto}.rs-t{width:100%;border-collapse:collapse;font-size:14px}.rs-t th,.rs-t td{border-bottom:1px solid #eee;padding:6px;text-align:start}
.invbox{margin-top:10px;padding:10px;border:1px dashed #0e5e6a;border-radius:10px;background:#f4fafa}.invbox .inl{width:100%;margin-top:6px}

.varrow{display:flex;gap:8px;align-items:center;justify-content:center;margin:8px 0;font-size:14px;font-weight:600}.varrow .sw{width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:var(--sw);box-shadow:0 0 0 1px #bbb;cursor:pointer;padding:0}.varrow .sw.on{box-shadow:0 0 0 2px #0e5e6a}

/* ---- customer account area (Dekel "My Account") ---- */
.acc2 .acc-wrap{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}
.acc-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:12px;background:var(--panel,#f6f8f8);border:1px solid var(--line);border-radius:14px;padding:8px}
.acc-nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600}
.acc-nav a:hover{background:var(--mist,#e9f2f3)}
.acc-nav a.on{background:#0e5e6a;color:#fff}
.acc-body{display:flex;flex-direction:column;gap:14px;min-width:0}
.acc-hello h2{margin:0 0 4px}
.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.acc-stats a{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.acc-stats b{font-size:26px;color:#0e5e6a}
.acc-alert{background:#fff7e6;border-color:#f3d28b}
.ph-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.oclist{display:flex;flex-direction:column;gap:10px}
.ocard{display:flex;gap:14px;border:1px solid var(--line);border-radius:14px;padding:10px;align-items:flex-start}
.ocard .oc-th{display:flex;gap:6px;flex:none}
.ocard .oc-th canvas{width:74px;height:auto;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.15);background:#fff}
.ocard .oc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ocard .oc-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ocard small{color:var(--muted,#5f6f74)}
.ocard .row{display:flex;gap:6px;flex-wrap:wrap}
.tag.paid{background:#e3f5ea;color:#17703f}.tag.pending{background:#fff2d6;color:#8a5a00}.tag.cancelled{background:#f4e1e1;color:#8a2020}
.ofix .row{display:flex;gap:8px;flex-wrap:wrap}
.ofixbtn{margin:4px 0}
/* editor in "edit & resend" mode */
.fixbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff7e6;border:1px solid #f3d28b;border-radius:12px;padding:10px 12px;margin:8px 0}
.fixbar>div:first-child{display:flex;flex-direction:column;gap:2px}
.fixbar span{font-size:13px;color:#6b5a2b}
.fixmode #step2,.fixmode .acts.buy,.fixmode .acts.sec,.fixmode .addons,.fixmode .totrow,.fixmode #varRow,.fixmode .langsel,.fixmode .wm-note{display:none!important}
.fixmode{grid-template-columns:1fr 1fr!important}
@media (max-width:760px){ .acc2 .acc-wrap{grid-template-columns:1fr} .acc-nav{flex-direction:row;overflow-x:auto;position:static;padding:6px} .acc-nav a{white-space:nowrap;padding:8px 10px;font-size:14px} .ocard .oc-th canvas{width:58px} .fixmode{grid-template-columns:1fr!important} }
.fixmode .c1 .nextl,.fixmode .subtabs{display:none!important}

/* ---- customer pro editor ---- */
body.pro-lock{overflow:hidden}
.pro-ov{position:fixed;inset:0;z-index:1000;background:rgba(10,25,28,.55);display:flex;align-items:center;justify-content:center}
.pro-box{background:#fff;width:min(1180px,96vw);height:min(860px,94vh);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.pro-h{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line,#dde5e6);flex-wrap:wrap}
.pro-h b{font-size:18px;color:#0e5e6a}
.pro-hint{flex:1;font-size:13px;color:#5f6f74;min-width:200px}
.pro-hb{display:flex;gap:6px}
.pro-main{flex:1;display:grid;grid-template-columns:1fr 340px;min-height:0}
.pro-stage{background:#eef3f4;display:flex;align-items:center;justify-content:center;padding:16px;min-height:0;overflow:auto}
.pro-cvw{position:relative;max-height:100%;touch-action:none;cursor:move;line-height:0}
.pro-cvw canvas{max-width:100%;max-height:calc(94vh - 120px);width:auto;height:auto;box-shadow:0 4px 18px rgba(0,0,0,.18);background:#fff}
.pro-sel{position:absolute;border:2px dashed #0e9aa7;border-radius:4px;box-shadow:0 0 0 9999px rgba(255,255,255,0);pointer-events:none;background:rgba(14,154,167,.06)}
.pro-side{border-inline-start:1px solid var(--line,#dde5e6);padding:12px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.pro-chips{display:flex;flex-wrap:wrap;gap:6px}
.pro-chip{border:1px solid var(--line,#cfd9db);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:14px;cursor:pointer}
.pro-chip.on{background:#0e5e6a;color:#fff;border-color:#0e5e6a}
.pro-ctl{display:flex;flex-direction:column;gap:12px}
.pro-g{display:flex;flex-direction:column;gap:6px}
.pro-l{font-size:13px;font-weight:700;color:#3d4b4f}
.pro-pad{display:flex;flex-wrap:nowrap;gap:4px;direction:ltr} /* PROSIZE p44: one compact row */
.pro-pad button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,#cfd9db);background:#f7fafa;border-radius:8px;font-size:14px;cursor:pointer;touch-action:none}.pro-pad button svg{width:16px;height:16px}
.pro-pad button:active{background:#d9eef0}
.pro-sz{display:flex;align-items:center;gap:10px}.pro-sz b{min-width:56px;text-align:center}
.pro-g select{padding:8px;border:1px solid var(--line,#cfd9db);border-radius:10px;font-size:15px}
.pro-sws{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pro-sw{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cfd9db;cursor:pointer;padding:0}
.pro-sw.on{box-shadow:0 0 0 3px #0e5e6a}
.pro-sw0{background:#fff;font-size:14px}
.pro-sws input[type=color]{width:34px;height:30px;border:0;background:none;padding:0}
.pro-rs{flex-direction:row;flex-wrap:wrap}
@media (max-width:760px){
 .pro-box{width:100vw;height:100dvh;max-height:none;border-radius:0}
 .pro-hint{display:none}
 .pro-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
 .pro-stage{padding:8px}
 .pro-cvw canvas{max-height:46dvh}
 .pro-side{border:0;border-top:1px solid var(--line,#dde5e6);max-height:44dvh;padding:10px}
 .pro-ctl{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:start}
 .pro-rs{grid-column:1/-1}
 .pro-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
 .pro-chip{white-space:nowrap}
}
.pro-chips{position:sticky;top:-12px;background:#fff;z-index:2;padding-top:4px}
@media (max-width:760px){.pro-chips{top:-10px}}

/* share + favourite in step 3 */
.pvlinks .fav3.on{color:#c0392b;font-weight:700}
.sharebox{margin:10px 0;padding:12px 14px;border:1px solid #e3d9c6;border-radius:12px;background:#fffaf0}
.sharebox .sh-t{margin:0 0 8px;font-weight:600}
.sharebox .sh-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sharebox .sh-wa{background:#25d366;color:#fff;border-color:#25d366}
.sharebox .hint{margin:8px 0 0;font-size:12px;color:#6b6b6b}
@media (max-width:600px){.sharebox .sh-row .btn{flex:1 1 45%;justify-content:center}}
@media (max-width:600px){.sharebox .sh-row #shX{flex:0 0 auto;width:auto}}

.varrow .vsw{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c9d3d6;cursor:pointer;padding:0}
.varrow .vsw.on{box-shadow:0 0 0 2px var(--teal,#006775)}
.varrow .vname{font-size:13px;color:#5e6b70;margin-inline-start:6px}
@media (max-width:600px){.varrow .vsw{width:36px;height:36px}}

/* VIS: field visibility column (fvis.js) */
/* VIS: own <col> so the fixed-layout table keeps every column aligned */.gt:has(col.c-vis){min-width:1510px}

/* VIS: step-3 texts of fields hidden in step 1 (fvis.js) */
#visS3:empty{display:none}.vis-s3{margin:10px 0;padding:10px 12px;border:1px solid var(--line,#e5e5e5);border-radius:12px;background:var(--card,#fff)}.vis-s3 summary{cursor:pointer;list-style:none}.vis-s3 .hint{margin:4px 0 8px;font-size:13px;opacity:.75}.vis-s3 .fld{display:block;margin:6px 0}.vis-s3 .fld>span:first-child{display:block;font-size:13px;margin-bottom:3px}.vis-s3 input,.vis-s3 textarea{width:100%;box-sizing:border-box;font:inherit;padding:8px 10px;border:1px solid var(--line,#ddd);border-radius:10px}
/* STEPS123: admin field-group table, the colgroup realigned to the real columns (Prefix/Suffix cols were left over from NOPREFIX, so every col after Default was shifted and the visibility selects got 46px); new widths for Example / visibility / Steps */
.gt col.c-ex{width:92px}
.gt col.c-vis{width:180px}
.gt col.c-s123{width:150px}

/* P66 fields table (B16 step columns, B17 column settings, B20 styles) */
.gt .p66-hid{display:none!important}
.gt-st1 select,.gt-st3 select{display:block;width:100%;margin:0 0 4px}
.gt-st3 label,.gt-sty{display:block;font-size:12px;line-height:1.25;white-space:normal;margin-top:2px}.gt-st3 label select,.gt-sty select{width:100%;margin-top:2px}
.p66bar{display:flex;gap:6px;justify-content:flex-end;margin:6px 0}
.p66pop{position:fixed;z-index:9999;top:72px;inset-inline-end:24px;width:min(420px,94vw);max-height:78vh;overflow:auto;background:var(--card,#fff);color:var(--ink,#222);border:1px solid rgba(0,0,0,.15);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.22);padding:12px 14px}
.p66pop .p66h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.p66pop .p66x{background:none;border:0;font-size:18px;cursor:pointer;color:inherit}
.p66pop .p66r{display:flex;align-items:center;gap:6px;padding:3px 0;border-bottom:1px solid rgba(0,0,0,.06)}.p66pop .p66r span{flex:1}
.p66pop .p66sr{display:grid;grid-template-columns:1fr 64px 96px 44px 30px;gap:4px;align-items:center;margin:4px 0}.p66pop .p66sh{font-size:12px;opacity:.7}
.p66pop .p66sr input,.p66pop .p66sr select{width:100%;min-width:0}.p66pop .p66f{display:flex;gap:8px;justify-content:space-between;margin-top:10px}

/* step 3 — Save beside Buy now, Add to cart as a cart+ icon, Favorite/Share moved down under the buy row */
.acts.buy{display:flex;gap:8px;align-items:stretch}
.acts.buy #buyBtn{flex:1 1 auto}
.acts.buy #saveOneBtn{flex:0 0 auto;white-space:nowrap}
.acts.buy #cartBtn.ux-cartic{flex:0 0 50px;min-width:50px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:0}
.ux-cartic .ux-plus{font-size:16px;line-height:1;margin-inline-start:1px}
.acts.ux-fs{display:flex;justify-content:center;gap:22px;margin-top:8px}
.acts.ux-fs .lnk{display:inline-flex;align-items:center;gap:6px}
.acts.ux-fs .lnk.hidden{display:none}
/* add-ons header = the title only */
.ux-af-d{display:none!important}
/* the yellow email bar opens the email settings */
a.warnbar.ux-wblink{display:block;text-decoration:none;cursor:pointer}
a.warnbar.ux-wblink:hover{filter:brightness(.97);text-decoration:underline}

/* ===== P70UX (owner p70 (22)) ===== */
/* #290 step-2 "view" columns really apply: desktop + tablet 2/3/4, phone 1/2 */
@media (max-width:980px){ .dgrid.d2{grid-template-columns:repeat(2,minmax(0,1fr))} .dgrid.d3{grid-template-columns:repeat(3,minmax(0,1fr))} .dgrid.d4{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:600px){ .dgrid.d1{grid-template-columns:minmax(0,1fr)} .dgrid.d2,.dgrid.d3,.dgrid.d4{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* #291 phone/touch: no outline around a card while scrolling, and the chosen one stays plain */
@media (hover:none),(max-width:600px){ #dgrid .dcard:hover,#dgrid .dcard.sel,#dgrid .dcard:active{border-color:transparent!important} #dgrid .dcard{-webkit-tap-highlight-color:transparent} }
/* #287 phone footer: smaller logo, contact buttons in one row */
@media (max-width:640px){ .foot .logo img{max-height:38px} .foot .fc-ab{flex-wrap:nowrap;width:100%;max-width:420px;margin-inline:auto} .foot .fc-ab>a,.foot .fc-ab>button{flex:1 1 0;min-width:0;font-size:12.5px!important;padding:8px 6px!important;white-space:nowrap;justify-content:center;gap:4px} .foot .fc-ab svg{width:15px;height:15px;flex:none} }
/* #282 add-ons block in the site colours */
.ux-addfold>summary{color:var(--teal-d,#0a4a50);font-weight:600}
.addon.on{border-color:var(--teal,#006775)} .addon .ad-ic{color:var(--teal,#006775)}

/* ===== P70UX (owner p70 (23)) ===== */
/* #293 phone step 2: filters button and view picker on one tidy row (view stays at the right, as Shimon asked in P69VW; filters at the left) */
@media (max-width:760px){ #step2 .p68-fltb{float:left;margin:4px 0 10px 14px!important} #step2>.dens.p69vw{margin-top:13px!important} }
/* #294 phone step 3: small note that a computer has advanced editing */
.ux-pcnote{display:none}
@media (max-width:760px){ .ux-pcnote{display:block;margin:6px auto 2px;max-width:420px;padding:2px 12px;color:#6b7378;font-size:12.5px;line-height:1.5;text-align:center} } /* #54: plain muted line, no box */
/* #289 phone search: opens over the site header, with an X; no suggestions list */
.dkh .dkh-sx{display:none}
@media (max-width:820px){
 .dkh.msearch .dkh-search{position:fixed!important;left:0!important;right:0!important;top:0!important;height:58px!important;padding:0 12px;gap:8px;align-items:center;background:#fff;z-index:2147483001!important;box-shadow:0 2px 14px rgba(0,0,0,.14)}
 .dkh.msearch .dkh-search .dkh-sin{flex:1 1 auto;min-width:0;height:40px;font-size:16px}
 html.p68-ph3 .dkh.msearch .dkh-nav{display:block!important;height:0!important;min-height:0!important;padding:0!important;border:0!important;overflow:visible!important} /* phone step 3 hides the nav bar; the search still opens */
 /* SRCH102 (TheDekel 19/10): the live list now shows under the phone search bar (was hidden in #289) */
 .dkh.msearch .dkh-sug{position:absolute;left:0;right:0;top:100%;width:auto;max-height:min(62svh,calc(var(--dkvv,100svh) - 70px));margin:0;padding:6px 8px 8px;border-radius:0 0 14px 14px;border-top:1px solid #eef1f2;box-shadow:0 12px 18px rgba(0,0,0,.12);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:2}
 .dkh.msearch .dkh-sug .sg-i{min-height:44px;font-size:15px;padding:6px 8px}
 .dkh.msearch .dkh-sug .sg-c img{width:24px;height:24px;flex:none}
 .dkh.msearch .dkh-sug .sg-c span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dkh.msearch .dkh-sug .sg-th{width:32px;height:40px}
 .dkh.msearch .dkh-sug .sg-d small{font-size:12.5px;max-width:40%;overflow:hidden;text-overflow:ellipsis}
 .dkh.msearch .dkh-sug .sg-none{font-size:15px;padding:14px 10px}
 .dkh.msearch .dkh-sin::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
 .dkh.msearch .dkh-sx{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border:0;border-radius:999px;background:#eef3f4;color:#333;font-size:26px;line-height:1;cursor:pointer}
}
/* SRCH102: keyboard-chosen row is visible */
.dkh-sug .sg-i.hi,.sug .sg-i.hi,.dkh-sug .sg-i:focus-visible,.sug .sg-i:focus-visible{outline:2px solid #006775;outline-offset:-2px}
/* SRCH101 (card 101): phone live results — compact rows, thumbnail + name + code/price; opens with opacity/transform only */
@media (max-width:820px){
 .dkh.msearch .dkh-sug.sg-res,.sug.sg-res{padding:4px 6px 6px;background:#fff;box-shadow:0 6px 14px rgba(0,0,0,.10);text-align:start;animation:sgIn .16s ease-out}
 .dkh.msearch .dkh-sug.sg-res .sg-r,.sug.sg-res .sg-r{min-height:52px;gap:10px;padding:4px 8px;font-size:15px}
 .dkh.msearch .dkh-sug.sg-res .sg-th,.sug.sg-res .sg-th{width:36px;height:44px;border-radius:5px}
 .dkh.msearch .dkh-sug.sg-res .sg-c img,.sug.sg-res .sg-c img{width:28px;height:28px;flex:none}
 .dkh.msearch .dkh-sug.sg-res .sg-t,.sug.sg-res .sg-t{display:flex;flex-direction:column;align-items:flex-start;gap:1px;white-space:normal}
 .dkh.msearch .dkh-sug.sg-res .sg-n,.sug.sg-res .sg-n{max-width:100%;color:#111;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dkh.msearch .dkh-sug.sg-res .sg-m,.sug.sg-res .sg-m{font-size:12.5px;color:#6b787c;line-height:1.2}
 .dkh.msearch .dkh-sug.sg-res .sg-none,.sug.sg-res .sg-none{text-align:center;padding:16px 10px;font-size:15px}
 .dkh.msearch .dkh-sug.sg-res .sg-all,.sug.sg-res .sg-all{min-height:44px;font-size:15px}
}
@keyframes sgIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sg-res{animation:none!important}}
/* #295 phone calendar: a soft open animation */
@keyframes uxHdpIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media (max-width:760px){ .hdp{animation:uxHdpIn .2s ease-out} }

/* sale price with the old price crossed out (step-2 cards, step 3, cart) */
.sale-was{display:inline-block;text-decoration:line-through;opacity:.6;font-weight:400;font-size:.85em;margin-inline-end:.45em}
.price.on-sale,#totAmt.on-sale{color:#c62828}
.dcard .price.on-sale .sale-was{color:inherit}
.sl-pick{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.sl-pick .chip{cursor:default}.sl-pick .chip button{border:0;background:none;cursor:pointer;padding:0 4px;font-size:14px}
.sl-res{max-height:220px;overflow:auto;border:1px solid #e3e3e3;border-radius:8px;margin-top:6px}.sl-res button{display:block;width:100%;text-align:start;border:0;border-bottom:1px solid #f0f0f0;background:#fff;padding:7px 10px;cursor:pointer}.sl-res button:hover{background:#f6f6f6}
.sl-st{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:#eee}.sl-st.on{background:#e3f4e6;color:#1b6b2a}.sl-st.wait{background:#fff4d6;color:#8a6100}

/* step-2 search box (desktop + phone) */
#step2 .dsrch{margin:0 0 10px}
#step2 .dsrch input{width:100%;box-sizing:border-box;min-height:42px;padding:8px 14px;border:1px solid #cfd8db;border-radius:999px;font:inherit;font-size:16px;background:#fff}
#step2 .dsrch input:focus{outline:2px solid #2b8a8a33;border-color:#2b8a8a}
@media (max-width:980px){#step2 .dsrch{padding:0 16px;box-sizing:border-box}} /* phone: same side margins as the filter row, the box never touches the screen edge */

/* ---------- Fields helper: step-3 locks, phone layout ---------- */
/* P68 fields helper CSS (P68L3/P68LK/P68PH) */
/* a field locked in step 3 = shown read-only with a lock look */
label.fld.p68l3 input,label.fld.p68l3 textarea,label.fld.p68l3 select,
main.editor.onestep .phfields label.fld.s123-l3 input,main.editor.onestep .phfields label.fld.s123-l3 textarea,main.editor.onestep .phfields label.fld.s123-l3 select{background:#f3f4f6!important;color:#6b7280!important;border-style:dashed!important;cursor:not-allowed}
main.editor.onestep .phfields label.fld.s123-l3 .inp,main.editor.onestep .phfields label.fld.s123-l3 input,main.editor.onestep .phfields label.fld.s123-l3 textarea,main.editor.onestep .phfields label.fld.s123-l3 select,main.editor.onestep .phfields label.fld.s123-l3 button{pointer-events:none}
main.editor.onestep .phfields label.fld.s123-l3 button,label.fld.p68l3 button.clr{visibility:hidden}
label.fld.p68l3>span:first-child:before,main.editor.onestep .phfields label.fld.s123-l3>span:first-child:before,.pro-fr.pro-fr-lk>span:before{content:'🔒 ';font-size:.72em}
.pro-fr.pro-fr-lk input:disabled{border-style:dashed;cursor:not-allowed}
/* a locked step-1 field with no text = an empty read-only box (label + empty disabled input) */
#fields label.fld.p68lk-empty button{visibility:hidden}
/* step-1 single-line text field soft-wraps (1-row textarea that grows) */
textarea.p68wr{resize:none;overflow:hidden;min-height:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.35}

/* restore-default icon only on the focused field (or an empty one), lighter colour */
#fields .fi-host:not(:focus-within):not(.p68rv-empty) .fi-b.fi-u{display:none!important}
#fields .fi-host .fi-b.fi-u{color:#8fb9bf!important}
#fields .fi-host .fi-b.fi-u:hover{color:#5f9aa2!important;background:#f2f7f8}

/* the Pro-editor hint is the first thing inside the fields box */
.formcard .s123-note:first-child{margin:0 2px 12px}

/* the time-picker confirm button was teal text on a teal background under the theme (theme.css gives .fi-tp-ok color:var(--th-c2) = its background). Force white label + icon. */
html .fi-tp-ok,html.th-on .fi-tp-ok{color:#fff!important}
html .fi-tp-ok svg{stroke:currentColor}
/* the date calendar uses the same colour style as the time picker (white card, dark slate ink, light grey-teal lines, teal accent / theme accent), not the old beige/gold. */
html .hdp{--hdp-accent:#0e5e6a;--hdp-accent-ink:#fff;--hdp-ink:#22343a;--hdp-muted:#6b7c81;--hdp-bg:#fff;--hdp-line:#d6dfe1;--hdp-sat:#eef4f5;box-shadow:0 10px 34px rgba(0,0,0,.22)}
html.th-on .hdp{--hdp-accent:var(--th-c2,#0e5e6a)}
html .hdp-backdrop{background:rgba(0,0,0,.28)}
html .hdp .hdp-day.hdp-sat:hover{background:#e2ecee}
html .hdp .hdp-toggle{background:#fff}
/* hint-only default -> × visible; explicitly emptied -> ↺ visible even unfocused (steps123.js marks the host) */
#fields .fi-host.p68x-def .fi-b.fi-x{display:inline-flex!important}
#fields .fi-host.p68x-def .fi-b.fi-u{display:none!important}
#fields .fi-host.p68x-emp .fi-b.fi-u{display:inline-flex!important}
#fields .fi-host.p68x-emp .fi-b.fi-x{display:none!important}
#fields .fi-host.p68x-def,#fields .fi-host.p68x-emp{--fi-ns:38px!important}

/* the Pro Editor hint is centred on the Fill-in light teal; the Fill-in line has no background, centred */
.s123-note{background:#f3f8f9!important;justify-content:center;text-align:center}
#fields .fl-tip,#s1gS3 .s1g-fields .fl-tip,#fields .ux-fillhint{background:none!important;text-align:center}

/* ---------- Colour versions, multi filters, phone lists ---------- */
/* P68 colour versions + multi filters + phone lists */
html.p68-lock body{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.p65cb-l,.p68pop{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.fbar .p68ms{display:inline-flex;align-items:center;gap:2px;position:relative}
.p68dd{position:relative;display:inline-block}
.p68btn{position:relative;border:1px solid var(--line,#d9e0e2);border-radius:999px;padding:5px 26px 5px 12px;background:#fff;color:var(--ink,#222);font:inherit;font-weight:500;cursor:pointer;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-start:4px}
[dir=rtl] .p68btn{padding:5px 12px 5px 26px}
.p68btn::after{content:'';position:absolute;inset-inline-end:10px;top:50%;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.6}
.p68btn.on{border-color:var(--teal,#006775);color:var(--teal,#006775);font-weight:600}
.p68pop{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:80;min-width:190px;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--line,#d9e0e2);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:6px;display:flex;flex-direction:column;gap:2px}
.p68pop[hidden]{display:none!important}
.p68o{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer;font-weight:500;color:var(--ink,#222);white-space:nowrap}
.p68o:hover{background:#f2f6f7}
.p68o input{width:17px;height:17px;accent-color:var(--teal,#006775);margin:0;flex:none}
.p68clr{margin-top:4px;border:0;border-top:1px solid var(--line,#e3e8ea);background:none;color:var(--teal,#006775);font:inherit;font-weight:600;cursor:pointer;padding:9px;text-align:start}
@media (max-width:760px){.p68pop{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:60vh;min-width:0;padding:10px;z-index:1000}.p68o{padding:12px 9px;font-size:16px}}
.dcard .p68sw{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dcard .p68b{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c9d3d6;padding:0;cursor:pointer;flex:none}
.dcard .p68b.on{box-shadow:0 0 0 2px var(--teal,#006775)}
@media (max-width:600px){.dcard .p68b{width:22px;height:22px}}
.ed-vbar{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:10px;background:#fff7d6;color:#4d3b00;border:1px solid #ecd17a;border-radius:10px;padding:6px 10px 6px 12px;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.18);white-space:nowrap}
.ed-vbar .ed-b{padding:4px 10px}
.p68v2{display:flex;align-items:center;gap:10px}.p68chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin-inline-end:12px}
.p68fg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0}.p68fg small{opacity:.75;margin-inline-end:6px;min-width:60px}

/* step-3 actions (Favorite, Share, Pro editor, Real-life view, Full size) as a tidy row of equal buttons */
#step3 .pvbar{flex-wrap:wrap;row-gap:8px}
#step3 .pvbar #pvName{flex:1 1 100%}
#step3 .pvlinks{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:100%;overflow:visible}
#step3 .pvlinks .lnk{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;margin:0;padding:8px 10px;border:1px solid #ddd6c8;border-radius:10px;background:#fff;color:inherit;font-weight:600;font-size:13px;line-height:1.15;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .15s,border-color .15s}
#step3 .pvlinks .lnk:hover{background:#faf6ee;border-color:#c9bfa9}
#step3 .pvlinks .lnk svg{width:16px;height:16px;flex:none}
#step3 .pvlinks .lnk.hidden,#step3 .pvlinks .lnk[hidden]{display:none!important}
@media (max-width:760px){
  #step3 .pvlinks{gap:6px;overflow:visible}
  #step3 .pvlinks .lnk{flex-direction:column;gap:3px;min-height:54px;padding:6px 3px;font-size:11px;white-space:normal;text-align:center}
  #step3 .pvlinks .lnk svg{width:18px;height:18px}
}

/* Add-ons in step 3 always open (phone too); the heading no longer folds it */
#addFold.p68ao>summary{pointer-events:none;cursor:default;list-style:none}
#addFold.p68ao>summary::-webkit-details-marker{display:none}
#addFold.p68ao>summary::marker{content:''}
/* phone step 3 - the small strip of the other designs (ph.js .phstrip) sits at the TOP, above the preview */
@media (max-width:980px){ #step3 .cb>.phstrip{order:0} }

/* P68BT2 (root steer, Shimon 8:05 AM "מסודרים יפה וככפתורים מסודרים"): all 5 step-3 actions in ONE even row on every width -
   icon above a short label (2 lines max), equal columns, nothing cut off or wrapped to a 2nd row */
#step3 .pvbar .pvlinks{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:100%;min-width:0;overflow:visible!important;flex:1 1 100%}
#step3 .pvbar .pvlinks .lnk{flex-direction:column;gap:3px;min-width:0;min-height:56px;padding:6px 3px;font-size:11.5px;line-height:1.15;white-space:normal!important;text-align:center;overflow:hidden;text-overflow:clip;word-break:normal;overflow-wrap:anywhere}
#step3 .pvbar .pvlinks .lnk svg{width:18px;height:18px}

/* no occasions bar on phone step 3 (class set by p68.js only in phone one-step mode on step 3) */
html.p68-ph3 .dkh-nav{display:none!important}
/* buy bar is the last thing in phone step 3 and stays pinned to the screen bottom until the end */
.editor.onestep #step3 .acts.buy.p68-buyend{position:sticky;bottom:0;z-index:7;background:#fff;margin:12px 0 0;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 12px -8px rgba(0,0,0,.15)}
.editor.onestep #step3 .bb-note.p68-bbn{position:static!important;margin:10px 0 0;padding:0}

/* ===== owner (9) p69 batch ===== */
/* home "3 easy steps" pale teal band full width on phone, no rounded corners */
@media (max-width:760px){main.home>section.steps3{border-radius:0!important;box-shadow:0 0 0 100vmax var(--mist);clip-path:inset(0 -100vmax)}}
/* category tiles without the card frame, phone + desktop (circle + name only, like the original) */
main.home .ccard{border:0!important;box-shadow:none!important;background:transparent}
main.home .ccard:hover{box-shadow:none!important}
/* P68HS (Shimon 8:53 AM) 1: softer, wider search-bar shadow like the original */
header.home-h form.search{box-shadow:0 8px 30px rgba(0,60,70,.10),0 1px 3px rgba(0,60,70,.06)!important;border-color:#e3ecee}
/* P68HS 3: category circles under the bar get the original's pale grey-teal ring; the ring fades out on hover */
header.home-h .home-cats .ic{background:#f4f8f9!important;box-shadow:0 0 0 3px #d5dfe2!important;transition:box-shadow .35s ease,transform .15s}
header.home-h .home-cats a:hover .ic,header.home-h .home-cats a:focus-visible .ic{box-shadow:0 0 0 3px rgba(213,223,226,0)!important}
/* the site footer on the phone design pages (one-step mode); the small step-2 link row is not doubled */
footer.p68-phfoot{margin-top:26px}
main.editor.onestep .s2foot{display:none!important}

/* ===== owner (10) p70 batch: P68HM P68HS(2) P68HF ===== */
/* phone home - more white side margin around the search bar + category row (original: 40px each side at 390px) */
@media (max-width:760px){
 header.home-h form.search{width:auto!important;max-width:calc(100vw - 80px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
 header.home-h nav.home-cats{max-width:calc(100vw - 80px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
}
/* goblet + handshake inside the home search bar (the original's own icons) */
header.home-h form.search .p68-sic{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 8px;align-self:center}
header.home-h form.search .p68-sic button{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:34px;-webkit-tap-highlight-color:transparent}
header.home-h form.search .p68-sic .p68-cup img{height:26px;width:auto;display:block}
header.home-h form.search .p68-sic .p68-hands{border-radius:9px;height:28px}
header.home-h form.search .p68-sic .p68-hands img{height:22px;width:auto;display:block}
header.home-h form.search .p68-sic button:focus-visible{outline:2px solid #0f6f78;outline-offset:2px;border-radius:9px}
header.home-h{position:relative}
.p68-bub{position:absolute;z-index:60;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,60,70,.18),0 1px 3px rgba(0,60,70,.08);padding:8px;max-height:min(60vh,420px);overflow:auto;overscroll-behavior:contain;width:min(340px,calc(100vw - 32px));text-align:start}
.p68-bub::before{content:"";position:absolute;top:-8px;inset-inline-end:var(--p68bx,24px);width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 3px rgba(0,60,70,.06)}
.p68-bub a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:inherit;text-decoration:none;position:relative;font-size:14px}
.p68-bub a:hover,.p68-bub a:focus-visible{background:#f1f6f7}
.p68-bub a img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto}
/* "(c) ... All rights reserved | Terms | Contact Us" at the bottom of the FIRST screen on home (the original's hero is one viewport tall) */
header.home-h.p68-hfh{box-sizing:border-box;padding-bottom:46px!important}
header.home-h .p68-hf{position:absolute;left:0;right:0;bottom:14px;margin:0;text-align:center;font-size:12px;line-height:1.4;color:#5e6b70;padding:0 12px}
header.home-h .p68-hf a{color:inherit;text-decoration:none}
header.home-h .p68-hf a:hover{text-decoration:underline}

/* ===== owner (11) P68FLT: phone step-2 filters sheet ===== */
.p68-fltb,.p68-flth,.p68-fltok,.p68-fltbd{display:none}
@media (max-width:760px){
  #step2 .p68-fltb{display:inline-flex;align-items:center;gap:8px;margin:4px 14px 12px;padding:9px 20px;border:1px solid #d9e0e2;border-radius:999px;background:#fff;color:#222;font:inherit;font-size:15px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.07);cursor:pointer}
  #step2 .fbar:not(.p68-open){display:none!important}
  #step2 .fbar.p68-open{display:flex!important;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:14px;position:fixed!important;left:0;right:0;bottom:0;top:auto;z-index:2147483000;max-height:80vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border-radius:18px 18px 0 0;margin:0;padding:0 18px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 34px rgba(0,0,0,.2);transform:none}
  #step2 .fbar.p68-open>label,#step2 .fbar.p68-open>.p68ms,#step2 .fbar.p68-open>.p68dd,#step2 .fbar.p68-open>.dens{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;padding:4px 0;border-bottom:1px solid #f0f3f4;font-size:15px}
  #step2 .fbar.p68-open>label[style*="display: none"],#step2 .fbar.p68-open>.p68ms[style*="display: none"]{display:none!important}
  #step2 .fbar.p68-open select{flex:0 1 60%;min-height:40px;font-size:16px}
  #step2 .fbar.p68-open .p68-flth{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3;background:#fff;padding:16px 0 10px;border-bottom:1px solid #e6ecee;font-size:17px}
  .p68-fltx{border:0;background:none;font-size:28px;line-height:1;color:#555;cursor:pointer;padding:0 4px}
  #step2 .fbar.p68-open .p68-fltok{display:block;position:sticky;bottom:0;z-index:3;width:100%;margin-top:4px;padding:13px;border:0;border-radius:999px;background:#2b8a8a;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 -6px 14px #fff}
  .p68-fltbd{display:block;position:fixed;inset:0;z-index:2147482999;background:rgba(0,0,0,.38)}
  html.p68-fltopen,html.p68-fltopen body{overflow:hidden!important;overscroll-behavior:none}
}

/* owner (12) P68FLT2: filter chips inside the phone filters sheet + active-count badge */
.p68-fltn{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#2b8a8a;color:#fff;font-style:normal;font-size:11px;font-weight:700;line-height:1}
@media (max-width:760px){
  #step2 .fbar:not(.p68-open)>#xfBar{display:none!important}
  #step2 .fbar.p68-open>#xfBar:not([hidden]){display:flex!important;flex-wrap:wrap;gap:8px;width:100%;margin:0;padding:6px 0 4px;border-bottom:1px solid #f0f3f4;overflow:visible;position:static;box-sizing:border-box}
  #step2 .fbar.p68-open>#xfBar .xf-g{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  #step2 .fbar.p68-open>#xfBar .xf-c{font-size:14px;min-height:36px;padding:6px 14px}
}

/* ===== P69IC (Shimon 9:42 + 9:47 AM): home search bar - goblet + hands physically on the RIGHT, the search (magnifier) button on the LEFT, he + en ===== */
header.home-h form.search:dir(rtl) .p68-sic{order:-1}
header.home-h form.search:dir(rtl) input[type=search]{order:0}
header.home-h form.search:dir(rtl) button[type=submit]{order:9}
header.home-h form.search:dir(ltr) button[type=submit]{order:-1}
header.home-h form.search:dir(ltr) input[type=search]{order:0}
header.home-h form.search:dir(ltr) .p68-sic{order:9}
header.home-h form.search input[type=search]{min-width:0}
header.home-h form.search .p68-sic:dir(ltr){flex-direction:row-reverse} /* goblet stays the outermost (right) icon in en too */
header.home-h form.search:dir(rtl) input[type=search]:placeholder-shown{direction:rtl;text-align:right} /* Hebrew hint reads from the right, next to the icons */
@media (max-width:760px){header.home-h form.search input[type=search]::placeholder{font-size:13.5px;text-overflow:ellipsis}}

/* ===== owner p69 (2) ===== */
/* "Simcha Board" sits at the exact horizontal centre of the header, desktop + phone */
.dkh .dkh-top{position:relative}
.dkh .dkh-top .dkh-right .dkh-simb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:2}

/* ===== owner p69 (3): P69AM P69HD P69AR P69CU ===== */
.p69-am{position:fixed;z-index:1000;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 14px 40px rgba(0,60,70,.18),0 1px 3px rgba(0,60,70,.1);padding:6px;display:flex;flex-direction:column;text-align:start}
.p69-am .p69-ami{display:block;padding:9px 14px;border-radius:8px;color:#1d2b2f;text-decoration:none;font-size:14px;line-height:1.3;white-space:nowrap}
.p69-am .p69-ami:hover,.p69-am .p69-ami:focus-visible{background:#eef6f7;outline:none}
.p69-am .p69-amo{border-top:1px solid #e6eef0;margin-top:4px;padding-top:10px;color:#b23b3b;border-radius:0 0 8px 8px}
header.home-h form.search .p68-sic .p68-hands{border:0!important;padding:0 2px!important} /* no frame */
.h2-down{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 34px)!important;transition:opacity .25s ease} /* sits above the (c) line */
.h2-down.p69-gone{opacity:0!important;pointer-events:none!important;animation:none!important}
.fc-ct-ic{background:#e3f1f2!important;color:var(--th-btn,#0e5e6a)!important} /* teal, not purple */

/* BUGFIX 18/10: the design-name line under the preview keeps its height before the name is filled in (no 23px jump) */
#step3 .pvbar #pvName:empty::before{content:'\a0'}