/* ===== מצאתי! – ערכת המותג מ-21.10.2026: פטרול ראשי, צהוב שני, Secular One ===== */
:root{
  --cream:#FCFBF8;      /* page – לבן חם, דף המחברת (השם נשאר כדי לא לשבור מחלקות) */
  --sun:#F9C06A;        /* הצבע השני: בלוקי דילים והצטרפות, כותרות על פטרול */
  --amber:#C26A0A;      /* עט על רקע בהיר: מספרים גדולים, קו מחיקה */
  --orange:#FF8C1A;     /* הדגשה רק על פטרול */
  --ink:#474F58;        /* טקסט רץ */
  --night:#2B3036;      /* כותרות על רקע בהיר, כפתור ראשי */
  --petrol:#1D494E;     /* הצבע הראשי: בלוקים כהים ופוטר */
  --on-dark:#F3F1EC;    /* טקסט על פטרול */
  --paper:#FFFFFF;      /* sheet – קבלות ובועות */
  --muted:#656D76;
  --urgent:#E07A70; --urgent-ink:#5C1D18; --urgent-line:#B5544B; /* תגיות דחיפות בלבד */
  --wa:#1D494E; --wa-hover:#163A3E; /* כפתור וואטסאפ בפטרול – ירוק אחד למותג */
  /* 9.11.2026: שיר בחרה Karantina לכותרות ו-Assistant לטקסט (במקום Secular One ו-Noto) */
  --f-display:"Karantina", "Assistant", sans-serif;
  --f-body:"Assistant", "Noto Sans Hebrew", Arial, sans-serif;
  --f-quote:"Playpen Sans Hebrew", "Noto Sans Hebrew", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;font-family:var(--f-body);font-size:18px;line-height:1.75;color:var(--ink);background:var(--cream);-webkit-text-size-adjust:100%}
a{color:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.skip{position:absolute;top:-60px;right:16px;background:var(--night);color:#fff;padding:10px 16px;z-index:99}
.skip:focus{top:12px}

.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.center{text-align:center}

.textured{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .04' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .7 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ===== טיפוגרפיה ===== */
h1,h2,h3{margin:0 0 .4em;font-weight:700}
h1,.display,.statement,.num,.fit-tag,.foot-brand{font-family:var(--f-display);font-weight:700;line-height:.95;letter-spacing:0}
h1{font-size:clamp(4rem,16vw,8.5rem);line-height:.92;color:var(--night)}
.display{font-size:clamp(3rem,9vw,5.2rem);color:var(--night)}
.huge{font-size:clamp(3.4rem,11vw,6.2rem)}
h3{font-size:1.25rem;font-weight:800;line-height:1.3}
.sub{margin:-.3em 0 2em;max-width:620px}
.center .sub{margin-inline:auto}
.opt{font-size:.85em;opacity:.8}
.fine{font-size:.85rem;opacity:.85;margin-top:1.6em}

/* ===== בלוקים ===== */
.blk{padding:84px 0}
.blk.tight{padding:56px 0}
.cream{background-color:var(--cream)}
.sun{background-color:var(--sun);color:var(--night)}
.night{background:var(--petrol);color:var(--on-dark)}
.night .display{color:var(--sun)}
/* קו כפול מחוספס – מהטבעת של החותמת – בין בלוקים באותו צבע */
.cream + .cream{border-top:0;position:relative}
.cream + .cream::before{content:"";position:absolute;top:0;right:20px;left:20px;max-width:1060px;margin:auto;height:6px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);opacity:.5}
.orn{display:block;width:46px;height:46px;margin:0 auto 18px;color:currentColor;opacity:.9}

/* ===== פתיחה ===== */
.hero{padding:22px 0 90px;background:var(--cream);overflow:hidden}
.topbar{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;padding-bottom:18px;border-bottom:2px solid var(--night);margin-bottom:48px}
.seal-sm{width:34px;height:34px;color:var(--night)}
.logo-sm{width:40px;height:40px;flex:none}
.hero-grid{display:grid;gap:10px;align-items:center}
.strike{position:relative;color:var(--amber)}
/* קו מחיקה אלכסוני, כמו מחיקה ביד (9.11) */
.strike::after{content:"";position:absolute;right:-8%;left:-8%;top:50%;height:.075em;border-radius:.04em;background:var(--night);transform:rotate(-16deg)}
.lead{font-size:clamp(1.4rem,3.6vw,1.9rem);line-height:1.35;margin:.2em 0 .7em;color:var(--night)}
.lead b{font-family:var(--f-quote);font-weight:600;background:linear-gradient(transparent 55%,var(--sun) 55%);padding:0 4px}
/* "בדרך כלל, זו אני." בכתב היד של שיר: תמונה בלבד, קובץ הפונט לא עולה לאתר */
.lead .hand{display:inline-block;margin-top:.2em;padding:0 6px;background:linear-gradient(transparent 58%,var(--sun) 58%)}
.lead .hand img{display:block;height:1.45em;width:auto;max-width:100%}
.body{max-width:520px;margin:0 0 30px}
.members{font-weight:800;margin:18px 0 0;color:var(--petrol)}
.hero-stamp{justify-self:center;width:min(72vw,400px);transform:rotate(-8deg);margin-top:20px}
.hero-logo{display:block;width:100%;height:auto}
.stamp{display:block;width:100%;height:auto}
.stamp-small{font-family:var(--f-body);font-size:19px;font-weight:700;fill:currentColor;letter-spacing:1.5px}
.stamp-big{font-family:var(--f-display);font-size:84px;font-weight:700;fill:currentColor}
@media (min-width:860px){
  .hero-grid{grid-template-columns:1.5fr 1fr}
  .hero-stamp{margin-top:0}
}

/* ===== כפתורים – מלבניים, בלי גלולות ===== */
.btn{display:inline-block;font-family:var(--f-body);font-weight:800;font-size:1.15rem;text-decoration:none;padding:16px 30px;background:var(--night);color:#fff;border:0;transition:background .15s,transform .15s}
.btn:hover{background:#000;transform:translateY(-2px)}
.btn-wa{background:var(--wa);color:#fff}
.night .btn,.night .btn-wa{background:var(--sun);color:var(--petrol)}
.btn-wa:hover{background:var(--wa-hover)}
.btn-big{font-size:1.35rem;padding:20px 40px;margin-top:8px}

/* ===== הצהרה ===== */
.statement{font-size:clamp(2.2rem,6vw,3.6rem);color:var(--sun);margin-bottom:.55em}
.night p{max-width:640px}
.callout{border-right:6px solid var(--orange);padding:6px 20px 6px 0;margin:34px 0 0;font-size:1.25rem;font-weight:700;color:var(--sun)}

/* ===== ממוספר ===== */
.numbered{list-style:none;margin:40px 0 0;padding:0}
.numbered li{display:grid;grid-template-columns:auto 1fr;gap:6px 26px;align-items:start;padding:28px 0;border-top:2px solid var(--ink)}
.numbered li:last-child{border-bottom:2px solid var(--ink)}
.num{font-size:clamp(3rem,8vw,4.4rem);color:var(--amber);min-width:1.3em}
.numbered h3{font-size:1.5rem;margin:.35em 0 .2em}
.numbered p{margin:0;max-width:640px}
.code{font-family:ui-monospace,Consolas,monospace;background:var(--sun);padding:0 6px}
@media (min-width:860px){.numbered{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}.numbered li{grid-template-columns:1fr;border-bottom:2px solid var(--ink)}}

/* ===== קבלות ===== */
.receipts{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start}
.receipt{position:relative;background:var(--paper);padding:22px 20px 34px;color:var(--night);
  -webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/20px 10px repeat-x;
          mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/20px 10px repeat-x}
.receipt:nth-child(odd){transform:rotate(-1.2deg)}
.receipt:nth-child(even){transform:rotate(1deg) translateY(10px)}
.r-cat{margin:0 0 6px;font-size:.8rem;font-weight:800;letter-spacing:1px;padding-bottom:8px;border-bottom:2px dashed var(--ink)}
.receipt h3{font-size:1.15rem;margin:10px 0 12px}
.receipt dl{margin:0;font-size:1rem}
.receipt dl div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dotted #9aa0a6}
.receipt dt{font-weight:600}
.receipt dd{margin:0;font-weight:800;white-space:nowrap}
.receipt s{opacity:.65;font-weight:600}
.receipt .save{border:0;border-top:2px solid var(--night);margin-top:6px;padding-top:8px;font-size:1.15rem}
.receipt .save dd{font-family:var(--f-display);font-size:1.9rem;line-height:1;color:var(--amber)}
.r-seal{position:absolute;left:12px;top:10px;width:54px;height:54px;color:var(--petrol);transform:rotate(-16deg);opacity:.85}

/* ===== מתאים ===== */
.fit{display:grid;gap:34px;margin:10px 0 64px}
@media (min-width:860px){.fit{grid-template-columns:1.4fr 1fr;gap:60px}}
.fit-tag{font-size:2.4rem;margin:0 0 10px}
.fit-tag.yes{color:var(--petrol)}
.fit-tag.no{color:var(--amber)}
.fit ul{margin:0;padding:0;list-style:none}
.fit li{padding:12px 0;border-bottom:1px solid rgba(71,79,88,.35)}
.rules-h{font-size:1.5rem}
.rules{margin:0;padding:0;list-style:none;counter-reset:r;max-width:760px}
.rules li{counter-increment:r;padding:14px 0 14px 0;border-bottom:1px solid rgba(71,79,88,.35);display:flex;gap:16px}
.rules li::before{content:counter(r) ".";font-family:var(--f-display);font-size:1.8rem;line-height:1;color:var(--amber);min-width:1.2em}

/* ===== המלצות ===== */
.quotes{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}
.quote{margin:0;font-family:var(--f-quote);font-size:1.15rem;line-height:1.65}
.quote p{margin:0 0 12px}
.quote p::before{content:"״";display:block;font-size:4rem;line-height:.6;color:var(--sun)}
.quote footer{font-family:var(--f-body);font-weight:800;font-size:1rem;color:var(--sun)}
.quote footer span{font-weight:400;color:var(--on-dark)}

/* ===== שותפים – שורה טיפוגרפית ===== */
.partners{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;font-family:var(--f-display);font-size:clamp(1.5rem,4.5vw,2rem);line-height:1.3;color:var(--petrol)}
.partners li:not(:last-child)::after{content:"✦";font-size:.45em;vertical-align:middle;margin:0 .6em;color:var(--amber)}

/* ===== שאלות ===== */
.blk details{border-bottom:2px solid var(--ink)}
.blk details:first-of-type{border-top:2px solid var(--ink)}
summary{cursor:pointer;font-weight:800;font-size:1.15rem;padding:18px 0 18px 36px;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:var(--f-display);font-size:2.4rem}
details[open] summary::after{content:"–"}
details p{margin:0 0 18px}

/* ===== הצטרפות ===== */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 28px}
.chip{font:inherit;font-size:1rem;font-weight:700;cursor:pointer;background:transparent;color:var(--night);border:2px solid var(--night);padding:8px 16px;min-height:44px}
.chip::before{content:"";display:inline-block;width:.8em;height:.8em;border:2px solid currentColor;margin-left:8px;vertical-align:-1px}
.chip[aria-pressed="true"]{background:var(--petrol);color:#fff;border-color:var(--petrol)}
.chip[aria-pressed="true"]::before{background:var(--sun);border-color:var(--sun)}

/* ===== פוטר ===== */
.foot{background:var(--petrol);color:var(--on-dark);padding:56px 0 120px;font-size:.95rem}
.foot a{color:#fff}
.foot-brand{font-size:4rem;color:var(--sun);margin:0}
.foot-logo{display:block;width:130px;height:auto;transform:rotate(-8deg);margin:0 0 14px}
.foot-tag{margin:0 0 22px;font-weight:700;color:var(--sun)}
.foot details{border-bottom:1px solid rgba(255,255,255,.25)}
.foot summary{font-size:1rem}
.copy{opacity:.75;font-size:.85rem;margin-top:24px}

/* ===== כללי UI/UX Pro Max: קו מאוזן, אורך שורה, ספרות טבלאיות ===== */
h1,h2,h3,.statement{text-wrap:balance}
p,li{text-wrap:pretty}
.measure,.night p,.body{max-width:62ch}
.receipt dd,.cats b,.price,.num{font-variant-numeric:tabular-nums}

/* ===== הודעה לדוגמה ===== */
.sample-grid{display:grid;gap:34px;align-items:center}
@media (min-width:860px){.sample-grid{grid-template-columns:1fr 1fr;gap:64px}}
.fine-r{font-size:.85rem;opacity:.8}
.chat{margin:0;background:#EFEAE2;border:2px solid var(--petrol);max-width:440px;justify-self:center;width:100%}
.chat-head{display:flex;gap:10px;align-items:center;background:var(--petrol);color:var(--on-dark);padding:10px 14px}
.chat-head .seal-sm{color:var(--sun)}
.chat-head span{display:flex;flex-direction:column;line-height:1.2}
.chat-head small{opacity:.75}
.bubble{position:relative;background:var(--paper);margin:16px 14px 18px 38px;padding:12px 14px 14px;font-size:.98rem;line-height:1.55;color:#1f2328;border-radius:0 0 10px 10px}
.bubble::before{content:"";position:absolute;top:0;right:-10px;border:10px solid transparent;border-top-color:var(--paper);border-right:0}
.bubble p{margin:0 0 .6em}
.bubble s{opacity:.7}
.b-link{color:#1a5fb4;margin:0!important;direction:ltr;text-align:right}

/* ===== נושאים ===== */
.cats{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-width:820px}
.cats li{position:relative;display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;font-weight:700;z-index:0}
.cats li::before{content:"";position:absolute;inset:0 0 0 auto;width:calc(var(--v) / 176 * 100%);background:var(--sun);z-index:-1}
.cats b{font-family:var(--f-display);font-size:1.7rem;line-height:1;color:var(--petrol)}

/* ===== מי אני ===== */
.about-grid{display:grid;gap:30px;align-items:center}
@media (min-width:860px){.about-grid{grid-template-columns:auto 1fr;gap:56px}}
#about-img{width:240px;height:240px;object-fit:cover;border-radius:50%;border:6px solid var(--sun);outline:2px solid var(--petrol);outline-offset:4px;justify-self:center}
.lead-q{font-family:var(--f-quote);font-size:1.15rem;line-height:1.75}

/* ===== כניסה עדינה בגלילה – רק עם JS ורק בלי reduced-motion ===== */
@media (prefers-reduced-motion:no-preference){
  .js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s ease-out}
  .js .reveal.in{opacity:1;transform:none}
}

/* ===== כפתור צף במובייל ===== */
.sticky-cta{position:fixed;inset:auto 0 0 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--cream);border-top:2px solid var(--petrol);z-index:50;text-align:center}
.sticky-cta .btn{width:100%;max-width:420px}
@media (min-width:860px){.sticky-cta{display:none!important}.foot{padding-bottom:56px}}

/* ===== תגית דחיפות: אדום דהוי עם מרקם גיר (נוסף 28.10.2026) ===== */
.tag-urgent{display:inline-block;transform:rotate(-3deg);padding:4px 10px;border-radius:4px;font-weight:700;font-size:.85rem;color:var(--urgent-ink);background-color:var(--urgent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='40'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.95 0 0 0 0 0.92 0 0 0 0.45 -0.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.tag-urgent.line{background:none;border:2px solid var(--urgent-line);color:var(--urgent-line);padding:3px 10px}

/* ===== גרסה קצרה (short.html) ===== */
.short .hero{padding:40px 0 56px}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:0;font-weight:700;font-size:.95rem;color:var(--petrol)}
.trust li::before{content:"✓";margin-left:6px;color:var(--amber)}
.short .receipts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.perks{list-style:none;margin:8px 0 26px;padding:0;max-width:680px}
.perks li{padding:14px 0;border-bottom:1px solid rgba(243,241,236,.25)}
.perks b{color:var(--sun)}
.night .code{color:var(--petrol)}
.partners-line{font-size:.95rem;margin:0 0 28px;opacity:.9}

/* ===== עדויות: לוח צילומי מסך אמיתיים (9.11.2026) =====
   הצילומים מוצגים כמו שהם, בלי סיבוב ובלי עריכה. במחשב: לוח של עמודות. בטלפון: שורה שגוללים הצידה. */
.shots{columns:3 260px;column-gap:24px;margin-top:34px}
.shot{break-inside:avoid;margin:0 0 24px;border-radius:14px;overflow:hidden;background:#EFEAE2;box-shadow:0 1px 2px rgba(0,0,0,.14),0 14px 30px -16px rgba(0,0,0,.5)}
.shot img{display:block;width:100%;height:auto}
.shots-note{font-size:.85rem;opacity:.85;margin-top:6px}
.shots-note.center{margin-inline:auto}
@media (max-width:640px){
  .shots{columns:auto;display:flex;align-items:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:4px 20px 14px;-webkit-overflow-scrolling:touch}
  .shot{flex:0 0 84%;margin:0;scroll-snap-align:center}
}

/* ===== קבלות אמיתיות יותר (9.11.2026) =====
   כל קבלה עטופה ב-r-item: הצל והתמונה המוצמדת יושבים על העטיפה, כי הקצה המשונן של הקבלה חותך כל מה שבתוכה. */
.receipts{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px 30px}
.short .receipts{display:flex}
.r-item{position:relative;flex:0 1 292px;padding-top:98px;filter:drop-shadow(0 12px 14px rgba(43,48,54,.22))}
.r-item:nth-child(odd){transform:rotate(-1.2deg)}
.r-item:nth-child(even){transform:rotate(1deg) translateY(12px)}
.r-item .receipt{transform:none;font-family:var(--f-body);padding:22px 22px 26px;background:linear-gradient(180deg,#FFFFFF,#F7F5F0)}
.r-head{display:grid;gap:3px;text-align:center;padding-bottom:12px;margin-bottom:8px;border-bottom:2px dashed #9aa0a6}
.r-head b{font-family:var(--f-display);font-weight:700;font-size:2.1rem;line-height:1;letter-spacing:.02em;color:var(--night)}
.r-head span{font-weight:700;font-size:.98rem;line-height:1.35}
.r-head time{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.05em}
.r-item .receipt dl{font-size:.98rem}
.r-item .receipt .save dd{font-size:1.7rem}
.r-foot{margin:12px 0 0;text-align:center;font-size:.8rem;color:var(--muted)}
.r-bar{display:block;width:72%;height:32px;margin:14px auto 0;opacity:.85;
  background:repeating-linear-gradient(90deg,var(--night) 0 2px,transparent 2px 4px,var(--night) 4px 5px,transparent 5px 8px,var(--night) 8px 11px,transparent 11px 12px,var(--night) 12px 13px,transparent 13px 16px)}
/* תמונת המוצר: מוצמדת לפינת הקבלה כמו תמונה עם סרט הדבקה */
.r-photo{position:absolute;top:4px;left:-14px;z-index:2;width:124px;margin:0;padding:5px 5px 12px;background:#fff;transform:rotate(-7deg);box-shadow:0 6px 12px -6px rgba(0,0,0,.45)}
.r-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.r-photo::before{content:"";position:absolute;top:-9px;left:30%;width:56px;height:18px;background:rgba(255,255,255,.65);transform:rotate(4deg);box-shadow:0 0 0 1px rgba(0,0,0,.04)}
@media (max-width:640px){.r-item{flex-basis:100%;max-width:330px}.r-photo{left:2px}}
/* 10.11.2026: התמונה בתוך הקבלה, מתחת לשם החנות, בלי סרט הדבקה ובלי הטיה. בלי תאריכים. */
.r-item{padding-top:0}
.r-item .r-photo{position:static;width:auto;margin:4px 0 12px;padding:0;background:none;transform:none;box-shadow:none}
.r-item .r-photo::before{content:none}
.r-item .r-photo img{aspect-ratio:auto;height:118px;width:100%;object-fit:contain;mix-blend-mode:multiply}
.r-item .r-logo img{height:84px}

/* ===== בדיקת נגישות לפני עלייה לאוויר (10.11.2026) =====
   1. מסגרת המקלדת: הייתה בצבע הטקסט, ולכן לבנה על רקע בהיר ופטרול על פטרול. עכשיו כהה על בהיר וצהוב על כהה. */
:focus-visible{outline:3px solid var(--night);outline-offset:3px}
.night :focus-visible,.foot :focus-visible{outline-color:var(--sun)}
.skip:focus-visible{outline-color:var(--sun);outline-offset:0}
/* 2. קישורים בפוטר: יעד לחיצה של 44 פיקסלים לפחות לאצבע */
.foot p a{display:inline-block;min-height:44px;line-height:44px;padding:0 4px}
/* 3. מחיר מחוק בקבלה: ניגודיות AA (היה 4.4:1) */
.receipt s{opacity:.8}
/* 4. לוח העדויות נגלל הצידה בטלפון: אפשר להגיע אליו במקלדת, ורואים איפה נמצאים */
.shots:focus-visible{outline-offset:6px}
/* 5. רשימה בהצהרת הנגישות שבפוטר */
.foot details ul{margin:0 0 18px;padding-inline-start:1.2em}
.foot details li{margin:0 0 4px}

/* ===== 11.11.2026: קבלות קטנות יותר (שיר ביקשה), ושורת הטבה בלי טבלה בקבלה של לגו ===== */
.receipts{gap:18px}
.r-item{flex:0 1 194px} /* 5 קבלות בשורה אחת במחשב */
.r-item .receipt{padding:16px 16px 20px}
.r-head{padding-bottom:9px;margin-bottom:6px}
.r-head b{font-size:1.75rem}
.r-head span{font-size:.88rem}
.r-item .receipt dl{font-size:.88rem}
.receipt dl div{padding:3px 0}
.r-item .receipt .save{font-size:1rem}
.r-item .receipt .save dd{font-size:1.45rem}
.r-item .r-photo img{height:88px}
.r-item .r-logo img{height:64px}
.r-foot{margin-top:9px;font-size:.75rem}
.r-bar{height:24px;margin-top:10px}
.r-note{margin:4px 0 0;padding-top:8px;border-top:2px solid var(--night);text-align:center;font-weight:800;font-size:1.05rem;line-height:1.4;color:var(--night)}
/* בטלפון: שורה אחת שגוללים הצידה, כמו העדויות, במקום חמש קבלות זו מתחת לזו */
@media (max-width:640px){
  .receipts{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:6px 20px 22px;-webkit-overflow-scrolling:touch}
  .r-item{flex:0 0 72%;max-width:260px;scroll-snap-align:center}
  .receipts:focus-visible{outline-offset:-3px}
}

/* 11.11.2026: משפט ההסכמה מתחת לכפתור האחרון */
.consent{max-width:520px;margin-inline:auto;line-height:1.6}

/* ===== 11.11.2026: בס"ד וכפתור הצטרפות קבוע למעלה משמאל ===== */
.bsd{position:absolute;top:calc(8px + env(safe-area-inset-top, 0px));right:max(16px, env(safe-area-inset-right, 0px));margin:0;font-size:.8rem;font-weight:700;color:var(--ink);z-index:5}
.top-join{position:fixed;top:calc(10px + env(safe-area-inset-top, 0px));left:max(12px, env(safe-area-inset-left, 0px));z-index:60;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--wa);color:#fff;font-family:var(--f-body);font-weight:800;font-size:1rem;text-decoration:none;border:2px solid var(--cream);box-shadow:0 6px 16px -8px rgba(29,73,78,.6)} /* מסגרת בהירה: כדי שיבלוט גם מעל הבלוקים בפטרול */
.top-join:hover{background:var(--wa-hover)}
.top-join:focus-visible{outline:3px solid var(--night);outline-offset:0;box-shadow:0 0 0 6px var(--sun)}
/* הכפתור העליון מחליף את הכפתור הצף שבתחתית, כדי שלא יהיו שני כפתורים צפים */
/* (בוטל 11.11: שני הכפתורים הצפים חזרו, ו-app.js מציג רק אחד בכל רגע) */
.short .hero{padding-top:64px}

/* 11.11.2026: הכפתור העליון מוסתר כשהסקריפט מחליט (בלי זה display:inline-flex גובר על hidden) */
.top-join[hidden]{display:none}