/* PhoneX — החנות (/shop/) 19/10/2026. אותם צבעים כמו לוח יד-שנייה (phx-board.css) — יוסי: "מיון כמו של הלוח".
   מחלקות st-* בלבד; עצמאי, בלי תלות ב-global.css (מלבד הגופן שהאתר כבר טוען). סמלי-קו, בלי אימוג׳י. */
.st{--st-bg:#f5efe6;--st-sf:#fffcf8;--st-sf2:#ede0d0;--st-line:#e0c9b0;--st-ink:#2c2c2c;--st-mut:#6b5639;--st-soft:#7a6a52;
  --st-br:#4a9ebb;--st-brd:#2b6f8f;--st-navy:#2c3e50;--st-ok:#16a34a;--st-okbg:#dcfce7;--st-oktx:#166534;--st-warn:#b45309;--st-warnbg:#fdf1dc;--st-bad:#b91c1c;--st-badbg:#fde2e2;
  font-family:'Heebo',system-ui,sans-serif;color:var(--st-ink);direction:rtl;text-align:start}
/* 20/10: התנגשות-שמות — global.css מגדיר .st (תג-סטטוס: 12px, bold, padding, עיגול, nowrap) ו-.st-p (רקע ענבר),
   והוא נטען אחרי הקובץ הזה. בלי האיפוס: שורה ארוכה במפרט חרגה מהמסך בטלפון, והמחיר קיבל רקע צהוב. */
.st.st{font-size:16px;font-weight:400;padding:0;border-radius:0;white-space:normal}
.st .st-p{background:none;color:inherit}
.st *,.st-sheet *{box-sizing:border-box}
.st button{font-family:inherit}
.st a{color:inherit;text-decoration:none}
.st img{display:block;max-width:100%}
.st svg{width:16px;height:16px;flex:none}
.st-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.st-link{all:unset;cursor:pointer;color:var(--st-brd);font-weight:800;font-size:14px}
.st-link:hover{text-decoration:underline}

/* ── הירו ── */
.st-hero{background:var(--st-navy);color:#fff;border-radius:18px;padding:18px 18px 16px;margin:0 0 14px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.st-hero h1,.st-hero h2{margin:0;font-size:22px;font-weight:900;line-height:1.25}
.st-hero p{margin:4px 0 0;font-size:14px;opacity:.85}
.st-hero>div{min-width:0}   /* 20/10: הטקסט לא נשבר לשורה ונחתך בטלפון */
/* 20/10 יוסי: "הכתב ממורכז" — כותרת החנות והקטגוריות במרכז */
.st-hero{justify-content:center;text-align:center}.st-hero>div{flex:1 1 100%}
.st-hero .st-hero-pts{justify-content:center}
.st-hero .st-hero-pts{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;opacity:.9;margin-top:8px}
.st-hero .st-hero-pts span{display:inline-flex;align-items:center;gap:5px}
.st-hero .st-hero-pts svg{width:15px;height:15px}

/* ── אריחי-קטגוריה (דף החנות) ── */
.st-cattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;margin:0 0 14px}
.st-cattile{background:var(--st-sf);border:1px solid var(--st-line);border-radius:14px;padding:12px 10px;display:grid;justify-items:center;gap:6px;text-align:center;transition:transform .12s}
.st-cattile:active{transform:scale(.985)}
.st-cattile svg{width:30px;height:30px;color:var(--st-brd)}
.st-cattile b{font-size:14px;color:var(--st-navy)}
.st-cattile small{font-size:12px;color:var(--st-mut)}

/* ── כלים: חיפוש · צ׳יפים · פס ── */
.st-tools{display:grid;gap:9px;margin-bottom:10px}
/* 20/10 יוסי (אופציה ב׳ בסקיצה): פס כחול דק + קטגוריות עגולות ממורכזות = הבורר היחיד */
/* 20/10 יוסי בחר א׳ בסקיצת ראש-החנות: הפס הכחול העבה, ובתוכו 3 הסיבות בשורה — סמל, כותרת ופירוט */
.st-thick{background:var(--st-navy);color:#fff;border-radius:18px;padding:16px 14px 14px;margin:0 0 14px;display:grid;gap:12px;text-align:center}
.st-thick h1,.st-thick h2{margin:0;font-size:22px;font-weight:900;line-height:1.25;text-wrap:balance}
.st-thick-sub{margin:-6px 0 0;font-size:13.5px;opacity:.85}
.st-rs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.st-r{display:grid;justify-items:center;gap:5px;padding:4px 2px;min-width:0}
.st-r i{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.st-r i svg{width:21px;height:21px}
.st-r b{font-size:13px;font-weight:800;line-height:1.25}
.st-r small{font-size:11.5px;opacity:.82;line-height:1.35}
@media(min-width:900px){
  .st-thick{padding:20px 24px}
  .st-rs{gap:18px}
  .st-r{grid-template-columns:auto auto;justify-content:center;justify-items:start;text-align:start;column-gap:10px;align-items:center}   /* יוסי: כל סיבה ממורכזת בעמודה שלה */
  .st-r i{grid-row:span 2}
}
/* 21/10: min-width:0 — בלי זה פריט-הגריד גדל לרוחב התוכן (636px) והשורה "נגללת" רק על הנייר: העיגולים נחתכו ב-.st-page ולא היה מה לגלול */
.st-crow-w{position:relative;min-width:0;max-width:100%}
.st-crow{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;min-width:0;max-width:100%}
.st-crow::-webkit-scrollbar{display:none}
.st-crow>:first-child{margin-inline-start:auto}.st-crow>:last-child{margin-inline-end:auto}   /* ממורכז, ובטלפון עדיין נגלל מההתחלה */
.st-cr{flex:none;display:grid;justify-items:center;gap:4px;width:68px;text-align:center;color:var(--st-ink)}
.st-cr i{width:58px;height:58px;border-radius:50%;background:var(--st-sf);border:1.5px solid var(--st-line);display:grid;place-items:center;color:var(--st-brd);transition:background .15s,color .15s}
/* 21/10 יוסי (בעיה 2, אופציה א׳): "אין אפשרות לדעת שהעיגולים נגללים" — בטלפון: תמיד 4.5 עיגולים נראים (האחרון חתוך = יש עוד),
   דהייה + חץ בקצה השמאלי שנעלמים כשמגיעים לסוף (.st-end מ-phx-store.js). במחשב השורה נכנסת כולה — בלי רמז. */
.st-crow-fade,.st-crow-arr{display:none}
@media(max-width:899px){
  .st-crow{--st-crw:calc((100vw - 32px - 3 * 12px) / 4.5);padding-inline-end:4px}
  .st-crow>:first-child{margin-inline-start:0}.st-crow>:last-child{margin-inline-end:0}
  .st-cr{width:var(--st-crw)}
  .st-cr i{width:calc(var(--st-crw) - 10px);height:calc(var(--st-crw) - 10px)}
  .st-crow-fade{display:block;position:absolute;inset-inline-end:0;top:0;bottom:0;width:64px;background:linear-gradient(90deg,var(--st-bg) 28%,rgba(245,239,230,0));pointer-events:none;transition:opacity .2s}
  .st-crow-arr{all:unset;display:grid;place-items:center;position:absolute;inset-inline-end:4px;top:calc((var(--st-crw) - 10px) / 2 - 13px);width:30px;height:30px;border-radius:50%;background:var(--st-sf);border:1px solid var(--st-line);box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--st-navy);cursor:pointer;transition:opacity .2s}
  .st-crow-arr svg{width:16px;height:16px}
  .st-crow-w.st-end .st-crow-fade,.st-crow-w.st-end .st-crow-arr{opacity:0;pointer-events:none}
}
.st-cr i svg{width:26px;height:26px}
.st-cr b{font-size:12.5px;font-weight:800;color:var(--st-navy);line-height:1.15}
.st-cr small{font-size:11px;color:var(--st-mut)}
.st-cr.on i{background:var(--st-navy);border-color:var(--st-navy);color:#fff}
/* 21/10: לשונית "מבצע" — באדום כמו המדבקה */
.st-cr-sale i{color:#d92d20;border-color:#f3b4ae;background:#fff5f4}
.st-cr-sale.on i{background:#d92d20;border-color:#d92d20;color:#fff}
.st-cr:focus-visible i{outline:2px solid var(--st-br);outline-offset:2px}
.st-trow{display:flex;gap:8px;align-items:center}.st-trow .st-search{flex:1;min-width:0}.st-trow .st-sort{flex:1;justify-content:space-between}   /* 21/10: החיפוש עבר לראש — המיון ממלא את השורה */
.st-fbtn{all:unset;cursor:pointer;position:relative;flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--st-line);background:var(--st-sf);border-radius:12px;color:var(--st-ink)}
.st-fbtn svg{width:20px;height:20px}
.st-fbtn.on{border-color:var(--st-brd);color:var(--st-brd)}
.st-fbtn .n{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--st-brd);color:#fff;border-radius:99px;font-size:11px;font-weight:800;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}
@media(min-width:900px){.st-fbtn{display:none}}
.st-search{position:relative;display:block}
.st-search input{width:100%;height:46px;border:1px solid var(--st-line);background:var(--st-sf);border-radius:12px;padding:0 44px 0 14px;font:inherit;font-size:16px;color:var(--st-ink)}
.st-search input:focus{outline:none;border-color:var(--st-br);box-shadow:0 0 0 4px rgba(74,158,187,.14)}
.st-search svg{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);width:19px;height:19px;color:var(--st-soft)}
.st-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 0 3px}
.st-chips::-webkit-scrollbar{display:none}
.st-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--st-line);background:var(--st-sf);color:var(--st-ink);border-radius:99px;padding:7px 13px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit}
.st-chip.on{background:var(--st-navy);color:#fff;border-color:var(--st-navy)}
.st-chip .n{background:var(--st-sf2);color:var(--st-mut);border-radius:99px;font-size:11px;padding:0 6px;font-weight:800}
.st-chip.on .n{background:#fff;color:var(--st-navy)}
.st-chip.st-flt .n{background:var(--st-brd);color:#fff}
.st-chip svg{width:15px;height:15px}
.st-bar{display:flex;justify-content:space-between;align-items:center;color:var(--st-mut);font-size:13px;gap:8px;flex-wrap:wrap}
/* 20/10 יוסי: המילה "מיון" גלויה מעל התיבה */
/* 20/10 יוסי: המיון בקצה שורת החיפוש — "מיון" ותיבה בתוך מסגרת אחת בגובה החיפוש */
.st-sort{flex:none;display:flex;align-items:center;gap:6px;height:46px;border:1px solid var(--st-line);background:var(--st-sf);border-radius:12px;padding:0 10px;cursor:pointer}
.st-sort .l{font-size:12px;font-weight:800;color:var(--st-mut)}
.st-sort select{font:inherit;font-size:13.5px;font-weight:700;border:0;background:transparent;color:var(--st-ink);padding:0;max-width:150px;cursor:pointer}
.st-sort:focus-within{border-color:var(--st-br)}
@media(max-width:600px){.st-sort{padding:0 8px;gap:4px}.st-sort select{max-width:86px;font-size:13px}}   /* בטלפון: החיפוש נשאר רחב */
.st-bar:empty{display:none}
.st-bar{align-items:flex-end}
/* 20/10 יוסי: כוכבית מתחת לכל תמונה */
/* 20/10 יוסי: הכיתוב בתוך התמונה (פינה תחתונה ימנית), לא שורה בכרטיס */
.st-note{position:absolute;bottom:6px;inset-inline-start:8px;font-size:10px;line-height:1.3;color:var(--st-mut);background:rgba(255,255,255,.82);border-radius:6px;padding:1px 6px;pointer-events:none}
.st-gal .st-note{bottom:10px;inset-inline-start:12px;font-size:11.5px}
.st-card .st-sub bdi{white-space:nowrap}   /* "Space Black" לא נשבר באמצע */
.st-bar select{font:inherit;font-size:13px;border:1px solid var(--st-line);background:var(--st-sf);border-radius:8px;padding:5px 8px;color:var(--st-ink)}
.st-acts{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.st-act{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;background:#eaf5f9;color:var(--st-brd);border-radius:99px;padding:3px 9px;font-size:12px;font-weight:700}
.st-act svg{width:12px;height:12px}
.st-act.clr{background:transparent;text-decoration:underline}

/* ── פריסה: טור-צד במחשב, רשת ── */
/* 20/10: פריט-גריד מקבל min-width:auto, ושורת-הצ׳יפים / "עוד בקטגוריה" (גלילה לרוחב) מתחו את העמוד ל-1,500px בטלפון —
   דף-החנות נראה ריק ועמוד-הדגם חתוך. min-width:0 מחזיר את הגלילה לתוך השורה עצמה. */
.st-lst>*,.st-model>*,.st-main,.st-tools,.st-chips,.st-rel,.st-col-a,.st-col-b,.st-col-c{min-width:0}
.st-page{max-width:100%;overflow-x:clip}
/* 22/10 (החנות כטאב בדף-הבית): מעבר רשימה ↔ עמוד-דגם במקום — hidden חייב לנצח את ה-display של .st-lst/.st-thick */
[data-store-home] [hidden]{display:none!important}
.st-lst{display:grid;gap:12px}
.st-side{display:none}
@media(min-width:900px){
  .st-lst{grid-template-columns:230px minmax(0,1fr);align-items:start}
  .st-lst>.st-tools{grid-column:1/-1}
  .st-side{display:block;position:sticky;top:90px;background:var(--st-sf);border:1px solid var(--st-line);border-radius:14px;padding:12px}
  .st-chip.st-flt{display:none}
}
.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(min-width:700px){.st-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.st-grid{grid-template-columns:repeat(4,1fr)}}
.st-empty{grid-column:1/-1;background:var(--st-sf);border:1px dashed var(--st-line);border-radius:14px;padding:26px 14px;text-align:center;color:var(--st-mut);font-size:14px}
.st-empty b{display:block;color:var(--st-navy);font-size:16px;margin-bottom:4px}

/* ── כרטיס-דגם ── */
.st-card{background:var(--st-sf);border:1px solid var(--st-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .12s,box-shadow .12s}
.st-card:hover{box-shadow:0 6px 18px rgba(44,62,80,.1)}
.st-card:active{transform:scale(.985)}
.st-card.sold .st-im img{opacity:.55}   /* 22/10: מעמעמים רק את התמונה — התגים והטקסט שומרים ניגודיות */
/* 21/10 לילה (כניסה חלקה): 72 כרטיסים חושבו ונצבעו כולם בפריסה הראשונה (366ms ב-CPU×4). מהכרטיס ה-7 והלאה הדפדפן מדלג על עיצוב/פריסה/ציור עד שמתקרבים אליהם בגלילה; ה-HTML נשאר מלא (גוגל) */
.st-grid>.st-card:nth-child(n+7){content-visibility:auto;contain-intrinsic-size:auto 290px}
.st-im{position:relative;aspect-ratio:1/1;background:#fff;display:grid;place-items:center;border-bottom:1px solid #f0e8dc;overflow:hidden}
.st-im img{width:100%;height:100%;object-fit:cover}
.st-im.fit img{object-fit:contain;padding:10px}
.st-ph{color:#d6c9b6;display:grid;place-items:center;width:100%;height:100%}.st-ph svg{width:46%;height:46%}   /* 20/10 יוסי: הסמל הגנרי ממורכז כשאין תמונה */
.st-badge{position:absolute;top:8px;inset-inline-start:8px;font-size:11px;font-weight:800;border-radius:99px;padding:3px 9px;background:#fff;border:1px solid var(--st-line);color:var(--st-ink)}
.st-badge.c-new{background:var(--st-okbg);color:var(--st-oktx);border-color:#bfe3cf}
.st-badge.c-open{background:#e5f1f7;color:var(--st-brd);border-color:#bfe3f2}
.st-badge.c-ref{background:var(--st-warnbg);color:var(--st-warn);border-color:#f0d9b5}
.st-badge.c-sold{background:#eee;color:#666}
/* 21/10 יוסי: מדבקת "מבצע" (שדה badge) — בולטת, אדומה */
.st-badge.c-promo{background:#d92d20;border-color:#d92d20;color:#fff;letter-spacing:.2px;box-shadow:0 2px 6px rgba(217,45,32,.28)}
.st-gal .st-badge.st-promo-gal{inset-inline-start:auto;inset-inline-end:12px}   /* פינה שמאלית — מדבקת המצב נשארת בימנית */
.st-save{position:absolute;bottom:8px;inset-inline-end:8px;font-size:11px;font-weight:800;background:var(--st-navy);color:#fff;border-radius:99px;padding:3px 8px}
.st-cb{padding:9px 10px 10px;display:flex;flex-direction:column;flex:1}
.st-brand{font-size:11px;color:var(--st-soft);font-weight:700}
.st-t{margin:1px 0 0;font-size:14px;font-weight:800;color:var(--st-navy);line-height:1.25}
/* 20/10 יוסי: השם הלועזי בשורה נפרדת מתחת לעברי */
.st-lat{display:block;font-size:.78em;font-weight:700;color:var(--st-mut);text-align:start;unicode-bidi:plaintext;margin-top:1px}
.st-sub{font-size:11.5px;color:var(--st-mut);margin-top:2px;min-height:16px}
.st-pr{display:flex;align-items:baseline;gap:5px;margin-top:6px}
.st-pr b{font-size:17px;color:var(--st-navy)}.st-pr em{font-style:normal;font-size:12px;color:var(--st-mut)}
.st-opt{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:var(--st-brd)}
.st-opt svg{width:14px;height:14px}
.st-opt.st-go{color:#fff;background:var(--st-navy);border-radius:9px;justify-content:center;padding:8px 6px;margin-top:8px}

/* ── מסננים (טור-צד + גיליון) ── */
.st-f{display:grid;gap:5px;margin-bottom:13px}
.st-f>.l{font-weight:700;font-size:14px;color:var(--st-ink)}
.st-opts{display:flex;flex-wrap:wrap;gap:7px}
.st-o{all:unset;cursor:pointer;border:1.5px solid var(--st-line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:700;font-size:14px;color:var(--st-ink);font-family:inherit}
.st-o.on{border-color:var(--st-br);background:#eaf5f9;color:var(--st-brd)}
.st-o.dim{opacity:.4}
.st-o:focus-visible{outline:2px solid var(--st-br)}
.st-side .st-o{padding:6px 10px;font-size:13px}
.st-2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.st-in{width:100%;height:42px;border:1px solid var(--st-line);border-radius:10px;padding:0 12px;font:inherit;font-size:16px;background:#fff;color:var(--st-ink)}
.st-in:focus{outline:none;border-color:var(--st-br)}
.st-sheet-nav{display:flex;gap:8px;margin-top:6px}
.st-btn{all:unset;cursor:pointer;flex:1;text-align:center;background:var(--st-navy);color:#fff;border-radius:12px;padding:12px;font-weight:800;font-size:15px;font-family:inherit}
.st-btn.gh{background:transparent;color:var(--st-navy);border:1.5px solid var(--st-line);flex:0 0 auto;padding:12px 18px}
/* גיליון מלמטה (נייד) — כמו bd-sheet */
/* 21/10 יוסי: "כל התצוגה במסך הסינון מוסתרת" — הגיליון היה ב-z 90, מתחת לעגלה (1250), לצפים (600) ולסרגל-הטאבים (590).
   עכשיו מעל הכול, ובטלפון נעצר מעל סרגל-הטאבים (--tabbar-h מ-global.css); הצפים והעגלה מוסתרים כשהוא פתוח */
.st-ov{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1300;display:flex;align-items:flex-end;justify-content:center;animation:st-fade .18s}
.st-sheet{background:#fffcf8;width:min(100%,520px);max-height:calc(100vh - var(--tabbar-h,0px) - 12px);max-height:calc(100dvh - var(--tabbar-h,0px) - 12px);margin-bottom:var(--tabbar-h,0px);overflow:auto;border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));direction:rtl;text-align:start;animation:st-up .22s;font-family:'Heebo',system-ui,sans-serif;color:#2c2c2c}
@media(min-width:641px){.st-ov{align-items:center}.st-sheet{border-radius:20px;margin-bottom:0;max-height:92vh}}
body.st-sheet-open :is(#waWidget,#wazeWidget,#a11y-widget,.sh-fab){visibility:hidden}
.st-sheet .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.st-sheet .hd b{font-size:18px;font-weight:900;color:#2c3e50}
.st-sheet .x{all:unset;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#6b5639}
.st-sheet .x svg{width:18px;height:18px}
@keyframes st-fade{from{opacity:0}to{opacity:1}}
@keyframes st-up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.st-ov,.st-sheet{animation:none}}

/* ── עמוד-הדגם ── */
.st-crumb{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--st-mut);margin:0 0 10px;flex-wrap:wrap}
.st-crumb a{color:var(--st-brd);font-weight:700}.st-crumb b{color:var(--st-navy)}
.st-model{display:grid;gap:14px}
@media(min-width:900px){
  /* 21/10 יוסי (תמונה): הבלוק של השם/בוררים/מחיר ממורכז בכל השטח שמשמאל לתמונה, לא צמוד לקצה */
  .st-model{grid-template-columns:minmax(0,520px) minmax(400px,1fr);align-items:start}   /* עמודת התמונה = רוחב התמונה (מקס׳ 520), כל השאר לבלוק */
  .st-model>.st-col-b{justify-self:center;width:100%;max-width:460px}
  .st-col-c{grid-column:1/-1}   /* 20/10 יוסי: התמונה לא נגללת עם המסך (בלי sticky) */
  /* 20/10 יוסי: הבורר והמחיר ממורכזים לגובה התמונה, לא צמודים למעלה עם שטח ריק מתחת */
  .st-col-b{align-self:center}
  /* 21/10 יוסי: "תמרכז את האזור הזה" — שם, בוררים ומחיר ממורכזים בעמודה */
  .st-col-b{text-align:center}
  .st-col-b .st-lat{text-align:center}
  .st-col-b .st-sel .l,.st-col-b .st-opts,.st-col-b .st-p{justify-content:center}
  .st-col-b .st-tiles span{text-align:center}
  /* 20/10 יוסי: "כל צד שמאל ריק — תקטין את המלבן ותכניס באזור הריק את למה לקנות": מפרט ולמה-לקנות זה ליד זה */
  .st-col-c{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}   /* יוסי: "למה לקנות" באותו גובה כמו המפרט */
  .st-model .st-col-c>div{margin-top:0}
  .st-col-c>[data-desc],.st-col-c>[data-faq]{grid-column:1/-1}
}
.st-col-c{margin-top:2px}
.st-gal{position:relative;background:#fff;border:1px solid var(--st-line);border-radius:18px;aspect-ratio:1/1;max-height:520px;display:grid;place-items:center;overflow:hidden}
.st-gal img{width:100%;height:100%;object-fit:cover}
.st-gal.fit img{object-fit:contain;padding:18px}
.st-gal .st-ph svg{width:120px;height:120px}
.st-gal .st-badge{top:12px;inset-inline-start:12px;font-size:12px}
.st-dots{position:absolute;bottom:10px;inset-inline-end:50%;transform:translateX(-50%);display:flex;gap:5px}
.st-dots b{width:7px;height:7px;border-radius:50%;background:#d6c9b6;cursor:pointer}.st-dots b.on{background:var(--st-navy)}
.st-cap{position:absolute;bottom:8px;inset-inline-start:12px;font-size:11px;color:var(--st-soft)}
.st-head h1{margin:0;font-size:24px;font-weight:900;color:var(--st-navy);line-height:1.2}
.st-sel{margin-top:12px}
.st-sel .l{display:flex;gap:8px;align-items:baseline;font-size:12.5px;font-weight:800;color:var(--st-mut);margin-bottom:6px}
.st-sel .l em{font-style:normal;color:var(--st-navy);direction:ltr;unicode-bidi:isolate}
.st-sel .st-o{padding:8px 13px}
/* 20/10: אפשרות שלא קיימת במצב הנבחר — אפורה, מקווקוות וחסומה */
/* 20/10 יוסי: "פס אלכסוני" על מה שלא קיים — קו מפינה לפינה על כל הריבוע (לא קו-חוצה בטקסט) */
.st-sel .st-o.dim{opacity:1;cursor:not-allowed;color:#b5aa9a;border-style:dashed;border-color:#ddd0bf;
  background:#f4efe8 linear-gradient(to top left,transparent calc(50% - 1px),#c2b39e calc(50% - 1px),#c2b39e calc(50% + 1px),transparent calc(50% + 1px))}
.st-sel .st-c.dim i{opacity:.35}
/* 20/10 יוסי: ריבוע-צבע גדול — עיגול הצבע + שם באנגלית מתחתיו */
.st-cols{gap:8px}
.st-sel .st-c{box-sizing:border-box;width:84px;min-height:74px;padding:9px 6px 7px!important;border-radius:12px;display:grid;justify-items:center;align-content:center;gap:6px;text-align:center}
.st-c i{display:block;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.st-c small{display:block;font-size:12px;font-weight:700;line-height:1.2;direction:ltr;unicode-bidi:isolate;color:var(--st-ink)}
.st-c.st-cn small{direction:rtl;font-size:12.5px}
.st-c.on{box-shadow:0 0 0 1px var(--st-br)}
.st-sel .st-c.dim small{color:#b5aa9a}
.st-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;margin-top:12px}   /* רוחב קבוע לכל ריבוע */
.st-tiles span{min-width:0;background:var(--st-sf);border:1px solid var(--st-line);border-radius:10px;padding:6px 9px}
.st-tiles small{display:block;font-size:11px;color:var(--st-mut)}.st-tiles b{display:block;font-size:14px;color:var(--st-navy)}
.st-pbox{margin-top:12px;background:var(--st-sf);border:1px solid var(--st-line);border-radius:16px;padding:14px}
.st-p{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.st-p b{font-size:28px;color:var(--st-navy);font-weight:900}.st-p s{font-size:13px;color:var(--st-soft)}.st-p em{font-style:normal;font-size:13px;color:var(--st-oktx);font-weight:800;background:var(--st-okbg);border-radius:99px;padding:2px 9px}
.st-p .k{font-size:12.5px;color:var(--st-mut)}
.st-p.sold b{font-size:20px;color:var(--st-bad)}.st-p.sold span{font-size:13px;color:var(--st-mut);width:100%}
.st-ti{display:flex;align-items:center;gap:8px;margin-top:10px;background:#fff8e1;border:1px solid #f0d27a;border-radius:10px;padding:8px 10px;font-size:13px;color:#5c4710}
.st-ti svg{width:18px;height:18px;color:#b45309}
.st-cta{all:unset;cursor:pointer;box-sizing:border-box;width:100%;margin-top:12px;height:50px;border-radius:13px;background:var(--st-navy);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;transition:transform .12s}
.st-cta:active{transform:scale(.985)}
.st-cta.gh{background:#fff;color:var(--st-navy);border:1.5px solid var(--st-line)}
.st-cta svg{width:19px;height:19px}
.st-sub{font-size:12px;color:var(--st-mut);text-align:center;margin-top:8px;line-height:1.5}
.st-trust{display:flex;gap:6px;margin-top:12px}
.st-trust span{flex:1;display:grid;justify-items:center;gap:4px;text-align:center;font-size:11.5px;color:var(--st-ink);background:var(--st-sf);border:1px solid var(--st-line);border-radius:10px;padding:8px 4px;line-height:1.3}
.st-trust svg{width:18px;height:18px;color:var(--st-brd)}
.st-col-c h2{font-size:17px;font-weight:900;color:var(--st-navy);margin:0 0 8px}
.st-col-c>div{background:var(--st-sf);border:1px solid var(--st-line);border-radius:16px;padding:14px;margin-top:12px}
.st-col-c>div:empty{display:none}   /* 20/10: בלי "על המכשיר" — לא תיבה ריקה */
/* 20/10 יוסי: בלי מרווח ימין-שמאל — תווית בעמודה צרה קבועה והערך מיד אחריה */
.st-spec div{display:grid;grid-template-columns:110px minmax(0,1fr);padding:0;border-bottom:1px solid #f0e8dc;font-size:14px}
.st-spec div:last-of-type{border-bottom:0}
.st-spec div span{padding:7px 0}
.st-spec div span:first-child{color:var(--st-mut)}
/* 20/10 יוסי: פס מפריד בין עמודת השמות לעמודת הערכים — רציף מלמעלה עד למטה */
.st-spec div span:last-child{color:var(--st-ink);font-weight:600;border-inline-start:1px solid var(--st-line);padding-inline-start:12px}
.st-faq .a p{margin:0 0 6px}.st-faq .a p:last-child{margin:0}
.st-labnote{margin:10px 0 0;font-size:13.5px;background:#eaf5f9;border-radius:10px;padding:8px 10px}
.st-desc p,.st-desc li{font-size:14.5px;line-height:1.65;margin:0 0 6px}.st-desc h3{font-size:14.5px;margin:10px 0 4px;color:var(--st-navy)}.st-desc ul{padding-inline-start:18px;margin:0}
.st-why ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.st-why li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.st-why li b{display:block;color:var(--st-navy)}
.st-faq .st-u{font-weight:900;color:var(--st-navy);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.st-why svg{width:20px;height:20px;color:var(--st-brd);margin-top:2px}
.st-faq details{border-bottom:1px solid #f0e8dc;padding:8px 0}
.st-faq summary{cursor:pointer;font-weight:800;font-size:14.5px;color:var(--st-navy);list-style:none;display:flex;justify-content:flex-start;align-items:baseline;gap:8px}   /* 20/10 יוסי: הפלוס/מינוס מיד אחרי סוף השאלה, לא בקצה */
.st-faq summary::-webkit-details-marker{display:none}
.st-faq summary::after{content:"+";color:var(--st-brd);font-weight:900}
.st-faq details[open] summary::after{content:"–"}
.st-faq .a{font-size:14px;line-height:1.65;color:var(--st-ink);padding-top:6px}
.st-rel{margin-top:16px}
.st-rel h2{font-size:17px;font-weight:900;color:var(--st-navy);margin:0 0 8px}
.st-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:9px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
@media(min-width:900px){.st-row{grid-auto-flow:row;grid-template-columns:repeat(6,1fr)}}
.st-rel .st-link{display:inline-block;margin-top:8px}
/* נייד: פס-מחיר + כפתור קבוע בתחתית (יוסי, סקיצה ב׳) */
.st-stick{display:none}
@media(max-width:899px){
  .st.st-stick{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:60;background:#fff;border-top:1px solid var(--st-line);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));align-items:center;gap:10px;box-shadow:0 -4px 16px rgba(44,62,80,.08)}
  .st-stick .pp{flex:1;min-width:0}.st-stick .pp b{display:block;font-size:17px;color:var(--st-navy)}.st-stick .pp small{display:block;font-size:11px;color:var(--st-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st-stick .st-cta{width:auto;margin:0;height:42px;padding:0 18px;font-size:14px}
  .st-stick-sp{height:72px}
  .st.st-stick.st-over-tabs{padding-bottom:8px;box-shadow:0 -2px 10px rgba(44,62,80,.08)}
  /* translate (ולא transform) — מצטרף לאנימציית-הכניסה של הכפתורים במקום לדרוס אותה, כך שהם מורמים גם בראש העמוד */
  /* 21/10 יוסי: "העגלה דורסת במקום לזוז" — גם כפתור-העגלה הצף (.sh-fab מ-phx-shop.js) עולה מעל הפס */
  body.st-has-stick #waWidget,body.st-has-stick #wazeWidget,body.st-has-stick #a11y-widget,body.st-has-stick .sh-fab{translate:0 -66px}
}
/* טקסט-SEO מתחת לרשימה */
.st-seo{margin-top:22px;color:var(--st-ink)}
.st-seo h2{font-size:18px;font-weight:900;color:var(--st-navy);margin:18px 0 6px}
.st-seo p{font-size:15px;line-height:1.7;margin:0 0 10px;max-width:820px}