:lang(he) body,:lang(he) button,:lang(he) input,:lang(he) select,:lang(he) textarea{font-family:"IBM Plex Sans Hebrew",Arial,sans-serif;line-height:1.7;letter-spacing:.06em}
:lang(he) :is(h1,h2,h3,.serif,.fd .sec h3,.fd .acc button,td.aday){text-transform:none;letter-spacing:.06em}
svg.chart,.sparkline{direction:ltr}
[dir=rtl] .num,[dir=rtl] td.num,[dir=rtl] th.num{text-align:end}
[dir=rtl] body,[dir=rtl] .pcard .body,[dir=rtl] .decision,[dir=rtl] .fbar,[dir=rtl] .phead{text-align:start}
[dir=rtl] .chev{display:inline-block;transform:scaleX(-1)}
/* Products page redesign (spec 01) — tokens also drive the site header / bottom tabs */
*{box-sizing:border-box}
body{background:var(--ivory);color:var(--ink)}
header{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:10px 24px}
header a{color:var(--muted);font-weight:500}header a.on{color:var(--ink);box-shadow:none}
header a:hover{color:var(--ink)}
header .badge.b-blue{white-space:nowrap}
.badge.b-atl,.pill.b-atl{background:var(--champagne-light);color:var(--champagne-deep);border:1px solid var(--champagne)}
.anchor-line{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bestbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:12px 14px;margin:10px 0}
.bestbox .go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-left:8px;padding:8px 14px;background:var(--sage-deep);color:var(--ivory);border-radius:var(--radius-control);text-decoration:none}
.other-opts,.perks{margin:8px 0}
.show-il{margin-inline-end:6px}
.il-no{display:none}
.show-il:checked ~ .il-no{display:block}
@media(max-width:640px){
 .bestbox .go{display:flex;width:100%;margin:8px 0 0}
 .opt-table,.opt-table table.rows{max-width:100%;overflow-x:hidden}
 .opt-table table.rows,.opt-table table.rows tbody,.opt-table table.rows tr,.opt-table table.rows td{display:block;width:100%;min-width:0;white-space:normal}
 .opt-table table.rows thead{display:none}
}
.anchor-under{color:var(--champagne-deep)}
.tprog{font-size:12px;color:var(--ink);margin-top:2px}
.tprog.sold{color:var(--muted)}
.tbar{height:4px;background:var(--sage-mist);border-radius:2px;width:100%;max-width:100%;margin-top:3px}
.tbar i{display:block;height:4px;background:var(--sage-deep);border-radius:2px}
.tbar.hit i{background:var(--champagne)}
.sw-p .tbar{width:110px}
@media(max-width:640px){.tbar,.sw-p .tbar{width:100%}}
@media(max-width:640px){.refcol{display:none}}
.badge.b-up{background:var(--terracotta-bg);color:var(--terracotta)}
.badge.b-count{background:var(--sage-deep);color:var(--ivory)}
.badge.b-red{background:var(--terracotta-bg);color:var(--terracotta)}
.badge.b-amber{background:var(--champagne-light);color:var(--champagne-deep)}
.badge.b-blue{background:var(--sage-mist);color:var(--sage-deep)}
.serif{font-family:var(--font)}
.num{font-variant-numeric:tabular-nums}

/* page header */
.phead{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:4px 0 14px}
.phead h1{font-size:28px;margin:0;letter-spacing:.2px}.phead .spacer{flex:1}
.seg{display:inline-flex;border:1px solid var(--muted);border-radius:var(--radius-control);overflow:hidden;background:var(--surface)}
.seg a{padding:6px 14px;color:var(--muted);text-decoration:none;font-size:13px}
.seg a.on{background:var(--ink);color:var(--ivory)}

/* sticky filter bar — search on its own row; filter/sort on the next */
.fbar{position:sticky;top:48px;z-index:4;background:var(--ivory);padding:8px 0 10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid transparent}
.fbar .search{flex:1 1 100%;min-width:0;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);padding:6px 12px}
.fbar .search input{border:0;outline:0;flex:1;background:transparent;font-size:14px;min-width:0}
.fbar .search .go{flex:none;min-height:44px;padding:0 14px;border:0;background:var(--ink);color:var(--ivory);border-radius:var(--radius-control);cursor:pointer;font:500 14px/1 var(--font)}
.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}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--ink);text-decoration:none}
.chip .x{color:var(--muted);font-weight:500;text-decoration:none;margin-left:2px}
.chip.muted{color:var(--muted)}.chip.action{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.chip.action:hover{opacity:.9}.fbar .muted{font-size:12px;color:var(--muted)}
.info{position:relative}.info summary{list-style:none;cursor:pointer;width:28px;height:28px;border-radius:var(--radius-control);border:1px solid var(--muted);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);font-weight:500}
.info summary::-webkit-details-marker{display:none}
.info .box{position:absolute;inset-inline-end:0;top:110%;z-index:8;width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:12px;box-shadow:none;font-size:12px;line-height:1.45;color:var(--ink)}
@media(max-width:640px){
  .info .box{position:fixed;inset-inline:16px;top:auto;bottom:88px;width:auto;max-height:min(50vh,280px);overflow:auto}
}
.info .box p{margin:0 0 8px}.info .box p:last-child{margin:0}

/* filter sheet: <details class="fd"> - opens without JS; right drawer on desktop, bottom sheet on mobile */
.fbar:has(details.fd[open]),.fbar:has(details.info[open]){z-index:30}
details.fd>summary{list-style:none}details.fd>summary::-webkit-details-marker{display:none}
.fd .sheet-back{position:fixed;inset:0;background:rgba(42,42,42,.35);z-index:20}
.fd .sheet{position:fixed;z-index:21;background:var(--surface);box-shadow:none;display:flex;flex-direction:column;
  top:0;inset-inline-end:0;bottom:0;width:420px;max-width:100%;margin:0;border-inline-start:1px solid var(--line)}
.fd .sh{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.fd .sh h2{font-size:24px;font-weight:300;margin:0;flex:1}.fd .sh .x{color:var(--muted);background:none;border:0;font-size:18px;min-width:44px;min-height:44px;cursor:pointer}
.fd .body{overflow:auto;padding:4px 16px 20px;flex:1}
.fd .acc{border-bottom:1px solid var(--line)}
.fd .acc>h3{margin:0}
.fd .acc>h3 button{width:100%;min-height:60px;display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:start;font:500 14px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer}
:lang(he) .fd .acc>h3 button{letter-spacing:0;text-transform:none;font-weight:500}
:lang(he) .fd .opts label,.fd a.opt{font-size:15px;line-height:1.35}
.fd .pn[hidden],.fd .acc>h3 button[aria-expanded="false"] + .pn{display:none}
.pcard .card-disc{display:flex;align-items:center;gap:6px;margin:0;flex-wrap:wrap}
.pcard .card-disc .muted{font-size:12px}
.fd .sum{margin-inline-start:auto;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.fd .sum.on{color:var(--champagne-deep)}
.fd .acc-chev{width:8px;height:8px;border-inline-end:1.5px solid var(--sage-deep);border-bottom:1.5px solid var(--sage-deep);transform:rotate(45deg);flex:none}
[dir=rtl] .fd .acc-chev{transform:rotate(-45deg)}
.fd .acc>h3 button[aria-expanded="true"] .acc-chev{transform:rotate(-135deg)}
[dir=rtl] .fd .acc>h3 button[aria-expanded="true"] .acc-chev{transform:rotate(135deg)}
.fd .opts{display:flex;flex-direction:column;gap:0}
.fd .opts label,.fd a.opt{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 2px;font-size:15px;cursor:pointer;color:var(--ink);text-decoration:none}
.fd .opts.inline{flex-direction:row;flex-wrap:wrap;gap:8px 12px}.fd .opts .n{color:var(--muted);font-size:12px;margin-inline-start:auto}
.fd .opts.inline .n{margin-inline-start:0}
.fd .bsearch{width:100%;min-height:44px;margin:0 0 8px}
.fd .ft{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--surface)}
.fd .ft button{flex:1;max-width:240px;padding:10px;background:var(--sage-deep);color:var(--ivory)}.fd .ft a{color:var(--sage-deep);min-height:44px;display:inline-flex;align-items:center}
.fd .handle{display:none;width:36px;height:4px;background:var(--line);border-radius:2px;margin:8px auto 0}
.fd .badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--champagne-light);border:1px solid var(--champagne);color:var(--champagne-deep);font-size:12px;font-weight:500;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:8px}
.fd .pill,.fd .presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid var(--muted);background:var(--surface);color:var(--ink);text-decoration:none;font-size:12px;font-weight:500}
.fd .pill.ro{background:var(--sage-mist);border-color:var(--sage-deep)}
.fd .note{font-size:12px;color:var(--muted);margin:8px 0 0}
.fd .note a{color:var(--sage-deep)}
body.fd-open{overflow:hidden}
@media (max-width:640px){
  .fd .sheet,[dir=rtl] .fd .sheet{top:auto;inset-inline:0;width:100%;height:88vh;max-height:88vh;border-inline-start:0;border-top:1px solid var(--line)}
  .fd .handle{display:block}
  .fd .ft button{max-width:none}
}
.fctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 100%}
.fctl .sortform{display:flex;align-items:center;gap:8px;min-width:0}
.fctl .sortform select{min-height:44px;max-width:100%}
.js .sortform .go{display:none}
/* product grid / cards */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;overflow:visible}
.pcard{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:none;position:relative;transition:border-color .18s ease,background-color .18s ease}
.pcard.hot{box-shadow:none;border-color:var(--line);border-top:0}
.pcard .hero{position:relative;aspect-ratio:4/5;background:var(--surface);display:block;overflow:hidden}
.pcard .hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .22s ease}
.pcard .body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcard .brand{font-size:var(--caption-size);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;transition:color .18s ease,font-weight .18s ease}
.pcard .name{font-size:var(--small-size);font-weight:400;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;text-decoration:none;transition:color .18s ease,font-weight .18s ease}
.pcard .name:hover{color:var(--ink)}.pcard .price{font-size:var(--price-size);font-weight:400;line-height:var(--price-lh);transition:font-weight .18s ease}
.pcard .sub{font-size:12px;color:var(--muted)}
@media (hover:hover) and (pointer:fine){
  /* Keep the same 2px border box — only darken it. Zoom the photo inside (not the card). */
  .pcard:hover{border-color:var(--ink);background:var(--ivory);z-index:2}
  .pcard:hover .hero img{transform:scale(1.08)}
  .pcard:hover .brand,.pcard:hover .name,.pcard:hover .price{color:var(--ink);font-weight:500}
}
.pcard:focus-within{border-color:var(--ink);z-index:2}
@media (prefers-reduced-motion:reduce){
  .pcard .hero img{transition:none}
  .pcard:hover .hero img{transform:none}
}
.pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.pill{display:inline-block;font-size:var(--caption-size);font-weight:500;padding:2px 8px;border-radius:var(--radius-pill);line-height:1.4}
.pill.sage{background:var(--sage-mist);color:var(--sage)}.pill.champagne{background:var(--champagne-light);color:var(--champagne-deep)}
.pill.red{background:var(--terracotta-bg);color:var(--terracotta)}.pill.blue{background:var(--sage-mist);color:var(--sage-deep)}
.pill.amber{background:var(--champagne-light);color:var(--champagne-deep)}.pill.green{background:var(--sage-mist);color:var(--sage-deep)}
.pill.grey{background:var(--line);color:var(--muted)}
.pcard .foot{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:12px;color:var(--muted)}
.pcard .foot .spacer{flex:1}
details.compare{font-size:12px;color:var(--muted)}details.compare>summary{list-style:none;cursor:pointer;padding:4px 0}
details.compare>summary::-webkit-details-marker{display:none}
details.compare .clist{border-top:1px solid var(--line);padding:6px 0 0;display:flex;flex-direction:column;gap:4px}
details.compare .clist a{color:var(--ink);text-decoration:none}details.compare .clist a:hover{text-decoration:underline}
.pref-btn.overlay{background:transparent;border:0;box-shadow:none;width:44px;height:44px;border-radius:0;padding:0;display:inline-flex;align-items:center;justify-content:center}
.pref-btn.overlay.like.on{color:var(--terracotta);background:var(--surface)}
form.prefs.overlay{position:absolute;top:8px;inset-inline-end:8px;z-index:2}
.nav-desk{display:contents}
form.prefs.footer{display:inline-flex}

/* mobile bottom tabs + header */
.btabs{display:none}

@media (min-width:1280px){
  .pgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
}
@media (max-width:1279px) and (min-width:821px){
  .pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:820px){
  header{padding:8px 12px;gap:10px}
  header .nav-desk{display:none}
  header .logout{display:none}
  main{padding:12px 10px 80px}
  .phead h1{font-size:24px}.phead .spacer{display:none}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pcard .price{font-size:18px}.pcard .body{padding:8px}
  .fbar{top:44px;padding:6px 0}
  .fbar .search{flex:1 1 100%;padding:6px 10px;min-width:0}
  .fbar .search input{width:auto;flex:1;min-width:0}
  .btabs{display:flex;position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);
         padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
  .btabs a{flex:1;text-align:center;color:var(--muted);text-decoration:none;font-size:var(--caption-size);padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}
  .btabs a.on{color:var(--ink);font-weight:500}
  .btabs .ico{font-size:18px;line-height:1}.btabs .dot{position:absolute;top:2px;right:calc(50% - 14px);width:7px;height:7px;border-radius:50%;background:var(--sage)}
  .fd>summary{max-width:100%}
  .seg{width:100%;justify-content:stretch}.seg a{flex:1;text-align:center}
  .chips{flex-wrap:wrap;max-width:100%}
}

/* spec 08: freshness + local (IL) */
.age{font-size:var(--caption-size);color:var(--muted)}.age.aging{color:var(--champagne-deep)}.age.stale{color:var(--terracotta);font-weight:500}
.tag-local{display:inline-block;font-size:var(--caption-size);line-height:1.4;padding:2px 4px;border:1px solid var(--sage);color:var(--sage-deep);border-radius:var(--radius-control);font-weight:500;vertical-align:1px;cursor:help}
.sheet .ogrp{font-size:var(--caption-size);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:6px 0 2px}.sheet label.dis{opacity:.55}
ul.sdata{margin:4px 0 0 16px;padding:0}ul.sdata li.st-failed,ul.sdata li.st-stale{color:var(--terracotta)}ul.sdata li.st-aging{color:var(--champagne-deep)}
.notcov{font-size:12px;color:var(--muted);margin-top:6px}

/* saved views page */
.linkbtn{background:none;border:0;color:var(--ink);text-decoration:underline;padding:0;cursor:pointer;font-size:12px}
.vlist{display:flex;flex-direction:column;gap:8px}.vitem{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:10px 12px}
.vact{display:flex;flex-wrap:wrap;gap:4px}.vact form{margin:0}
.sheet .prange input{width:90px}.sheet .presets{margin-top:6px}.sheet .bsearch{width:100%;margin-bottom:6px}.chip.warn{background:var(--champagne-light);color:var(--champagne-deep)}

/* spec 06: target price */
details.tgt{position:relative;display:inline-block}details.tgt>summary{list-style:none;cursor:pointer;font-size:13px;padding:2px 6px;border-radius:var(--radius-control);border:1px solid var(--muted);background:var(--surface);white-space:nowrap;font-variant-numeric:tabular-nums}
details.tgt>summary::-webkit-details-marker{display:none}details.tgt.set>summary{color:var(--muted)}details.tgt.hit>summary{color:var(--sage);border-color:var(--sage)}
details.tgt .tbox{position:absolute;right:0;bottom:30px;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:10px;width:230px;box-shadow:none;text-align:left}
.tpanel details.tgt .tbox{bottom:auto;top:30px}
details.tgt input[name=target_ils]{width:90px}.tact{display:flex;gap:6px;margin-top:6px}.tpanel{margin:8px 0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
.tal{margin:6px 0 0 16px;padding:0}

.ptop{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}.ptop form{margin:0}
.tscroll{max-width:100%}
@media (max-width:820px){
  button,.chip .x,.atabs a,details.tgt>summary,.pref-btn{min-height:44px;min-width:44px}
  .chip .x,.atabs a{display:inline-flex;align-items:center;justify-content:center}
  td a{display:inline-block;padding:10px 0}
  .btabs a{min-height:44px;font-size:12px}
  .badge,.past-line,.age,.pill,.small,.sz{font-size:12px}
}
@media (max-width:820px){header{overflow:visible}}
@media (max-width:820px){header{flex-wrap:wrap;row-gap:4px}}

/* spec 11: sale calendar + wait signal */
.pill.wait{border:1px solid var(--champagne);color:var(--champagne-deep);background:var(--champagne-light);white-space:normal}
.salechip{display:inline-block;font-size:var(--caption-size);padding:1px 6px;border-radius:var(--radius-pill);border:1px solid var(--champagne);color:var(--champagne-deep)}
.waitbox{margin:6px 0;font-size:13px}
.advice{margin:10px 0;padding:12px 14px;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-card)}
.advice.buy{border-color:var(--sage)}.advice.wait{border-color:var(--champagne)}
.advice ul{margin:8px 0 0;padding-inline-start:1.15em}.advice li{margin:0 0 4px}
.priceblock .info{display:inline-block;vertical-align:middle;margin-inline-start:6px}
.landed-eq{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
.landed-eq summary{cursor:pointer;list-style:none;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.landed-eq summary::-webkit-details-marker{display:none}
.landed-eq[open] summary{margin-bottom:4px}
.landed-eq-line{margin:0;color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;line-height:1.5;max-width:40em}
.nlegend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:10px;font-size:13px}
.nlegend .lg{display:inline-flex;align-items:center;gap:6px}.nlegend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.disc-line{margin:6px 0 0;font-size:14px;line-height:1.45}.disc-line .strike{text-decoration:line-through;color:var(--muted)}
.pcard .stores-line,.stores-line{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.35}
.pcard .stores-line a,.stores-line a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Product-page jump to the multi-store table — clear control, not muted body text */
.decision .stores-jump{margin:14px 0 4px}
.decision .stores-jump-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--ink);color:var(--ivory);text-decoration:none;font:500 var(--body-size)/1.3 var(--font);letter-spacing:.02em}
.decision .stores-jump-btn:hover,.decision .stores-jump-btn:focus-visible{background:var(--sage-deep);border-color:var(--sage-deep);color:var(--ivory)}
.decision .stores-jump-chev{width:9px;height:9px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-block-start:-5px;flex:none}
.store-group{scroll-margin-top:72px}
@media(max-width:640px){.decision .stores-jump-btn{display:flex;width:100%}}
.pcard .card-disc .muted{max-width:100%}
@media (max-width:820px){.pcard .brand,.fd .sec h3,.tag-local,.sheet .ogrp,.info .box,.btabs a{font-size:12px}}
@media (max-width:760px){.wc-sp .spk{height:32px;max-height:32px}}

/* spec 23: type, header, footer, shared components. Tokens live in tokens.css. */
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font);font-weight:400;font-size:var(--body-size);line-height:var(--body-lh)}
:focus-visible{outline:var(--focus);outline-offset:2px}
h1,.phead h1{font-family:var(--font);font-weight:300;font-size:var(--h1-size);line-height:var(--h1-lh);letter-spacing:.16em;text-transform:uppercase;margin:var(--s-24) 0 var(--s-8)}
h2{font-family:var(--font);font-weight:300;font-size:var(--h2-size);line-height:var(--h2-lh);letter-spacing:.14em;text-transform:uppercase}
h3{font-family:var(--font);font-weight:300;font-size:24px;line-height:1.3;letter-spacing:.02em}
.price,.price-big,.pcard .price{font-weight:400;font-variant-numeric:tabular-nums;font-size:var(--price-size);line-height:var(--price-lh)}
.pcard .brand,.age,.tag-local,.salechip,.sheet .ogrp{font-size:var(--caption-size);font-weight:500}
.muted{color:var(--muted)}.small{font-size:var(--caption-size)}
header.site{display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);padding-block:var(--s-16);padding-inline:var(--s-16);background:var(--ivory);color:var(--ink);border-bottom:1px solid var(--line);position:sticky;inset-block-start:0;z-index:5}
header.site a{color:var(--ink);text-decoration:none;font-weight:400}
.wm{display:flex;flex-direction:column;align-items:center;color:var(--ink);text-decoration:none;line-height:1;flex:none}
.wm .a{font-weight:400;font-size:10px;letter-spacing:.5em;color:var(--muted);padding-inline-start:.5em}
.wm .b{font-weight:200;font-size:32px;letter-spacing:.32em;padding-inline-start:.32em;margin-block:4px;margin-inline:0}
.wm i{display:block;width:100%;border-block-start:1px solid var(--champagne);margin-bottom:5px}
.wm .c{font-weight:500;font-size:11px;letter-spacing:.6em;color:var(--sage-deep);padding-inline-start:.6em}
.nav-desk{display:none;align-items:center;gap:24px}
.nav-desk a{font-size:var(--small-size)}
.lang-slot{font-size:var(--small-size);color:var(--ink);letter-spacing:.04em}
main{max-width:var(--container);margin-inline:auto;padding-block:var(--s-16);padding-inline:var(--s-16);padding-bottom:96px}
.site-foot{max-width:var(--container);margin-inline:auto;margin-top:var(--s-96);padding-block:var(--s-32);padding-inline:var(--s-16);border-block-start:1px solid var(--line);font-size:var(--caption-size);font-weight:400;color:var(--muted)}
.site-foot a{color:var(--sage-deep)}
.site-foot p{margin:0 0 8px}
.ad{border-inline-start:2px solid var(--line);padding-inline-start:12px}
.placeholder{display:inline-block;border:1px dashed var(--line);padding:2px 8px;color:var(--muted)}
.contact-form{display:grid;gap:12px;max-width:32rem}
.contact-form label{display:grid;gap:4px;font-size:var(--small-size)}
.contact-form input,.contact-form textarea{min-height:44px;border:1px solid var(--line);background:var(--surface);padding:8px 10px;font:inherit}
.contact-form .notice,.faq p{color:var(--muted);font-size:var(--small-size)}
.soon{display:inline-block;margin-inline-start:6px;font-size:var(--caption-size);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.privacy h2,.legal h2{font-size:var(--body-size);font-weight:500;margin:28px 0 8px}
.privacy ul,.legal ul{padding-inline-start:1.2em}
.privacy li,.legal li{margin:0 0 8px}
.comm{display:inline-block;margin-inline-start:6px;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--caption-size);letter-spacing:.02em;color:var(--muted);vertical-align:middle}
button.signout,header.site button.signout{background:transparent;color:var(--ink);border:0;font:400 var(--small-size) var(--font);min-height:44px;padding-inline:8px;cursor:pointer}
.pcard,.panel,.card,.bestbox,.mcard,.info .box,.vitem,.fd .sheet,.rq-card{border-radius:var(--radius-card);box-shadow:none}
.bestbox{border-color:var(--champagne);background:var(--surface)}
.bestbox .go{background:var(--sage-deep);color:var(--ivory);border-radius:var(--radius-control);margin-inline-start:8px;min-height:48px;font-weight:500;padding-inline:16px}
.bestbox .check-avail{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:12px;font-size:var(--small-size)}
.store-cta .go-store{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;border:1px solid var(--ink);color:var(--ink);background:transparent;border-radius:var(--radius-control);text-decoration:none;font-size:var(--caption-size);font-weight:500;white-space:nowrap}
.store-cta .go-store:hover{background:var(--ink);color:var(--ivory)}
.pill,.badge,.chip{border-radius:var(--radius-pill)}
.badge{display:inline-block;padding:0 8px;font-size:var(--caption-size);font-weight:500;line-height:22px;vertical-align:middle}
.b-green,.b-purple,.b-teal,.b-blue{background:var(--sage-mist);color:var(--sage-deep)}
.b-gray{background:var(--ivory);color:var(--ink-soft);border:1px solid var(--line)}
.b-dark{background:var(--ink);color:var(--ivory)}
.b-amber{background:var(--champagne-light);color:var(--champagne-deep)}
.delta-dn{color:var(--champagne-deep)}.delta-up{color:var(--terracotta)}
.auth-banner{background:var(--champagne-light);color:var(--ink);padding:10px 24px;margin:0}
.legal-contact{white-space:pre-line}
table{border-collapse:collapse;width:100%;background:var(--surface);font-size:var(--small-size)}
th,td{border-bottom:1px solid var(--line);padding:12px 8px;text-align:start;vertical-align:top}
th{background:transparent;font-size:var(--caption-size);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
button,.btn{background:var(--sage-deep);color:var(--ivory);border:1px solid var(--sage-deep);border-radius:var(--radius-control);padding:8px 16px;cursor:pointer;font:500 var(--small-size) var(--font);text-decoration:none;display:inline-block;min-height:44px}
button.light,.btn.light{background:transparent;color:var(--ink);border-color:var(--ink-soft)}
button.danger{background:var(--terracotta);border-color:var(--terracotta);color:var(--ivory)}
button.ok{background:var(--sage-deep);border-color:var(--sage-deep)}
input,select{padding:8px 12px;border:1px solid var(--muted);border-radius:var(--radius-control);font:400 var(--body-size) var(--font);background:var(--surface);color:var(--ink)}
a{color:var(--sage-deep)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:16px;margin-bottom:16px}
.card{background:var(--surface);border:1px solid var(--line);padding:12px}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rec{border-inline-start:4px solid var(--sage-deep);background:var(--sage-mist);padding:10px 12px}
.rec.wait{border-color:var(--champagne);background:var(--champagne-light)}
.sz{display:inline-block;border:1px solid var(--line);border-radius:var(--radius-control);padding:0 4px;margin:1px;font-size:var(--caption-size)}
.sz.mine{border-color:var(--sage-deep);color:var(--sage-deep);font-weight:500}
.card.hot,tr.hot td{background:var(--champagne-light)}
.mcard{border:1px solid var(--line);padding:10px;background:var(--surface)}
.mform{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:8px}
.mform label{display:flex;flex-direction:column;font-size:var(--caption-size);color:var(--ink-soft);gap:2px}
button.pref-btn{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-control);min-width:44px;min-height:44px}
button.pref-btn.like.on{color:var(--ink);border-color:var(--ink);background:var(--surface)}
button.pref-btn.dislike.on{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.pref-hidden{color:var(--muted);font-size:var(--caption-size);padding:8px 12px;border:1px dashed var(--line);background:var(--surface)}
details.facet summary{border:1px solid var(--muted);border-radius:var(--radius-control);background:var(--surface)}
details.facet.on summary{border-color:var(--sage-deep);color:var(--sage-deep)}
.facet-box{background:var(--surface);border:1px solid var(--line);box-shadow:none}
.ico{width:16px;height:16px;display:inline-block;vertical-align:-3px;flex:none}
.btabs a{min-height:44px;font-size:var(--caption-size);font-weight:400}
.btabs a.on{color:var(--ink);font-weight:500}
.btabs svg{display:block}
form.inline{display:inline}
.oos{opacity:.55}
pre{background:var(--ivory);padding:8px;overflow:auto;font-size:var(--caption-size)}
.past-line{font-size:var(--caption-size);color:var(--muted)}
.worth-hint{font-size:var(--caption-size);color:var(--ink-soft)}
.worth-hint.good,.worth-hint.ok{color:var(--sage-deep)}
.worth-hint.wait{color:var(--champagne-deep)}
@media(min-width:1024px){
  header.site{padding-inline:48px}
  header.site .nav-desk{display:flex}
  main,.site-foot{padding-inline:48px}
  main{padding-bottom:var(--s-64)}
  .btabs{display:none}
  h1,.phead h1{font-size:var(--display-size);font-weight:200;letter-spacing:.18em}
}
@media(max-width:1023px){
  header.site .nav-desk{display:none}
  header.site .signout-desk{display:none}
  .btabs{display:flex;position:fixed;inset-inline:0;inset-block-end:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
  .cols{grid-template-columns:minmax(0,1fr)}
  .mform{grid-template-columns:1fr}
  table,tbody,thead{display:block;width:100%;max-width:100%}
  tr{display:block;max-width:100%;border-bottom:1px solid var(--line);padding:8px 0}
  th,td{display:block;width:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;border:0;text-align:start}
  pre{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:359px){.plbl,.tlbl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:14px}
.card{display:flex;flex-direction:column;gap:8px}
.card .top{display:flex;gap:12px}.card img{width:96px;height:120px;object-fit:contain;background:var(--ivory)}
.rows td{font-size:var(--caption-size);padding:4px 6px}
.coupon td,.member td{background:var(--sage-mist);color:var(--sage-deep)}
.strike{text-decoration:line-through;color:var(--muted)}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));gap:12px}
.mform label.chk{flex-direction:row;align-items:center;gap:6px}
.mform label.wide{grid-column:1/-1}
.mform .pair{display:flex;gap:4px}.mform .pair input:first-child{flex:1;min-width:0}
.mform input{width:100%}.mform .pair input{width:auto}.mform input[type=checkbox]{width:auto}
form.prefs{display:inline-flex;gap:4px;flex:none}
.tag-unknown{background:var(--ivory);color:var(--muted);font-weight:500}
.b-hot{background:var(--terracotta);color:var(--ivory)}
button.pref-btn.like.on svg{fill:currentColor}
tr.points td{background:var(--sage-mist);color:var(--sage-deep)}
.rec.pts{border-color:var(--sage-deep);background:var(--sage-mist)}
details.facet{position:relative}details.facet summary{list-style:none;cursor:pointer;padding:6px 8px}
details.facet summary::-webkit-details-marker{display:none}
.facet-box{position:absolute;z-index:6;inset-block-start:100%;inset-inline-start:0;margin-top:4px;padding:8px 10px;min-width:220px;display:flex;flex-direction:column;gap:3px}
.facet-box label{white-space:nowrap}.facet-chips{display:flex;flex-wrap:wrap;gap:4px 10px;max-width:320px}
button.pref-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.tgt summary{display:inline-flex;align-items:center;gap:4px;min-height:44px}
.pref-btn.overlay{background:transparent;color:var(--ink);box-shadow:none;border-radius:0}

/* spec 24: products grid + product page */
.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;overflow:visible}
.pcard,.pcard .body,.pgrid{min-width:0}
.pcard{border:2px solid var(--line);background:var(--surface);overflow:hidden;border-radius:0;box-shadow:none}
.pcard .hero{position:relative;aspect-ratio:4/5;background:var(--surface);overflow:hidden}
.pcard .hero>a{position:absolute;inset:0;display:block}
.pcard .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pcard .brand{letter-spacing:.12em;text-transform:uppercase;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard .name{font-weight:400;font-size:var(--small-size);color:var(--ink-soft)}
.pcard .price{margin-top:8px}
.prov{display:block;font-size:var(--caption-size);font-weight:400;color:var(--muted);margin:0}
.prov-old{color:var(--muted)}
.drop{margin:0;font-size:var(--caption-size);font-weight:500;color:var(--champagne-deep)}
form.prefs.overlay{inset-block-start:4px;inset-inline-end:4px}
.pref-btn.overlay{width:44px;height:44px}
.fbar{position:sticky;inset-block-start:0;z-index:4;background:var(--ivory)}
.fbar .search{min-height:48px;border:1px solid var(--muted);border-radius:var(--radius-control);background:var(--surface);flex:1 1 100%}
.chip,.fd>summary{min-height:44px;display:inline-flex;align-items:center}
.soldnote,.empty,.crumbs{font-size:var(--small-size);color:var(--muted)}
.crumbs a{color:var(--sage-deep)}
.pcols{display:grid;gap:32px}
.gal .ph{position:relative;aspect-ratio:4/5;background:var(--surface);overflow:hidden;border:1px solid var(--line)}
.gal .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.decision h1{font-weight:300;font-size:24px;letter-spacing:.08em;text-transform:none;margin:4px 0 8px}
.eyebrow{font-weight:500;font-size:var(--caption-size);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}
.pfacts{margin:0 0 16px;display:grid;gap:4px;font-size:14px;line-height:1.45;color:var(--ink-soft)}
.pfacts div{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.pfacts dt{margin:0;color:var(--muted);font-weight:500}
.pfacts dt::after{content:":"}
.pfacts dd{margin:0}
.sizes{display:flex;flex-wrap:wrap;gap:8px}
.sizes span{min-width:44px;min-height:44px;padding-inline:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--muted);font-size:var(--small-size)}
.bestbox .go{display:inline-flex;align-items:center;justify-content:center}
.fd .sheet{border-radius:0}
.fd .ft button{min-height:48px;border-radius:var(--radius-control)}
@media(min-width:1024px){
  .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px}
  .pcols{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
  .decision{position:sticky;inset-block-start:88px}
  .decision h1{font-size:28px;font-weight:300}
}
@media(max-width:1023px){
  .bestbox .go{position:fixed;inset-inline:16px;inset-block-end:72px;z-index:14;margin:0}
}
@media(max-width:820px){
  .fbar .search{flex:1 1 100%}
  .fbar .search input{width:auto;flex:1}
}
.account-link{font-size:var(--small-size);color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.signout-desk{margin:0}
.showmore{display:flex;justify-content:center;margin:28px 0}
.deal{margin:6px 0 0;font-size:var(--caption-size);color:var(--ink-soft)}
.fbar{max-width:100%;min-width:0}
.fbar .chips{display:flex;flex-wrap:wrap;min-width:0;max-width:100%;gap:6px}
header.site{max-width:100%;min-width:0}
@media(max-width:420px){
  header.site{flex-wrap:wrap;row-gap:4px}
  header.site .nav-desk{display:none}
  .fbar{flex-wrap:wrap;overflow:visible;width:100%}
  .fbar .search,.fbar .chips{flex:1 1 100%;min-width:0;max-width:100%}
  .fbar .search input{width:auto;min-width:0;flex:1}
  .chip,.fd>summary{max-width:100%}
}
/* in-site notifications: placement only. Chrome comes from .panel and button.light. */
header.site .nbell{position:relative;flex:none}
header.site .nbell>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink);background:transparent;border:0;position:relative}
header.site .nbell>summary::-webkit-details-marker{display:none}
header.site .nbell .ndot{position:absolute;top:var(--s-8);inset-inline-end:var(--s-8);width:var(--s-8);height:var(--s-8);background:var(--sage-deep);border-radius:var(--radius-pill)}
header.site .npanel.panel{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:6;width:min(calc(var(--s-128) * 3),calc(100vw - var(--s-16)));max-height:70vh;overflow:auto;margin:0;padding:0}
header.site .nhead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8);padding:var(--s-12) var(--s-16);border-bottom:1px solid var(--line);font-size:var(--small-size);font-weight:500}
#nlist{list-style:none;margin:0;padding:0}
#nlist li{display:flex;align-items:stretch}
#nlist a{display:flex;gap:var(--s-12);padding:var(--s-12) var(--s-16);border-bottom:1px solid var(--line);flex:1;min-width:0}
#nlist .unread{background:var(--ivory)}
#nlist .nempty{display:block;padding:var(--s-16)}
.nthumb,.athumb{position:relative;overflow:hidden;background:var(--ivory)}
.nthumb{flex:none;width:var(--s-48);aspect-ratio:4/5}
.athumb{display:inline-block;width:var(--s-32);aspect-ratio:4/5;vertical-align:middle;margin-inline-end:var(--s-8)}
.nthumb img,.athumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.nbody{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}
.ntitle{font-weight:500;font-size:var(--small-size);color:var(--ink)}
.ntoast{position:fixed;top:var(--s-128);inset-inline-end:var(--s-16);z-index:20;display:flex;flex-direction:column;gap:var(--s-8);width:min(calc(var(--s-128) * 3),calc(100vw - var(--s-24)))}
.ntoast-item.panel{display:flex;gap:var(--s-8);align-items:flex-start;margin:0;padding:var(--s-8);color:var(--ink)}
.ntoast-item a{display:flex;gap:var(--s-12);flex:1;min-width:0;text-decoration:none;color:inherit}
.ndismiss.light{padding-inline:var(--s-12);min-width:44px}
@media (min-width:1024px){
  header.site .nav-desk{margin-inline-start:auto}
}
@media (max-width:1023px){
  header.site .nbell{margin-inline-start:auto}
  .ntoast{top:auto;bottom:var(--s-96);inset-inline:var(--s-8);width:auto}
}

/* Landing homepage */
.home-hero{
  position:relative;min-height:calc(100vh - 72px);display:flex;align-items:center;
  margin:calc(-1 * var(--s-16)) calc(-1 * var(--s-16)) 0;padding:var(--s-48) var(--s-16) var(--s-64);
  /* Grow with the long HE/EN support copy; never clip it. */
  overflow:visible;
}
@media (min-width:1024px){
  .home-hero{margin-inline:calc(-1 * 48px);padding-inline:48px;min-height:calc(100vh - 88px)}
}
.home-hero-media{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.home-hero-art{width:100%;height:100%;display:block}
.home-hero-copy{
  position:relative;z-index:1;max-width:40rem;
  animation:home-in .7s ease both;
}
.home-hero .home-brand.wm{
  align-items:flex-start;margin:0 0 var(--s-24);pointer-events:none;
}
.home-hero .home-brand .a{font-size:12px;letter-spacing:.55em}
.home-hero .home-brand .b{font-size:clamp(40px,8vw,64px);letter-spacing:.28em;margin-block:6px}
.home-hero .home-brand .c{font-size:14px;letter-spacing:.55em}
.home-hero .home-brand i{margin-bottom:8px}
.home-lead{
  margin:0 0 var(--s-12);font-size:clamp(20px,3vw,28px);font-weight:300;line-height:1.35;
  color:var(--ink);max-width:34ch;animation:home-in .7s .12s ease both;
}
.home-support{
  margin:0 0 var(--s-32);font-size:var(--body-size);line-height:1.65;color:var(--ink-soft);
  max-width:52ch;animation:home-in .7s .22s ease both;
}
:lang(he) .home-support{max-width:58ch;line-height:1.75}
.home-ctas{
  display:flex;flex-wrap:wrap;gap:var(--s-12);animation:home-in .7s .32s ease both;
}
.home-ctas .btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding-inline:22px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.home-ctas .btn:hover{transform:translateY(-1px)}
.home-ctas .btn.light:hover{background:var(--surface);border-color:var(--ink)}
.home-how{
  max-width:40rem;margin:var(--s-64) 0 var(--s-32);padding-block-start:var(--s-32);
  border-block-start:1px solid var(--line);animation:home-in .7s .4s ease both;
}
.home-how h2{
  margin:0 0 var(--s-12);font-size:var(--h2-size);font-weight:300;letter-spacing:.12em;text-transform:uppercase;
}
:lang(he) .home-how h2{letter-spacing:.06em;text-transform:none}
.home-how p{margin:0 0 var(--s-12);color:var(--ink-soft);max-width:56ch}
.home-how-note{font-size:var(--small-size);color:var(--muted)}
@keyframes home-in{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .home-hero-copy,.home-lead,.home-support,.home-ctas,.home-how{animation:none}
  .home-ctas .btn{transition:none}
}
/* Sign-ins tab: two actions only (log out everywhere, delete account). */
#sessions .sess-actions{display:flex;flex-direction:column;gap:var(--s-16)}
#sessions .sess-delete{display:flex;flex-wrap:wrap;gap:var(--s-8);align-items:flex-end}

/* Quiet filters: closed top bar (underlined search, plain-text sort, filter pill),
   sage chips, a side panel on desktop and a bottom sheet on mobile. Tokens only. */
.fbar.qf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s-12) var(--s-32);padding:var(--s-16) 0 var(--s-12);border-bottom:1px solid var(--line);margin-bottom:var(--s-24)}
.qf .qf-search{grid-column:1;display:flex;align-items:center;gap:var(--s-12);min-height:48px;padding:var(--s-8) 2px;background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;max-width:520px;flex:none}
.qf .qf-search:focus-within{border-bottom-color:var(--sage-deep);box-shadow:0 1px 0 var(--sage-deep)}
.qf .qf-search .qf-ico{flex:none;color:var(--ink)}
.qf .qf-search input{border:0;outline:0;background:transparent;font:400 var(--body-size)/1.4 var(--font);color:var(--ink);flex:1;min-width:0;padding:0;-webkit-appearance:none;appearance:none}
.qf .qf-search input::placeholder{color:var(--muted)}
.qf .qf-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.qf .qf-search .go{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;min-height:0;min-width:0}
.qf .qf-search .go:focus-visible{position:static;width:auto;height:auto;clip:auto;margin:0;padding:0 var(--s-12);min-height:36px;background:transparent;color:var(--sage-deep);border-radius:var(--radius-pill)}
.qf .qf-tools{grid-column:2;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s-24);flex:none;justify-content:flex-end}
.qf .qf-sort{display:inline-flex;align-items:center}
.qf .qf-sort label{display:inline-flex;align-items:center;gap:var(--s-8);font-size:var(--small-size);color:var(--ink)}
.qf .qf-sort .k{color:var(--muted)}
.qf .qf-sort select{-webkit-appearance:none;appearance:none;width:auto;max-width:none;flex:none;border:0;background:transparent;font:500 var(--small-size)/1.4 var(--font);color:var(--ink);min-height:44px;padding-block:0;padding-inline:0 var(--s-16);cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--champagne) 50%),linear-gradient(-45deg,transparent 50%,var(--champagne) 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat;background-position:right 4px center,right 0 center}
[dir=rtl] .qf .qf-sort select{background-position:left 0 center,left 4px center}
.qf .qf-sort select:focus-visible{outline:var(--focus);outline-offset:2px}
.qf .qf-pill{display:inline-flex;align-items:center;gap:var(--s-8);min-height:44px;padding:0 var(--s-24);border:1px solid var(--ink);border-radius:var(--radius-pill);background:transparent;color:var(--ink);font:500 var(--small-size)/1 var(--font);cursor:pointer;list-style:none;white-space:nowrap}
.qf .qf-pill::-webkit-details-marker{display:none}
.qf .qf-pill:hover{background:var(--surface)}
.qf .qf-pill:focus-visible{outline:var(--focus);outline-offset:3px}
.qf .qf-pill .badge{min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:var(--radius-pill);background:var(--sage-deep);border:0;color:var(--ivory);font-size:var(--caption-size);font-weight:500}
.qf .chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--s-8);align-items:center}
.qf .chips:empty{display:none}
.qf .chip{min-height:36px;padding:0 var(--s-12) 0 var(--s-16);gap:var(--s-8);font-size:13px;border:1px solid var(--line);background:transparent;color:var(--ink)}
.qf .chips .chip{background:var(--sage-mist);border-color:var(--sage-mist);color:var(--sage-deep)}
.qf .chip .x{min-width:28px;min-height:28px;display:inline-grid;place-items:center;margin:0;border-radius:var(--radius-pill);color:var(--sage-deep);font-size:15px}
.qf .chip .x:hover{background:var(--ivory)}
.qf .chip.warn{background:var(--champagne-light);border-color:var(--champagne-light);color:var(--champagne-deep)}
.qf .qf-clear{font-size:13px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--champagne);padding-bottom:1px;margin-inline-start:var(--s-8);min-height:36px;display:inline-flex;align-items:center}
.qf .qf-clear:hover{color:var(--ink)}
.qf>.muted,.qf>.count{grid-column:1 / -1;font-size:13px;color:var(--muted)}
.qf>.info{grid-column:1 / -1}
.js .qf .sortform .go{display:none}

/* panel: shared */
.qf .fd .sheet-back{background:var(--ink);opacity:.18}
.qf .fd .sheet{background:var(--ivory);border-color:var(--line)}
.qf .fd .sh{padding:var(--s-24) var(--s-24) var(--s-16);border-bottom:1px solid var(--line)}
.qf .fd .sh h2{font-weight:300;font-size:var(--h2-size);letter-spacing:.02em}
.qf .fd .sh .x{border-radius:var(--radius-pill);color:var(--ink)}
.qf .fd .body{padding:0 var(--s-24) var(--s-24)}
.qf .fd .acc{border-bottom:1px solid var(--line)}
.qf .fd .acc>h3 button{min-height:56px;font-weight:500;font-size:var(--small-size);letter-spacing:.12em;color:var(--ink)}
:lang(he) .qf .fd .acc>h3 button{letter-spacing:0;font-size:var(--body-size)}
.qf .fd .acc>h3 button:focus-visible{outline:var(--focus);outline-offset:-2px}
.qf .fd .acc-chev{border-color:var(--champagne)}
.qf .fd .sum.on{color:var(--sage-deep)}
.qf .fd .pn{padding:0 0 var(--s-16)}
/* option pills (category, colour, material, size, heel, type, condition, watched) */
.qf .fd .opts{flex-direction:row;flex-wrap:wrap;gap:var(--s-8)}
.qf .fd .opts label.opt,.qf .fd .opts a.opt{position:relative;min-height:40px;padding:0 var(--s-16);gap:var(--s-8);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:13px;background:transparent;color:var(--ink)}
.qf .fd .opts label.opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.qf .fd .opts label.opt:has(input:checked){background:var(--sage-mist);border-color:var(--sage-deep);color:var(--sage-deep)}
.qf .fd .opts label.opt:has(input:focus-visible){outline:var(--focus);outline-offset:2px}
.qf .fd .opts label.opt:has(input:disabled){cursor:default}
.qf .fd .opts .n{margin:0;font-size:var(--caption-size);color:var(--muted)}
.qf .fd .opts label.opt[hidden]{display:none}
/* long lists (brands, stores): quiet check rows */
.qf .fd .opts.list{flex-direction:column;flex-wrap:nowrap;gap:0}
.qf .fd .opts.list label.opt{min-height:40px;padding:0;border:0;border-radius:0;font-size:var(--small-size);gap:var(--s-12)}
.qf .fd .opts.list label.opt input{position:static;opacity:1;width:16px;height:16px;pointer-events:auto;flex:none;padding:0;min-height:0;min-width:0;-webkit-appearance:none;appearance:none;border:1px solid var(--muted);border-radius:var(--radius-control);background:transparent;display:inline-grid;place-items:center;cursor:pointer}
.qf .fd .opts.list label.opt input[type=radio]{border-radius:var(--radius-pill)}
.qf .fd .opts.list label.opt input:checked{background:var(--sage-deep);border-color:var(--sage-deep);box-shadow:inset 0 0 0 3px var(--ivory)}
.qf .fd .opts.list label.opt:has(input:checked){background:transparent;color:var(--ink)}
.qf .fd .opts.list label.opt:has(input:focus-visible){outline:0}
.qf .fd .opts.list label.opt input:focus-visible{outline:var(--focus);outline-offset:2px}
.qf .fd .opts.list .n{margin-inline-start:auto}
.qf .fd .bsearch{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0 2px;font-size:var(--small-size);min-height:40px}
.qf .fd .bsearch:focus-visible{outline:0;border-bottom-color:var(--sage-deep);box-shadow:0 1px 0 var(--sage-deep)}
.qf .fd .prange{align-items:center;gap:var(--s-12);color:var(--muted)}
.qf .fd .prange input{width:110px;min-height:40px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0 2px;font-size:var(--small-size);color:var(--ink)}
.qf .fd .prange input:focus-visible{outline:0;border-bottom-color:var(--sage-deep);box-shadow:0 1px 0 var(--sage-deep)}
.qf .fd .presets{margin-top:var(--s-12)}
.qf .fd .pill,.qf .fd .presets a{min-height:36px;padding:0 var(--s-12);font-size:13px;border-color:var(--line);background:transparent}
.qf .fd .pill.ro{background:var(--sage-mist);border-color:var(--sage-mist);color:var(--sage-deep)}
.qf .fd .ogrp{margin:var(--s-12) 0 var(--s-4)}
.qf .fd .ft{position:sticky;bottom:0;padding:var(--s-16) var(--s-24) calc(var(--s-16) + env(safe-area-inset-bottom));background:var(--ivory);border-top:1px solid var(--line)}
.qf .fd .ft a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--champagne);min-height:0;padding-bottom:1px}
.qf .fd .ft button{flex:1;max-width:260px;min-height:48px;border:0;border-radius:var(--radius-pill);background:var(--sage-deep);color:var(--ivory);font:500 var(--small-size)/1 var(--font);letter-spacing:.04em;cursor:pointer}
.qf .fd .ft button:focus-visible{outline:var(--focus);outline-offset:3px}
.qf .fd :focus-visible{outline-color:var(--sage-deep)}

/* tablet: the panel slides in from the reading-start side over a light scrim */
@media (min-width:641px){
  .qf .fd .sheet,[dir=rtl] .qf .fd .sheet{inset-inline-end:auto;inset-inline-start:0;width:360px;border-inline-start:0;border-inline-end:1px solid var(--line)}
  .qf .fd .handle{display:none}
}
/* desktop: the panel becomes a column beside the grid; the page stays scrollable */
@media (min-width:1024px){
  .qf .fd .sheet-back{display:none}
  .qf .fd .sheet,[dir=rtl] .qf .fd .sheet{top:var(--qf-top,0px);bottom:0;inset-inline-start:max(0px,calc((100% - var(--container)) / 2));width:300px;border-inline-end:1px solid var(--line);z-index:12}
  .qf .fd .sh{padding:var(--s-16) var(--s-24) var(--s-12)}
  .qf .fd .sh h2{font-size:var(--h3-size)}
  body.qf-side main{padding-inline-start:calc(300px + var(--s-32))}
  .qf .fd .opts.list{max-height:280px;overflow:auto;padding-inline-end:var(--s-4)}
  body.qf-side .pgrid,body.qf-side .po-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* mobile: bottom sheet with a grab handle and a sticky results button */
@media (max-width:640px){
  .fbar.qf{grid-template-columns:minmax(0,1fr);gap:var(--s-12);padding-top:var(--s-8)}
  .qf .qf-search{grid-column:1;max-width:none}
  .qf .qf-tools{grid-column:1;justify-content:space-between;gap:var(--s-12)}
  .qf .fd .sheet,[dir=rtl] .qf .fd .sheet{border-radius:20px 20px 0 0;height:86vh;max-height:86vh;border-top:1px solid var(--line)}
  .qf .fd .handle{display:block;width:40px;height:4px;background:var(--champagne);opacity:.6;border-radius:var(--radius-pill);margin:var(--s-8) auto 0}
  .qf .fd .sh{padding:var(--s-12) var(--s-16)}
  .qf .fd .body{padding:0 var(--s-16) var(--s-16)}
  .qf .fd .ft{padding:var(--s-12) var(--s-16) calc(var(--s-12) + env(safe-area-inset-bottom))}
  .qf .fd .ft button{max-width:none}
}

/* Quiet All / Recommended toggle: underlined text tabs, selected in sage-deep */
.seg.qf-seg{border:0;border-radius:0;background:transparent;overflow:visible;gap:var(--s-24);width:auto}
.seg.qf-seg a{flex:none;padding:var(--s-8) 0;color:var(--muted);font-size:var(--small-size);letter-spacing:.04em;background:transparent;border-bottom:1px solid transparent}
.seg.qf-seg a:hover{color:var(--ink);border-bottom-color:var(--line)}
.seg.qf-seg a.on{background:transparent;color:var(--sage-deep);border-bottom-color:var(--sage-deep)}
.seg.qf-seg a:focus-visible{outline:var(--focus);outline-offset:4px}

/* Stacking under the sticky site header: the bar sticks just below it (--nav-h is measured by filter-drawer.js) */
.fbar.qf{position:sticky;inset-block-start:var(--nav-h,0px);z-index:4}
body.qf-side .fbar.qf{z-index:4}
body.fd-open .fbar.qf{z-index:30}
@media (min-width:1024px){
  .qf .fd .sheet,[dir=rtl] .qf .fd .sheet{top:var(--qf-top,var(--nav-h,0px));max-height:calc(100vh - var(--qf-top,var(--nav-h,0px)))}
}

/* Header globe: one quiet Country / Language control */
header.site .globe{position:relative;flex:none}
header.site .globe-btn{display:inline-flex;align-items:center;gap:var(--s-8);min-height:44px;padding:0 var(--s-8);background:transparent;border:0;border-radius:var(--radius-control);color:var(--ink);font:400 var(--small-size) var(--font);letter-spacing:.04em;cursor:pointer}
header.site .globe-btn:hover .globe-state{color:var(--ink)}
header.site .globe-btn:focus-visible,header.site .globe-opt:focus-visible{outline:var(--focus);outline-offset:2px}
header.site .globe-ico{flex:none;color:var(--ink)}
header.site .globe-state{color:var(--ink-soft);white-space:nowrap}
header.site .globe-sep{color:var(--muted)}
header.site .globe-pop{position:absolute;inset-block-start:calc(100% + var(--s-8));inset-inline-end:0;z-index:7;width:240px;max-width:calc(100vw - var(--s-32));background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--s-8) 0;text-align:start}
header.site .globe-pop[hidden]{display:none}
header.site .globe-sec{margin:0;padding:var(--s-8) 0}
header.site .globe-sec+.globe-sec{border-top:1px solid var(--line)}
header.site .globe-h{margin:0;padding:var(--s-4) var(--s-16) var(--s-8);color:var(--muted);font-size:var(--caption-size);letter-spacing:.14em;text-transform:uppercase}
header.site .globe-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12);width:100%;min-height:40px;padding:0 var(--s-16);background:transparent;border:0;border-radius:0;color:var(--ink);font:400 var(--small-size) var(--font);text-align:start;cursor:pointer}
header.site .globe-opt:hover{background:var(--surface)}
header.site .globe-opt .globe-chk{visibility:hidden;color:var(--sage-deep)}
header.site .globe-opt.on{color:var(--sage-deep);font-weight:500}
header.site .globe-opt.on .globe-chk{visibility:visible}
@media (max-width:640px){
  header.site .globe-state .globe-sep,header.site .globe-state .globe-lang{display:none}
  header.site .globe-btn{padding:0 var(--s-4)}
}
@media (max-width:1023px){
  header.site .globe{margin-inline-start:auto}
  header.site .globe~.nbell{margin-inline-start:0}
}
@media (max-width:420px){
  header.site{column-gap:var(--s-8)}
}
@media (max-width:380px){
  header.site{column-gap:var(--s-4)}
  header.site .globe-state{display:none}
  header.site .globe-btn{min-width:44px;justify-content:center;padding:0}
}