/* ==========================================================================
   Eddie CPA — עמוד שירותי המשרד
   כל הצבעים / הגופנים / הרוחב / המרווחים מהסניפטים הגלובליים.
   ללא ערכי fallback — כל הטוקנים אומתו כקיימים בכל עמודי האתר.
   מקומי: רדיוס אחד.
   ========================================================================== */
.esv{
  --esv-radius:16px;
  direction:rtl; text-align:right;
  font-family:var(--eddie-font);
  font-size:var(--eddie-body-size); line-height:1.65;
  color:var(--eddie-ink);
  -webkit-font-smoothing:antialiased;
}
.esv *,.esv *::before,.esv *::after{box-sizing:border-box;}
.esv p{margin:0 0 1em;}
.esv a{color:inherit;}

.esv-inner{ position:relative; z-index:1; 
  max-width:var(--eddie-content-width);
  margin-inline:auto;
  padding-inline:var(--eddie-space-desktop);
}
.esv-h2{
  margin:0 0 8px;
  font-size:var(--eddie-h2-size);
  font-weight:600; line-height:1.25; color:var(--eddie-ink);
}
/* בלי margin בכוונה: .esv p{margin:0 0 1em} גובר בספציפיות (0,1,1 מול 0,1,0),
   כך שהצהרת margin כאן מתה; המרווח הנראה מגיע מ-margin-top של הגריד שמתחת. */
.esv-sub{color:var(--eddie-muted); font-size: var(--eddie-body-size); line-height:1.7;}
.esv-eyebrow{
  display:inline-block; font-size:13px; font-weight:700;
  letter-spacing:.14em; color:var(--eddie-brass-deep); margin-bottom:12px;
}

/* ---------- HERO ---------------------------------------------------------- */


/* ---------- כפתורים ------------------------------------------------------- */
/* .esv-btn is the site button (base.css) since 4.9.2026 - the copy that lived here is gone */
.esv-btn-primary{
  background:var(--eddie-brass); color:var(--eddie-ink); border-color:var(--eddie-brass);
}
.esv-btn-primary:hover,.esv-btn-primary:focus-visible{
  background:transparent; color:var(--eddie-white); border-color:var(--eddie-white);
}
.esv-btn-outline{background:transparent; color:var(--eddie-white); border-color:rgba(255,255,255,.5);}
.esv-btn-outline:hover,.esv-btn-outline:focus-visible{
  background:var(--eddie-white); color:var(--eddie-ink); border-color:var(--eddie-white);
}
.esv-btn-ink{ background: transparent; color: var(--eddie-ink); border:2px solid var(--eddie-ink); }
.esv-btn-ink:hover,.esv-btn-ink:focus-visible{ background:var(--eddie-ink); color:var(--eddie-white); border-color:var(--eddie-ink); }

/* ---------- רצועת אמון ---------------------------------------------------- *//*/* תג גוגל — הלוגו הוא סימן מסחרי, ולכן אין לו hover ואין לו גודל נפרד *//* ---------- כרטיסי שירות -------------------------------------------------- */
.esv-intro{background:var(--eddie-white);}
.esv-intro .esv-inner{padding-block:var(--eddie-section-y);}
.esv-intro-lead{font-size:19px; line-height:1.75; color:var(--eddie-ink); max-width:820px; margin:0 0 22px;}
.esv-intro p{color:var(--eddie-muted); line-height:1.9; font-size: var(--eddie-body-size); margin-bottom:1.1em;}
.esv-intro-split{display:grid; grid-template-columns:1fr 1fr; gap:44px; margin-top:34px;}
.esv-intro-split h3{
  margin:0 0 10px; font-size:20px; font-weight:600; color:var(--eddie-ink);
  padding-inline-start:16px; border-inline-start:3px solid var(--eddie-brass);
}
@media (max-width:900px){ .esv-intro-split{grid-template-columns:1fr; gap:26px;} }
@media (max-width:767px){ .esv-intro .esv-inner{padding-block:var(--eddie-section-y-mobile);} }
.esv-services{background:var(--eddie-paper-2);}
.esv-services .esv-inner{padding-block:var(--eddie-section-y);}
.esv-cards{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.esv-card{
  display:flex; flex-direction:column;
  background:var(--eddie-ink); border:1px solid color-mix(in srgb, var(--eddie-white) 12%, transparent);
  border-radius:var(--esv-radius); position:relative; overflow:hidden; padding:28px 26px;
  text-decoration:none;
  transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.esv-card:hover,.esv-card:focus-visible{
  border-color:var(--eddie-brass); transform:translateY(-3px);
  box-shadow:var(--eddie-shadow-soft);
}
.esv-card::after{ content:""; position:absolute; inset-block-start:0; inset-inline:0; height:3px; background:var(--eddie-brass); transform:scaleX(0); transform-origin:inline-end; transition:transform .35s ease; }
.esv-card:hover::after,.esv-card:focus-visible::after{ transform:scaleX(1); }
@media (prefers-reduced-motion:reduce){ .esv-card::after{ transition:none; } }
.esv-card-ico{
  width:var(--eddie-icon-xl); height:var(--eddie-icon-xl); margin-bottom:18px;
  color:var(--eddie-brass);
  display:block;
  transition:color .3s ease;
}
.esv-card-ico .eddie-ico{ width:var(--eddie-icon-xl); height:var(--eddie-icon-xl); display:block; }

.esv-card:hover .esv-card-ico{ color:var(--eddie-brass); }
.esv-card h3{
  margin:0 0 8px; font-size:var(--eddie-h3-size);
  font-weight:600; line-height:1.3; color:var(--eddie-white);
}
.esv-card p{
  margin:0 0 18px; font-size: var(--eddie-body-size); line-height:1.75;
  color:color-mix(in srgb, var(--eddie-white) 72%, transparent); flex:1 1 auto;
}
.esv-card-more{
  font-size:15px; font-weight:700; color:var(--eddie-brass);
  display:inline-flex; align-items:center; gap:7px;
}
.esv-card-more::after{content:"←"; transition:transform .3s ease;}
.esv-card:hover .esv-card-more::after{transform:translateX(-4px);}

/* ---------- סגמנטציה לפי קהל ---------------------------------------------- */
.esv-seg{background:var(--eddie-white);}
.esv-seg .esv-inner{padding-block:var(--eddie-section-y);}
.esv-seg-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px;}
.esv-seg-card{
  border:1px solid var(--eddie-line); border-radius:var(--esv-radius);
  padding:24px 22px; background:var(--eddie-white);
}
.esv-seg-card h3{
  margin:0 0 4px; font-size:18px; font-weight:600; color:var(--eddie-ink);
}
/* the card is a <details> since 3.9.2026 (eddie-fold): the summary is its head */
.esv-seg-card > summary{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.esv-seg-card > summary > span{ display:block; }
.esv-seg-card .esv-seg-who{
  display:block; font-size:13px; font-weight:700;
  color:var(--eddie-brass-deep); margin-bottom:12px;
}
.esv-seg-card ul{margin:0; padding:0; list-style:none;}
.esv-seg-card li{
  position:relative; padding-inline-start:18px; margin-bottom:9px;
  font-size: var(--eddie-body-sm); line-height:1.6; color:var(--eddie-muted);
}
.esv-seg-card li::before{
  content:""; position:absolute; inset-inline-start:0; top:9px;
  width:6px; height:6px; border-radius:50%; background:var(--eddie-brass);
}
.esv-seg-card li:last-child{margin-bottom:0;}

/* ---------- תהליך + אדוות ------------------------------------------------- */
.esv-process{background:var(--eddie-ink); color:var(--eddie-white); position:relative; overflow:hidden;}
.esv-process .esv-inner{position:relative; z-index:2; padding-block:var(--eddie-section-y);}
.esv-process .esv-h2{color:var(--eddie-white);}
.esv-process .esv-sub{color:rgba(255,255,255,.72);}
.esv-process .esv-eyebrow{color:var(--eddie-brass);}
.esv-ripple{ position:relative; width:100%; aspect-ratio:1/1; align-self:center; justify-self:center; z-index:0; pointer-events:none; opacity:.55; }
.esv-ripple svg{width:100%; height:100%; overflow:visible;}
.esv-ripple-core{fill:var(--eddie-brass); opacity:.5;}
.esv-ripple circle.r{
  fill:none; stroke:var(--eddie-brass); stroke-width:2;
  transform-origin:center; transform-box:fill-box;
  animation:esv-ripple 6s ease-out infinite;
}
.esv-ripple circle.r:nth-of-type(2){animation-delay:2s; stroke:var(--eddie-brass);}
.esv-ripple circle.r:nth-of-type(3){animation-delay:4s; stroke:var(--eddie-brass); opacity:.6;}
@keyframes esv-ripple{
  0%  {opacity:.85; stroke-width:2; transform:scale(1);}
  100%{opacity:0;   stroke-width:.4; transform:scale(2.6);}
}
@media (prefers-reduced-motion:reduce){
  .esv-ripple circle.r{animation:none; opacity:.3;}
}
.esv-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:34px; align-items:stretch; }
.esv-step{ display:flex; flex-direction:column; 
  background:color-mix(in srgb, var(--eddie-white) 5%, var(--eddie-ink));
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--esv-radius); padding:22px 18px;
}
.esv-step h3{ font-size:17px; margin:10px 0 8px; line-height:1.35; }
.esv-step p{font-size: var(--eddie-body-size);}
.esv-step b{
  display:flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:50%;
  background:var(--eddie-brass); color:var(--eddie-ink);
  font-size:16px; font-weight:700; margin-bottom:16px;
}
.esv-step h3{margin:0 0 6px; font-size:19px; font-weight:600; color:var(--eddie-white);}
.esv-step p{margin:0; font-size: var(--eddie-body-size); line-height:1.7; color:rgba(255,255,255,.72);}

/* ---------- בלוק אישי ----------------------------------------------------- */
.esv-personal{background:var(--eddie-paper-2);}
.esv-personal .esv-inner{
  padding-block:var(--eddie-section-y);
  display:grid; grid-template-columns:.4fr 1fr; gap:46px; align-items:center;
}
.esv-personal-photo img{
  display:block; width:100%; height:auto;
  max-width:none; border-radius:var(--esv-radius);
  box-shadow:var(--eddie-shadow-soft);
}
.esv-quote{
  font-size:21px; line-height:1.65; font-weight:600;
  color:var(--eddie-ink); margin:0 0 18px;
  padding-inline-start:22px; border-inline-start:3px solid var(--eddie-brass);
}
.esv-personal p{color:var(--eddie-muted); line-height:1.8;}
.esv-sign strong{display:block; font-size:17px; color:var(--eddie-ink); margin-top:16px;}
.esv-sign span{font-size: var(--eddie-body-sm); color:var(--eddie-muted);}

/* ---------- מאמרים -------------------------------------------------------- */
.esv-articles{background:var(--eddie-white);}
.esv-articles .esv-inner{padding-block:var(--eddie-section-y);}
.esv-art-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:30px;}
.esv-art{
  display:flex; flex-direction:column;
  border:1px solid var(--eddie-line); border-radius:var(--esv-radius);
  overflow:hidden; text-decoration:none; background:var(--eddie-white);
  transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.esv-art:hover,.esv-art:focus-visible{
  border-color:var(--eddie-brass); transform:translateY(-3px);
  box-shadow:var(--eddie-shadow-soft);
}
.esv-art-thumb{
  aspect-ratio:16/9; background:var(--eddie-paper-2); overflow:hidden;
}
.esv-art-thumb img{
  width:100%; height:100%;
  object-fit:cover; display:block; max-width:none;
}
.esv-art-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1 1 auto;}
.esv-art-meta{font-size:13px; color:var(--eddie-brass-deep); font-weight:700; margin-bottom:8px;}
.esv-art h3{
  margin:0 0 14px; font-size:17px; font-weight:600;
  line-height:1.45; color:var(--eddie-ink); flex:1 1 auto;
}
.esv-art-more{font-size:14px; font-weight:700; color:var(--eddie-muted);}
.esv-art:hover .esv-art-more{color:var(--eddie-brass-deep);}
.esv-articles-cta{text-align:center; margin-top:30px;}

/* ---------- CTA ----------------------------------------------------------- */
.esv-cta{background:var(--eddie-ink); color:var(--eddie-white);}
.esv-cta .esv-inner{padding-block:var(--eddie-section-y); text-align:center;}
.esv-cta-copy{max-width:620px; margin-inline:auto;}
.esv-cta-actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.esv-cta h2{margin:0 0 8px; font-size:var(--eddie-h2-size); font-weight:600; line-height:1.25; color:var(--eddie-white);}
.esv-cta p{margin:0 0 22px; color:rgba(255,255,255,.72); line-height:1.75;}
.esv-contacts{display:flex; flex-direction:column; gap:10px; min-width:270px;}
.esv-contact{
  display:inline-flex; align-items:center; gap:11px; padding:13px 20px;
  border-radius:999px; border:1.5px solid rgba(255,255,255,.28);
  text-decoration:none; font-size:15px; font-weight:700; color:var(--eddie-white);
  transition:all .3s ease;
}
.esv-contact svg{width:var(--eddie-icon-sm); height:var(--eddie-icon-sm); color:var(--eddie-brass); flex:0 0 var(--eddie-icon-sm);}
.esv-contact:hover,.esv-contact:focus-visible{background:var(--eddie-white); color:var(--eddie-ink); border-color:var(--eddie-white);}
.esv-contact:hover svg{color:var(--eddie-brass-deep);}
.esv-num{direction:ltr;}

/* ---------- רספונסיבי ----------------------------------------------------- */
.esv-faq{background:var(--eddie-paper-2);}
.esv-faq .esv-inner{padding-block:var(--eddie-section-y);}
/* כותרת בלוק השאלות ממורכזת מעל הכרטיס, כמו בעמוד הבית ובהמלצות.
   הכרטיס רחב 820 והכותרת נפרשה על 1096, וזה נקרא כמו הזחה. */
.esv-faq .esv-eyebrow,
.esv-faq .esv-h2,
.esv-faq .esv-sub{ text-align:center; }
.esv-faq .esv-eyebrow{ display:block; }
.esv-faq .esv-sub{ max-width:640px; margin-inline:auto; }
.esv-faq-list{
  max-width:820px; margin:30px auto 0;
  background:var(--eddie-white); border:1px solid var(--eddie-line);
  border-radius:22px; overflow:hidden;
 box-shadow:0 2px 10px rgba(11,33,67,.06); }
.esv-faq-item{border-bottom:1px solid var(--eddie-line);}
.esv-faq-item:last-child{border-bottom:0;}
.esv-faq-item > summary{
  display:flex; align-items:flex-start; gap:12px;
  padding:18px 26px; cursor:pointer; list-style:none;
  font-size:17px; font-weight:600; line-height:1.5; color:var(--eddie-ink);
  transition:background-color .3s ease;
}
.esv-faq-item > summary::-webkit-details-marker{display:none;}
.esv-faq-item > summary:hover{background:var(--eddie-paper-2);}
.esv-faq-item > summary:focus-visible{outline:2px solid var(--eddie-brass); outline-offset:-3px;}
.esv-faq-q{flex:1 1 auto;}

.esv-faq-item[open] > summary{background:var(--eddie-paper-2);}

.esv-faq-a{padding:2px 26px 22px; max-width:640px; font-size:18px; line-height:1.8; color:var(--eddie-muted);}
.esv-faq-a p:last-child{margin-bottom:0;}
.esv-faq-more{text-align:center; margin-top:26px;}
.esv-faq-more a{font-size:15px; font-weight:700; color:var(--eddie-brass-deep); text-decoration:none;}
.esv-faq-more a:hover{text-decoration:underline;}
@media (max-width:767px){
  .esv-faq .esv-inner{padding-block:var(--eddie-section-y-mobile);}
  .esv-faq-item > summary{padding:16px 18px; font-size:16px;}
  .esv-faq-a{padding:2px 18px 18px; font-size: var(--eddie-body-size);}
}
@media (max-width:1024px){
  .esv-cards{grid-template-columns:repeat(2,1fr);}
  .esv-seg-grid{grid-template-columns:repeat(2,1fr);}
  .esv-steps{grid-template-columns:repeat(3,1fr); gap:14px;}
  .esv-ripple{display:none;}.esv-art-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
  .esv-inner{padding-inline:var(--eddie-space-mobile);}
  /* the trust strip on phones: one compact row of four, no boxes (the home's
     recipe, 3.9.2026) - the small line only under Google */.esv-services .esv-inner,.esv-seg .esv-inner,
  .esv-personal .esv-inner,.esv-articles .esv-inner{padding-block:var(--eddie-section-y-mobile);}
  .esv-steps{grid-template-columns:1fr;}
  /* the article cards are rows on phones (eddie-artrows, base.css); display is
     the one property this file contests, so it is handed over here */
  .esv-art-grid.eddie-artrows{ display:flex; }
  .esv-art-grid.eddie-artrows .esv-art{ display:grid; }
  .esv-art-grid.eddie-artrows .esv-art h3{ margin-bottom:4px; }
  .esv-art-grid.eddie-artrows .esv-art-meta{ margin-bottom:2px; }
  /* ארבעה כרטיסי שלב מתחלקים לשתי שורות בלי כרטיס יתום —
     בניגוד ל-.esv-steps שהם שלושה וחייבים להישאר בטור אחד. */
  /* the audience cards are accordions on phones (eddie-fold, base.css) */
  .esv-seg-grid{ grid-template-columns:1fr; gap:8px; margin-top:20px; }
  .esv-seg-card{ padding:0; }
  .esv-seg-card > summary{ padding:14px 16px; }
  .esv-seg-card > summary h3{ margin:0 0 2px; font-size:16px; }
  .esv-seg-card > summary .esv-seg-who{ margin-bottom:0; }
  .esv-seg-card ul{ padding:0 16px 14px; }
  .esv-seg-card li{ font-size:var(--eddie-body-sm); }
  /* the service cards are ROWS on phones (eddie-rowlist, base.css). The page's
     own colours are stated here because its card rules (navy card, white text)
     load after base.css at the same weight and would win. */
  /* handed over to the rowlist component (base.css): the list's display and the card's skin - this file loads
     later and would win them back */
  .esv-cards.eddie-rowlist{ display:flex; }
  .esv-cards.eddie-rowlist .esv-card{ display:grid; text-align:start; background:var(--eddie-white); border:1px solid var(--eddie-line); padding:12px 14px; }
  .esv-cards.eddie-rowlist .esv-card-ico{ width:auto; height:auto; margin:0; padding:0; background:none; border:0; }
  .esv-cards .esv-card h3{ color:var(--eddie-ink); font-size:15px; }
  .esv-cards .esv-card p{ color:var(--eddie-muted); }
  .esv-cards .esv-card-ico{ margin:0; color:var(--eddie-brass-deep); }
  .esv-cards .esv-card-more::after{ content:none; }
  .esv-ripple{display:none;}
  /* base.css owns the mobile shape of this card (.eddie-rowcard). It cannot win
     on its own: .esv-step sets display:flex above, at the same specificity, in a
     file that loads later - so the ONE property that is contested is handed over
     here explicitly. Everything else in the row layout is uncontested and comes
     from base. Padding likewise defers to the component. */
  .esv-step{ display:grid; }
  .esv-process .esv-inner{padding-block:var(--eddie-section-y-mobile);}
  .esv-ripple{opacity:.25; width:min(420px,90vw);}
  /* the personal block on phones: a round portrait beside the quote, the text folds */
  .esv-personal .esv-inner{grid-template-columns:1fr; gap:18px;}
  .esv-personal-photo{width:120px; max-width:120px; margin-inline:auto;}
  .esv-personal-photo img{aspect-ratio:1; object-fit:cover; border-radius:50%; box-shadow:none; border:3px solid var(--eddie-white);}
  .esv-quote{font-size:17px; padding-inline-start:16px;}
  .esv-cta .esv-inner{padding-block:var(--eddie-section-y-mobile);}
  .esv-contacts{width:100%;}
  .esv-contact{justify-content:center;}
}
/* The blanket reduced-motion rule that used to sit here is now in base.css,
   once, for the whole site. Do not add a page-level copy. */

  /* רצועת האמון: כרטיסים בהירים, זהים לעמוד הבית ולעמודי תת-השירותים */
  
  
  /* תג גוגל: אחרון ברצועה ובלוגו חשוף, כמו בעמודי תת-השירותים */
  /* כוכבי הדירוג בצבע המותג של גוגל - הקסה מכוונת, אין טוקן לצבעי גוגל *//* בדסקטופ כרטיס גוגל אחרון (הכי שמאלי), כמו בעמודי תת-השירות. במובייל לא משתנה ונשאר שני */
@media (min-width:768px){}

/* יעד הגלילה של כפתור "לכל השירותים" בהירו — מרווח שמפצה על סרגל הניווט הדביק */
#esv-services{ scroll-margin-top:96px; }

/* רצועת האמון בגובה זהה לזו של עמודי תת-השירות *//* חץ האקורדיון בזהב, אחיד לכל האתר */
.esv-faq-item > summary svg{ color:var(--eddie-brass-deep); stroke:var(--eddie-brass-deep); }

  /* חץ אקורדיון זהה לשאר האתר — נבנה ב-CSS במקום SVG */
  
  
/* The caret lives in base.css as .eddie-caret - one declaration for the site. */

/* --- 3.9.2026, phones: the trust strip centred and equal (the small line only under Google), the service rows
   as compact as the home's, and the fold really hiding rows 5-8 - all handed over from the page rules that
   outranked the components. --- */
@media (max-width:767px){.esv-cards.eddie-rowlist.is-folded > .esv-card:nth-child(n+5){ display:none; }
  .esv-cards.eddie-rowlist .esv-card h3{ margin:0; font-size:15px; line-height:1.3; }
  .esv-cards.eddie-rowlist .esv-card p{ margin:0; font-size:12.5px; line-height:1.4; min-height:0; flex:none; }
  .esv-cards.eddie-rowlist .esv-card-more{ margin:0; }
}
/* --- 3.9.2026, phones: the trust strip in the ONE shape shared with the service pages - items top-aligned, the
   Google score and its stars on one line, then the count. --- */
@media (max-width:767px){}
/* contrast (PSI 4.9.2026): the band paints its links white; the primary button keeps ink on brass (5.8:1) */
.esv-cta a[class*="btn-primary"] { color:var(--eddie-ink); }