/* pricing.css — מחיר, תג "מבצע" וכרטיסי המציאון (#28).
   נטען לצד js/pricing.js בכל עמוד שמציג מחיר. עותק אחד, מאותה סיבה של
   catalog.css: עיצוב שמשוכפל בחמישה עמודים נפרד ביום שמתקנים אחד.
   ⚠️ שום כלל כאן אינו מציג מחיר בעצמו. הכול נבנה ב-JS רק כשיש שורה
   ב-product_pricing, ולכן בלי נתונים — בלי מחיר ובלי מקום ריק. */

/* ⚠️ `hidden` לבדו אינו מספיק: כלל author עם display (למשל `.band`)
   דורס את ה-display:none של הדפדפן. מה שמוסתר עד שיש מבצעים — מוסתר. */
[data-deals][hidden]{display:none!important}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ===== שורת המחיר ===== */
/* ⚠️⚠️ `position:relative` אינו קישוט. התוויות הנסתרות (`.sr-only`) הן
   `position:absolute`, ובלי אב ממוקם בתוך הכרטיס בלוק ההכלה שלהן הוא
   **העמוד כולו** — מחוץ לגלילה של הרצועה, שלכן אינה חותכת אותן.
   נמדד ב-390×844 עם ארבעה כרטיסים: התווית של הכרטיס הרביעי ישבה ב-x≈-27,
   המסמך התרחב ל-601 (גלישה אופקית של 211), וכרום במובייל הרחיב את
   ה-layout viewport כולו. `overflow-x:hidden` על השורה לא שינה דבר. */
.pr{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:10px}
.pr-now{font-weight:500;font-size:1.0625rem;color:var(--ink,#2B2521)}
/* ⚠️ ברונזה עמוקה ולא ה-A98F63: על לבן הברונזה הרגילה היא ~2.9:1,
   מתחת לסף גם לטקסט גדול. ‏7D6845 הוא ~5.1:1. */
.pr-sale .pr-now{color:var(--bronze-deep,#7D6845)}
.pr-unit{font-size:0.875rem;color:var(--stone,#6F6659)}
.pr-was{font-size:0.875rem;color:var(--stone,#6F6659)}
.pr-vat{font-size:0.8125rem;color:var(--stone,#6F6659);margin-top:6px}

/* תג "מבצע" על מסגרת התמונה — בפינה הנגדית לתג המלאי (`.p-stock`,
   שיושב ב-inline-start), כדי ששניהם ייראו יחד. */
.pr-badge{position:absolute;top:12px;inset-inline-end:12px;z-index:2;
  background:var(--bronze-deep,#7D6845);color:#fff;font-size:0.75rem;font-weight:500;
  letter-spacing:.04em;padding:5px 12px}

/* ===== עמוד המוצר ===== */
.prd-price{margin:14px 0 4px}
.prd-price .pr{margin-top:0}
.prd-price .pr-now{font-size:1.625rem}
.prd-price .pr-badge{position:static;display:inline-block;margin-inline-end:10px;vertical-align:middle}
/* ⚠️ 44px — יעד המגע המינימלי. קישור חדש לא ייפתח קטן מהיעד (ה-TODO
   הפתוח של המובייל). */
.pr-all{display:inline-flex;align-items:center;min-height:44px;font-size:0.9375rem;font-weight:500;
  color:var(--bronze-deep,#7D6845);text-decoration:underline;text-underline-offset:4px}
.pr-all:hover{color:var(--ink,#2B2521)}

/* ===== כרטיס מציאון — deals.html =====
   ⚠️ עמוד הבית אינו משתמש בו מאז #38: שם הכרטיס הוא `.cat-card.deal-tile` (index.html, `dealTile`
   ב-pricing.js). הכללים כאן נשארו בלי שינוי, ו-test_home_deals.js ‏(13) בודק שצילום של deals.html
   זהה בבייט לזה שלפני. */
.deal-card{display:flex;flex-direction:column;background:var(--white,#fff);color:inherit;
  border:1px solid var(--line,rgba(43,37,33,.14));min-width:0;
  transition:background-color .25s ease}
.deal-card:hover{background:var(--band-1,#F7F4ED)}
/* מוקטן בלבד, לעולם לא מוגדל — אותו כלל של `.p-media` בקטלוג. */
.deal-media{position:relative;height:170px;display:flex;align-items:center;justify-content:center;
  padding:8px;background:#fff;overflow:hidden}
.deal-media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.deal-body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1}
.deal-body h3{font-size:1rem;font-weight:400;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.deal-body .pr{margin-top:auto;padding-top:10px}

/* ⚠️ `.deal-row` (השורה של עמוד הבית, grid עם minmax(0,1fr)) **נמחקה ב-#38**: מבצע אחד נמתח בה
   לכל רוחב הסקשן. עמוד הבית עבר לרצועה של הקטגוריות (index.html, `#dealStrip`).
   ⚠️ `.deal-media` בטלפון **נשאר** — הוא של deals.html, והיה כאן רק כי ישב באותו בלוק. */
@media(max-width:760px){
  .deal-media{height:140px}
}

/* deals.html: רשת, 2 / 3 / 4 — אותם שלושה מבנים של הקטלוג. */
.deal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:761px){.deal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:1101px){.deal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* פריט הניווט בעמוד הבית: מודגש, אחרת הוא נבלע בין הקישורים. */
.nav-links a.nav-deals{color:var(--bronze-deep,#7D6845);font-weight:500}
.nav-links a.nav-deals::before{content:"";display:inline-block;width:7px;height:7px;
  background:var(--bronze,#A98F63);margin-inline-end:8px;vertical-align:middle}

/* ראש הסקשן בעמוד הבית: `.sec-head p` של העמוד מגדיל כל פסקה ל-17px,
   ושורת המע״מ היא הערה ולא פסקת פתיחה. */
.sec-head .pr-vat{font-size:0.875rem;margin-top:10px}