/* ===== נגישות: קישור דילוג, תפריט נגישות ומצבי תצוגה ===== */

/* קישור דילוג לתוכן - נראה רק במיקוד מקלדת */
.skip{position:fixed;top:-100px;right:16px;z-index:200;background:#0a0a0a;color:#fff;padding:12px 18px;font-weight:700;text-decoration:none;border:2px solid #fff}
.skip:focus{top:12px;outline:3px solid #3b2ef5;outline-offset:2px}

/* ----- הכפתור והתפריט ----- */
.a11y{position:fixed;right:24px;bottom:24px;z-index:120;font-family:"Rubik","Rubik Fallback",Arial,sans-serif;direction:rtl;text-align:right;color:#0a0a0a;line-height:1.5}
.a11y-btn{all:unset;cursor:pointer;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff;box-shadow:0 0 0 2px #fff,0 6px 18px rgba(0,0,0,.25);transition:background .15s}
.a11y-btn:hover{background:#3b2ef5}
.a11y-btn:focus-visible{outline:3px solid #3b2ef5;outline-offset:3px}
.a11y-btn svg{width:32px;height:32px;display:block}
.a11y-panel{position:absolute;bottom:68px;right:0;width:min(340px,calc(100vw - 32px));max-height:min(78vh,640px);overflow:auto;background:#fff;border:1.5px solid #0a0a0a;box-shadow:0 12px 36px rgba(0,0,0,.22);padding:14px 14px 12px;font-size:14px}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1.5px solid #0a0a0a}
.a11y-head strong{font-family:"Karantina","Karantina Fallback",sans-serif;font-weight:700;font-size:30px;line-height:1}
.a11y-close{all:unset;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;font-weight:700}
.a11y-close:hover{background:#0a0a0a;color:#fff}
.a11y-close:focus-visible{outline:3px solid #3b2ef5}
.a11y-size{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;margin-bottom:8px}
.a11y-size button{all:unset;cursor:pointer;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid #0a0a0a;font-size:22px;font-weight:700}
.a11y-size button:hover{background:#0a0a0a;color:#fff}
.a11y-size button:focus-visible{outline:3px solid #3b2ef5;outline-offset:2px}
.a11y-size button[disabled]{opacity:.35;cursor:default}
.a11y-size span{text-align:center;font-weight:700;font-size:14px}
.a11y-size span b{display:block;font-size:12.5px;font-weight:500;color:#6b6b74}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-grid button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:8px 6px;border:1.5px solid #d9d9de;font-size:13.5px;font-weight:600;text-align:center;line-height:1.3;transition:border-color .15s,background .15s}
.a11y-grid button svg{width:24px;height:24px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.a11y-grid button:hover{border-color:#0a0a0a}
.a11y-grid button:focus-visible{outline:3px solid #3b2ef5;outline-offset:2px}
.a11y-grid button[aria-pressed="true"]{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #d9d9de}
.a11y-foot button{all:unset;cursor:pointer;font-weight:700;padding:8px 12px;border:1.5px solid #0a0a0a;font-size:13.5px}
.a11y-foot button:hover{background:#0a0a0a;color:#fff}
.a11y-foot button:focus-visible{outline:3px solid #3b2ef5;outline-offset:2px}
.a11y-foot a{color:#0a0a0a;font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:13.5px}
.a11y-foot a:focus-visible{outline:3px solid #3b2ef5;outline-offset:2px}
@media (max-width:860px){
  .a11y{right:14px;bottom:14px}
  .a11y-btn{width:50px;height:50px}
  .a11y-panel{bottom:62px;max-height:calc(100vh - 100px)}
}

/* ----- מצב סטטי: בלי אנימציות גלילה, כל התוכן גלוי ברצף ----- */
html.a11y-static .scene{overflow:visible}
html.a11y-static .stage{height:auto;min-height:0;padding-top:120px;padding-bottom:80px}
html.a11y-static .intro .stage,html.a11y-static .final .stage{min-height:0}
html.a11y-static .groups{min-height:0}
html.a11y-static .group{position:static;opacity:1!important;transform:none!important;pointer-events:auto;margin-bottom:18px;transition:none}
html.a11y-static .steps-meta{display:none}
html.a11y-static .pro-list li{color:#0a0a0a}
html.a11y-static .pro-list .num{color:#3b2ef5}
html.a11y-static .pro-list li small{color:#3c3c44}
html.a11y-static .rung{opacity:1!important}
html.a11y-static .rung .n{color:#fff;-webkit-text-stroke-color:#fff}
html.a11y-static .meter{display:none}
html.a11y-static .shekel .f{clip-path:none!important}
html.a11y-static .flight .line b{width:100%!important}
html.a11y-static .shutter{display:none!important}
html.a11y-static .whys li,html.a11y-static .final .stage > *,html.a11y-static .years .big,html.a11y-static .gap .g1,html.a11y-static .gap .g2,html.a11y-static .nope,html.a11y-static .intro .stage > div,html.a11y-static .intro .photo{opacity:1!important;visibility:visible!important;transform:none!important}
html.a11y-static .intro .photo img{filter:none!important}
html.a11y-static .h1 .w,html.a11y-static .intro .sub,html.a11y-static .intro .cta-row,html.a11y-static .next b{animation:none!important}
html.a11y-static *{transition-duration:0s!important;animation-duration:0s!important}
@media (max-width:860px){
  html.a11y-static .stage{padding:80px 20px 60px;min-height:0;height:auto}
}

/* ----- הגדלת טקסט (מצב סטטי תמיד) ----- */
/* zoom רק על main: zoom על הסרגל הקבוע (.bar) הרחיב את חלון התצוגה בטלפון וחתך את העמוד */
html.a11y-fs1 main{zoom:1.15}
html.a11y-fs2 main{zoom:1.3}
html.a11y-fs3 main{zoom:1.5}
html.a11y-fs1 :is(footer,.bar .btn){font-size:1.15em}
html.a11y-fs2 :is(footer,.bar .btn){font-size:1.3em}
html.a11y-fs3 :is(footer,.bar .btn){font-size:1.5em}
html.a11y-fs2 .bar .btn,html.a11y-fs3 .bar .btn{padding:8px 14px;font-size:17px}
/* בהגדלה המסך "מתקצר": עוברים לעמודה אחת לפני שהעמודות נחנקות */
@media (max-width:1100px){
  html.a11y-fs1 .stage{grid-template-columns:1fr!important;padding-left:60px;padding-right:60px}
  html.a11y-fs1 :is(.photo,.shekel,.years){justify-self:start}
}
@media (max-width:1500px){
  html.a11y-fs2 .stage,html.a11y-fs3 .stage{grid-template-columns:1fr!important;padding-left:60px;padding-right:60px}
  html.a11y-fs2 :is(.photo,.shekel,.years),html.a11y-fs3 :is(.photo,.shekel,.years){justify-self:start}
  html.a11y-fs2 .shekel,html.a11y-fs3 .shekel{font-size:160px}
}
@media (max-width:860px){
  html.a11y-fs1 .stage,html.a11y-fs2 .stage,html.a11y-fs3 .stage{padding-left:20px;padding-right:20px}
  html.a11y-fs2 .flight,html.a11y-fs3 .flight{font-size:18px;white-space:normal}
  html.a11y-fs2 .flight .line,html.a11y-fs3 .flight .line{min-width:60px}
  html.a11y-fs3 .years .big{font-size:64px}
}
/* תוכן שגולש בהגדלה נחתך בתוך main ולא מרחיב את חלון התצוגה בטלפון */
html.a11y-static main{overflow-x:hidden}
html.a11y-static .contact li{flex-wrap:wrap}
html.a11y-fs2 .contact a[href^="mailto"],html.a11y-fs3 .contact a[href^="mailto"],html.a11y-fs2 .svc-list .t,html.a11y-fs3 .svc-list .t{word-break:break-word;overflow-wrap:anywhere}

/* ----- ניגודיות גבוהה: שחור, לבן וצהוב ----- */
html.a11y-contrast,html.a11y-contrast body{background:#000!important;color:#fff!important}
html.a11y-contrast *:not(img):not(svg):not(path):not(circle){background-color:#000!important;background-image:none!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;-webkit-text-stroke-color:#fff!important;text-shadow:none!important}
html.a11y-contrast :is(a,button,.btn,.btn *,.a11y-foot a){color:#ff0!important}
html.a11y-contrast :is(a,.btn){text-decoration:underline!important;text-underline-offset:3px}
html.a11y-contrast .btn,html.a11y-contrast .next,html.a11y-contrast .a11y-btn,html.a11y-contrast .rail button span{border:2px solid #ff0!important}
html.a11y-contrast :is(.photo::before,.group h3::before,.progress b,.steps-meta .segs i.on,.rail button.on i,.meter b,.flight .line i){background:#ff0!important}
html.a11y-contrast :is(.pro-list li.on,.rung.now .n,.steps-meta .count b,.years .big em,.pro-list li.on .num){color:#ff0!important}
html.a11y-contrast .pro-list li.on{box-shadow:inset -5px 0 0 #ff0!important}
html.a11y-contrast .shekel .o{color:transparent!important}
html.a11y-contrast .a11y-grid button[aria-pressed="true"],html.a11y-contrast .rail button.on{outline:3px solid #ff0!important;outline-offset:-3px}
html.a11y-contrast :focus-visible{outline:3px solid #ff0!important}

/* ----- צבעים הפוכים ושחור-לבן ----- */
html.a11y-invert{filter:invert(1) hue-rotate(180deg)}
html.a11y-invert img{filter:grayscale(1) invert(1) hue-rotate(180deg)!important}
html.a11y-gray{filter:grayscale(1)}

/* ----- הדגשת קישורים ----- */
html.a11y-links a,html.a11y-links .btn{text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px;background:#ff0!important;color:#000!important;box-shadow:0 0 0 2px #000!important}
html.a11y-links .btn *{color:#000!important}

/* ----- גופן קריא ----- */
html.a11y-font,html.a11y-font *{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
html.a11y-font .h1 .a{font-size:clamp(22px,2.6vw,34px)!important}
html.a11y-font .h1 .b{font-size:clamp(34px,4.4vw,58px)!important}
html.a11y-font .scene h2{font-size:clamp(26px,3vw,40px)!important;line-height:1.15!important}
html.a11y-font .final h2{font-size:clamp(28px,3.4vw,46px)!important}
html.a11y-font .final .hi{font-size:clamp(20px,2.4vw,30px)!important}
html.a11y-font .brand{font-size:22px!important}
html.a11y-font .pro-list .nm{font-size:clamp(20px,2.2vw,30px)!important;line-height:1.2!important}
html.a11y-font .pro-list .num,html.a11y-font .svc-list .n{font-size:26px!important}
html.a11y-font .svc-list .t{font-size:clamp(18px,1.9vw,26px)!important}
html.a11y-font .rung .n{font-size:36px!important}
html.a11y-font .years .big{font-size:min(22vh,150px)!important}
html.a11y-font .flight{font-size:20px!important}
html.a11y-font .a11y-head strong{font-size:22px!important}

/* ----- ריווח טקסט ----- */
html.a11y-spacing :is(p,li,h3,.body,.sub,.trust,.nope,.contact li,.a11y-grid button){line-height:2!important;letter-spacing:.08em!important;word-spacing:.16em!important}

/* ----- סמן גדול ----- */
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1.5L16 21l-3 1.5-3-7.5L4 19z' fill='%23000' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}