/* ANDEAL Mini App – visual language copied from the delivery app (משלוחים כפר כמא):
   white page, orange gradient header with dark pill, rounded-2xl cards, rounded-xl 48px buttons,
   orange-700 primary / orange-500 secondary / orange outline, teal links, blue focus ring.
   Contrast (WCAG AA): white on #c2410c 5.2:1 · #111827 on #f97316 6.4:1 · #fff on rgba(0,0,0,.6)/orange ≥7:1
   #0f766e on #fff 5.5:1 · #4b5563 on #fff 7.6:1 · bar fills vs track ≥3:1 */
:root{--text:#1f2937;--ink:#111827;--muted:#4b5563;--teal:#0f766e;--o7:#c2410c;--o8:#9a3412;--o5:#f97316;--o6:#ea580c;--o50:#fff7ed;--focus:#1d4ed8;--line:#e5e7eb}
*{box-sizing:border-box}
html{font-size:112.5%}
body{margin:0;min-height:100vh;background:#fff;color:var(--text);line-height:1.5;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif}
a{color:var(--teal);text-decoration:underline}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;right:-9999px;top:0;z-index:2000;background:#111827;color:#fff;padding:.75rem 1rem}
.skip:focus{right:.5rem}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
/* splash: Haron's intro video, once per session, above the gate */
#splash{position:fixed;inset:0;z-index:3000;background:#000;transition:opacity .5s ease}
#splash[hidden]{display:none}#splash.out{opacity:0}
#splash video{width:100%;height:100%;object-fit:cover;display:block}
.splash-skip{position:absolute;bottom:calc(1.25rem + env(safe-area-inset-bottom));left:1rem;min-height:2.75rem;padding:.5rem 1rem;border-radius:.75rem;border:2px solid #fff;background:rgba(0,0,0,.7);color:#fff;font-weight:700;font-size:1rem;font-family:inherit;cursor:pointer}
/* header (AppShell) */
.hdr{color:#fff;background-color:#fa8623;background-image:linear-gradient(to bottom,#dd5407 0%,#eb630f 25%,#f67719 50%,#fb8523 75%,#fa8623 100%)}
.hdr-in{max-width:48rem;margin:0 auto;min-height:112px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem}
.logo{display:inline-flex;align-items:center;background:none;padding:.25rem 0;margin:0}
.logo{max-width:100%}.logo img{display:block;height:2rem;width:auto;max-width:100%;object-fit:contain}
.tagline{margin:0;padding:.25rem 0;font-size:.85rem;font-weight:700;color:#111827}
main{max-width:48rem;margin:0 auto;padding:1rem;outline:none}
.page-h{font-size:1.5rem;font-weight:800;margin:0 0 1rem;color:var(--ink)}
/* card utility */
.panel,.card{border-radius:1rem;border:1px solid var(--line);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);padding:1rem;margin-bottom:1rem;background:#fff;color:var(--ink)}
.demo{border:2px dashed var(--o8);background:var(--o50);color:var(--o8);border-radius:1rem;padding:.75rem 1rem;margin:0 0 1rem;font-weight:700;text-align:center;font-size:.9rem}
.search{margin:0}
.lbl{display:block;font-weight:700;margin:0 0 .25rem;color:var(--ink)}
.hint{margin:.4rem 0 0;font-size:.85rem;color:var(--muted)}
.row{display:flex;flex-wrap:wrap;gap:.5rem}
.row input{flex:1 1 11rem;min-width:0;min-height:3rem;border:2px solid #9ca3af;border-radius:.75rem;padding:.5rem .75rem;font-size:1.05rem;font-family:inherit;background:#fff;color:var(--ink)}
.row input::placeholder{color:#6b7280}
/* buttons (btn / btn-primary / btn-teal / btn-outline) */
.go,.btn,.buy{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.5rem 1rem;border-radius:.75rem;font-weight:700;font-size:1.05rem;font-family:inherit;text-decoration:none;cursor:pointer;border:2px solid transparent}
.go{background:var(--o5);color:var(--ink);min-width:5rem}.go:hover{background:var(--o6)}
.btns{display:grid;gap:.5rem;margin-top:.75rem}
.cam{background:var(--o5);color:var(--ink)}.cam:hover{background:var(--o6)}
.lnk{border-color:var(--o5);background:#fff;color:var(--ink)}.lnk:hover{background:var(--o50)}
.go:active,.btn:active,.buy:active{background:var(--o5);color:var(--ink);border-color:var(--o5)}
.go.wide{width:100%;margin-top:.5rem}
/* results */
.res-h{font-size:1.25rem;font-weight:800;margin:.5rem 0 .25rem;color:var(--ink)}
.res{margin:0 0 .5rem;color:var(--muted)}
.err{margin:0 0 .5rem;color:#b91c1c;font-weight:700}
.err:empty,.res:empty{display:none}
.cards{list-style:none;margin:0;padding:0}
.card{display:flex;gap:.75rem}
.card.best{border:2px solid #15803d}.card.warn{border:2px solid var(--o7)}
.img{width:5rem;height:5rem;flex:none;border-radius:.75rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:2.4rem;overflow:hidden}
.img img{width:100%;height:100%;object-fit:cover}
.info{flex:1;min-width:0}
.tag{display:inline-block;font-size:.8rem;font-weight:700;padding:.15rem .6rem;border-radius:.75rem;margin:0 0 .25rem}
.g{background:#dcfce7;color:#166534}.o{background:#ffedd5;color:#9a3412}.y{background:#e0f2fe;color:#075985}
.price{font-size:1.4rem;font-weight:800;margin:0;color:var(--ink)}.psrc{font-size:.8rem;color:var(--o8);margin:0}
.title{font-size:.95rem;font-weight:400;color:var(--text);margin:0;overflow-wrap:anywhere}
.meta{color:var(--muted);font-size:.85rem;margin:.15rem 0}
.bar{height:.6rem;border-radius:.3rem;background:#e5e7eb;margin:.35rem 0}.bar i{display:block;height:100%;border-radius:.3rem}
.f-good{background:#15803d}.f-mid{background:#a16207}.f-low{background:var(--o7)}
.buy{margin-top:.5rem;width:100%;background:var(--o5);color:var(--ink)}.buy:hover{background:var(--o6)}
/* footer */
footer.note{max-width:48rem;margin:0 auto;padding:1rem 1rem 7rem;font-size:.85rem;color:var(--muted)}
.note p{margin:.25rem 0}.note a{display:inline-block;min-height:2.75rem;padding:.6rem .4rem}
.doclinks{list-style:none;padding:0;margin:.25rem 0;display:flex;flex-wrap:wrap;gap:0 .75rem}
.spin{display:inline-block;width:.9rem;height:.9rem;border:2px solid #6b7280;border-top-color:var(--o7);border-radius:50%;animation:s 1s linear infinite;vertical-align:middle}
@keyframes s{to{transform:rotate(360deg)}}
/* age gate */
.gate-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.65);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1500;overflow:auto}
.gate-backdrop[hidden]{display:none}
.gate{background:#fff;color:var(--ink);border-radius:1rem;max-width:28rem;width:100%;overflow:hidden;box-shadow:0 20px 25px -5px rgb(0 0 0/.25)}
.gate-hdr{background-image:linear-gradient(to bottom,#dd5407,#f67719 50%,#fa8623);padding:1rem;display:flex;justify-content:center}
.gate-body{padding:1rem 1.25rem 1.25rem}
.gate h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:800}
.chk{display:flex;gap:.6rem;align-items:flex-start;margin:.6rem 0;padding:.4rem .6rem;border:2px solid #d1d5db;border-radius:.75rem}
.chk input{width:1.75rem;height:1.75rem;min-width:1.75rem;margin:.45rem 0;accent-color:var(--o7)}
.chk label{padding:.45rem 0;min-height:2.75rem}
/* accessibility menu (A11yMenu) */
.a11y{position:fixed;bottom:.75rem;left:.75rem;z-index:1000}
.a11y-fab{width:3.5rem;height:3.5rem;border-radius:50%;border:0;background:#1e40af;color:#fff;font-size:1.75rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.2);cursor:pointer}
.a11y-panel{width:16rem;margin-bottom:.5rem}.a11y-panel h2{font-size:1.1rem;margin:0 0 .5rem}
.a11y-panel .grid{display:grid;gap:.5rem}.a11y-panel .btn{justify-content:flex-start;width:100%}
.lnk[aria-pressed=true]{background:var(--o5);border-color:var(--o5)}
html.a11y-links a{text-decoration-thickness:2px!important;background:#fef08a!important;color:#000!important}
html.a11y-contrast body,html.a11y-contrast header,html.a11y-contrast main,html.a11y-contrast footer,html.a11y-contrast div,html.a11y-contrast section,html.a11y-contrast li,html.a11y-contrast article,html.a11y-contrast input{background:#000!important;background-image:none!important;color:#fff!important;border-color:#fff!important}
html.a11y-contrast a,html.a11y-contrast button{background:#000!important;color:#ff0!important;border:2px solid #ff0!important}
html.a11y-contrast h1,html.a11y-contrast h2,html.a11y-contrast h3,html.a11y-contrast p,html.a11y-contrast span,html.a11y-contrast strong{color:#fff!important}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (forced-colors: active){.bar{border:1px solid CanvasText}.bar i{background:CanvasText}.card{border:1px solid CanvasText}}
/* legal/accessibility document pages */
.doc main{line-height:1.7}
.doc main h1{font-size:1.5rem}.doc main h2{font-size:1.15rem;margin-top:1.5rem}
.brand{margin:0;font-weight:700}.brand a{color:#fff;display:inline-block;min-height:2.75rem;padding:.6rem}
.draft{background:var(--o50);color:var(--o8);border:2px dashed var(--o8);border-radius:.75rem;padding:.75rem;font-weight:700}
.a11y-panel[hidden]{display:none}

/* staged screens: search -> results */
.view[hidden]{display:none}.view h2:focus{outline:none}.view h2:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.back{margin:0 0 1rem}#rq{word-break:break-word}#search-error:empty{display:none}