/* ============================================================
     מערכת צבעים וטיפוגרפיה  —  "תיק תיעוד" (dossier)
     ============================================================ */
  :root{
    --ink:        #16150F;
    --ink-soft:   #3A3830;
    --paper:      #EDEBE4;
    --paper-2:    #E4E1D7;
    --paper-line: #CFCABA;
    --blue:       #1C3A5E;
    --blue-bright:#2E5C8A;
    --stamp:      #B11E2F;
    --brass:      #B98A2E;
    --white:      #FAF9F5;
    --serif: "Frank Ruhl Libre", "Times New Roman", serif;
    --sans:  "Heebo", system-ui, -apple-system, sans-serif;
    --mono:  "JetBrains Mono", ui-monospace, monospace;
    --maxw: 1120px;
    --gap: clamp(1rem, 3vw, 2rem);
    --radius: 4px;
  }
  *{ box-sizing:border-box; margin:0; padding:0; }
  html{ scroll-behavior:smooth; }
  @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }
  body{
    font-family:var(--sans); background:var(--paper); color:var(--ink);
    line-height:1.6; font-weight:400; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  .wrap{ width:min(100% - 2.4rem, var(--maxw)); margin-inline:auto; }
  section{ padding-block: clamp(3.5rem, 9vw, 7rem); }
  h1,h2,h3{ font-family:var(--serif); line-height:1.12; font-weight:900; }
  a{ color:var(--blue-bright); text-decoration:none; }
  a:hover{ text-decoration:underline; }
  img{ max-width:100%; display:block; }
  :focus-visible{ outline:3px solid var(--blue-bright); outline-offset:3px; border-radius:2px; }
  .skip-link{
    position:absolute; inset-inline-start:1rem; top:-100px;
    background:var(--ink); color:var(--white); padding:.7rem 1.2rem;
    border-radius:var(--radius); z-index:100; font-weight:700; transition:top .2s ease;
  }
  .skip-link:focus{ top:1rem; }
  .eyebrow{
    font-family:var(--mono); font-size:.74rem; letter-spacing:.22em;
    text-transform:uppercase; color:var(--stamp); margin-bottom:1rem; display:inline-block;
  }
  [dir="rtl"] .eyebrow{ letter-spacing:.06em; }
  .section-title{ font-size: clamp(1.9rem, 4.5vw, 3rem); margin-bottom:1.1rem; }
  .section-header-flex {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 1.2rem; margin-bottom: 1.1rem;
  }
  .section-header-flex .section-title{ margin-bottom:0; }
  .lede{ font-size: clamp(1.05rem, 2.2vw, 1.3rem); color:var(--ink-soft); max-width:60ch; }
  /* ---------- כפתורים ---------- */
  .share-button {
    width: 40px; height: 40px; border-radius: 50%; display: inline-flex;
    align-items: center; justify-content: center; color: white;
    transition: transform 0.2s, opacity 0.2s; cursor: pointer;
  }
  .share-button:hover { transform: scale(1.1); opacity: 0.9; }
  .share-button svg { width: 20px; height: 20px; fill: white; }
  .btn{
    display:inline-flex; align-items:center; gap:.5rem;
    font-family:var(--sans); font-weight:700; font-size:1rem;
    padding:.85rem 1.6rem; border-radius:var(--radius);
    border:2px solid var(--ink); cursor:pointer;
    transition:transform .15s ease, background .15s ease, color .15s ease;
    background:transparent; color:var(--ink); text-decoration:none;
  }
  .btn:hover{ text-decoration:none; transform:translateY(-2px); }
  .btn-primary{ background:var(--ink); color:var(--white); border-color:var(--ink); }
  .btn-primary:hover{ background:var(--blue); border-color:var(--blue); }
  .btn-stamp{ background:var(--stamp); color:var(--white); border-color:var(--stamp); }
  .btn-stamp:hover{ background:#8f1726; border-color:#8f1726; }
  .btn-blue{ background:var(--blue); color:var(--white); border-color:var(--blue); }
  .btn-blue:hover{ background:var(--blue-bright); border-color:var(--blue-bright); }
  .btn-light{ background:var(--white); color:var(--ink); border-color:var(--paper-line); font-size:0.95rem; padding:.6rem 1.2rem; }
  .btn-light:hover{ background:var(--paper-2); border-color:var(--ink); }
  @media (prefers-reduced-motion: reduce){ .btn:hover{ transform:none; } }
  /* ============================================================
     HEADER & HERO
     ============================================================ */
  header.site{
    position:sticky; top:0; z-index:50;
    background:color-mix(in srgb, var(--paper) 88%, transparent);
    backdrop-filter:blur(8px); border-bottom:1px solid var(--paper-line);
  }
  .nav{ display:flex; align-items:center; gap:1rem; min-height:62px; }
  .brand{ display:flex; align-items:baseline; gap:.55rem; margin-inline-end:auto; }
  .brand-mark{
    font-family:var(--serif); font-weight:900; font-size:1.15rem; color:var(--ink);
    border-inline-start:3px solid var(--stamp); padding-inline-start:.55rem;
  }
  .brand-tag{ font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; color:var(--ink-soft); }
  .nav-links{ display:flex; gap:1.4rem; }
  .nav-links a{ color:var(--ink-soft); font-size:.95rem; font-weight:500; padding-block:.3rem; border-bottom:2px solid transparent; }
  .nav-links a:hover,.nav-links a.active{ color:var(--ink); border-color:var(--stamp); text-decoration:none; }
  .lang-switch{ display:flex; gap:.25rem; padding:.2rem; border:1px solid var(--paper-line); border-radius:var(--radius); background:var(--white); }
  .lang-switch button,
  .lang-switch a{
    font-family: "Noto Color Emoji", var(--mono); font-size: 1.2rem;
    letter-spacing:.05em; padding:.32rem .55rem; border:none; background:transparent; cursor:pointer;
    border-radius:2px; color:var(--ink-soft); font-weight:700; text-transform:uppercase;
    text-decoration:none; line-height:1; display:inline-flex; align-items:center;
  }
  .lang-switch a:hover{ text-decoration:none; }
  .lang-switch button[aria-pressed="true"],
  .lang-switch a[aria-current="page"]{ background:var(--ink); color:var(--white); }
  .menu-toggle{ display:none; background:transparent; border:1px solid var(--paper-line); border-radius:var(--radius); padding:.45rem .6rem; cursor:pointer; }
  .hero{ padding-block: clamp(3rem, 7vw, 5.5rem) clamp(3.5rem, 8vw, 6rem); border-bottom:1px solid var(--paper-line); }
  .hero-grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 5vw, 4rem); align-items:center; }
  .hero-title{ font-size: clamp(2.3rem, 6vw, 4.2rem); margin:.6rem 0 1.2rem; }
  .hero-actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.8rem; }
  .cover-stage{ display:flex; justify-content:center; }
  .book-cover-img{
    width:min(300px, 78%); aspect-ratio: 115 / 190; box-shadow: -14px 18px 40px rgba(22,21,15,.28);
    border-radius:4px; transition:transform .4s ease;
  }
  .book-cover-img:hover{ transform: rotate(-1deg) translateY(-4px); }
  @media (prefers-reduced-motion: reduce){ .book-cover-img:hover{ transform:none; } }
  /* ============================================================
     SECTIONS
     ============================================================ */
  .about-body{ max-width:62ch; font-size:1.08rem; color:var(--ink-soft); text-align:justify; }
  .about-body p + p{ margin-top:1rem; }
  /* ============================================================
   הוסף את הקוד החדש כאן (מותאם למשתנים של האתר שלך):
   ============================================================ */
.faq-trigger-wrapper {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    font-size: 1.05rem;
    direction: rtl;
}

.faq-arrow {
    margin-left: 8px;
    color: var(--blue-bright, #0066cc); /* משתמש בכחול של האתר שלך, עם גיבוי */
    transition: transform 0.3s ease;
    display: inline-block;
}

.faq-trigger-wrapper.active .faq-arrow {
    transform: rotate(-90deg);
}

.faq-link {
    color: var(--blue-bright, #0066cc);
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px dashed var(--blue-bright, #0066cc);
    transition: color 0.2s, border-style 0.2s;
}

.faq-link:hover {
    color: var(--ink);
    border-bottom-style: solid;
}

.faq-main-container {
    display: none;
    margin-top: 1.5rem;
    padding: 1.6rem;
    background: var(--paper-2, #fcfcfc);
    border: 1px solid var(--paper-line, #eaeaea);
    border-radius: var(--radius);
    max-height: 550px;
    overflow-y: auto;
}

.faq-group-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--ink);
    margin: 1.6rem 0 .8rem 0;
    padding-bottom: .4rem;
    border-bottom: 2px solid var(--paper-line, #ddd);
}
.faq-group-title:first-child {
    margin-top: 0;
}

.faq-single-item {
    background: var(--white, #ffffff);
    border: 1px solid var(--paper-line, #e0e0e0);
    margin-bottom: .6rem;
    border-radius: var(--radius);
    padding: .8rem 1.2rem;
}

.faq-single-item summary {
    font-weight: 700;
    cursor: pointer;
    outline: none;
    color: var(--ink);
}

.faq-content {
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px solid var(--paper-line, #f0f0f0);
    color: var(--ink-soft);
    line-height: 1.6;
}
/* ============================================================ */
  .read{ background:var(--ink); color:var(--white); }
  .read .section-title,.read h3{ color:var(--white); }
  .read .lede{ color:#C9C6BC; }
  .read .eyebrow{ color:var(--brass); }
  .read-cards{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:1.2rem; margin-top:2.4rem; }
  .read-card{ border:1px solid #34322A; border-radius:var(--radius); padding:1.6rem; background:#1D1C16; }
  .read-card h3{ font-size:1.3rem; margin-bottom:.4rem; }
  .read-card .fmt{ font-family:var(--mono); font-size:.74rem; letter-spacing:.1em; color:var(--brass); text-transform:uppercase; }
  .read-card .soon{ color:#9B978C; font-size:.92rem; margin:.6rem 0 1rem; }
  .read-card .btn{ border-color:var(--white); color:var(--white); }
  .read-card .btn:hover{ background:var(--white); color:var(--ink); }
  .read-card.with-embed{ grid-column:1 / -1; }
  .book-embed-wrap{ margin-top:1.2rem; border-radius:var(--radius); overflow:hidden; background:#000; }
  .book-embed{ width:100%; height:clamp(380px, 68vw, 640px); border:0; display:block; }
  .support-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items:center; }
  .support-actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.6rem; }
  .support-note{ font-size:.9rem; color:var(--ink-soft); margin-top:1.2rem; max-width:48ch; }
  .monument{ display:flex; flex-direction:column; align-items:center; }
  .monument-head{ text-align:center; margin-bottom:1.4rem; }
  .counter{ font-family:var(--mono); font-weight:700; font-size: clamp(2.4rem, 7vw, 3.6rem); color:var(--ink); line-height:1; }
  .counter-label{ font-size:.95rem; color:var(--ink-soft); margin-top:.4rem; }
  .stage-tag{ display:inline-block; margin-top:.7rem; font-family:var(--mono); font-size:.74rem; letter-spacing:.08em; color:var(--white); background:var(--stamp); padding:.3rem .7rem; border-radius:2px; }
  .pyramid{ width:min(420px, 100%); display:flex; flex-direction:column-reverse; gap:6px; }
  .tier{
    position:relative; height:46px; margin-inline:auto; background:var(--paper-2);
    border:1px solid var(--paper-line); border-radius:2px; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
  }
  .tier-fill{
    position:absolute; inset-block-end:0; inset-inline:0; height:0;
    background:linear-gradient(0deg, var(--blue), var(--blue-bright));
    transition: height 1.1s cubic-bezier(.22,.61,.36,1);
  }
  .tier.is-apex .tier-fill{ background:linear-gradient(0deg, var(--brass), #d8b15c); }
  @media (prefers-reduced-motion: reduce){ .tier-fill{ transition:none; } }
  .tier-label{
    position:relative; z-index:2; font-family:var(--mono); font-weight:700;
    font-size:.84rem; color:var(--ink); mix-blend-mode:normal; text-shadow:0 1px 0 rgba(255,255,255,.4);
  }
  .tier.filled .tier-label{ color:var(--white); text-shadow:0 1px 2px rgba(0,0,0,.4); }
  .contact-grid{ display:grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem,5vw,4rem); }
  .contact-form{ display:grid; gap:1rem; }
  .field{ display:grid; gap:.4rem; }
  .field label{ font-size:.9rem; font-weight:700; }
  .field input,.field textarea,.field select{
    font-family:var(--sans); font-size:1rem; color:var(--ink); background:var(--white);
    border:1px solid var(--paper-line); border-radius:var(--radius); padding:.75rem .9rem; width:100%;
  }
  .field textarea{ min-height:140px; resize:vertical; }
  .field input:focus,.field textarea:focus,.field select:focus{
    border-color:var(--blue-bright); outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--blue-bright) 22%, transparent);
  }
  /* ============================================================
     PAYME HOSTED FIELDS
     ============================================================ */
  .hf-field{ background:var(--white); border:1px solid var(--paper-line); border-radius:var(--radius); padding:.55rem .9rem; height:48px; }
  .hf-field iframe{ height:100% !important; }
  .hf-field.hf-focus{ border-color:var(--blue-bright); box-shadow:0 0 0 3px color-mix(in srgb, var(--blue-bright) 22%, transparent); }
  .hf-field.hf-invalid{ border-color:#B3261E; }
  .pay-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
  .pay-total{ font-weight:800; font-size:1.15rem; padding-block:.2rem; }
  .pay-note{ font-size:.8rem; color:var(--ink-soft); margin:0; }
  .form-msg{ display:none; padding:.7rem .9rem; border-radius:var(--radius); font-size:.95rem; }
  .form-msg.show{ display:block; }
  .form-msg.ok{ background:#E8F3E8; color:#1C5B26; border:1px solid #BCD9BF; }
  .form-msg.err{ background:#F8E9E8; color:#8C1D18; border:1px solid #E5B9B5; }
  .amount-row{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.4rem; }
  .amount-btn{
    font-family:var(--sans); font-size:.95rem; cursor:pointer; border:1px solid var(--paper-line);
    background:var(--white); color:var(--ink); border-radius:var(--radius); padding:.5rem .95rem;
  }
  .amount-btn.active{ background:var(--ink); color:var(--white); border-color:var(--ink); }
  /* ============================================================
     MODALS & COOKIES
     ============================================================ */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(22,21,15,.55); z-index:200;
    display:flex; align-items:center; justify-content:center; padding:1.2rem;
    opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s;
  }
  .modal-overlay.open{ opacity:1; visibility:visible; }
  .modal-box{
    position:relative; background:var(--white); color:var(--ink); width:min(520px, 100%);
    max-height:88vh; overflow:auto; border-radius:var(--radius); padding:clamp(1.6rem, 4vw, 2.3rem);
    box-shadow:0 24px 60px rgba(22,21,15,.35); transform:translateY(10px); transition:transform .25s ease;
  }
  .modal-overlay.open .modal-box{ transform:translateY(0); }
  @media (prefers-reduced-motion: reduce){ .modal-overlay,.modal-box{ transition:none; } }
  .modal-box h3{ font-size:1.35rem; margin-bottom:.6rem; padding-inline-end:2rem; }
  .modal-close{
    position:absolute; top:.7rem; inset-inline-end:.7rem; background:transparent;
    border:none; font-size:1.6rem; line-height:1; cursor:pointer; color:var(--ink-soft); padding:.3rem .5rem; border-radius:4px;
  }
  .modal-close:hover{ color:var(--ink); background:var(--paper-2); }
  .radio-row{ display:flex; flex-wrap:wrap; gap:1.1rem; padding-block:.2rem; }
  .radio-row label{ display:inline-flex; align-items:center; gap:.45rem; font-size:.95rem; font-weight:500; cursor:pointer; }
  .radio-row input{ width:auto; }
  .share-row{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.6rem; }
  .share-btn{
    display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--paper-line);
    background:var(--white); padding:.6rem 1rem; border-radius:var(--radius); cursor:pointer;
    font-family:var(--sans); font-weight:500; font-size:.92rem; color:var(--ink);
  }
  .share-btn:hover{ border-color:var(--ink); }
  .share-btn svg{ width:18px; height:18px; }
  footer.site{ background:var(--ink); color:#C9C6BC; padding-block:2.6rem; }
  footer.site .wrap{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:center; }
  footer.site .brand-mark{ color:var(--white); border-color:var(--brass); }
  footer.site a{ color:#C9C6BC; }
  .footer-links{ display:flex; flex-wrap:wrap; gap:.4rem 1.1rem; align-items:center; justify-content:center; }
  .footer-links button{
    background:none; border:none; cursor:pointer; color:#C9C6BC;
    font-family:var(--sans); font-size:.85rem; padding:0; text-decoration:underline; text-underline-offset:3px;
  }
  .footer-links button:hover{ color:var(--white); }
  #toTop{
    position:fixed; inset-block-end:1.4rem; inset-inline-end:1.4rem; z-index:60; width:48px; height:48px;
    border-radius:50%; border:none; cursor:pointer; background:var(--ink); color:var(--white); font-size:1.3rem;
    box-shadow:0 6px 18px rgba(22,21,15,.3); opacity:0; visibility:hidden; transform:translateY(12px);
    transition:opacity .3s ease, transform .3s ease, visibility .3s;
  }
  #toTop.show{ opacity:1; visibility:visible; transform:translateY(0); }
  @media (prefers-reduced-motion: reduce){ #toTop{ transition:none; } }
  .modal-overlay { padding-top: 2vh; padding-bottom: 2vh; }
  .modal-box.policy-modal { width: min(760px, 100%); padding: 0.8cm; max-height: 85vh; overflow-y: auto; position: relative; box-sizing: border-box; }
  .modal-box.policy-modal .modal-close {
    position: sticky; top: -0.8cm; float: left; z-index: 10; background: var(--paper, #fff);
    border: none; cursor: pointer; font-size: 1.6rem; padding: 5px 10px; margin-top: -0.4cm; margin-left: -0.4cm;
  }
  [dir="ltr"] .modal-box.policy-modal .modal-close { float: right; margin-left: 0; margin-right: -0.4cm; }
  .policy-section { text-align: start; line-height: 1.75; font-size: .98rem; color: var(--ink-soft); margin: 0; padding: 0; }
  .policy-section h2 {
    font-family: var(--serif); font-size: 1.5rem; font-weight: 900; color: var(--ink);
    margin-top: 0 !important; margin-bottom: 1.1rem; padding-bottom: .6rem; padding-inline-end: 2.5rem; border-bottom: 2px solid var(--stamp); line-height: 1.2;
  }
  .policy-section h3 { font-family: var(--serif); font-size: 1.18rem; font-weight: 900; color: var(--blue); margin-top: 1.7rem; margin-bottom: .7rem; line-height: 1.25; }
  .policy-section h4 { font-size: 1rem; font-weight: 700; color: var(--ink); margin-top: 1.15rem; margin-bottom: .5rem; }
  .policy-section p { margin-bottom:.75rem; }
  .policy-section ul, .policy-section ol { margin: .6rem 0 .95rem; padding-inline-start: 1.4rem; padding-inline-end: 0; }
  .policy-section li { margin-bottom: .4rem; }
  .policy-section strong { color: var(--ink); font-weight: 700; }
  .cookie-consent{
    position:fixed; inset-inline-start:1.2rem; bottom:1.2rem; z-index:180; max-width:340px; background:var(--white);
    color:var(--ink); border:1px solid var(--paper-line); border-radius:var(--radius); padding:1.1rem 1.2rem;
    box-shadow:0 12px 30px rgba(22,21,15,.25); opacity:0; visibility:hidden; transform:translateY(12px);
    transition:opacity .3s ease, transform .3s ease, visibility .3s;
  }
  .cookie-consent.show{ opacity:1; visibility:visible; transform:translateY(0); }
  .cookie-consent p{ font-size:.86rem; color:var(--ink-soft); margin-bottom:.9rem; line-height:1.55; }
  .cookie-consent a{ color:var(--blue-bright); text-decoration:underline; }
  .cookie-consent .btn{ padding:.5rem 1.1rem; font-size:.85rem; }

  /* חוסם השבת — שבירת שורה מתוך תו \n שמוזרק ע"י applyLang; ממוקד ל-span עצמו
     כדי לא לרנדר שורות ריקות מרווחי ה-HTML שסביבו */
  /* ============================================================
     חוסם השבת — מסך מלא עם תמונת רקע, טקסט ממוקם, וגודל גופן לפי שפה.
     ברירת המחדל היא עברית; JS מחליף ל-flex להצגה. אין מתג שפות —
     כל עמוד מציג את שפתו לפי ה-URL (index=he, en.html, fr.html).
     ============================================================ */
  #shabbatBlocker{
    display:none; position:fixed; inset:0; z-index:999999;
    background:#ffffff url("shabbat-image.png") center/cover no-repeat;
    flex-direction:column; align-items:center; justify-content:center;
    text-align:center; padding:2rem; font-family:var(--serif);
  }
  #shabbatGreeting{
    position:fixed; top:50px; right:200px; text-align:center;
    font-size:2.8rem; margin-bottom:1rem; color:#111;
    text-shadow:0 1px 6px rgba(255,255,255,.55);
  }
  #shabbatBlocker p{
    position:fixed; top:100px; right:90px; text-align:center;
    font-size:1.85rem; max-width:600px; color:#111; line-height:1.6;
    text-shadow:0 1px 6px rgba(255,255,255,.55);
  }
  #shabbatBlocker [data-i18n="shabbat.message"]{ white-space: pre-line; }
  html[lang="en"] #shabbatGreeting,
  html[lang="fr"] #shabbatGreeting,
  html[lang="es"] #shabbatGreeting{ font-size:2.1rem; top:40px; }
  html[lang="en"] #shabbatBlocker p,
  html[lang="fr"] #shabbatBlocker p,
  html[lang="es"] #shabbatBlocker p{ font-size:1.15rem; max-width:760px; right:40px; }

  /* ============================================================
     שלטים הלכתיים ב-Header — שומר שבת + היתר עיסקא (ללא ריבית)
     ============================================================ */
  
  /* 1. הגדרת מיקומי ברירת המחדל לפי שפות */

/* עברית (dir="rtl" או lang="he") */
html[lang="he"] {
  --badges-left: 60%;
}

/* אנגלית (lang="en") */
html[lang="en"] {
  --badges-left: 48%;
}

/* צרפתית (lang="fr") */
html[lang="fr"] {
  --badges-left: 48%;
}

/* ספרדית (lang="es") */
html[lang="es"] {
  --badges-left: 48%;
}

/* במידה ויש שפה נוספת או כברירת מחדל כללית */
html {
  --badges-left: 50%; 
}
     /* קונטיינר צף מוחלט מעל ה-Header (header.site הוא sticky = מסגרת ההתייחסות) */
  .header-badges-group {
    position: absolute;
    top: 11px;
    left: var(--badges-left);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    z-index: 60; /* מעל תוכן ה-Header, מתחת לחוסם השבת */
  }
  .header-badge-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: #DFD6CD;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .header-badge-item.shabbat { width: 90px; }
  .header-badge-item.iska { width: 95px; }
  .header-badge-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.06);
  }
  .halachic-badge-img {
    height: 70%;
    width: auto;
    display: block;
    object-fit: contain;
    mix-blend-mode: multiply;
  }
  @media (prefers-reduced-motion: reduce){ .header-badge-item, .header-badge-item:hover{ transition:none; transform:none; } }
  /* התאמה למסכים צרים — העלמה כדי למנוע התנגשות עם הניווט */
  @media (max-width: 1160px) {
    .header-badges-group { display: none; }
  }