/* הדבורה מאיה — style v2 · 27.09.2026
   הפלטה מהלוגו (brand/design-system/tokens.css הוא מקור האמת; plan/qa-build.mjs בודק זהות).
   Rubik מאוחסן מקומית (site/fonts/, אותם קבצים כמו במערכת העיצוב) — בלי בקשה ל-Google Fonts.
   מאפיינים לוגיים (inline-start/end) כדי שאותו CSS ישרת את / (rtl) ואת /ru/ (ltr). */
:root{--honey:#FAD174;--honey-deep:#4E2D16;--honey-soft:#FEF2D7;--ink:#1C1917;--muted:#57534E;--sage:#E6F1EA;--cream:#FFFDF7;--white:#FFFFFF;--line:#E7E2D6;--wa:#25D366;--radius:16px;--radius-pill:999px;--tap:48px;--font:Rubik,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--todo-bg:#FFF3B0;--todo-line:#B8860B;--max:1100px;
  /* ‏27.09 — סולם משטחים של האתר (web-design, בדיקה 1). טוקני המותג לא השתנו; אלה תוספות של האתר בלבד.
     נמדד (WCAG 2.1): לבן על cream 1.02 — כרטיס לבן על קרם היה בלתי נראה. הקרקע ירדה צעד: white/s0 = 1.16, ink/s0 = 15.1, muted/s0 = 6.6.
     המסגרות: line #E7E2D6 על לבן = 1.29 (בלתי נראה); edge = 1.88 על לבן, 1.62 על sage ועל s0. */
  --s0:#F6EEDB;--s1:#E6F1EA;--s2:#FFFFFF;--edge:#C9BCA0;
  /* מערכת הגבהה (בדיקה 7): מגע + סביבה, גוון דיו ולא שחור; X=0 תמיד (RTL ו-LTR חולקים את הקובץ) */
  --e1:0 1px 2px -1px rgba(28,25,23,.12),0 4px 12px -6px rgba(28,25,23,.14);
  --e2:0 2px 4px -2px rgba(28,25,23,.14),0 12px 28px -12px rgba(28,25,23,.20);
  --e3:0 4px 8px -4px rgba(28,25,23,.16),0 24px 48px -20px rgba(28,25,23,.30),inset 0 1px 0 rgba(255,255,255,.35);
  /* שפת צורה (בדיקה 8): שני רדיוסים לא סמוכים + גלולה לכפתורים. 16 למשטחים אנושיים (כרטיס, תמונה), 8 לפריטים קטנים */
  --radius-sm:8px}
/* Rubik — עברית, קירילית ולטינית באותה משפחה (Heebo אינו כולל קירילית, SITE-SPEC v1.2). @fontsource/rubik, SIL OFL 1.1 */
@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/rubik-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/rubik-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/rubik-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/rubik-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/rubik-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/rubik-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/rubik-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/rubik-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/rubik-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:64px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.55;color:var(--ink);background:var(--s0)}
img,svg,video{max-width:100%;display:block}
a{color:inherit}
/* מספרים, שעות וטלפונים בתוך עברית: direction לבד לא מבודד — ₪ ונקודתיים קופצים לצד הלא נכון (rtl-hebrew.md) */
[dir="ltr"],bdi{unicode-bidi:isolate}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:700}
h2{font-size:1.6rem}
/* ‏27.09 — כיוון ב׳ "כוורת" (החלטת יגאל): שרבוט דבש מתחת למילה אחת בכותרת, לא קו מתחת לכל הכותרת.
   ‏SVG ב-data-URI שנמתח לרוחב המילה (preserveAspectRatio none) — עובד בשני הכיוונים, בלי --dir. */
.hl{position:relative;display:inline-block;padding-bottom:4px}
.hl::after{content:"";position:absolute;inset-inline:0;bottom:-4px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C 20 2, 35 12, 55 6 S 95 2, 118 7' fill='none' stroke='%23FAD174' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;pointer-events:none}
/* המשושה — המכשיר המבני האחד של הכיוון: תמונת הפתיח ודיוקן אנה בלבד (הגלריה נשארת מלבנית-מעוגלת).
   ‏clip-path סימטרי, ולכן זהה ב-RTL וב-LTR; הוא חותך צל, ולכן בלי box-shadow. */
.hex{clip-path:polygon(50% 0,97% 24%,97% 76%,50% 100%,3% 76%,3% 24%);border-radius:0;box-shadow:none}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:16px;min-width:0}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:var(--radius-sm)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* קישור דילוג לתוכן — נראה רק במיקוד מקלדת */
.skip{position:absolute;inset-inline-start:16px;top:-100px;z-index:60;background:var(--ink);color:var(--white);padding:10px 16px;border-radius:var(--radius-sm);text-decoration:none;font-weight:700}
.skip:focus{top:8px}
/* top bar */
.topbar{position:sticky;top:0;z-index:40;background:var(--s2);border-bottom:1px solid var(--edge)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;min-height:var(--tap);color:var(--honey-deep)}
.brand .logo{width:36px;height:36px;flex:none;object-fit:contain}
.lang{display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:14px;border:1px solid var(--edge);border-radius:var(--radius-pill);text-decoration:none;font-weight:500;background:var(--s2)}
/* sections */
section,.hero,.band{padding-block:40px}
.alt{background:var(--s1)}
.hero{background:var(--honey-soft)}
/* הפתיח: המשושה + דבורה אחת ("דבורה אחת, מקום אחד" — הדוח §2א). הדבורה יושבת מחוץ ל-figure כדי שה-clip לא יחתוך אותה */
.hero-art{position:relative;margin-top:8px}
.hero-art .ph{aspect-ratio:1/1;max-width:420px;margin-inline:auto}
.hero-bee{position:absolute;top:-6px;inset-inline-start:0;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(28,25,23,.18))}
.hero h1{font-size:1.5rem;font-weight:500;color:var(--muted);margin-bottom:10px}
.hero h1 .big{display:block;font-size:3rem;font-weight:700;color:var(--ink);margin-bottom:4px}
.category{font-weight:500;color:var(--honey-deep);margin-bottom:12px}
/* 28.09 — "יש מקום" כתג בולט מעל הכותרת (סיעור מבנה הספר §1): לא יורד מהמסך הראשון */
.tag-open{display:inline-block;background:var(--honey);color:var(--honey-deep);font-weight:700;font-size:1.05rem;line-height:1.3;padding:6px 18px;border-radius:var(--radius-pill);margin:0 0 10px}
/* 28.09 — לוח החגים: שורת סיכום + טבלה מאחורי <details> */
.year-line{font-weight:500}
/* 28.09 ערב — סדר היום (#day): עמודת שעה + פעילות; השעה בכיוון ltr בתוך תא שמיושר לכיוון הדף */
.day-line{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:4px}
.day-line li{display:grid;grid-template-columns:6.8em minmax(0,1fr);gap:10px;align-items:baseline;padding-block:3px;border-bottom:1px dashed var(--line)}
.day-line .t{font-weight:700;color:var(--honey-deep);font-variant-numeric:tabular-nums;white-space:nowrap}
.day-note{font-size:.95rem;color:var(--muted);margin:0}
.menu-note{background:var(--honey-soft,#FEF2D7);border-radius:14px;padding:.8rem 1rem;margin:1rem 0;line-height:1.6}
.year{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.95rem;margin:0 0 14px;font-variant-numeric:tabular-nums}
.year col.d{width:30%}.year col.w{width:15%}.year col.s{width:19%}
@media (max-width:480px){.year{font-size:.82rem}.year th,.year td{padding:5px 4px}
  /* 28.09 — ברוסית "Добро пожаловать" נשבר לשתי שורות ב-375px ומפיל את ה-CTA מתחת לקפל; רק בטלפון */
  html[lang="ru"] .hero h1 .big{font-size:2rem}}
.year th,.year td{text-align:start;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.year th{font-weight:700;color:var(--honey-deep)}
.year tr.open td:last-child{font-weight:700;color:var(--honey-deep)}
.lead{font-size:1.1rem;margin-bottom:20px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.btn{max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:1.05rem;text-decoration:none;border:2px solid transparent;background:var(--s2);color:var(--ink);text-align:center;box-shadow:var(--e1)}
.btn svg{width:22px;height:22px;flex:none}
/* וואטסאפ: טקסט כהה על הירוק — לבן נכשל AA (1.98:1) */
.btn-wa{background:var(--wa);border-color:var(--wa)}
.btn-secondary{border-color:var(--ink)}
.btn-ghost{border-color:var(--honey-deep);color:var(--honey-deep)}
/* צ'יפ עובדה: מילוי honey-soft, מסגרת honey (מערכת עיצוב §4) */
.trust{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px}
.trust li{background:var(--honey-soft);border:2px solid var(--honey);border-radius:var(--radius-pill);padding:6px 12px;font-size:.95rem;font-weight:500}
/* ‏24.09 — נכנסו תמונות אמיתיות. הרקע נשאר כצבע ממלא עד שהתמונה נטענת (בלי קפיצה),
   ‏overflow:hidden כדי שהתמונה תכבד את הפינות המעוגלות. */
.ph{aspect-ratio:4/3;background:var(--s1);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;margin:0;min-width:0;min-height:0;box-shadow:var(--e1)}
.ph img{width:100%;height:100%;object-fit:cover}
/* "אנה" — דיוקן במשושה ליד הטקסט; עד שהתמונה מגיעה, המשושה מחזיק את סימון ה-TODO */
.about-row{display:flex;gap:18px;align-items:center}
.portrait{width:132px;height:148px;flex:none;aspect-ratio:auto;background:var(--honey-soft);padding:12px;text-align:center}
.portrait .todo{font-size:.75rem}
/* ‏27.09 — תמונת הכניסה בסקשן המיקום (הגיעה מאנה); ברוחב מלא בטלפון, מוגבלת במחשב */
.entrance{max-width:560px;margin-block:4px 16px}
/* סימון TODO — נשאר בקוד עד שאנה עונה (qa-build --live דורש 0). התווית (data-need) אומרת מה חסר, בשפת הדף;
   הטוקן עצמו נשאר בטקסט כדי שהחיפוש בקבצים ימצא אותו. */
.todo{display:inline-block;background:var(--todo-bg);border:1px dashed var(--todo-line);border-radius:var(--radius-sm);padding:1px 8px;font-size:.8em;line-height:1.5;unicode-bidi:isolate;overflow-wrap:anywhere;vertical-align:middle;color:var(--honey-deep)}
.todo::before{content:"⏳ " attr(data-need) " · ";font-weight:500}
.todo[data-need=""]::before,.todo:not([data-need])::before{content:"⏳ "}
.cards{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.card{background:var(--s2);border:1px solid var(--edge);border-radius:var(--radius);padding:20px;box-shadow:var(--e1)}
.card .ph{margin-bottom:16px;box-shadow:none}
.card .btn{width:100%}
.list{padding-inline-start:20px;margin:0}
.list li{margin-bottom:10px}
.features{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.features li{background:var(--s2);border:1px solid var(--edge);border-inline-start:4px solid var(--honey);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--e1)}
.gallery{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
details{background:var(--s2);border:1px solid var(--edge);border-radius:var(--radius);padding:0 16px;margin-bottom:8px;box-shadow:var(--e1)}
summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;gap:12px;font-weight:700;padding-block:10px;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";margin-inline-start:auto;font-size:1.4rem;color:var(--honey-deep);flex:none}
details[open] summary::after{content:"–"}
details p{margin:0 0 14px}
.contact-list{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:12px}
.contact-list a{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);text-decoration:underline;text-underline-offset:3px}
.contact-list svg{width:20px;height:20px;flex:none}
footer{padding-block:24px 96px;border-top:1px solid var(--edge);font-size:.95rem;color:var(--muted)}
/* floating WhatsApp button — 56px, icon only; hidden while any .btn-wa is in view */
.sticky{position:fixed;inset-inline-end:16px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:50;transition:opacity .2s ease,transform .2s ease}
.sticky a{width:56px;height:56px;border-radius:50%;background:var(--wa);color:var(--ink);display:grid;place-items:center;box-shadow:var(--e3)}
.sticky svg{width:28px;height:28px}
.sticky.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}
/* larger screens */
@media (min-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .btn{width:auto}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}.hero-art .ph{height:440px;max-width:none}.hero-bee{width:104px;height:104px}.hero h1 .big{font-size:3.6rem}}

/* 30.09 — מפת גוגל בסקשן המיקום, ליד Waze */
.map{border-radius:var(--radius);overflow:hidden;box-shadow:var(--e1);margin:6px 0 12px;aspect-ratio:16/10;max-width:430px;background:var(--s1)}
.map iframe{width:100%;height:100%;border:0;display:block}
.nav-row{display:flex;flex-wrap:wrap;gap:10px}