/* =============================================================
   חפיצים — v2.css (step 4.2: tokens, base, header, drawer, footer)
   Loaded only on v2 pages. Upload to public_html/assets/v2/v2.css
   ============================================================= */

/* ---------- 0. Fonts, self-hosted (2026-10-07, perf round) ----------
   Files in assets/v2/fonts/ (Fontsource, SIL OFL 1.1). Replaces Google Fonts on v2 pages:
   shell.php strips every fonts.googleapis/gstatic link there. Heebo is a variable font:
   one file per script covers every weight 100-900. No preload (see learnings). */
@font-face{font-family:'Heebo';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-latin.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:'Secular One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/secular-one-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Secular One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/secular-one-latin.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}

/* Metric-matched fallbacks: Arial (Arimo / Liberation Sans on Android/Linux) resized to Heebo's and
   Secular One's average Hebrew width incl. spaces, so the swap to the web font barely moves the text (CLS). */
@font-face{font-family:'Heebo Fallback';src:local('Arial'),local('ArialMT'),local('Arimo'),local('Liberation Sans');size-adjust:97%;ascent-override:108%;descent-override:43%;line-gap-override:0%}
@font-face{font-family:'Secular Fallback';src:local('Arial'),local('ArialMT'),local('Arimo'),local('Liberation Sans');size-adjust:95%;ascent-override:108%;descent-override:46%;line-gap-override:0%}
/* Post bodies carry an inline font-family:'Heebo',Arial (editor output, ~1,000 posts): route it through the
   same stack so the fallback above applies there too. !important in a stylesheet beats a plain inline style. */
.hfz-v2 [style*="Heebo"]{font-family:var(--bf)!important}

/* ---------- 1. Tokens (light) ---------- */
:root{
  --thin:1px;--thick:4px;
  --night:#15181F;--hdr:#15181F;--night2:#1F2833;
  --paper:#fff;--wash:#F5F6F7;--field:#fff;--sum-bg:#FFF3EA;
  --ink:#15181F;--text:#2A2F3A;--soft:#4A5060;--line:#D5DADF;
  --aqua:#66FCF1;--teal:#0E7F78;--pro:#1A6E3A;--con:#B52D2D;
  /* "כאלו הם ניסו" accent (orange) */
  --t-ink:#B4460A;--t-fill:#FF8A3D;--t-on:#15181F;--t-night:#FF8A3D;
  /* headings: Secular One, -2% tracking for prefix and title */
  --hf:'Secular One','Secular Fallback',sans-serif;--hw:400;--hls:-.02em;--tls:-.02em;--hlh:1.12;
  --h1:52px;--h1m:32px;--h2:31px;--h2m:25px;
  --bf:'Heebo','Heebo Fallback',Arial,sans-serif;
  /* QA-01: one width for header, footer and page content (1100 box − 2×28 gutter = 1044 content) */
  --maxw:1100px;--gut:28px;
}
@media (max-width:900px){:root{--gut:18px}}
/* ---------- 2. Tokens (dark) — one system: html.hfz-dark ---------- */
html.hfz-dark{
  --paper:#15181F;--text:#DDE3E8;--ink:#F2F4F6;--soft:#A9B4BA;--line:#2A3444;
  --hdr:#0D0F14;--wash:#1E2330;--sum-bg:#2A2019;--field:#1B1F28;
  --teal:#66FCF1;--pro:#3FBB50;--con:#F0766F;--t-ink:#FF8A3D;
  color-scheme:dark;
}

/* ---------- 3. Base ---------- */
html.hfz-v2 body{background:var(--paper);color:var(--text);font:400 18px/1.75 var(--bf)}
html.hfz-v2 a{color:var(--teal)}
.hfz-v2 .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hi{width:20px;height:20px;display:block}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px} /* a11y 2026-10-07: was aqua, 1.3:1 on white. teal: 5:1 on white, 3.6:1 on dark; in dark mode --teal is aqua */
.hfz-hdr :focus-visible{outline-color:var(--aqua)} /* the header is dark in both modes */

/* Bridge: GeneratePress containers still hold the page body until steps 4.3–4.5.
   They follow the tokens so dark mode works now. Remove as each page type is rebuilt. */
.hfz-v2 .site,.hfz-v2 .site-content,.hfz-v2 .content-area,.hfz-v2 .site-main,
.hfz-v2 .inside-article,.hfz-v2 .sidebar .widget,.hfz-v2 .comments-area,
.hfz-v2 .page-header,.hfz-v2 .paging-navigation,.hfz-v2 .one-container .container{
  background:var(--paper)!important;color:var(--text)
}
.hfz-v2 .entry-title,.hfz-v2 .entry-title a,.hfz-v2 .widget-title,.hfz-v2 h1,.hfz-v2 h2,.hfz-v2 h3{color:var(--ink)}
.hfz-v2 .entry-title,.hfz-v2 .page-title{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--tls);line-height:var(--hlh)}
.hfz-v2 .entry-meta,.hfz-v2 .entry-meta a{color:var(--soft)}
/* Safety net: hide anything GeneratePress still prints in the header/nav area */
.hfz-v2 .site-header,.hfz-v2 #site-navigation,.hfz-v2 #mobile-header,.hfz-v2 #sticky-navigation,
.hfz-v2 .footer-widgets,.hfz-v2 .site-info,.hfz-v2 #hafizim-header-utils{display:none!important}
/* GeneratePress wraps whatever runs on generate_footer (our .hfz-ftr) in div.site-footer: keep the wrapper neutral */
.hfz-v2 .site-footer{background:none!important;padding:0!important;margin:0!important}

/* ---------- 4. Header ---------- */
.hfz-hdr{background:var(--hdr);position:relative;z-index:50}
.hfz-hdr>.in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:22px;padding:8px var(--gut)}
.hfz-hdr a{text-decoration:none}
.hfz-hdr .logo{flex-shrink:0;display:flex;align-items:center}
.hfz-hdr .logo img{display:block;height:50px;width:auto}
.hfz-hdr .logo-txt{font:400 26px/1 var(--hf);color:var(--aqua)}
.hfz-hdr .cats-wrap{flex:1;min-width:0}
.hfz-hdr .cats{display:flex;align-items:center;justify-content:space-evenly;gap:4px;margin:0;padding:0;list-style:none;min-width:0}
.hfz-hdr .cats>li{position:relative;list-style:none}
.hfz-hdr .cats>li>a{display:block;color:#DDE3E8;font-size:14px;font-weight:500;white-space:nowrap;padding:15px 6px}
/* parent turns aqua on hover and stays lit while its dropdown is open; the current item keeps the underline */
.hfz-hdr .cats>li:hover>a,.hfz-hdr .cats>li:focus-within>a{color:var(--aqua)}
.hfz-hdr .cats>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.current-post-ancestor)>a{
  color:var(--aqua);box-shadow:inset 0 calc(-1 * var(--thick)) 0 var(--aqua)}
.hfz-hdr .cats>li.more.tl-on>a{color:var(--t-night);box-shadow:inset 0 calc(-1 * var(--thick)) 0 var(--t-fill)}
/* dropdown indicator */
.hfz-hdr .cats>li.menu-item-has-children>a::after{content:"";display:inline-block;width:.8em;height:.8em;margin-inline-start:.3em;vertical-align:middle;transform:translateY(-.055em);opacity:.6;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* submenu */
.hfz-hdr .cats .sub-menu{display:none;position:absolute;top:100%;right:0;background:var(--night2);border-top:var(--thick) solid var(--aqua);min-width:190px;padding:6px 0;margin:0;z-index:20;list-style:none}
.hfz-hdr .cats li:hover>.sub-menu,.hfz-hdr .cats li:focus-within>.sub-menu{display:block}
.hfz-hdr .cats .sub-menu li{list-style:none}
.hfz-hdr .cats .sub-menu a{display:block;padding:8px 16px;font-size:15px;color:#DDE3E8}
.hfz-hdr .cats .sub-menu a:hover{color:var(--aqua)}
/* "עוד": two columns, "כאלו הם ניסו" across both at the bottom */
.hfz-hdr .cats>li.more>.sub-menu{left:0;right:auto;columns:2;column-gap:0;min-width:380px}
.hfz-hdr .cats>li.more>.sub-menu li{break-inside:avoid}
.hfz-hdr .cats li.tl-sep{column-span:all;border-top:var(--thin) solid #3A4250;margin-top:6px;padding-top:6px}
.hfz-hdr a.tl{color:var(--t-night)!important;font-weight:700}
/* tools */
.hfz-hdr .tools{display:flex;align-items:center;gap:2px;flex-shrink:0}
.hfz-hdr .soc,.hfz-drawer .soc,.hfz-ftr .soc{display:flex}
.ico{width:38px;height:38px;display:grid;place-items:center;color:var(--aqua);background:none;border:0;padding:0;cursor:pointer}
.ico.w{color:#fff}
/* Neutralise GeneratePress' global button style (grey background, 10px 20px padding) on our buttons */
.hfz-v2 .hfz-hdr button,.hfz-v2 .hfz-drawer button,
.hfz-v2 .hfz-hdr button:hover,.hfz-v2 .hfz-drawer button:hover,
.hfz-v2 .hfz-hdr button:focus,.hfz-v2 .hfz-drawer button:focus{background:none;border:0;padding:0;line-height:1;box-shadow:none}
.hfz-v2 .hfz-drawer .mode-row{padding:8px 0}
/* beat the base link colour (html.hfz-v2 a) */
html.hfz-v2 .ico{color:var(--aqua)}
html.hfz-v2 .ico.w{color:#fff}
.hfz-ftr a,.hfz-drawer a{text-decoration:none}
.hfz-hdr .tools .sep{width:1px;height:22px;background:#3A4250;margin:0 8px}
.hfz-hdr .hamb{display:none}
/* dark-mode button shows the moon in light mode, the sun in dark mode */
.hfz-v2 .i-sun{display:none}
html.hfz-dark .i-sun{display:block}
html.hfz-dark .i-moon{display:none}
/* search */
.hfz-hdr .srch{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut) 12px;display:flex;gap:6px}
.hfz-hdr .srch[hidden]{display:none}
.hfz-hdr .srch input{flex:1;font:400 17px/1.4 var(--bf);color:#fff;background:#232A36;border:var(--thin) solid #3A4250;border-radius:0;padding:10px 12px}
.hfz-hdr .srch input::placeholder{color:#A9B4BA}
.hfz-hdr .srch input:focus{outline:3px solid var(--aqua);outline-offset:0}

/* ---------- 5. Mobile: one row + drawer ---------- */
.hfz-drawer[hidden],.hfz-scrim[hidden]{display:none}
@media (max-width:900px){
  .hfz-hdr>.in{padding:8px var(--gut);gap:6px}
  .hfz-hdr .logo img{height:36px}
  .hfz-hdr .cats-wrap,.hfz-hdr .tools .soc,.hfz-hdr .tools .sep,.hfz-hdr .tools .mode-b{display:none}
  .hfz-hdr .tools{margin-right:auto}
  .hfz-hdr .hamb{display:grid}
  .hfz-hdr .srch{padding:0 var(--gut) 10px}
  .hfz-scrim{position:fixed;inset:0;background:rgba(10,12,16,.55);z-index:100}
  .hfz-drawer{position:fixed;top:0;right:0;bottom:0;width:86%;max-width:340px;overflow-y:auto;background:var(--hdr);z-index:101;padding:14px 18px 24px;color:#DDE3E8;display:flex;flex-direction:column}
  html.hfz-nav-open{overflow:hidden}
}
.hfz-drawer .dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.hfz-drawer .dh img{height:34px;width:auto;display:block}
.hfz-drawer ul{list-style:none;margin:0;padding:0}
.hfz-drawer .dmenu>li{border-bottom:var(--thin) solid #2A3444}
.hfz-drawer li a{display:block;color:#DDE3E8;text-decoration:none;padding:12px 2px;font-size:17px;font-weight:500}
.hfz-drawer .dmenu>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.current-post-ancestor)>a,
.hfz-drawer .dmenu>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.current-post-ancestor)>.row a{color:var(--aqua)}
.hfz-drawer .dmenu>li.tl>a{color:var(--t-night);font-weight:700}
.hfz-drawer .row{display:flex;justify-content:space-between;align-items:center}
.hfz-drawer .row button{background:none;border:0;color:#A9B4BA;width:40px;height:40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.hfz-drawer .row button .hi{width:16px;height:16px;transition:transform .15s}
.hfz-drawer li.open>.row button .hi{transform:rotate(180deg)}
.hfz-drawer .sub-menu{display:none;padding:0 14px 8px 0}
.hfz-drawer li.open>.sub-menu{display:block}
.hfz-drawer .sub-menu a{font-size:15px;padding:8px 2px;color:#A9B4BA}
.hfz-drawer .foot{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:center}
.hfz-drawer .mode-row{display:flex;align-items:center;gap:6px;color:#fff;font:500 14px/1 var(--bf);background:none;border:0;cursor:pointer;padding:8px 0}
.hfz-drawer .mode-row .hi{width:18px;height:18px}

/* ---------- 6. Footer: my reviews count + two link columns, no big logo ---------- */
.hfz-ftr{background:var(--night);color:#C9D1D9;font-size:14px;border-top:var(--thick) solid var(--aqua)}
.hfz-ftr>.in{max-width:var(--maxw);margin:0 auto;padding:34px var(--gut) 22px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px 30px}
.hfz-ftr .count .n{display:block;font-family:var(--hf);font-weight:var(--hw);font-size:56px;line-height:1;color:var(--aqua)}
.hfz-ftr .count .what{display:block;font-size:18px;font-weight:800;color:#fff;margin-top:6px}
.hfz-ftr .count .sub{display:block;font-size:14px;line-height:1.6;color:#A9B4BA;margin-top:6px}
.hfz-ftr .col h2{font-size:13px;font-weight:800;color:#fff;margin:0 0 10px;padding:0;border:0}
.hfz-ftr .col a{display:block;color:#C9D1D9;text-decoration:none;font-size:15px;padding:3px 0}
.hfz-ftr .col a:hover,.hfz-ftr .col a:focus{color:var(--aqua)}
.hfz-ftr .col .soc{margin-top:10px;gap:4px}
.hfz-ftr .col .soc a{display:inline-flex;padding:4px}
.hfz-ftr .bot{max-width:var(--maxw);margin:0 auto;padding:14px var(--gut) 22px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2A3444}
.hfz-ftr .bot .word{font-family:var(--hf);font-weight:var(--hw);font-size:16px;color:#C9D1D9}
.hfz-ftr .bot small{color:#8A949E;font-size:13px}
@media (max-width:720px){
  .hfz-ftr>.in{grid-template-columns:1fr 1fr;padding:26px var(--gut) 18px}
  .hfz-ftr .count{grid-column:1/-1}
  .hfz-ftr .count .n{font-size:46px}
  .hfz-ftr .bot{padding:12px var(--gut) 20px}
}


/* =============================================================
   7. Review page (step 4.3a) — body.hfz-review
   Post HTML carries inline styles and, in some posts, its own <style>;
   the rules below override them (hence the !important on inline-styled props).
   ============================================================= */
:root{
  --m-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E");
  --m-no:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E");
}

/* ---- layout: article + 280px sidebar, on GeneratePress' containers ---- */
.hfz-review .site.grid-container{max-width:var(--maxw)}
.hfz-review .site-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start;padding:34px 28px 60px}
.hfz-review .site-content>.content-area{grid-column:1;grid-row:1}
.hfz-review .site-content>.widget-area{grid-column:2;grid-row:1}
.hfz-review .site-content>*{width:auto!important;float:none!important;margin:0!important;min-width:0}
.hfz-review .inside-article{padding:0!important;margin:0!important;background:none!important}
.hfz-review .inside-article>.entry-header{display:none}
/* GeneratePress spacing between article and comments */
.hfz-review .site-main>article,.hfz-review .site-main>.comments-area{margin-bottom:0!important}
.hfz-review .inside-article>footer.entry-meta:last-child,.hfz-review .hfz-nav{margin-bottom:0!important;padding-bottom:0!important}
html.hfz-reading .hfz-review .site-content{grid-template-columns:minmax(0,1fr);max-width:780px;margin:0 auto!important}
html.hfz-reading .hfz-review .site-content>.widget-area{display:none}

/* ---- title block: category above, brand bar ties prefix + title ---- */
.hfz-review .tb .cat-chip{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.hfz-review .tb .cat-chip a{font-size:14px;font-weight:700;color:var(--teal);text-decoration:none;letter-spacing:.02em}
.hfz-review .tb.them .cat-chip a{color:var(--t-ink)}
.hfz-review .cat-chip .cc-sep{display:inline-flex;color:var(--soft);opacity:.7}
.hfz-review .cat-chip .cc-sep .hi{width:13px;height:13px}
.hfz-review .hfz-title{font-family:var(--hf);font-weight:var(--hw);font-size:var(--h1);line-height:var(--hlh);letter-spacing:var(--tls);color:var(--ink);margin:8px 0 18px;overflow-wrap:anywhere;border-right:var(--thick) solid var(--aqua);padding-right:18px}
.hfz-review .tb.them .hfz-title{border-right-color:var(--t-fill)}
.hfz-review .hfz-title .pre{display:block;font-size:.44em;line-height:1.15;color:var(--soft);margin-bottom:6px;letter-spacing:var(--tls)}
.hfz-review .hfz-title .t{display:block;letter-spacing:var(--tls)}

/* ---- meta row: label over value, reading-mode button at the end ---- */
.hfz-review .meta{display:flex;flex-wrap:wrap;margin:0 0 28px;padding:12px 0 0;border-top:var(--thick) solid var(--ink)}
.hfz-review .meta>div{padding:0 18px;border-left:var(--thin) solid var(--line)}
.hfz-review .meta>div:first-child{padding-right:0}
.hfz-review .meta>div:has(+ .rm){border-left:0}
.hfz-review .meta dt{font-size:12px;color:var(--soft);font-weight:500;line-height:1.3}
.hfz-review .meta dd{margin:0;font-size:15px;color:var(--ink);font-weight:700;line-height:1.4}
.hfz-review .meta>div.rm{margin-right:auto;border-left:0;padding-left:0;align-self:center}
.hfz-v2 .rm-btn{display:inline-flex;align-items:center;gap:7px;font:700 14px/1 var(--bf);color:var(--ink);background:none;border:var(--thin) solid var(--line);border-radius:0;padding:8px 12px;cursor:pointer}
.hfz-v2 .rm-btn:hover,.hfz-v2 .rm-btn:focus{background:none;color:var(--ink);border-color:var(--ink)}
.hfz-v2 .rm-btn .hi{width:17px;height:17px}
html.hfz-reading .hfz-v2 .rm-btn,html.hfz-reading.hfz-v2 .rm-btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ---- running text (overrides the inline styles in post HTML) ---- */
.hfz-review .entry-content{color:var(--text)}
.hfz-review .entry-content p{font-size:18px!important;line-height:1.9!important;text-align:justify!important;margin:0 0 1.1em!important;color:var(--text)}
.hfz-review .entry-content a{color:var(--teal);text-underline-offset:3px}
html.hfz-dark .hfz-review .entry-content a{text-decoration-color:rgba(102,252,241,.45)}
.hfz-review .entry-content h2{font-family:var(--hf);font-weight:var(--hw);font-size:var(--h2);line-height:1.2;letter-spacing:var(--hls);color:var(--ink);margin:1.6em 0 .5em}
.hfz-review .entry-content h3{font-family:var(--hf);font-weight:var(--hw);font-size:24px;line-height:1.2;color:var(--ink);margin:0 0 10px}
.hfz-review .entry-content img{max-width:100%;height:auto}
/* "חלק מהתוכן נוצר בסיוע AI" — its inline margin-top:-12px was made for the old block margins */
.hfz-review .entry-content>div[style*="margin-top:-12px"]{margin-top:12px!important}
.hfz-review .entry-content>div[style*="margin-top:-12px"] span[style]{color:var(--soft)!important}
/* QA2 A-01: editor captions (span or div with inline opacity:.65) — solid --soft instead of see-through ink (4.44:1 → AA) */
.hfz-review .entry-content :is(span,div,p,figcaption)[style*="opacity"]:not(:has(img,video,iframe,picture)){color:var(--soft)!important;opacity:1!important;font-size:14px!important}

/* inline text colours in post HTML (e.g. a fixed dark grey) would stay dark in dark mode:
   running text always takes the theme colour. Editor blocks and captions keep their own rules. */
.hfz-review .entry-content :is(p,div,span,li,h2,h3,h4,strong,b,em,i,u)[style*="color"]:not(.hfz-w,.hfz-w *,[class*="hfz-agg"],[class*="hfz-agg"] *,[style*="opacity"]),
.hfz-review .entry-content font[color]:not(.hfz-w *){color:inherit!important}
/* safety net for stray paragraphs (empty ones, and the one wrapping the JSON-LD script) */
.hfz-review .entry-content p:empty,.hfz-review .entry-content p:has(>script:only-child){display:none!important}
/* ---- all blocks: drop the old dark header bar and its icon ---- */
.hfz-review .hfz-w{font-family:var(--bf);border:0;border-radius:0!important;overflow:visible;background:none}
.hfz-review .hfz-w>div:first-child svg{display:none}
.hfz-review .hfz-w .hfz-bd{background:none!important;padding:0!important}
.hfz-review .hfz-toggle{display:block;width:100%;margin-top:10px;background:var(--night);color:var(--aqua);border:0;border-radius:0;font:700 15px/1 var(--bf);padding:12px;cursor:pointer}
.hfz-review .hfz-toggle:hover,.hfz-review .hfz-toggle:focus{background:var(--night);color:var(--aqua)}
html.hfz-dark .hfz-review .hfz-toggle{box-shadow:inset 0 0 0 var(--thin) var(--aqua)}

/* ---- ✓ / ✗ : the glyph stays in the HTML, CSS paints an SVG in its place ---- */
.hfz-review .hfz-sym,.hfz-review .hfz-sym-p{color:var(--pro)!important}
.hfz-review .hfz-sym-c{color:var(--con)!important}
.hfz-review :is(.hfz-sym,.hfz-sym-p,.hfz-sym-c){margin:0;position:relative;display:inline-block!important;width:18px;flex-shrink:0;align-self:flex-start;overflow:hidden;white-space:nowrap;-webkit-text-fill-color:transparent;text-align:center}
.hfz-review :is(.hfz-sym,.hfz-sym-p,.hfz-sym-c)::before{content:"";position:absolute;right:0;top:calc(50% - .027em);width:18px;height:18px;margin-top:-9px;background:currentColor;-webkit-mask:var(--m-ok) center/contain no-repeat;mask:var(--m-ok) center/contain no-repeat}
.hfz-review .hfz-sym-c::before{-webkit-mask-image:var(--m-no);mask-image:var(--m-no)}

/* ---- spec: a label ---- */
.hfz-review .hfz-k-spec{border:var(--thick) solid var(--ink);padding:10px 14px 12px;margin:30px 0;background:var(--paper)}
.hfz-review .hfz-k-spec>div:first-child{background:transparent!important;padding:0 0 6px!important;border-bottom:var(--thick) solid var(--ink)}
.hfz-review .hfz-k-spec>div:first-child span{color:var(--ink)!important;font-family:var(--hf);font-weight:var(--hw)!important;font-size:28px!important;letter-spacing:0!important;line-height:1.2}
.hfz-review .hfz-tbl{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4;margin:0;border:0}
.hfz-review .hfz-tbl tr{background:none!important}
.hfz-review .hfz-tbl td{padding:7px 0;border:0;border-bottom:var(--thin) solid var(--ink);vertical-align:top;color:var(--ink);background:none;font-size:inherit}
html.hfz-dark .hfz-review .hfz-tbl td{border-bottom-color:var(--line)}
.hfz-review .hfz-tbl td:first-child{font-weight:700;width:48%;padding-left:12px;color:var(--ink)}
.hfz-review .hfz-tbl td:last-child{font-weight:400;unicode-bidi:plaintext;text-align:left}
.hfz-review .hfz-tbl tr:first-child td{font-size:17px}
/* more than 8 rows: 6 shown from the first paint; v2.js only adds the button */
.hfz-review .hfz-k-spec:has(tr:nth-child(9)):not(.is-open) tr:nth-child(n+7){display:none}

/* ---- pros / cons ---- */
.hfz-review .hfz-k-pc{margin:40px 0}
.hfz-review .hfz-k-pc>div:first-child{display:none!important}
.hfz-review .hfz-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
.hfz-review .hfz-k-pc .hfz-pros{border-top:var(--thick) solid var(--pro);padding-top:10px}
.hfz-review .hfz-k-pc .hfz-cons{border-top:var(--thick) solid var(--con);padding-top:10px}
.hfz-review .hfz-k-pc .hfz-ct{font-family:var(--hf);font-weight:var(--hw)!important;letter-spacing:var(--hls);font-size:24px!important;line-height:1.2;margin:0 0 4px!important}
.hfz-review .hfz-pros .hfz-ct{color:var(--pro)!important}
.hfz-review .hfz-cons .hfz-ct{color:var(--con)!important}
.hfz-review .hfz-list{list-style:none;margin:0!important;padding:0!important}
.hfz-review .hfz-k-pc .hfz-list{font-size:16px;line-height:1.55}
.hfz-review .hfz-list li{display:grid;grid-template-columns:20px 1fr;gap:0;padding:8px 0;margin:0;border-bottom:var(--thin) solid var(--line);color:var(--text);font-size:inherit}
.hfz-review .hfz-list li:last-child{border-bottom:0}

/* ---- bottom line: aqua card ---- */
.hfz-review .hfz-k-bottom{background:var(--aqua);border:var(--thick) solid var(--ink);padding:22px 26px;margin:44px 0 0}
.hfz-review .hfz-k-bottom>div{background:none!important;padding:0!important}
.hfz-review .hfz-k-bottom>div:first-child{margin-bottom:8px}
.hfz-review .hfz-k-bottom>div:first-child span{color:var(--night)!important;font-family:var(--hf);font-weight:var(--hw)!important;letter-spacing:var(--hls)!important;font-size:26px!important;line-height:1.2}
.hfz-review .hfz-k-bottom p{color:var(--night)!important;font-size:18px!important;line-height:1.75!important;margin:0 0 .8em!important}
.hfz-review .hfz-k-bottom a{color:var(--night)}

/* ---- international reviews ---- */
.hfz-review .hfz-k-intl{margin:52px 0 0;--srcpad:18px;--intl-lh:1.55;--li-pad:3px}
.hfz-review .hfz-k-intl>div:first-child{background:none!important;padding:12px 0 6px!important}
.hfz-review .hfz-k-intl>div:first-child span{color:var(--ink)!important;font-family:var(--hf);font-weight:var(--hw)!important;font-size:30px!important;letter-spacing:var(--hls)!important;line-height:1.2}
.hfz-review .hfz-k-intl .hfz-sum{border-bottom:0;font-size:17px;line-height:var(--intl-lh);color:var(--text);background:var(--sum-bg);border-right:var(--thick) solid var(--t-fill);padding:16px 18px;margin:8px 0 10px}
.hfz-review .hfz-k-intl .hfz-src{position:relative;padding:var(--srcpad) 64px var(--srcpad) 0;margin:0;background:none;border:0;border-radius:0;border-bottom:var(--thin) solid var(--ink)}
html.hfz-dark .hfz-review .hfz-k-intl .hfz-src{border-bottom-color:var(--line)}
.hfz-review .hfz-k-intl .hfz-src:last-of-type{border-bottom:0}
.hfz-review .hfz-k-intl .hfz-src-name{display:flex;align-items:center!important;gap:0!important;margin-bottom:6px}
.hfz-review .hfz-k-intl .hfz-src-name>*{line-height:1.2}
.hfz-review .hfz-k-intl .hfz-src-name svg{display:none}
.hfz-review .hfz-k-intl .hfz-src-name span{color:var(--ink)!important}
.hfz-review .hfz-k-intl .hfz-src-name a{color:var(--ink)!important;font-family:var(--hf);font-weight:var(--hw)!important;font-size:22px!important;letter-spacing:var(--hls);direction:ltr;unicode-bidi:isolate;text-decoration:none;border-bottom:var(--thin) solid transparent}
.hfz-review .hfz-k-intl .hfz-src-name a:hover{border-bottom-color:currentColor}
.hfz-review .hfz-k-intl .hfz-src-favicon{order:-1;flex:0 0 auto;box-sizing:border-box;width:42px!important;height:42px!important;padding:8px;border:var(--thin) solid var(--line);border-radius:0!important;background:#fff;margin:0 -64px 0 22px!important}
html.hfz-dark .hfz-review .hfz-k-intl .hfz-src-favicon{background:#F2F4F6;border-color:#F2F4F6}
.hfz-review .hfz-k-intl .hfz-src-sum{font-size:16px;line-height:var(--intl-lh);color:var(--text);margin-bottom:10px}
.hfz-review .hfz-k-intl .hfz-two{gap:22px}
.hfz-review .hfz-k-intl .hfz-ct{font-size:14px!important;font-weight:700;margin-bottom:4px!important;letter-spacing:.02em}
.hfz-review .hfz-k-intl .hfz-list{font-size:15px;line-height:calc(var(--intl-lh) - .15)}
.hfz-review .hfz-k-intl .hfz-list li{grid-template-columns:18px 1fr;padding:var(--li-pad) 0}
/* 4 sources or more: 2 shown from the first paint (never on "כאלו הם ניסו"); v2.js adds the button */
body.hfz-review:not(.hfz-them) .hfz-k-intl:has(.hfz-src:nth-child(4 of .hfz-src)):not(.is-open) .hfz-src:nth-child(n+3 of .hfz-src){display:none}
.hfz-review .hfz-k-intl .intl-more{margin-top:14px;background:var(--t-fill);color:var(--t-on)}
.hfz-review .hfz-k-intl .intl-more:hover,.hfz-review .hfz-k-intl .intl-more:focus{background:var(--t-fill);color:var(--t-on)}

/* ---- "כאלו הם ניסו" posts: summary blocks ---- */
.hfz-review .hfz-agg-kicker{color:var(--t-ink)!important}
.hfz-review .hfz-agg-kicker svg{stroke:currentColor}
.hfz-review .hfz-agg-body p{color:var(--text)!important}
.hfz-review .hfz-agg-hero{border-radius:0!important}
.hfz-review .hfz-agg-source{background:none!important;border:0!important;border-radius:0!important;border-bottom:var(--thin) solid var(--line)!important;padding:14px 0!important;margin:0!important;color:var(--text)!important}
.hfz-review .hfz-agg-source:last-child{border-bottom:0!important}
.hfz-review .hfz-agg-source>div:first-child{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.hfz-review .hfz-agg-source img{width:22px!important;height:22px!important;border-radius:0!important;background:#fff;padding:2px}
.hfz-review .hfz-agg-source a{color:var(--ink)!important;font-family:var(--hf);font-weight:var(--hw)!important;font-size:19px!important;text-decoration:none}
.hfz-review .hfz-agg-source>div:last-child{color:var(--text)!important;font-size:16px!important;line-height:1.6!important}
.hfz-review .hfz-agg-source>div:last-child a{font-family:inherit;font-size:inherit!important}

/* ---- related reviews (cards) ---- */
.hfz-review .hfz-k-rel{margin:40px 0 0}
.hfz-review .hfz-k-rel>div:first-child{background:none!important;padding:0 0 10px!important}
.hfz-review .hfz-k-rel>div:first-child span{color:var(--ink)!important;font-family:var(--hf);font-weight:var(--hw)!important;font-size:26px!important;letter-spacing:var(--hls)!important}
/* the card list: whatever wrapper the post uses (older posts differ), the cards share the width equally */
.hfz-review .hfz-k-rel .hfz-bd>div,.hfz-review .hfz-k-rel .hfz-bd:has(>a){display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important;justify-content:stretch!important;flex-wrap:nowrap!important}
/* only the cards take a column: stray <p>s from wpautop in older renders are dropped */
.hfz-review .hfz-k-rel .hfz-bd>div>:not(a),.hfz-review .hfz-k-rel .hfz-bd>:not(div,a),.hfz-review .hfz-k-rel a p{display:none!important}
.hfz-review .hfz-k-rel .hfz-bd>div>*,.hfz-review .hfz-k-rel .hfz-bd>a{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;flex:none!important;align-self:start!important}
.hfz-review .hfz-k-rel img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;display:block;margin:0!important}
.hfz-review .hfz-rel-card{display:block;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none;color:var(--ink)!important}
.hfz-review .hfz-rel-img{height:auto!important;border-radius:0!important;overflow:hidden;aspect-ratio:4/3;background:var(--wash)}
.hfz-review .hfz-rel-img img{width:100%;height:100%;object-fit:cover;display:block}
.hfz-review .hfz-rel-title{color:var(--ink)!important;font-weight:700;font-size:16px!important;line-height:1.35;padding:8px 0 0!important;background:none!important}
.hfz-review .hfz-rel-card:hover .hfz-rel-title{color:var(--teal)!important}

/* ---- narrow screens ---- */
@media (max-width:900px){
  /* reading mode only hides the sidebar, which sits below the article here anyway */
  .hfz-review .meta>div.rm{display:none}
  .hfz-review .site-content{grid-template-columns:1fr;gap:36px;padding:22px 18px 44px}
  .hfz-review .site-content>.widget-area{grid-column:1;grid-row:2}
}
@media (max-width:720px){
  .hfz-review .hfz-title{font-size:var(--h1m)}
  .hfz-review .entry-content h2{font-size:var(--h2m)}
  .hfz-review .meta{display:grid;grid-template-columns:1fr 1fr;row-gap:10px}
  .hfz-review .meta>div{padding:0 12px;border-left:0}
  .hfz-review .meta>div:nth-child(odd){padding-right:0;border-left:var(--thin) solid var(--line)}
  /* pros above cons */
  .hfz-review .hfz-two{grid-template-columns:1fr;gap:22px}
  .hfz-review .hfz-k-rel .hfz-bd>div,.hfz-review .hfz-k-rel .hfz-bd:has(>a){grid-auto-flow:row!important;grid-template-columns:1fr 1fr!important}
  .hfz-review .hfz-k-intl .hfz-src{padding-right:46px}
  .hfz-review .hfz-k-intl .hfz-src-favicon{width:34px!important;height:34px!important;padding:6px;margin:0 -46px 0 12px!important}
}

/* =============================================================
   8. Sidebar (step 4.3b)
   ============================================================= */
.hfz-v2 .inside-right-sidebar,.hfz-v2 .inside-left-sidebar{display:flex;flex-direction:column;gap:28px;font-size:15px;line-height:1.5;padding:0!important;background:none!important}
.hfz-v2 .widget-area .widget{background:none!important;padding:0!important;margin:0!important}

/* Ko-fi: same look as the current site (dark card in both modes); button text white in both */
.hfz-v2 .hfz-coffee-card,.hfz-v2 .hfz-coffee-card *{box-sizing:border-box}
.hfz-v2 .hfz-coffee-card{background:#1f2833;border:1px solid #2a3444;border-radius:14px;padding:22px 20px;text-align:center;font-family:var(--bf)}
.hfz-v2 .hfz-coffee-card .hfz-cup-wrap{width:56px;height:56px;margin:0 auto 12px}
.hfz-v2 .hfz-coffee-card .hfz-cup-wrap svg{width:100%;height:100%;display:block}
.hfz-v2 .hfz-coffee-card .hfz-cup-body{fill:#c98a4b}
.hfz-v2 .hfz-coffee-card .hfz-cup-handle{stroke:#c98a4b;fill:none}
.hfz-v2 .hfz-coffee-card .hfz-steam{stroke:#66fcf1;fill:none;stroke-linecap:round}
.hfz-v2 .hfz-coffee-card h3{color:#fff;font-size:15px;font-weight:800;margin:0 0 6px;line-height:1.4;font-family:var(--bf);letter-spacing:0}
.hfz-v2 .hfz-coffee-card p.hfz-sub{color:#8899aa;font-size:12.5px;line-height:1.6;margin:0 0 16px}
.hfz-v2 .hfz-coffee-btn,.hfz-v2 .hfz-coffee-btn:hover,.hfz-v2 .hfz-coffee-btn:focus{width:100%;background:linear-gradient(135deg,#c98a4b,#a86c34);color:#fff!important;border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;box-shadow:0 4px 14px rgba(201,138,75,.25);transition:transform .15s,box-shadow .15s}
.hfz-v2 .hfz-coffee-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(201,138,75,.35)}
.hfz-v2 .hfz-coffee-btn svg{width:18px;height:18px;flex-shrink:0}

/* popular / new / comments */
.hfz-v2 .hfz-side-pop{border-top:var(--thick) solid var(--ink)}
.hfz-v2 .hfz-side-pop .tabs{display:flex;padding:10px 0 0;border-bottom:var(--thin) solid var(--line)}
.hfz-v2 .hfz-side-pop .tabs button,.hfz-v2 .hfz-side-pop .tabs button:hover,.hfz-v2 .hfz-side-pop .tabs button:focus{flex:1;text-align:center;font:700 15px/1 var(--bf);color:var(--soft);background:none;border:0;border-bottom:var(--thick) solid transparent;border-radius:0;padding:0 0 9px;cursor:pointer}
.hfz-v2 .hfz-side-pop .tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--aqua)}
.hfz-v2 .hfz-side-pop .panel a{display:block;padding:10px 0;border-bottom:var(--thin) solid var(--line);color:var(--ink);text-decoration:none;font-weight:500}
.hfz-v2 .hfz-side-pop .panel a:hover{color:var(--teal)}
.hfz-v2 .hfz-side-pop .panel a small{display:block;color:var(--soft);font-weight:400;font-size:13px}
.hfz-v2 .hfz-side-pop .empty{color:var(--soft);font-size:14px;padding:10px 0;margin:0}

/* =============================================================
   9. Under the article: tags + previous / next (GeneratePress markup)
   ============================================================= */
.hfz-review footer.entry-meta{margin:28px 0 0;padding:0;border:0;color:var(--soft);font-size:14px}
.hfz-review footer.entry-meta .gp-icon{display:none}
.hfz-review footer.entry-meta .cat-links{display:none} /* the product category is already above the title */
.hfz-review footer.entry-meta .tags-links{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;font-size:0} /* font-size:0 hides the ", " between tags */
.hfz-review footer.entry-meta .tags-links a{display:inline-block;font-size:13px;font-weight:500;color:var(--soft);border:var(--thin) solid var(--line);padding:3px 9px;text-decoration:none;line-height:1.5}
.hfz-review footer.entry-meta .tags-links a:hover{color:var(--ink);border-color:var(--ink)}
/* GeneratePress' own previous/next (by date, whole site) is replaced by .hfz-nav (same product category) */
.hfz-review .post-navigation{display:none!important}
.hfz-review .hfz-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:var(--thick) solid var(--ink);padding-top:12px;margin-top:20px}
.hfz-review .hfz-nav>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}
.hfz-review .hfz-nav>a.nav-next{flex-direction:row-reverse;text-align:left}
.hfz-review .hfz-nav img,.hfz-review .hfz-nav .noimg{flex:0 0 96px;width:96px;height:72px;object-fit:cover;display:block;background:var(--wash);margin:0}
.hfz-review .hfz-nav .txt{min-width:0}
.hfz-review .hfz-nav .lbl{display:block;font-size:12px;font-weight:500;color:var(--soft);margin-bottom:2px}
.hfz-review .hfz-nav .ttl{display:block;font-weight:700;font-size:15px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hfz-review .hfz-nav>a:hover .ttl{color:var(--teal)}

/* =============================================================
   10. Comments (GeneratePress markup)
   ============================================================= */
.hfz-review .comments-area{margin-top:16px;padding:0!important;background:none!important}
.hfz-review .comments-title{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hls);font-size:30px;line-height:1.25;color:var(--ink);border-top:var(--thick) solid var(--ink);padding-top:12px;margin:0 0 6px}
.hfz-review .comment-list,.hfz-review .comment-list .children{list-style:none;margin:0;padding:0}
.hfz-review .comment-body{padding:18px 0;border-bottom:var(--thin) solid var(--line);margin:0}
.hfz-review .comment-meta{display:flex;align-items:center;gap:12px}
.hfz-review .comment-meta .avatar{width:40px;height:40px;border-radius:0;float:none;margin:0}
.hfz-review .av{width:40px;height:40px;border-radius:0;display:grid;place-items:center;font:700 17px/1 var(--bf);color:var(--night);flex-shrink:0}
.hfz-review .comment-author cite{font-style:normal;font-weight:700;font-size:16px;color:var(--ink)}
.hfz-review .comment-author .says{display:none}
.hfz-review .comment-author-info{display:flex;flex-direction:column;gap:1px}
.hfz-review .comment-metadata a{font-size:13px;color:var(--soft);text-decoration:none}
.hfz-review .comment-metadata a:hover{text-decoration:underline}
.hfz-review .comment-content{padding:0 52px 0 0;margin-top:6px;border:0;background:none}
.hfz-review .comment-content p{font-size:16px;line-height:1.7;margin:0 0 .6em;color:var(--text)}
.hfz-review .comment-content .reply a,.hfz-review .reply a{font-size:13px;font-weight:700;color:var(--teal);text-decoration:none}
.hfz-review .comment-list .children{margin-right:52px;border-right:var(--thin) solid var(--line);padding-right:18px}
.hfz-review .bypostauthor>.comment-body{border-right:var(--thick) solid var(--aqua);padding-right:16px}
.hfz-review .children>.bypostauthor>.comment-body{margin-right:calc(-18px - var(--thin));padding-right:calc(18px + var(--thin))}
.hfz-review .bypostauthor>.comment-body .comment-author cite::after{content:"כותב הביקורת";font-size:12px;font-weight:700;color:var(--night);background:var(--aqua);padding:2px 7px;margin-right:8px;vertical-align:2px}
.hfz-review .comment-respond{margin-top:40px}
.hfz-review .comment-reply-title{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hls);font-size:24px;color:var(--ink);margin:0 0 6px}
.hfz-review .comment-reply-title small a{font:500 14px var(--bf);color:var(--teal);margin-right:10px}
.hfz-review .comment-notes,.hfz-review .logged-in-as{font-size:14px;color:var(--soft);margin:0 0 14px}
.hfz-review .comment-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hfz-review .comment-form>*{grid-column:1/-1;margin:0}
.hfz-review .comment-form>label[for],.hfz-review .comment-form .comment-form-author label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hfz-review .comment-form>input[type=text],.hfz-review .comment-form>input[type=email],.hfz-review .comment-form>input[type=url]{grid-column:auto}
.hfz-review .comment-form textarea,.hfz-review .comment-form input[type=text],.hfz-review .comment-form input[type=email],.hfz-review .comment-form input[type=url]{width:100%;font:400 16px/1.6 var(--bf);color:var(--text);background:var(--field);border:var(--thin) solid var(--soft);border-radius:0;padding:11px 12px;margin:0}
.hfz-review .comment-form textarea{min-height:140px;resize:vertical}
.hfz-review .comment-form ::placeholder{color:var(--soft)}
.hfz-review .comment-form textarea:focus,.hfz-review .comment-form input:focus{outline:3px solid var(--aqua);outline-offset:0;border-color:var(--ink);background:var(--field)}
.hfz-review .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--soft)}
.hfz-review .comment-form-cookies-consent input{margin-top:4px;accent-color:var(--teal)}
.hfz-review .form-submit .submit{font:700 16px/1 var(--bf);background:var(--night);color:var(--aqua);border:0;border-radius:0;padding:14px 28px;cursor:pointer}
html.hfz-dark .hfz-review .form-submit .submit{box-shadow:inset 0 0 0 var(--thin) var(--aqua)}
.hfz-review .form-submit .submit:hover,.hfz-review .form-submit .submit:focus{background:var(--aqua);color:var(--night)}
@media (max-width:720px){
  .hfz-review .comment-form{grid-template-columns:1fr}
  .hfz-review .comment-content{padding-right:0}
  .hfz-review .comment-list .children{margin-right:12px;padding-right:12px}
  .hfz-review .hfz-nav{grid-template-columns:1fr}
  .hfz-review .hfz-nav>a.nav-next{flex-direction:row;text-align:start}
  .hfz-review .hfz-nav img,.hfz-review .hfz-nav .noimg{flex-basis:80px;width:80px;height:60px}
  .hfz-review .hfz-nav .empty{display:none}
}

/* =============================================================
   11. Blogger-era posts (body.hfz-legacy) — inline fonts/colours/backgrounds neutralised
   ============================================================= */
.hfz-legacy .entry-content :is(p,span,div,li,ul,ol,b,font,strong,em,i):not(.hfz-w,.hfz-w *){background-color:transparent!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;white-space:normal!important;margin-top:0!important}
.hfz-legacy .entry-content{font-size:18px;line-height:1.9;text-align:justify}
.hfz-legacy .entry-content :is(p,div,span,li):not(.hfz-w,.hfz-w *){text-align:inherit!important;text-indent:0!important}
.hfz-legacy .entry-content b,.hfz-legacy .entry-content strong{font-weight:700}
/* a text block (div or p with no blocks inside) is a paragraph */
.hfz-legacy .entry-content :is(p,div):not(.hfz-w,.hfz-w *):not(:has(div,p,table,ul,ol,h2,h3)){margin:0 0 1.1em!important}
.hfz-legacy .entry-content ul:not(.hfz-list),.hfz-legacy .entry-content ol{margin:0 1.4em 1.1em 0!important;padding:0!important}
.hfz-legacy .entry-content li:not(.hfz-list li){margin:0 0 .35em!important}
/* images sat in Blogger caption tables */
.hfz-legacy .entry-content .tr-caption-container{margin:26px auto!important;border-collapse:collapse;border:0;max-width:100%;float:none!important}
.hfz-legacy .entry-content .tr-caption-container td{padding:0!important;border:0!important;text-align:center!important;background:none!important}
.hfz-legacy .entry-content .tr-caption-container a{display:inline-block;margin:0!important;padding:0!important}
.hfz-legacy .entry-content img{max-width:100%!important;height:auto!important;display:block;margin:0 auto;background:var(--wash)}
.hfz-legacy .entry-content .tr-caption,.hfz-legacy .entry-content .tr-caption *{font-size:14px!important;color:var(--soft)!important;padding-top:8px!important;line-height:1.5!important;text-align:center!important}
.hfz-legacy .entry-content .separator{margin:22px 0!important;text-align:center!important;clear:both}
.hfz-legacy .entry-content .separator a{margin:0!important;float:none!important;display:inline-block}
.hfz-legacy .entry-content iframe{max-width:100%;display:block;margin:22px auto}
.hfz-legacy .entry-content a:not(.hfz-w a){color:var(--teal)!important}

/* =============================================================
   12. Archive pages (step 4.4) — body.hfz-arch: category, tag, search
   GeneratePress' loop is off (category.php); our markup sits in .site-main
   ============================================================= */
.hfz-arch{--cf:38px;--cd:24px;--ct:26px;--cr:22px;--cm:19px;--cfm:27px}
/* layout: list + 280px sidebar (same as the review page) */
.hfz-arch .site.grid-container{max-width:var(--maxw)}
.hfz-arch .site-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start;padding:34px 28px 60px}
.hfz-arch .site-content>.content-area{grid-column:1;grid-row:1}
.hfz-arch .site-content>.widget-area{grid-column:2;grid-row:1}
.hfz-arch .site-content>*{width:auto!important;float:none!important;margin:0!important;min-width:0}
.hfz-arch .site-main{margin:0!important;padding:0!important}
.hfz-arch .page-header,.hfz-arch .paging-navigation{display:none!important}
/* v2 buttons: neutralise GeneratePress' global button style */
.hfz-arch .chips button,.hfz-arch .chips button:hover,.hfz-arch .chips button:focus{background:none;border-radius:0;font-family:inherit;cursor:pointer}

/* ---- head ---- */
.hfz-arch .ah{margin:0 0 30px}
.hfz-arch .ah h1{margin:0;font-family:var(--hf);font-weight:var(--hw);font-size:var(--h1);line-height:var(--hlh);letter-spacing:var(--hls);color:var(--ink);border-right:var(--thick) solid var(--aqua);padding-right:18px;overflow-wrap:anywhere}
.hfz-arch .ah h1 .pre{display:block;font-family:var(--bf);font-weight:700;font-size:15px;line-height:1.3;letter-spacing:0;color:var(--soft);margin-bottom:8px}
.hfz-arch .ah h1 .pre a{color:inherit;text-decoration:none}
.hfz-arch .ah h1 .pre a:hover{color:var(--ink)}
.hfz-arch .ah h1 .pre .cc-sep{display:inline-block;vertical-align:-1px;margin-right:4px;opacity:.7}
.hfz-arch .ah h1 .pre .cc-sep .hi{width:12px;height:12px}
.hfz-arch .ah.them h1{border-right-color:var(--t-fill)}
.hfz-arch .ah .intro{font-size:17px;line-height:1.65;color:var(--text);margin:16px 0 0}
.hfz-arch .ah .bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;padding-top:14px;border-top:var(--thick) solid var(--ink)}
.hfz-arch .ah.them .bar{border-top-color:var(--t-fill)}
/* chips: sub-categories (links, aqua) and "כאלו הם ניסו" filter (buttons, orange) */
.hfz-arch .chips{display:flex;gap:6px;flex-wrap:wrap}
.hfz-arch .chips a,.hfz-arch .chips button{font-size:14px;font-weight:700;color:var(--text);text-decoration:none;border:var(--thin) solid var(--line);padding:5px 11px;line-height:1.2;white-space:nowrap}
.hfz-arch .chips a:hover,.hfz-arch .chips button:hover{border-color:var(--ink);color:var(--ink)}
.hfz-arch .chips small{font-weight:400;color:var(--soft);margin-right:4px;font-size:inherit}
.hfz-arch .chips button.on,.hfz-arch .chips button.on:hover,.hfz-arch .chips button.on:focus{border-color:var(--t-fill);background:var(--t-fill);color:var(--t-on)}
.hfz-arch .chips button.on small{color:var(--t-on)}
.hfz-arch .kidchips{margin-top:18px}
.hfz-arch .kidchips a.on{border-color:var(--aqua);background:var(--aqua);color:var(--night)}
/* "רק הסקירות שלי" switch */
.hfz-arch .flt{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;line-height:1;color:var(--text);text-decoration:none;white-space:nowrap}
.hfz-arch .flt .knob{width:36px;height:20px;border-radius:999px;background:var(--line);position:relative;flex-shrink:0;transition:background .2s}
.hfz-arch .flt .knob::after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:var(--paper);transition:right .2s}
.hfz-arch .flt.on .knob{background:var(--aqua)}
.hfz-arch .flt.on .knob::after{right:19px;background:var(--night)}

/* ---- cards ---- */
.hfz-arch .ph{display:block;position:relative;aspect-ratio:3/2;background:var(--wash);overflow:hidden}
.hfz-arch .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.hfz-arch .ph .ph-l{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:10px;font-size:12px;line-height:1.35;color:var(--soft);direction:ltr}
.hfz-arch .it{margin:0}
.hfz-arch .it[hidden]{display:none!important}
.hfz-arch .lbl{display:block;font-size:13px;font-weight:700;line-height:1.3;color:var(--soft);margin-bottom:5px}
.hfz-arch .it.them .lbl{color:var(--t-ink)}
.hfz-arch .it.them .lbl::after{content:"סיכום ביקורות מהעולם";font-weight:500;color:var(--soft);margin-right:8px}
.hfz-arch .it.them .lbl:empty::after{margin-right:0}
.hfz-arch .it h2{margin:0;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--tls);line-height:1.15;color:var(--ink);overflow-wrap:anywhere}
.hfz-arch .it h2 a{color:inherit;text-decoration:none}
.hfz-arch .it h2 a:hover{text-decoration:underline;text-decoration-thickness:var(--thin);text-underline-offset:4px}
.hfz-arch .it .ex{margin:8px 0 0;font-size:16px;line-height:1.65;color:var(--text);text-align:right;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hfz-arch .it .dt{margin-top:8px;font-size:13px;line-height:1.3;color:var(--soft)}
.hfz-arch .it .dt b{font-weight:700;color:var(--text)}
/* lead */
.hfz-arch .lead .ph{aspect-ratio:16/9}
.hfz-arch .lead .tx{border-right:var(--thick) solid var(--aqua);padding-right:18px;margin-top:18px}
.hfz-arch .lead.them .tx{border-right-color:var(--t-fill)}
.hfz-arch .lead h2{font-size:var(--cf);line-height:var(--hlh)}
.hfz-arch .lead .ex{font-size:17px}
/* pair */
.hfz-arch .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:34px;padding-top:26px;border-top:var(--thin) solid var(--line)}
.hfz-arch .duo .tx{margin-top:12px}
.hfz-arch .duo h2{font-size:var(--cd)}
.hfz-arch .duo .ex{font-size:15px;-webkit-line-clamp:2}
/* rows */
.hfz-arch .rows{margin-top:34px;border-top:var(--thick) solid var(--ink)}
.hfz-arch .hfz-cards>.rows:first-child{margin-top:0}
.hfz-arch .row-it,
.hfz-arch .hfz-cards.flt-on .it{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:var(--thin) solid var(--line);align-items:start}
.hfz-arch .row-it h2,.hfz-arch .hfz-cards.flt-on .it h2{font-size:var(--cr);line-height:1.15}
/* "כאלו הם ניסו" with a chip on: everything becomes one list of rows */
.hfz-arch .hfz-cards.flt-on{border-top:var(--thick) solid var(--ink)}
.hfz-arch .hfz-cards.flt-on .duo{display:block;margin:0;padding:0;border:0}
.hfz-arch .hfz-cards.flt-on .rows{margin:0;border:0}
.hfz-arch .hfz-cards.flt-on .it .ph{aspect-ratio:3/2}
.hfz-arch .hfz-cards.flt-on .it .tx{border:0;padding:0;margin:0}
.hfz-arch .hfz-cards.flt-on .it .ex{font-size:16px;-webkit-line-clamp:3}
/* empty state */
.hfz-arch .site-main .empty{border-top:var(--thick) solid var(--ink);padding:26px 0 8px}
.hfz-arch .site-main .empty h2{margin:0 0 6px;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hls);font-size:var(--ct);line-height:1.2;color:var(--ink)}
.hfz-arch .site-main .empty p{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--text)}
.hfz-arch .site-main .empty a{font-weight:700;color:var(--teal);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
/* pager (paginate_links markup) */
.hfz-arch .pg{display:flex;align-items:center;gap:4px;margin-top:40px;padding-top:14px;border-top:var(--thick) solid var(--ink);font-size:16px;font-weight:700}
.hfz-arch .pg .page-numbers{min-width:40px;height:40px;display:grid;place-items:center;color:var(--ink);text-decoration:none;padding:0 6px}
.hfz-arch .pg a.page-numbers:hover{box-shadow:inset 0 calc(-1 * var(--thin)) 0 var(--ink)}
.hfz-arch .pg .current{box-shadow:inset 0 calc(-1 * var(--thick)) 0 var(--aqua)}
.hfz-arch .pg.them .current{box-shadow:inset 0 calc(-1 * var(--thick)) 0 var(--t-fill)}
.hfz-arch .pg .dots{color:var(--soft);font-weight:400}
.hfz-arch .pg .tot{font-weight:400;font-size:13px;color:var(--soft);margin-right:12px}
.hfz-arch .pg .nx{margin-right:auto;display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;padding:0 4px;line-height:40px}
.hfz-arch .hi.go{width:16px;height:16px;display:inline-block;transition:transform .15s}
.hfz-arch a:hover .hi.go{transform:translateX(-3px)}

@media (max-width:900px){
  .hfz-arch .site-content{grid-template-columns:1fr;gap:36px;padding:22px 18px 44px}
  .hfz-arch .site-content>.widget-area{grid-column:1;grid-row:2}
}
@media (max-width:720px){
  .hfz-arch .ah h1{font-size:var(--h1m)}
  .hfz-arch .ah .bar{gap:10px}
  /* margin-inline only: the shorthand used to wipe .kidchips' margin-top, gluing the chips to the H1's aqua bar */
  .hfz-arch .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-18px;margin-left:-18px;padding:0 18px}
  .hfz-arch .chips::-webkit-scrollbar{display:none}
  .hfz-arch .lead h2{font-size:var(--cfm)}
  .hfz-arch .lead .ex{font-size:16px}
  .hfz-arch .duo{gap:16px}
  .hfz-arch .duo h2{font-size:var(--cm)}
  .hfz-arch .duo .ex{display:none}
  .hfz-arch .row-it,.hfz-arch .hfz-cards.flt-on .it{grid-template-columns:118px minmax(0,1fr);gap:14px;padding:16px 0}
  .hfz-arch .row-it .ph,.hfz-arch .hfz-cards.flt-on .it .ph{aspect-ratio:1/1}
  .hfz-arch .row-it h2,.hfz-arch .hfz-cards.flt-on .it h2{font-size:var(--cm)}
  .hfz-arch .row-it .ex,.hfz-arch .hfz-cards.flt-on .it .ex{display:none}
  .hfz-arch .pg .tot{display:none}
  .hfz-arch .pg .page-numbers{min-width:34px}
}
/* empty state right under the head: the bar already drew the thick line */
.hfz-arch .site-main .ah+.empty{border-top:0;padding-top:0}
/* the head's bar already draws the thick line: no second one right under it (page 2+, "כאלו הם ניסו" with a chip on) */
.hfz-arch .ah:has(.bar)+.hfz-cards>.rows:first-child,
.hfz-arch .ah:has(.bar)+.hfz-cards.flt-on{border-top:0}

/* Review page (4.4 fix): the previous/next block closes the article with its own bottom line —
   also when there are no comments — so the comments title below it drops its top line */
.hfz-review .inside-article>.hfz-nav{border-bottom:var(--thick) solid var(--ink);padding-bottom:12px!important}
.hfz-review .site-main>.comments-area,.hfz-review .site-main>.comments-area>#comments{margin-top:0!important;padding-top:0!important}
.hfz-review .site-main>article:has(.hfz-nav)+.comments-area .comments-title{border-top:0;padding-top:0;margin-top:24px}
.hfz-review .site-main>article:has(.hfz-nav)+.comments-area #comments>.comment-respond:first-child{margin-top:24px}

/* =============================================================
   Homepage (step 4.5): "latest" ("שער + 2 ורשימה") full width under the header,
   then content + 280px sidebar (same grid as the archive pages):
   "כאלו הם ניסו", pinned + dynamic category blocks
   ============================================================= */
.hfz-home{--cf:38px;--cd:24px;--ct:26px;--cr:22px;--cm:19px;--cfm:27px}
.hfz-home .site.grid-container{max-width:var(--maxw)}
.hfz-home .site-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start;padding:44px 28px 60px}
.hfz-home .site-content>.content-area{grid-column:1;grid-row:1}
.hfz-home .site-content>.widget-area{grid-column:2;grid-row:1}
.hfz-home .site-content>*{width:auto!important;float:none!important;margin:0!important;min-width:0}
.hfz-home .site-main{margin:0!important;padding:0!important}
.hfz-home .page-header,.hfz-home .paging-navigation,.hfz-home .no-results{display:none!important}

/* ---- cards (shared by every homepage block) ---- */
.hfz-home .it{margin:0}
.hfz-home .it .ph{display:block;position:relative;aspect-ratio:3/2;background:var(--wash);overflow:hidden}
.hfz-home .it .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.hfz-home .it .ph .ph-l{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:10px;font-size:12px;line-height:1.35;color:var(--soft);direction:ltr}
.hfz-home .it .tx{margin-top:12px}
.hfz-home .lbl{display:block;font-size:13px;font-weight:700;line-height:1.3;color:var(--soft);margin-bottom:5px}
.hfz-home .it h3{margin:0;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--tls);line-height:1.15;color:var(--ink);overflow-wrap:anywhere}
.hfz-home .it h3 a,.hfz-lat .xi h3 a{color:inherit;text-decoration:none}
.hfz-home .it h3 a:hover,.hfz-lat .xi h3 a:hover{text-decoration:underline;text-decoration-thickness:var(--thin);text-underline-offset:4px}
.hfz-home .it .ex{margin:8px 0 0;font-size:16px;line-height:1.65;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hfz-home .it .dt{margin-top:8px;font-size:13px;line-height:1.3;color:var(--soft)}
.hfz-home .it .dt b{font-weight:700;color:var(--text)}
.hfz-home .hi.go{width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:4px;transition:transform .15s}
.hfz-home a:hover .hi.go{transform:translateX(-3px)}

/* ---- latest ---- */
.hfz-top{max-width:var(--maxw);margin:0 auto;padding:30px var(--gut) 0;box-sizing:border-box}
/* cover: full-width photo, headline set on it (white on a dark gradient in both modes) */
.hfz-lat .hero{position:relative;display:block;aspect-ratio:21/9;overflow:hidden;background:var(--night);text-decoration:none;color:#fff}
.hfz-lat .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.hfz-lat .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,16,.9) 0%,rgba(10,12,16,.55) 38%,rgba(10,12,16,0) 70%)}
.hfz-lat .cap{position:absolute;right:0;left:0;bottom:0;z-index:1;padding:0 34px 30px}
.hfz-lat .cap .in{display:block;border-right:var(--thick) solid var(--aqua);padding-right:18px;max-width:70%}
.hfz-lat .cap .lbl{color:var(--aqua)}
.hfz-lat .cap h2{margin:0;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--tls);font-size:calc(var(--cf) * 1.4);line-height:var(--hlh);color:#fff;overflow-wrap:anywhere}
.hfz-lat .hero:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.hfz-lat .cap .ex{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-size:17px;line-height:1.6;color:#DDE3E8;max-width:62ch}
.hfz-lat .cap .dt{display:block;margin-top:10px;font-size:13px;line-height:1.3;color:#A9B4BA}
/* under the cover: two cards with photo + excerpt, and a text column */
.hfz-lat .under{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin-top:26px;padding-top:22px;border-top:var(--thick) solid var(--ink)}
.hfz-lat .two{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}
.hfz-lat .two h3{font-size:var(--cd)}
.hfz-lat .two .ex{font-size:15px;-webkit-line-clamp:2}
.hfz-lat .txl{border-right:var(--thin) solid var(--line);padding-right:24px}
.hfz-lat .colh{margin:0 0 16px;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hls);font-size:var(--ct);line-height:1.1;color:var(--ink);border-right:var(--thick) solid var(--aqua);padding-right:10px}
.hfz-lat .xi{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:13px;margin:0 0 13px;border-bottom:var(--thin) solid var(--line)}
.hfz-lat .xi:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.hfz-lat .xi .th{display:block;width:56px;height:56px;background:var(--wash);overflow:hidden}
.hfz-lat .xi .th img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.hfz-lat .xi .xc{display:block;font-size:12.5px;font-weight:700;line-height:1.3;color:var(--soft);margin-bottom:3px}
.hfz-lat .xi h3{margin:0;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--tls);line-height:1.15;color:var(--ink);overflow-wrap:anywhere;font-size:var(--cm)}
.hfz-lat .xm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:12.5px;line-height:1.3;color:var(--soft)}
.hfz-lat .xm b{font-weight:700;color:var(--text)}
.hfz-lat .xm .cm{display:inline-flex;align-items:center;gap:3px}
.hfz-lat .xm .hi{width:13px;height:13px}
.hfz-lat .xm .new{background:var(--aqua);color:var(--night);font-weight:800;font-size:11px;line-height:1;padding:3px 6px}

/* ---- section heads ---- */
.hfz-home .sec{margin-top:56px}
.hfz-home .site-main>.sec:first-child{margin-top:0}
.hfz-home .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:16px;border-top:var(--thick) solid var(--ink);margin-bottom:24px}
.hfz-home .sh h2{margin:0;font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hls);font-size:var(--ct);line-height:1.1;color:var(--ink);border-right:var(--thick) solid var(--aqua);padding-right:14px}
.hfz-home .sh h2 .pre{display:block;font-family:var(--bf);font-weight:700;font-size:13px;letter-spacing:0;line-height:1.3;color:var(--soft);margin-bottom:5px}
.hfz-home .sh .all{font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap;padding-bottom:3px}
.hfz-home .sh .all:hover{box-shadow:inset 0 calc(-1 * var(--thin)) 0 currentColor}
/* "כאלו הם ניסו": orange instead of aqua */
.hfz-home .sec.them .sh{border-top-color:var(--t-fill)}
.hfz-home .sec.them .sh h2{border-right-color:var(--t-fill)}
.hfz-home .sec.them .sh h2 .pre,.hfz-home .sec.them .sh .all{color:var(--t-ink)}
.hfz-home .sec.them .it .lbl{color:var(--t-ink)}
.hfz-home .sec.them .big .tx{border-right:var(--thick) solid var(--t-fill);padding-right:14px}

/* ---- template 1: big + list (the list sets the row height; the big photo stretches to match, min 200px) ---- */
.hfz-home .t1{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:stretch}
.hfz-home .t1 .big{display:flex;flex-direction:column}
.hfz-home .t1 .big .ph{flex:1 1 auto;aspect-ratio:auto;min-height:200px}
.hfz-home .t1 .big h3{font-size:var(--cd)}
.hfz-home .t1 .big .ex{font-size:15px;-webkit-line-clamp:2}
.hfz-home .t1 .lst{display:flex;flex-direction:column;justify-content:space-between}
.hfz-home .t1 .lst.few{justify-content:flex-start}
.hfz-home .lst .li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding-bottom:14px;margin-bottom:14px;border-bottom:var(--thin) solid var(--line);align-items:start}
.hfz-home .lst .li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.hfz-home .lst .li .ph{aspect-ratio:4/3}
.hfz-home .lst .li .tx{margin-top:0}
.hfz-home .lst .li h3{font-size:var(--cm)}
/* ---- template 2: a row of three ---- */
.hfz-home .t2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hfz-home .t2 h3{font-size:var(--cm)}

/* ---- "המשיכו לקרוא": rows + load button ---- */
.hfz-home .row-it{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:var(--thin) solid var(--line);align-items:start}
.hfz-home .kr .row-it:first-child{padding-top:0}
.hfz-home .row-it .tx{margin-top:0}
.hfz-home .row-it h3{font-size:var(--cr)}
/* every property set, so GeneratePress' global button style (grey, padding, radius) can't leak in */
.hfz-home .more-btn,.hfz-home .more-btn:focus{display:block;margin:30px auto 0;border:var(--thin) solid var(--ink);border-radius:0;background:none;color:var(--ink);font-family:var(--bf);font-weight:700;font-size:15px;line-height:1;padding:13px 30px;cursor:pointer}
.hfz-home .more-btn:hover{background:var(--ink);color:var(--paper)}
.hfz-home .more-btn:disabled{opacity:.6;cursor:default}

@media (max-width:900px){
  .hfz-top{padding:22px var(--gut) 0}
  .hfz-home .site-content{grid-template-columns:1fr;gap:36px;padding:30px 18px 44px}
  .hfz-home .site-content>.widget-area{grid-column:1;grid-row:2}
}
@media (max-width:720px){
  /* mobile: a 2:1 photo that fades into a dark band holding the same text (less photo, more of the page in the first screen) */
  .hfz-lat .hero{aspect-ratio:auto}
  .hfz-lat .hero img{position:static;aspect-ratio:2/1;height:auto}
  .hfz-lat .hero::after{display:none}
  .hfz-lat .cap{display:block;position:relative;margin-top:-90px;padding:62px 18px 18px;background:linear-gradient(to bottom,rgba(21,24,31,0) 0,rgba(21,24,31,.85) 50px,var(--night) 80px)}
  .hfz-lat .cap .in{max-width:none}
  .hfz-lat .cap h2{font-size:calc(var(--cfm) * 1.15)}
  .hfz-lat .cap .ex{font-size:15px}
  .hfz-lat .under{grid-template-columns:1fr;gap:20px;margin-top:20px;padding-top:18px}
  .hfz-lat .two{gap:16px}
  .hfz-lat .two h3{font-size:var(--cm)}
  .hfz-lat .two .ex{display:none}
  .hfz-lat .txl{border-right:0;padding-right:0;border-top:var(--thin) solid var(--line);padding-top:16px}
  .hfz-lat .colh{font-size:var(--cd)}
  .hfz-home .sec{margin-top:44px}
  .hfz-home .sh h2{font-size:var(--cd)}
  .hfz-home .t1{grid-template-columns:1fr;gap:20px}
  .hfz-home .t1 .big .ph{flex:none;aspect-ratio:16/9;min-height:0}
  .hfz-home .t1 .lst{justify-content:flex-start}
  .hfz-home .lst .li{grid-template-columns:96px minmax(0,1fr)}
  .hfz-home .row-it{grid-template-columns:118px minmax(0,1fr);gap:14px;padding:16px 0}
  .hfz-home .row-it .ph{aspect-ratio:1/1}
  .hfz-home .row-it h3{font-size:var(--cm)}
  .hfz-home .row-it .ex{display:none}
  /* row → swipeable strip */
  .hfz-home .t2{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:64%;gap:16px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px;scroll-snap-type:x mandatory;scroll-padding-inline:18px}
  .hfz-home .t2::-webkit-scrollbar{display:none}
  .hfz-home .t2>*{scroll-snap-align:start}
}

/* =============================================================
   Package א: "כזה יש לי" band above the comments, the comment-form box,
   the "כזה גם אני ניסיתי" badge and its counter
   ============================================================= */
.hfz-review .hfz-own{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;padding:18px 0;margin:8px 0 0;border-bottom:var(--thick) solid var(--ink)}
.hfz-review .hfz-own[hidden]{display:none}
.hfz-review .hfz-own .txt{flex:1 1 320px;min-width:0}
.hfz-review .hfz-own h2{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hls);font-size:24px;line-height:1.25;color:var(--ink);margin:0 0 6px;padding:0;border:0}
.hfz-review .hfz-own p{font-size:15px;line-height:1.6;color:var(--soft);margin:0}
.hfz-v2 .own-btn{flex:0 0 auto;display:inline-flex;align-items:center;font:700 15px/1 var(--bf);color:var(--teal);background:none;border:var(--thin) solid currentColor;border-radius:0;padding:11px 16px;cursor:pointer}
.hfz-v2 .own-btn:hover,.hfz-v2 .own-btn:focus{background:none;color:var(--teal)}
.hfz-v2 .own-btn:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}
.hfz-v2 .own-btn span{display:inline-flex;align-items:center;gap:7px}
.hfz-v2 .own-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hfz-v2 .own-btn .on,.hfz-v2 .own-btn[aria-pressed=true] .off{display:none}
.hfz-v2 .own-btn[aria-pressed=true] .on{display:inline-flex}
.hfz-v2 .own-btn[aria-pressed=true],.hfz-v2 .own-btn[aria-pressed=true]:hover,.hfz-v2 .own-btn[aria-pressed=true]:focus{background:var(--aqua);color:var(--night);border-color:var(--aqua)}
.hfz-review .hfz-tried-count{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--teal);margin:12px 0 0}
.hfz-review .comments-title+.hfz-tried-count{margin:0 0 4px}
.hfz-review .hfz-tried-count svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
/* the band (not the comments title) now draws the line above the comments */
.hfz-review .site-main>article:has(.hfz-own:not([hidden]))+.comments-area .comments-title{border-top:0;padding-top:0;margin-top:24px}
.hfz-review .site-main>article:has(.hfz-own:not([hidden]))+.comments-area #comments>.comment-respond:first-child{margin-top:24px}
.hfz-review .inside-article>.hfz-nav+.hfz-own{margin-top:0}

/* comment badge */
.hfz-review .comment-author .tried{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;line-height:1;color:var(--teal);border:var(--thin) solid currentColor;padding:3px 7px;margin-right:8px;vertical-align:2px;white-space:nowrap}
.hfz-review .comment-author .tried svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* comment form box + "?" */
.hfz-review .comment-form-tried{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink)}
.hfz-review .comment-form-tried input{width:18px;height:18px;margin:0;accent-color:var(--teal)}
.hfz-v2 .tip-btn{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;font:700 12px/1 var(--bf);color:var(--soft);background:none;border:var(--thin) solid var(--soft);border-radius:50%;cursor:pointer}
.hfz-v2 .tip-btn:hover,.hfz-v2 .tip-btn:focus,.hfz-v2 .tip-btn[aria-expanded=true]{background:none;color:var(--ink);border-color:var(--ink)}
.hfz-review .tried-tip{font-size:14px;line-height:1.6;color:var(--soft);margin:-4px 0 0!important}

@media (max-width:600px){
  .hfz-review .hfz-own{flex-direction:column;align-items:stretch}
  .hfz-review .hfz-own .txt{flex-basis:auto}
  .hfz-v2 .own-btn{justify-content:center}
}

/* =============================================================
   Package ג1: two buttons in the band + "אוסף החפיצים שלי" (/my/)
   ============================================================= */
.hfz-review .hfz-own .btns{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.hfz-review .hfz-own .go{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:var(--teal);text-decoration:underline}
.hfz-drawer .my-row{display:block;margin:8px 0 0;padding:12px 0;font-weight:700;color:var(--aqua);text-decoration:none;border-top:var(--thin) solid rgba(255,255,255,.15)}

/* ---- the page ---- */
.hfz-my .inside-article{padding-top:8px!important}
.hfz-my .ttl{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--tls);font-size:var(--h1);line-height:var(--hlh);color:var(--ink);margin:8px 0 6px}
.hfz-my .sub{font-size:16px;line-height:1.6;color:var(--soft);margin:0 0 22px}
.hfz-my [hidden]{display:none!important}
.hfz-my .sw{display:inline-flex;border:var(--thick) solid var(--ink);margin:0 0 26px}
.hfz-v2 .hfz-my .sw button{display:flex;align-items:center;gap:9px;font:800 17px/1 var(--bf);background:none;border:0;border-radius:0;color:var(--ink);padding:12px 18px;cursor:pointer}
.hfz-v2 .hfz-my .sw button:hover,.hfz-v2 .hfz-my .sw button:focus{background:none;color:var(--ink)}
.hfz-v2 .hfz-my .sw button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.hfz-my .sw svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.hfz-my .sw .n{font-weight:500;color:var(--soft)}
.hfz-my .sw [aria-selected=true] .n{color:var(--aqua)}
.hfz-v2 .hfz-my .sw button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.hfz-my .toast{font-size:15px;font-weight:700;color:var(--teal);margin:-10px 0 16px}
.hfz-v2 .hfz-my .share{font:800 14px/1 var(--bf);background:var(--aqua);color:var(--night);border:0;border-radius:0;padding:11px 18px;cursor:pointer}
.hfz-v2 .hfz-my .share:hover,.hfz-v2 .hfz-my .share:focus{background:var(--aqua);color:var(--night)}
.hfz-v2 .hfz-my .clear{background:none;border:0;border-radius:0;padding:0;color:var(--soft);text-decoration:underline;font:500 13px var(--bf);cursor:pointer}
.hfz-v2 .hfz-my .clear:hover,.hfz-v2 .hfz-my .clear:focus{background:none;color:var(--ink)}

/* ---- "כזה יש לי": composition bar ---- */
.hfz-my .comp .row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.hfz-my .comp b{display:block;font-family:var(--hf);font-weight:var(--hw);font-size:26px;line-height:1.2;color:var(--ink)}
.hfz-my .comp .row span{font-size:14px;color:var(--soft)}
.hfz-my .comp .act{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hfz-my .comp .act small{font-size:12px;color:var(--soft)}
.hfz-my .bar{display:flex;gap:3px;height:14px;margin-bottom:10px}
.hfz-my .bar i{display:block;min-width:6px}
.hfz-my .leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--text);margin-bottom:18px}
.hfz-my .leg span{display:inline-flex;align-items:center;gap:6px}
.hfz-my .leg span::before{content:"";width:10px;height:10px;background:var(--c)}

/* ---- "כזה יש לי": the knolling mat. Tile size by product type (size from my.php) ---- */
.hfz-my .mat{container-type:inline-size;background:var(--night);padding:20px}
.hfz-my .knoll{--g:12px;--cols:8;--cell:calc((100cqw - (var(--cols) - 1) * var(--g)) / var(--cols));
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);grid-auto-flow:dense;gap:var(--g);
  background-image:linear-gradient(rgba(102,252,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(102,252,241,.07) 1px,transparent 1px),linear-gradient(rgba(102,252,241,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(102,252,241,.16) 1px,transparent 1px);
  background-size:calc((var(--cell) + var(--g)) / 4) calc((var(--cell) + var(--g)) / 4),calc((var(--cell) + var(--g)) / 4) calc((var(--cell) + var(--g)) / 4),calc(var(--cell) + var(--g)) calc(var(--cell) + var(--g)),calc(var(--cell) + var(--g)) calc(var(--cell) + var(--g));
  background-position:calc(var(--g) / -2) calc(var(--g) / -2);min-height:calc(2 * var(--cell) + var(--g))}
.hfz-my .knoll:empty{display:none}
.hfz-my .knoll li{position:relative;margin:0;background:#fff;box-shadow:0 5px 0 -1px rgba(0,0,0,.4)}
.hfz-my .knoll li.k-L{grid-column:span 2;grid-row:span 2}
.hfz-my .knoll li.k-M{grid-column:span 2}
.hfz-my .knoll a{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:7px 8px;text-decoration:none}
.hfz-my .knoll .ph{position:absolute;inset:6px 6px 38px;display:block}
.hfz-my .knoll .ph img{width:100%;height:100%;object-fit:contain;display:block}
.hfz-my .knoll b{position:relative;font:800 11px/1.2 var(--bf);color:#1b1f27;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hfz-my .knoll .k-L b{font-size:14px}
.hfz-my .knoll small{position:relative;font:700 10px/1.3 var(--bf);color:#0B6F69} /* QA2 A-01: was #0f8a83, 4.21:1 */
.hfz-my .knoll a:hover b,.hfz-my .knoll a:focus b{text-decoration:underline}
.hfz-my .knoll a:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}
.hfz-v2 .hfz-my .knoll .x,.hfz-v2 .hfz-my .knoll .adopt{position:absolute;top:6px;left:6px;z-index:1;width:24px;height:24px;padding:0;border-radius:50%;border:0;background:#eef1f4;color:#1b1f27;font:700 14px/1 var(--bf);cursor:pointer}
.hfz-v2 .hfz-my .knoll .adopt{background:var(--aqua);color:var(--night);font-size:17px}
.hfz-v2 .hfz-my .knoll .adopt[aria-pressed=true]{background:var(--night);color:var(--aqua)}
.hfz-v2 .hfz-my .knoll .adopt[aria-pressed=true]::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;background:inherit;border-radius:50%}
.hfz-my .mat-empty p{font-size:16px;line-height:1.6;color:#C9D1D9;margin:6px 0 4px}
.hfz-my .wline{font-size:15px;color:var(--soft);margin:-6px 0 14px}
.hfz-my .matfoot,.hfz-my .wfoot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--soft)}

/* empty lists: popular reviews */
.hfz-my .mat-empty :is(h2,h3),.hfz-my .cart-empty :is(h2,h3){font-family:var(--hf);font-weight:var(--hw);font-size:20px;margin:18px 0 10px}
.hfz-my .mat-empty :is(h2,h3){color:#fff}.hfz-my .cart-empty :is(h2,h3){color:var(--ink)}
.hfz-my .pop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hfz-my .pop li{margin:0;background:#fff}
.hfz-my .pop a{display:flex;flex-direction:column;gap:6px;padding:8px;text-decoration:none}
.hfz-my .pop .ph{display:block;aspect-ratio:4/3}.hfz-my .pop .ph img{width:100%;height:100%;object-fit:contain}
.hfz-my .pop b{font:800 13px/1.3 var(--bf);color:#1b1f27}
.hfz-my .cart-empty p{font-size:16px;line-height:1.6;color:var(--text);margin:14px 0}
.hfz-my .cart-empty .pop li{outline:var(--thin) solid var(--line)}

/* ---- "כזה אני רוצה": the cart ---- */
.hfz-my .want h2{font-family:var(--hf);font-weight:var(--hw);font-size:26px;line-height:1.2;color:var(--ink);margin:0 0 12px}
.hfz-my .cart{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.hfz-my .lines{list-style:none;margin:0;padding:0;border-top:var(--thick) solid var(--ink)}
.hfz-my .lines:empty{display:none}
.hfz-my .lines li{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:var(--thin) solid var(--line);margin:0}
.hfz-my .lines .acts{display:flex;gap:18px;align-items:center}
.hfz-v2 .hfz-my .lines .buy{background:none;border:0;border-radius:0;padding:0;color:var(--teal);font:800 14px var(--bf);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hfz-v2 .hfz-my .lines .buy:hover,.hfz-v2 .hfz-my .lines .buy:focus{background:none;color:var(--ink)}
.hfz-my .lines .th{display:block;width:84px;height:63px;background:#fff;outline:var(--thin) solid var(--line)}
.hfz-my .lines .th .im{display:block;width:100%;height:100%}.hfz-my .lines .th img{width:100%;height:100%;object-fit:contain}
.hfz-my .lines .nm{display:block;font:800 17px/1.3 var(--bf);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.hfz-my .lines .nm:hover{text-decoration:underline}
.hfz-my .lines small{font-size:13px;color:var(--soft)}.hfz-my .lines small em{font-style:normal;font-weight:700;color:var(--teal)}
.hfz-v2 .hfz-my .lines .rm{background:none;border:0;border-radius:0;padding:0;color:var(--soft);text-decoration:underline;font:500 13px var(--bf);cursor:pointer}
.hfz-v2 .hfz-my .lines .rm:hover,.hfz-v2 .hfz-my .lines .rm:focus{background:none;color:var(--ink)}
.hfz-my .sum{border:var(--thick) solid var(--ink);padding:20px;position:sticky;top:80px}
.hfz-my .sum h3{font:800 18px/1.2 var(--bf);color:var(--ink);margin:0 0 12px}
.hfz-my .sum .ln{display:flex;justify-content:space-between;font-size:15px;color:var(--text);padding:7px 0;border-bottom:var(--thin) dashed var(--line)}
.hfz-my .sum .tot{display:flex;justify-content:space-between;font:800 18px var(--bf);color:var(--ink);padding:12px 0 16px}
.hfz-v2 .hfz-my .sum .pay{width:100%;font:800 18px/1 var(--bf);background:var(--ink);color:var(--paper);border:0;border-radius:0;padding:15px;cursor:pointer}
.hfz-v2 .hfz-my .sum .pay:hover,.hfz-v2 .hfz-my .sum .pay:focus{background:var(--ink);color:var(--paper)}
.hfz-my .sum p{font-size:13px;line-height:1.55;color:var(--soft);margin:10px 0 0}
.hfz-my .cta{margin-top:30px;padding:18px;border:var(--thin) solid var(--line);font-size:15px;line-height:1.6;color:var(--text)}
.hfz-my .cta a{color:var(--teal);font-weight:700}

@media (max-width:700px){
  .hfz-my .ttl{font-size:var(--h1m)}
  .hfz-v2 .hfz-my .sw button{padding:10px 12px;font-size:15px}
  .hfz-my .mat{padding:12px}
  .hfz-my .knoll{--cols:4;--g:10px}
  /* small tiles: no category line (the legend above already shows it), the photo stops above the name */
  .hfz-my .knoll small{display:none}
  .hfz-my .knoll a{padding:6px 7px}
  .hfz-my .knoll .ph{inset:5px 5px 34px}
  .hfz-my .knoll .k-L .ph{inset:6px 6px 40px}
  .hfz-my .pop{grid-template-columns:1fr 1fr}
  .hfz-my .cart{grid-template-columns:1fr}
  .hfz-my .lines li{grid-template-columns:64px minmax(0,1fr)}
  .hfz-my .lines .th{width:64px;height:48px;grid-row:span 2}
  .hfz-my .lines .acts,.hfz-my .lines .own-btn{grid-column:2}
  .hfz-my .sum{position:static}
  .hfz-my .comp .row{flex-wrap:wrap}
}
@media (max-width:700px){
  .hfz-review .hfz-own .btns{flex-direction:column}
}
/* product names are mostly Latin: keep "EarFun Air Pro 4+" in its own order, still aligned right */
.hfz-my .knoll b,.hfz-my .lines .nm,.hfz-my .pop b{unicode-bidi:plaintext;text-align:right}
/* no intro line on one's own collection: the switch sits a little lower under the title */
.hfz-my .ttl{margin-bottom:22px}
.hfz-my .ttl+.sub{margin-top:-12px}
/* under the mat / cart: one row right under the frame — the notes on the right (a thin divider between them), delete on the left */
.hfz-my .matfoot,.hfz-my .wfoot{align-items:baseline;margin-top:10px}
.hfz-my .notes span:not([hidden])+span::before{content:"";display:inline-block;width:var(--thin);height:.95em;background:var(--soft);opacity:.5;margin:0 10px;vertical-align:-2px}

/* ---- package ג2: the share window (a link, or the image card) ---- */
.hfz-my .hfz-share{width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;padding:26px 28px 28px;border:0;border-radius:0;background:var(--paper);color:var(--text);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.hfz-my .hfz-share::backdrop{background:rgba(10,12,16,.6)}
.hfz-my .hfz-share h2{font-family:var(--hf);font-weight:var(--hw);font-size:28px;line-height:1.2;color:var(--ink);margin:0 0 4px;padding-left:44px}
.hfz-my .hfz-share .sub{font-size:15px;line-height:1.55;color:var(--soft);margin:0 0 16px}
.hfz-my .hfz-share .toast{margin:0 0 12px}
.hfz-v2 .hfz-my .hfz-share .x{position:absolute;top:16px;left:16px;width:34px;height:34px;padding:0;border-radius:50%;border:0;background:var(--line);color:var(--ink);font:700 18px/1 var(--bf);cursor:pointer}
.hfz-my .hfz-share .opts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.hfz-my .hfz-share .opt{border:var(--thick) solid var(--ink);padding:18px;display:flex;flex-direction:column;gap:10px}
.hfz-my .hfz-share h3{display:flex;align-items:center;gap:8px;font:800 18px/1.2 var(--bf);color:var(--ink);margin:0}
.hfz-my .hfz-share h3 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hfz-my .hfz-share .opt p{font-size:14px;line-height:1.55;color:var(--text);margin:0}
.hfz-my .hfz-share .note{font-size:12px;color:var(--soft);margin-top:auto}
.hfz-my .hfz-share .img{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.hfz-my .hfz-share .pv{width:150px;aspect-ratio:1080/1350;background:var(--night);display:grid;place-items:center;color:#C9D1D9;font-size:13px;position:relative;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.hfz-my .hfz-share .pv img{width:100%;height:100%;display:block}
.hfz-my .hfz-share .pv.busy img{opacity:.45}
.hfz-my .hfz-share .pv .err{padding:10px;text-align:center;color:#ff9a8a;font-weight:700}
.hfz-my .hfz-share label{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.hfz-my .hfz-share input{width:100%;box-sizing:border-box;font:400 16px/1.4 var(--bf);color:var(--text);background:var(--field);border:var(--thin) solid var(--soft);border-radius:0;padding:9px 11px;margin:6px 0 4px}
.hfz-my .hfz-share input:focus{outline:3px solid var(--aqua);outline-offset:0}
.hfz-my .hfz-share small{display:block;font-size:12px;line-height:1.5;color:var(--soft);margin-bottom:12px}
.hfz-my .hfz-share .row{display:flex;gap:8px;flex-wrap:wrap}
.hfz-v2 .hfz-my .card-btn{font:800 14px/1 var(--bf);background:none;color:var(--ink);border:var(--thin) solid var(--ink);border-radius:0;padding:11px 16px;cursor:pointer}
.hfz-v2 .hfz-my .card-btn:hover,.hfz-v2 .hfz-my .card-btn:focus{background:var(--ink);color:var(--paper)}
.hfz-v2 .hfz-my .card-btn:disabled{opacity:.45;cursor:default;background:none;color:var(--ink)}
@media (max-width:640px){
  .hfz-my .hfz-share{width:100%;max-width:100%;margin:auto 0 0;max-height:92vh;padding:22px 16px 26px}
  .hfz-my .hfz-share .opts{grid-template-columns:1fr}
  .hfz-my .hfz-share .img{grid-template-columns:110px minmax(0,1fr)}
  .hfz-my .hfz-share .pv{width:110px}
}

/* =============================================================
   Package ד1: "כזה אני רוצה שתנסה" on summaries (orange, like everything "כאלו הם ניסו")
   ============================================================= */
.hfz-review .hfz-req{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:18px 0 8px;padding:14px 16px;background:var(--sum-bg);border-right:var(--thick) solid var(--t-fill)}
.hfz-review .hfz-req[hidden]{display:none}
.hfz-v2 .hfz-review .hfz-req .rq{display:inline-flex;align-items:center;font:800 15px/1 var(--bf);color:var(--t-ink);background:none;border:var(--thin) solid var(--t-ink);border-radius:0;padding:10px 14px;cursor:pointer}
.hfz-v2 .hfz-review .hfz-req .rq:hover,.hfz-v2 .hfz-review .hfz-req .rq:focus{background:none;color:var(--t-ink)}
.hfz-v2 .hfz-review .hfz-req .rq:focus-visible{outline:3px solid var(--t-fill);outline-offset:2px}
.hfz-v2 .hfz-review .hfz-req .rq[aria-pressed=true],.hfz-v2 .hfz-review .hfz-req .rq[aria-pressed=true]:hover{background:var(--t-fill);border-color:var(--t-fill);color:var(--t-on)}
.hfz-v2 .hfz-review .hfz-req .rq:disabled{opacity:.6;cursor:default}
.hfz-review .hfz-req .rq span{display:inline-flex;align-items:center;gap:8px}
.hfz-review .hfz-req svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hfz-review .hfz-req p{margin:0;font-size:14px;line-height:1.5;color:var(--text);flex:1 1 240px}
.hfz-review .hfz-req p b{color:var(--t-ink)}
.hfz-review .hfz-req p b[hidden]{display:none}
.hfz-review .hfz-req .on,.hfz-review .hfz-req.is-on .off{display:none!important}
.hfz-review .hfz-req.is-on .on{display:inline-flex!important}
.hfz-review .hfz-req p .on{display:none}
.hfz-review .hfz-req.is-on p .on{display:inline!important}
/* the strip says what the editor's badge ("סיכום בינלאומי — טרם הגיע לביקורת אצלי") says, so the badge hides —
   on every summary, old and new, without touching the posts. If the strip can't show (no storage), the badge stays. */
.hfz-review:has(.hfz-req:not([hidden])) .entry-content .hfz-agg-kicker{display:none!important} /* !important: the badge carries an inline display:flex */
.hfz-review .hfz-req p .off b{color:var(--ink)}

/* =============================================================
   Sidebar "האוסף שלי" (filled by v2.js; the night colour of the mat on /my/)
   ============================================================= */
.hfz-v2 .hfz-side-my{background:var(--night);color:#fff;padding:18px;margin-top:24px}
.hfz-v2 .hfz-side-my[hidden]{display:none}
.hfz-v2 .hfz-side-my h3{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--hf);font-weight:var(--hw);font-size:22px;line-height:1.2;color:#fff;margin:0 0 4px;padding:0;border:0}
.hfz-v2 .hfz-side-my h3 .all{font:700 13px var(--bf);color:var(--aqua);text-decoration:underline;white-space:nowrap}
.hfz-v2 .hfz-side-my h3 .all::after{content:" ←"}
.hfz-v2 .hfz-side-my .cnt{font-size:14px;color:#C9D1D9;margin:0 0 14px}
.hfz-v2 .hfz-side-my .inv{font-size:15px;line-height:1.6;color:#DDE3E8;margin:8px 0 14px}
.hfz-v2 .hfz-side-my .go{display:inline-block;background:var(--aqua);color:var(--night);font:800 14px/1 var(--bf);padding:11px 14px;text-decoration:none}
.hfz-v2 .hfz-side-my .go:hover,.hfz-v2 .hfz-side-my .go:focus{color:var(--night);outline:2px solid #fff;outline-offset:2px}
.hfz-v2 .hfz-side-my .mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.hfz-v2 .hfz-side-my .mini a{aspect-ratio:1;background:#fff;display:grid;place-items:center;overflow:hidden;text-decoration:none}
.hfz-v2 .hfz-side-my .mini img{width:86%;height:86%;object-fit:contain;display:block}
.hfz-v2 .hfz-side-my .mini .nm{font:700 10px/1.2 var(--bf);color:#1b1f27;padding:4px;text-align:center;unicode-bidi:plaintext;overflow:hidden}
.hfz-v2 .hfz-side-my .mini a:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}
.hfz-v2 .hfz-side-my .mini .more{background:#1F2833;color:var(--aqua);font:800 15px var(--bf);direction:ltr}
.hfz-v2 .hfz-side-my .bar{display:flex;gap:2px;height:8px;margin-bottom:8px}
.hfz-v2 .hfz-side-my .bar i{display:block;min-width:4px}
.hfz-v2 .hfz-side-my .line{font-size:13px;line-height:1.5;color:#C9D1D9;margin:0}

/* empty lists: popular reviews you can add right here */
.hfz-my .pop li{display:flex;flex-direction:column;position:relative}
.hfz-my .pop a{flex:1 1 auto}
.hfz-my .pop .tx{display:flex;flex-direction:column;gap:2px}
.hfz-my .pop .tx small{font:700 11px var(--bf);color:#0B6F69} /* a11y 2026-10-07: was #0f8a83, 4.21:1 */
.hfz-my .pop b{unicode-bidi:plaintext;text-align:right}
.hfz-v2 .hfz-my .pop .add{font:800 13px/1 var(--bf);border:0;border-radius:0;padding:10px;cursor:pointer;margin:0 8px 8px}
.hfz-v2 .hfz-my .pop.tiles .add,.hfz-v2 .hfz-my .pop.tiles .add:hover,.hfz-v2 .hfz-my .pop.tiles .add:focus{background:var(--aqua);color:var(--night)}
.hfz-v2 .hfz-my .pop.rows .add,.hfz-v2 .hfz-my .pop.rows .add:hover,.hfz-v2 .hfz-my .pop.rows .add:focus{background:var(--ink);color:var(--paper)}
/* in the cart the suggestions are rows, like the cart itself */
.hfz-my .pop.rows{grid-template-columns:1fr;gap:0;border-top:var(--thin) solid var(--line)}
.hfz-my .cart-empty .pop.rows li{outline:0;background:none;flex-direction:row;align-items:center;gap:14px;padding:12px 0;border-bottom:var(--thin) solid var(--line)}
.hfz-my .pop.rows a{display:flex;flex-direction:row;align-items:center;gap:14px;padding:0}
.hfz-my .pop.rows .ph{width:72px;height:54px;aspect-ratio:auto;flex:0 0 auto;background:#fff;outline:var(--thin) solid var(--line)}
.hfz-my .pop.rows b{color:var(--ink);font-size:16px}
.hfz-my .pop.rows .tx small{color:var(--teal);font-size:13px}
.hfz-v2 .hfz-my .pop.rows .add{margin:0;padding:10px 14px;flex:0 0 auto}
.hfz-my .cart:has(> .sum[hidden]){grid-template-columns:1fr} /* empty cart: no summary box, the list takes the full width */

/* =============================================================
   Package ה: 404 + empty search
   ============================================================= */
.hfz-v2.hfz-404 .site-main>:not(.hfz-404-box){display:none!important}
.hfz-404 .hfz-404-box .ah{margin-bottom:22px}
.hfz-404 .hfz-404-box .intro{max-width:none}
.hfz-404 .hfz-404-box .find{background:var(--wash);border-right:var(--thick) solid var(--aqua);padding:18px 20px;margin:0 0 34px}
.hfz-404 .hfz-404-box .find h2,.hfz-404 .hfz-404-box .latest{font-family:var(--hf);font-weight:var(--hw);font-size:22px;line-height:1.2;color:var(--ink);margin:0 0 12px;padding:0;border:0}
.hfz-404 .hfz-404-box .find .hfz-sform{margin:0;max-width:none}
.hfz-404 .hfz-404-box .latest{margin-bottom:0}
.hfz-v2 .hfz-sform{display:flex;gap:8px;max-width:560px;margin:6px 0 0}
.hfz-v2 .hfz-sform input{flex:1 1 auto;min-width:0;font:400 17px/1.4 var(--bf);color:var(--text);background:var(--field);border:var(--thin) solid var(--soft);border-radius:0;padding:11px 13px}
.hfz-v2 .hfz-sform input:focus{outline:3px solid var(--aqua);outline-offset:0}
.hfz-v2 .hfz-sform button{font:800 15px/1 var(--bf);background:var(--ink);color:var(--paper);border:0;border-radius:0;padding:0 20px;cursor:pointer}
.hfz-v2 .hfz-sform button:hover,.hfz-v2 .hfz-sform button:focus{background:var(--ink);color:var(--paper)}
.hfz-arch .srch-empty p{font-size:17px;line-height:1.6;color:var(--text);margin:6px 0 14px}

/* =============================================================
   Package ד2: "כאלו כדאי שתנסה" (/try/)
   ============================================================= */
.hfz-ask .hfz-ask-app .ttl{font-family:var(--hf);font-weight:var(--hw);font-size:46px;line-height:1.1;color:var(--ink);margin:0 0 10px;border-right:var(--thick) solid var(--t-fill);padding-right:16px}
.hfz-ask .intro{font-size:17px;line-height:1.6;color:var(--text);margin:0 0 22px}
.hfz-ask .mine{background:var(--sum-bg);padding:12px 14px;font-size:14px;line-height:1.6;color:var(--text);margin:0 0 22px}
.hfz-ask .mine[hidden]{display:none}
.hfz-ask .mine b{color:var(--t-ink)}
.hfz-ask .mine a{color:var(--ink);font-weight:700;unicode-bidi:plaintext}
.hfz-ask .mine .pend{color:var(--soft)}
.hfz-ask .ask{border:var(--thick) solid var(--ink);padding:18px;margin:0 0 32px}
.hfz-ask .ask h2,.hfz-ask .sec h2{font-family:var(--hf);font-weight:var(--hw);font-size:24px;line-height:1.2;color:var(--ink);margin:0 0 12px;padding:0;border:0}
.hfz-ask .ask label{display:block;font-size:14px;font-weight:700;color:var(--ink);margin:12px 0 6px}
.hfz-ask .ask label .opt{font-weight:400;color:var(--soft)}
.hfz-ask .ask input[type=text],.hfz-ask .ask textarea{width:100%;box-sizing:border-box;font:400 16px/1.5 var(--bf);color:var(--text);background:var(--field);border:var(--thin) solid var(--soft);border-radius:0;padding:10px 12px}
.hfz-ask .ask textarea{height:76px;resize:vertical}
.hfz-ask .ask input:focus,.hfz-ask .ask textarea:focus{outline:3px solid var(--aqua);outline-offset:0}
.hfz-ask .ask .hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none}
.hfz-ask .acw{position:relative}
.hfz-ask .ac{border:var(--thin) solid var(--ink);border-top:0;background:var(--paper)}
.hfz-ask .ac[hidden]{display:none}
.hfz-ask .ac .opt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:14px;border-bottom:var(--thin) solid var(--line)}
.hfz-ask .ac .opt:last-child{border-bottom:0}
.hfz-ask .ac b{color:var(--ink);unicode-bidi:plaintext}
.hfz-ask .ac em{font-style:normal;color:var(--soft);font-size:13px;margin-right:8px}
.hfz-v2 .hfz-ask .ac a,.hfz-v2 .hfz-ask .ac button{background:none;border:0;padding:0;font:800 14px var(--bf);color:var(--t-ink);text-decoration:none;white-space:nowrap;cursor:pointer}
.hfz-ask .ask .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.hfz-ask .ask small{font-size:13px;color:var(--soft)}
.hfz-v2 .hfz-ask .ask .send{font:800 15px/1 var(--bf);background:var(--t-fill);color:var(--t-on);border:0;border-radius:0;padding:13px 20px;cursor:pointer}
.hfz-v2 .hfz-ask .ask .send:hover,.hfz-v2 .hfz-ask .ask .send:focus{background:var(--t-fill);color:var(--t-on);outline:2px solid var(--ink);outline-offset:2px}
.hfz-v2 .hfz-ask .ask .send:disabled{opacity:.6}
.hfz-ask .ask .msg{margin:12px 0 0;font-weight:700;color:var(--ink)}
.hfz-ask .ask .msg[hidden]{display:none}
.hfz-ask .sec{margin:0 0 32px}
.hfz-ask .list{list-style:none;margin:0;padding:0;border-top:var(--thick) solid var(--ink);counter-reset:r}
.hfz-ask .list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:var(--thin) solid var(--line);counter-increment:r;margin:0;scroll-margin-top:80px}
.hfz-ask .list li::before{content:counter(r);font-family:var(--hf);font-size:22px;color:var(--soft);text-align:center}
.hfz-ask .done .list li{grid-template-columns:34px minmax(0,1fr)}
.hfz-ask .done .list li::before{content:"✓";color:var(--teal)}
.hfz-ask .list .nm b{display:block;font-size:17px;font-weight:800;color:var(--ink);unicode-bidi:plaintext;text-align:right}
.hfz-ask .list .sl{font-size:13px;color:var(--soft)}
.hfz-ask .list .st{font-weight:800;color:var(--t-ink);text-decoration:none}
.hfz-ask .list .st.tried{color:var(--teal)}
.hfz-ask .list .n{font-weight:800;color:var(--t-ink)}
.hfz-v2 .hfz-ask .vote{font:800 13px/1 var(--bf);background:none;color:var(--t-ink);border:var(--thin) solid var(--t-ink);border-radius:0;padding:9px 12px;white-space:nowrap;cursor:pointer}
.hfz-v2 .hfz-ask .vote:hover,.hfz-v2 .hfz-ask .vote:focus{background:none;color:var(--t-ink)}
.hfz-v2 .hfz-ask .vote[aria-pressed=true],.hfz-v2 .hfz-ask .vote[aria-pressed=true]:hover{background:var(--t-fill);border-color:var(--t-fill);color:var(--t-on)}
.hfz-ask .vote .on,.hfz-ask .vote[aria-pressed=true] .off{display:none}
.hfz-ask .vote[aria-pressed=true] .on{display:inline}
.hfz-ask .none{color:var(--soft)}
.hfz-v2 .hfz-side-pop .panel a.more{border:0;color:var(--t-ink);font-weight:800;padding-top:10px}
.hfz-arch .srch-empty .ask-it{margin:14px 0 0;font-size:16px}
.hfz-arch .srch-empty .ask-it a{color:var(--t-ink);font-weight:800}
@media (max-width:700px){
  .hfz-ask .hfz-ask-app .ttl{font-size:32px}
  .hfz-ask .list li{grid-template-columns:28px minmax(0,1fr)}
  .hfz-ask .vote{grid-column:2;justify-self:start}
}
.hfz-ask .ask .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hfz-ask .ask h2+.screen-reader-text+.acw{margin-top:4px}

/* fix round: the count in the /my/ tab switcher — in dark mode the selected tab is light, so aqua was unreadable */
html.hfz-dark .hfz-my .sw [aria-selected=true] .n{color:inherit;opacity:.65}

/* fix round: the empty sidebar widget on a review — this product's two buttons */
.hfz-v2 .hfz-side-my .start{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.hfz-v2 .hfz-side-my .start-btn{font:800 14px/1 var(--bf);background:var(--aqua);color:var(--night);border:0;border-radius:0;padding:12px 14px;text-align:right;cursor:pointer}
.hfz-v2 .hfz-side-my .start-btn+.start-btn{background:none;color:var(--aqua);outline:var(--thin) solid var(--aqua);outline-offset:-1px}
.hfz-v2 .hfz-side-my .start-btn:hover,.hfz-v2 .hfz-side-my .start-btn:focus{background:var(--aqua);color:var(--night)}
.hfz-v2 .hfz-side-my .go.link{display:table;margin-right:auto;background:none;color:var(--aqua);padding:0;text-decoration:underline;font-weight:700} /* left, like "לאוסף ←" in the full widget */


/* =============================================================
   Fix round: the header stays on screen — full at the top of the page, compact once you scroll.
   v2.js fixes it in place (html.hfz-hfix) and pads the page by its full height, so shrinking it moves nothing.
   Without JS it is simply sticky. In reading mode it scrolls away like before.
   ============================================================= */
.hfz-hdr{position:sticky;top:0;transition:box-shadow .2s}
html.hfz-hfix .hfz-hdr{position:fixed;top:0;left:0;right:0}
html.hfz-hfix body{padding-top:var(--hdrh,66px)}
body.admin-bar .hfz-hdr{top:32px}
@media (max-width:782px){body.admin-bar .hfz-hdr{top:46px}}
@media (max-width:600px){body.admin-bar .hfz-hdr{top:0}}
html.hfz-reading .hfz-hdr,html.hfz-reading.hfz-hfix .hfz-hdr{position:relative;top:auto}
html.hfz-reading.hfz-hfix body{padding-top:0}
html{scroll-padding-top:80px}
.hfz-hdr .logo .lw{display:none;height:28px;width:auto}
.hfz-hdr>.in,.hfz-hdr .cats>li>a{transition:padding .2s}
.hfz-hdr.is-compact{box-shadow:0 2px 0 var(--aqua),0 8px 18px rgba(0,0,0,.35)}
.hfz-hdr.is-compact>.in{padding-top:2px;padding-bottom:2px}
.hfz-hdr.is-compact .cats>li>a{padding-top:11px;padding-bottom:11px}
.hfz-hdr.is-compact .logo:has(.lw) .lf{display:none}
.hfz-hdr.is-compact .logo .lw{display:block}

/* =============================================================
   Fix round: the Ko-fi widget as a receipt
   ============================================================= */
.hfz-v2 .hfz-rcpt{border:var(--thick) solid var(--ink);background:var(--paper);padding:18px 18px 16px;margin:0 0 24px}
.hfz-rcpt .lg{width:150px;aspect-ratio:774/311;margin:2px auto 16px;background:var(--ink);-webkit-mask:var(--lg) center/contain no-repeat;mask:var(--lg) center/contain no-repeat}
.hfz-v2 .hfz-rcpt h3{font-family:var(--hf);font-weight:var(--hw);font-size:19px;line-height:1.3;color:var(--ink);text-align:center;margin:0 0 12px;padding:0;border:0;text-wrap:balance}
.hfz-rcpt hr{border:0;border-top:1.5px dashed var(--soft);margin:10px 0;height:0;background:none}
.hfz-rcpt .item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:2px 0}
.hfz-rcpt .item .th{width:44px;height:44px;background:var(--wash);display:grid;place-items:center;font-size:24px;line-height:1}
.hfz-rcpt .item small{display:block;font-size:12px;font-weight:700;color:var(--soft)}
.hfz-rcpt .item b{display:block;font-size:16px;font-weight:800;line-height:1.35;color:var(--ink);text-wrap:balance}
.hfz-rcpt .row{display:flex;justify-content:space-between;font-size:14px;color:var(--text);padding:3px 0}
.hfz-rcpt .row span:last-child{font-weight:800;color:var(--ink)}
.hfz-rcpt .row.tot{font-size:15px;font-weight:800;color:var(--ink);padding-top:0}
.hfz-v2 .hfz-rcpt .pay{display:block;text-align:center;background:var(--aqua);color:var(--night);font:800 15px/1 var(--bf);padding:14px;margin-top:12px;text-decoration:none}
.hfz-v2 .hfz-rcpt .pay:hover,.hfz-v2 .hfz-rcpt .pay:focus{color:var(--night);outline:2px solid var(--ink);outline-offset:2px}
.hfz-rcpt .note{display:block;text-align:center;font-size:12px;color:var(--soft);margin-top:8px}
/* footer: the small grey logo at the bottom */
.hfz-ftr .bot .word.lg{display:block;width:76px;aspect-ratio:774/222;background:#8A949E;-webkit-mask:var(--lg) center/contain no-repeat;mask:var(--lg) center/contain no-repeat}
.hfz-ftr .bot .word.lg:hover,.hfz-ftr .bot .word.lg:focus{background:var(--aqua)}

/* =============================================================
   QA round 1 (2026-10-05) — from hafizim-qa-report-2026-10-05.md
   ============================================================= */

/* ---- QA-02: static pages (body.page) get the same grid as reviews/archives.
   /my/ already runs on the review layout, so pages carrying .hfz-review are left alone
   (checked on both <html> and <body>, wherever the class sits). ---- */
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site.grid-container{max-width:var(--maxw)}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start;padding:34px 28px 60px}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-content>.content-area{grid-column:1;grid-row:1}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-content>.widget-area{grid-column:2;grid-row:1}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-content>*{width:auto!important;float:none!important;margin:0!important;min-width:0}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-main{margin:0!important;padding:0!important}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-main>article{margin:0!important}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .inside-article{padding:0!important;margin:0!important;background:none!important}
/* page title = archive head (aqua bar) */
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .entry-header{margin:0 0 28px}
html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .entry-header .entry-title{margin:0;font-size:var(--h1);border-right:var(--thick) solid var(--aqua);padding-right:18px;overflow-wrap:anywhere}
@media (max-width:900px){
  html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-content{grid-template-columns:1fr;gap:36px;padding:22px 18px 44px}
  html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .site-content>.widget-area{grid-column:1;grid-row:2}
}
@media (max-width:720px){
  html.hfz-v2:not(.hfz-review) body.page:not(.hfz-review) .entry-header .entry-title{font-size:var(--h1m)}
}

/* ---- QA-07: square corners inside post content too (editor galleries, inline radii, the Google buttons) ---- */
.hfz-v2 .entry-content :is(img,a,figure,picture,iframe,video,table,[style*="radius"]){border-radius:0!important}

/* ---- QA-08: Google Discover / "מקור מועדף" buttons get a frame in dark mode ---- */
html.hfz-dark .entry-content :is(a[href*="share.google"],a[href*="google.com/preferences/source"]){box-shadow:inset 0 0 0 var(--thin) var(--soft)!important}

/* ---- QA-15: logged-in on mobile — keep the admin bar on one row so it doesn't cover the header ---- */
@media (max-width:782px){
  #wp-admin-bar-reader{display:none!important}
}

/* ---- QA-16: mobile section heads — the "לכל ה…" link drops under the title instead of squeezing it ---- */
@media (max-width:720px){
  .hfz-home .sh{flex-wrap:wrap;row-gap:8px}
  .hfz-home .sh h2{flex:0 0 auto;max-width:100%}
}

/* =============================================================
   QA round 2 (2026-10-05)
   ============================================================= */
/* QA-06: on "כאלו הם ניסו" the chips sit above the line; the bar is now just the thick line */
.hfz-arch .ah .bar:empty{padding-top:0}

/* QA-09: "הצגת המפרט המלא" — the same outline button in light and dark */
.hfz-review .hfz-toggle,.hfz-review .hfz-toggle:hover,.hfz-review .hfz-toggle:focus,
html.hfz-dark .hfz-review .hfz-toggle{background:none;color:var(--ink);box-shadow:inset 0 0 0 var(--thin) var(--ink)}
.hfz-review .hfz-toggle:hover{box-shadow:inset 0 0 0 2px var(--ink)}
/* QA-09: search button (404, empty search) = primary, like "לתמיכה" */
.hfz-v2 .hfz-sform button,.hfz-v2 .hfz-sform button:hover,.hfz-v2 .hfz-sform button:focus{background:var(--aqua);color:var(--night)}
.hfz-v2 .hfz-sform button:hover{outline:2px solid var(--ink);outline-offset:2px}

/* QA-12: sidebar "פופולריים" — prefix as a small label above the name (like the homepage cards) */
.hfz-v2 .hfz-side-pop .panel a .pre{display:block;font-size:13px;font-weight:700;line-height:1.3;color:var(--soft);margin-bottom:2px}


/* =============================================================
   QA2 fix round (2026-10-06) — hafizim-qa2-a11y-security-perf-seo-2026-10-06.md
   ============================================================= */
/* Compact header: a real shrink (desktop ~66 → ~36px). The word-only logo is smaller than the
   word inside the full logo (full logo 50px tall ≈ word 36px; mobile 36px ≈ word 26px). */
.hfz-hdr.is-compact>.in{padding-top:0;padding-bottom:0}
.hfz-hdr.is-compact .cats>li>a{padding-top:7px;padding-bottom:7px}
.hfz-hdr.is-compact .logo .lw{height:22px}
.hfz-hdr.is-compact .ico{width:32px;height:32px}
.hfz-hdr .ico{transition:width .2s,height .2s}
@media (max-width:900px){
  .hfz-hdr.is-compact .logo .lw{height:18px}
}

/* M-01 (logged in only): the admin bar wraps to two rows below ~1150px and covers the header.
   Hide the low-value items there (Reader, Jetpack stats graph, Insights, Customize, WPCode, search). */
@media (max-width:1150px){
  #wp-admin-bar-reader,#wp-admin-bar-stats,#wp-admin-bar-monsterinsights_frontend_button,
  #wp-admin-bar-customize,#wp-admin-bar-wpcode-admin-bar-info,#wpadminbar #wp-admin-bar-search{display:none!important}
}

/* F-03: tablet, one column — keep the review's reading measure (~80 chars) instead of the full width */
@media (min-width:721px) and (max-width:900px){
  .hfz-review .site-content>.content-area,.hfz-review .site-content>.widget-area{max-width:680px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}
}

/* =============================================================
   11. Static pages (מה זה בעצם / מי אני / צרו קשר / הצהרת נגישות) — 2026-10-08
   The content stays plain HTML in WordPress; a few hfz-* classes and data-i attributes
   (ignored by the old design) pick the components below. Square corners, thick lines,
   the same tokens as everywhere else, so dark mode comes for free.
   ============================================================= */
.hfz-v2 body:is(.page-id-640,.page-id-2042,.page-id-1814,.page-id-856) .entry-content{color:var(--text);font-size:18px;line-height:1.85}
.hfz-v2 body:is(.page-id-640,.page-id-2042,.page-id-1814,.page-id-856) .entry-content>p{margin:0 0 1.1em}
.hfz-v2 body:is(.page-id-640,.page-id-2042,.page-id-1814,.page-id-856) .entry-content a{color:var(--teal);text-underline-offset:3px}
.hfz-v2 body:is(.page-id-640,.page-id-2042,.page-id-1814,.page-id-856) .entry-content strong{color:var(--ink);font-weight:700}
.hfz-v2 body:is(.page-id-640,.page-id-2042,.page-id-1814,.page-id-856) .entry-content h2{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--hls);font-size:var(--ct,26px);line-height:1.15;color:var(--ink);
  border-top:var(--thick) solid var(--ink);padding:16px 0 0;margin:46px 0 22px}
.hfz-v2 body:is(.page-id-640,.page-id-2042,.page-id-1814,.page-id-856) .entry-content h2::before{content:"";display:inline-block;width:var(--thick);height:.95em;background:var(--aqua);margin-left:14px;vertical-align:-.1em}
.hfz-v2 body:is(.page-id-640,.page-id-2042,.page-id-1814,.page-id-856) .entry-content ul:not([class]){margin:0 1.3em 1.1em 0;padding:0}

/* lead paragraph */
.hfz-v2 .entry-content .hfz-lead{font-size:22px;line-height:1.7;color:var(--ink);margin:0 0 30px;text-wrap:pretty}

/* "last updated" stamp */
.hfz-v2 .entry-content .hfz-stamp{display:inline-block;font-size:13px;font-weight:700;color:var(--soft);border:var(--thin) solid var(--line);padding:4px 10px;margin:-8px 0 26px;line-height:1.4}

/* icons: any element with data-i gets its icon in ::before (stroke icons, coloured by background) */
.hfz-v2 .entry-content [data-i]::before{content:"";display:block;width:34px;height:34px;background:var(--teal);
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
[data-i="tried"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='0'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3Cpath d='M9 10l2 2 4-4'/%3E%3C/svg%3E")}
[data-i="world"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.7 3.8 5.7 3.8 9s-1.2 6.3-3.8 9c-2.6-2.7-3.8-5.7-3.8-9S9.4 5.7 12 3z'/%3E%3C/svg%3E")}
[data-i="pen"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l1-5L16 4l4 4L9 19z'/%3E%3Cpath d='M13.5 6.5l4 4M4 20h16'/%3E%3C/svg%3E")}
[data-i="vote"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11v9H3.5v-9zM7 11l4-7.5c1.4 0 2.3 1 2 2.4L12.3 9.5H19c1.2 0 2 1 1.8 2.2l-1.3 6.4c-.2 1.1-1.1 1.9-2.2 1.9H7'/%3E%3C/svg%3E")}
[data-i="have"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='8'/%3E%3Crect x='13' y='3' width='8' height='5'/%3E%3Crect x='13' y='10' width='8' height='11'/%3E%3Crect x='3' y='13' width='8' height='8'/%3E%3C/svg%3E")}
[data-i="want"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.5 11h11L21 7H6.2'/%3E%3Ccircle cx='9' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3C/svg%3E")}
[data-i="lock"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10.5'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 8 0v3.5M12 14.5v3'/%3E%3C/svg%3E")}
[data-i="camera"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h4l1.5-2.5h7L17 8h4v12H3z'/%3E%3Ccircle cx='12' cy='13.5' r='3.8'/%3E%3C/svg%3E")}
[data-i="heart"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-4.7-8-10.5A4.5 4.5 0 0 1 12 6.6a4.5 4.5 0 0 1 8 2.9C20 15.3 12 20 12 20z'/%3E%3C/svg%3E")}
[data-i="chat"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5'/%3E%3C/svg%3E")}
[data-i="compare"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 21h14M5 7h14'/%3E%3Cpath d='M5 7l-2.5 6a2.5 2.5 0 0 0 5 0zM19 7l-2.5 6a2.5 2.5 0 0 0 5 0z'/%3E%3C/svg%3E")}
[data-i="box"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5L12 3l9 4.5v9L12 21l-9-4.5z'/%3E%3Cpath d='M3 7.5l9 4.5 9-4.5M12 12v9'/%3E%3C/svg%3E")}
[data-i="deal"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l2 4.5 5 .5-3.8 3.3 1.1 4.9L12 14.6l-4.3 2.6 1.1-4.9L5 9l5-.5z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")}
[data-i="mail"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14'/%3E%3Cpath d='M3 6l9 7 9-7'/%3E%3C/svg%3E")}
[data-i="fb"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-2.8 0-4.5 1.8-4.5 4.6V11H7v4h2.5v6h4v-6H16l.5-4h-3V8.9c0-.6.3-.9.5-.9z'/%3E%3C/svg%3E")}
[data-i="in"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h3.5v11H4zM5.75 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM10 9h3.3v1.6c.6-1 1.8-1.9 3.6-1.9 3.3 0 4.1 2.1 4.1 5V20h-3.5v-5.4c0-1.4-.3-2.6-1.8-2.6s-2.2 1.1-2.2 2.6V20H10z'/%3E%3C/svg%3E")}

/* features: stacked rows, icon on the right, title on its own line (long texts) */
.hfz-v2 .entry-content .hfz-feats{list-style:none;margin:0 0 10px;padding:0}
.hfz-v2 .entry-content .hfz-feats>li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;padding:22px 0;border-bottom:var(--thin) solid var(--line);margin:0}
.hfz-v2 .entry-content .hfz-feats>li:first-child{padding-top:4px}
.hfz-v2 .entry-content .hfz-feats>li:last-child{border-bottom:0}
.hfz-v2 .entry-content .hfz-feats>li::before{grid-row:1/span 2;width:34px;height:34px;margin-top:2px}
.hfz-v2 .entry-content .hfz-feats>li>strong:first-child{display:block;font-family:var(--hf);font-weight:var(--hw);font-size:24px;line-height:1.2;letter-spacing:var(--hls);margin:2px 0 8px}
.hfz-v2 .entry-content .hfz-feats>li>strong:first-child a{color:var(--ink);text-decoration:none;box-shadow:inset 0 calc(-1 * var(--thick)) 0 var(--aqua)}
.hfz-v2 .entry-content .hfz-feats>li>strong:first-child a:hover{color:var(--teal)}
.hfz-v2 .entry-content .hfz-feats>li>strong:first-child small{display:block;font-family:var(--bf);font-size:13px;font-weight:700;letter-spacing:0;color:var(--soft);margin-top:4px}
.hfz-v2 .entry-content .hfz-feats>li>span{grid-column:2}
/* "כאלו הם ניסו" keeps its orange */
.hfz-v2 .entry-content .hfz-feats>li.t::before{background-color:var(--t-fill)}
.hfz-v2 .entry-content .hfz-feats>li.t>strong:first-child a{box-shadow:inset 0 calc(-1 * var(--thick)) 0 var(--t-fill)}
.hfz-v2 .entry-content .hfz-feats>li.t>strong:first-child a:hover{color:var(--t-ink)}
/* smaller variant (transparency) */
.hfz-v2 .entry-content .hfz-feats.sm>li>strong:first-child{font-size:20px}

/* cards: a grid of short items, thick line on top */
.hfz-v2 .entry-content .hfz-cards{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px 22px}
.hfz-v2 .entry-content .hfz-cards>li{margin:0;border-top:var(--thick) solid var(--ink);padding:16px 0 0;font-size:16px;line-height:1.7}
.hfz-v2 .entry-content .hfz-cards>li::before{margin-bottom:12px}
.hfz-v2 .entry-content .hfz-cards>li>strong:first-child{display:block;font-family:var(--hf);font-weight:var(--hw);font-size:21px;line-height:1.2;letter-spacing:var(--hls);margin:0 0 6px}
.hfz-v2 .entry-content .hfz-cards>li>strong:first-child a{color:var(--ink);text-decoration:none}
.hfz-v2 .entry-content .hfz-cards>li>strong:first-child a:hover{color:var(--teal)}
.hfz-v2 .entry-content .hfz-cards.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
/* a card's action link (→) */
.hfz-v2 .entry-content .hfz-go{display:inline-block;margin-top:8px;font-weight:700;color:var(--ink)!important;text-decoration:none;box-shadow:inset 0 calc(-1 * var(--thin)) 0 currentColor}
.hfz-v2 .entry-content .hfz-go::after{content:" ←"}
.hfz-v2 .entry-content .hfz-go:hover{color:var(--teal)!important}

/* checklist (accessibility) */
.hfz-v2 .entry-content .hfz-check{list-style:none;margin:0 0 10px;padding:0}
.hfz-v2 .entry-content .hfz-check>li{position:relative;margin:0;padding:12px 40px 12px 0;border-bottom:var(--thin) solid var(--line)}
.hfz-v2 .entry-content .hfz-check>li::before{content:"";position:absolute;right:0;top:15px;width:24px;height:24px;background:var(--aqua);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24'/%3E%3C/svg%3E") center/contain no-repeat}
.hfz-v2 .entry-content .hfz-check>li::after{content:"";position:absolute;right:5px;top:20px;width:14px;height:14px;background:var(--night);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.hfz-v2 .entry-content .hfz-check>li>strong:first-child{display:block}

/* boxed note (what isn't accessible yet) */
.hfz-v2 .entry-content .hfz-box{background:var(--wash);border-right:var(--thick) solid var(--t-fill);padding:20px 22px 6px;margin:0 0 10px}
.hfz-v2 .entry-content .hfz-box ul{list-style:none;margin:0;padding:0}
.hfz-v2 .entry-content .hfz-box li{margin:0 0 14px}
.hfz-v2 .entry-content .hfz-box li>strong:first-child{display:block}

/* career timeline (מי אני) */
.hfz-v2 .entry-content .hfz-tl{list-style:none;margin:6px 0 10px;padding:0 34px 0 0;position:relative}
.hfz-v2 .entry-content .hfz-tl::before{content:"";position:absolute;right:8px;top:10px;bottom:10px;width:var(--thick);background:var(--line)}
.hfz-v2 .entry-content .hfz-tl>li{position:relative;margin:0 0 26px}
.hfz-v2 .entry-content .hfz-tl>li::before{content:"";position:absolute;right:-34px;top:7px;width:20px;height:20px;background:var(--paper);border:var(--thick) solid var(--ink);box-sizing:border-box}
.hfz-v2 .entry-content .hfz-tl>li>b:first-child{display:block;direction:ltr;text-align:right;font-family:var(--hf);font-weight:var(--hw);font-size:26px;line-height:1.2;color:var(--teal);margin:0 0 4px;letter-spacing:var(--hls)}
.hfz-v2 .entry-content .hfz-tl>li.hl{background:var(--wash);padding:16px 18px 6px;margin-right:-12px}
.hfz-v2 .entry-content .hfz-tl>li.hl::before{right:-22px;top:23px;background:var(--aqua);border-color:var(--ink)}
.hfz-v2 .entry-content .hfz-tl>li.hl>b:first-child{color:var(--ink)}
.hfz-v2 .entry-content .hfz-tl>li.hl>b:first-child::before{content:"חפיצים";display:inline-block;margin-right:10px;font:700 12px/1 var(--bf);letter-spacing:0;background:var(--aqua);color:var(--night);padding:5px 7px;vertical-align:.35em}

/* portrait (מי אני): square, offset aqua block behind */
.hfz-v2 .entry-content .hfz-me{float:left;width:46%;max-width:340px;margin:6px 30px 26px 14px;position:relative}
.hfz-v2 .entry-content .hfz-me img{display:block;width:100%;height:auto;position:relative;z-index:1;border-radius:0}
.hfz-v2 .entry-content .hfz-me::before{content:"";position:absolute;inset:14px 14px -14px -14px;background:var(--aqua)}
.hfz-v2 .entry-content .hfz-clear{clear:both}

/* contact buttons */
.hfz-v2 .entry-content .hfz-contact{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hfz-v2 .entry-content .hfz-contact>li{margin:0;display:flex}
.hfz-v2 .entry-content .hfz-contact>li::before{display:none}
.hfz-v2 .entry-content .hfz-contact a{flex:1;display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 12px;align-items:center;border:var(--thick) solid var(--ink);padding:14px 16px;color:var(--ink)!important;text-decoration:none;line-height:1.35}
.hfz-v2 .entry-content .hfz-contact a::before{content:"";grid-row:1/span 2;width:30px;height:30px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.hfz-v2 .entry-content .hfz-contact a b{font-family:var(--hf);font-weight:var(--hw);font-size:20px;letter-spacing:var(--hls)}
.hfz-v2 .entry-content .hfz-contact a small{font-size:14px;color:var(--soft);direction:ltr;text-align:right}
.hfz-v2 .entry-content .hfz-contact a:hover{background:var(--ink);color:var(--paper)!important}
.hfz-v2 .entry-content .hfz-contact a:hover small{color:var(--paper)}
.hfz-v2 .entry-content .hfz-contact .main{grid-column:1/-1}
.hfz-v2 .entry-content .hfz-contact .main a{background:var(--aqua);border-color:var(--aqua);color:var(--night)!important}
.hfz-v2 .entry-content .hfz-contact .main a small{color:var(--night);font-size:15px}
.hfz-v2 .entry-content .hfz-contact .main a:hover{outline:2px solid var(--ink);outline-offset:2px;background:var(--aqua)}
.hfz-v2 .entry-content .hfz-contact .main a span{grid-column:2;font-size:15px;color:var(--night)}

/* design history (מה זה בעצם): one picture per design, years underneath (tabs) */
.hfz-v2 .entry-content .hfz-eras{margin:0 0 14px}
.hfz-eras .st{position:relative;aspect-ratio:1600/940;overflow:hidden}
.hfz-eras .st>figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .45s ease;visibility:hidden}
.hfz-eras .st>figure.on{opacity:1;visibility:visible}
.hfz-eras .st img{width:100%;height:100%;object-fit:contain;display:block}
.hfz-eras .cap{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0 0;min-height:52px}
.hfz-eras .cap b{font-family:var(--hf);font-weight:var(--hw);font-size:21px;color:var(--ink);letter-spacing:var(--hls)}
.hfz-eras .cap span{font-size:15px;color:var(--soft);unicode-bidi:plaintext}
.hfz-eras .yrs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:var(--thick) solid var(--ink);margin-top:10px;position:relative}
.hfz-v2 .hfz-eras .yrs button,.hfz-v2 .hfz-eras .yrs button:hover,.hfz-v2 .hfz-eras .yrs button:focus{background:none;border:0;border-radius:0;padding:12px 4px 4px;cursor:pointer;color:var(--soft);
  font:400 22px/1 var(--hf);letter-spacing:var(--hls);position:relative;box-shadow:none}
.hfz-eras .yrs button small{display:block;font:700 12px/1.3 var(--bf);letter-spacing:0;margin-top:5px}
.hfz-eras .yrs button::before{content:"";position:absolute;top:-12px;left:50%;width:16px;height:16px;margin-left:-8px;background:var(--paper);border:var(--thick) solid var(--soft);box-sizing:border-box}
.hfz-v2 .hfz-eras .yrs button[aria-selected="true"]{color:var(--ink)}
.hfz-eras .yrs button[aria-selected="true"]::before{background:var(--aqua);border-color:var(--ink);width:22px;height:22px;top:-13px;margin-left:-11px}
.hfz-v2 .hfz-eras .yrs button:hover{color:var(--teal)}
@media (prefers-reduced-motion:reduce){.hfz-eras .st>figure{transition:none}}

@media (max-width:720px){
  .hfz-v2 .entry-content .hfz-lead{font-size:20px}
  .hfz-v2 .entry-content .hfz-me{float:none;width:auto;max-width:none;margin:4px 0 34px 14px}
  .hfz-v2 .entry-content .hfz-contact{grid-template-columns:1fr}
  .hfz-v2 .entry-content .hfz-feats>li{grid-template-columns:30px minmax(0,1fr);column-gap:12px}
  .hfz-v2 .entry-content .hfz-feats>li::before{width:30px;height:30px}
  .hfz-eras .yrs button{font-size:17px}
  .hfz-eras .yrs button small{font-size:11px}
}

/* =============================================================
   12. Sidebar: "כאלו ביקשתם שאנסה" — its own widget (was the "מבוקשים" tab) — 2026-10-08
   ============================================================= */
.hfz-v2 .hfz-side-req{border-top:var(--thick) solid var(--ink);padding-top:14px}
.hfz-v2 .hfz-side-req .h{margin:0 0 4px;font-family:var(--hf);font-weight:var(--hw);font-size:22px;line-height:1.15;letter-spacing:var(--hls);color:var(--ink);border-right:var(--thick) solid var(--aqua);padding-right:10px}
.hfz-v2 .hfz-side-req .h a{color:inherit;text-decoration:none}
.hfz-v2 .hfz-side-req .h a:hover{color:var(--teal)}
.hfz-v2 .hfz-side-req .sub{margin:0 0 6px;font-size:14px;line-height:1.5;color:var(--soft)}
.hfz-v2 .hfz-side-req .rl{list-style:none;margin:0;padding:0;counter-reset:rl}
.hfz-v2 .hfz-side-req .rl li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:var(--thin) solid var(--line);margin:0}
.hfz-v2 .hfz-side-req .rl li::before{counter-increment:rl;content:counter(rl);font:400 22px/1 var(--hf);color:var(--teal);text-align:center}
.hfz-v2 .hfz-side-req .nm{min-width:0}
.hfz-v2 .hfz-side-req .nm b{display:block;font-size:15px;font-weight:700;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.hfz-v2 .hfz-side-req .nm small{display:block;font-size:13px;line-height:1.4;color:var(--soft);margin-top:2px}
.hfz-v2 .hfz-side-req .nm small a{color:var(--soft);text-decoration:none;box-shadow:inset 0 calc(-1 * var(--thin)) 0 currentColor}
.hfz-v2 .hfz-side-req .nm small a:hover{color:var(--teal)}
.hfz-v2 .hfz-side-req .v,.hfz-v2 .hfz-side-req .v:hover,.hfz-v2 .hfz-side-req .v:focus{background:none;border:var(--thin) solid var(--ink);border-radius:0;color:var(--ink);font:700 12px/1 var(--bf);padding:7px 8px;white-space:nowrap;cursor:pointer;box-shadow:none}
.hfz-v2 .hfz-side-req .v:hover{background:var(--ink);color:var(--paper)}
.hfz-v2 .hfz-side-req .v[aria-pressed="true"]{background:var(--aqua);border-color:var(--aqua);color:var(--night)}
.hfz-v2 .hfz-side-req .v .on,.hfz-v2 .hfz-side-req .v[aria-pressed="true"] .off{display:none}
.hfz-v2 .hfz-side-req .v[aria-pressed="true"] .on{display:inline}
.hfz-v2 .hfz-side-req .none{margin:10px 0 0;font-size:14px;color:var(--soft)}
/* "ask for something else": goes to /try/ with the name filled in (the full form there shows matches first) */
.hfz-v2 .hfz-side-req form{display:flex;margin:14px 0 0}
.hfz-v2 .hfz-side-req input{flex:1;min-width:0;border:var(--thin) solid var(--soft);border-left:0;border-radius:0;background:var(--field);color:var(--text);font:400 15px/1.2 var(--bf);padding:10px 12px}
.hfz-v2 .hfz-side-req input::placeholder{color:var(--soft);opacity:1}
.hfz-v2 .hfz-side-req form button,.hfz-v2 .hfz-side-req form button:hover,.hfz-v2 .hfz-side-req form button:focus{flex:0 0 auto;border:0;border-radius:0;background:var(--ink);color:var(--paper);font:800 14px/1 var(--bf);padding:0 14px;cursor:pointer;box-shadow:none}
.hfz-v2 .hfz-side-req .more{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;box-shadow:inset 0 calc(-1 * var(--thin)) 0 currentColor}
.hfz-v2 .hfz-side-req .more:hover{color:var(--teal)}