/* ===== משתנים כלליים ===== */
:root{
  --gold:#cda154;
  --gold-2:#e6c98d;
  --ink:#0b1327;
  --muted:#8892a6;
  --ring:#263352;
  --card:#0e1628;
  --card-cream:#ffffff;
  --bg-deep:#0b1222;
  --bg-cream:#fff2dc;
  --max:1200px;
  --pad:clamp(16px,4vw,32px);
  --radius:18px;
  --shadow:0 20px 40px rgba(0,0,0,.16);

  /* מיקום אנכי של "קצת עלינו" במובייל (באחוזים מגובה התמונה) */
  --about-mobile-top:48%;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; overflow-x:hidden; }
html,body,button,input,textarea,select{ font-family:'Heebo',system-ui,-apple-system,Segoe UI,Arial,sans-serif; }

/* מסתיר טקסט לייבלים אך שומר נגישות */
.sr-only{
  position:absolute!important;
  width:1px!important; height:1px!important;
  margin:-1px!important; padding:0!important;
  overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; border:0!important;
}

/* ===== רקע האתר ===== */
body{
  margin:0; color:var(--ink);
  background:#ffffff url("/static/backdesk.png") center / cover fixed no-repeat;
  overflow-x:hidden;
}
@media (max-width:900px){
  body{
    background:#ffffff url("/static/backtest.png") center top / cover no-repeat;
    background-attachment:scroll;
  }
}

img,svg{ max-width:100%; height:auto; display:block; }
.hdr-spacer{ height:80px }
[id]{ scroll-margin-top:88px; }

/* ===== Header ===== */
.hdr{ position:fixed; inset:0 0 auto 0; z-index:9999; background:#ffffffee; backdrop-filter:blur(6px); border-bottom:1px solid rgba(0,0,0,.06); }
.hdr-row{ max-width:var(--max); margin-inline:auto; padding:10px var(--pad); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-direction:row-reverse; }
.brand{display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none}
.brand-txt strong{ display:block; font-weight:900; line-height:1; color:var(--ink) }
.brand-txt small{ opacity:.9; color:var(--ink) }
.brand img{ width:64px; height:64px; object-fit:contain; border-radius:14px; padding:6px; background:#0b1222; border:1.5px solid var(--gold); box-shadow:0 0 0 6px rgba(0,0,0,.04); }
@media (max-width:980px){ .brand img{ width:52px; height:52px; padding:5px } }

.nav{ flex:1; display:flex; justify-content:center; align-items:center; gap:22px; }
.hdr .nav a,
.hdr .nav .dd-btn{
  color:var(--ink); text-decoration:none; font-weight:800; opacity:.95;
  font-size:18px; line-height:1;
}
.hdr .nav a:hover,
.hdr .nav .dd-btn:hover{ opacity:1; color:var(--gold); text-decoration:underline; text-underline-offset:3px }
.top-nav{ display:flex; gap:10px; }
.btn{ border-radius:12px; font-weight:900; display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; text-decoration:none; user-select:none; }
.btn-outline-gold{ background:#fff; color:#111; border:2px solid var(--gold); border-radius:14px; padding:12px 18px; font-weight:900; }
.phone-pill{ background:var(--ink); color:#fff; border-radius:999px; padding:10px 18px; box-shadow:0 10px 20px rgba(0,0,0,.10); white-space:nowrap; }

/* ===== Dropdown בשורת הניווט ===== */
.dd{ position:relative; }
.dd-btn{
  background:transparent; border:0; cursor:pointer;
  font-weight:800; color:var(--ink); padding:0; line-height:1;
}
.dd-btn::after{ content:" ▾"; font-weight:900; }
.dd-menu{
  position:absolute; inset-inline-end:0; top:calc(100% + 8px);
  min-width:220px; padding:8px; margin:0; list-style:none;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  border-radius:12px; box-shadow:0 16px 40px rgba(0,0,0,.18);
  display:none; z-index:10000; text-align:right;
}
.dd-menu a{
  display:block; padding:10px 12px; border-radius:8px;
  color:#111; text-decoration:none; white-space:nowrap;
}
.dd-menu a:hover{ background:#f6f7fb; }
.dd.open .dd-menu{ display:block; }
/* הובר בדסקטופ */
@media (hover:hover){ .dd:hover .dd-menu{ display:block; } }
/* במובייל אין צורך בדרופדאון (תפריט נפרד) */
@media (max-width:1180px){ .dd-menu{ display:none !important; } }

/* חשוב: לא מסתירים סושיאל בכלל האתר! הסתרה נקודתית בכרטיס ה-CONTACT בלבד */
.contact-card .cc-social{ display:none !important; }

/* ===== תפריט מובייל ===== */
.menu-toggle{ display:none; width:44px; height:40px; border-radius:12px; background:transparent; border:1px solid rgba(0,0,0,.15); color:var(--ink); cursor:pointer; align-items:center; justify-content:center; gap:4px; flex-direction:column; }
.menu-toggle span{ display:block; width:22px; height:2.5px; background:var(--ink); border-radius:2px; }
@media (max-width:1180px){ .nav{ display:none } .menu-toggle{ display:inline-flex } }
.mnav-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:opacity .25s ease; z-index:9998; }
.mnav-backdrop.show{ opacity:1; visibility:visible }
.mobile-menu{
  position:fixed; inset:0 auto 0 0; width:min(86vw,380px);
  background: radial-gradient(600px 260px at 20% -10%, rgba(230,201,141,.12), rgba(230,201,141,0) 60%),
              linear-gradient(180deg, #0b1222 0%, #101a33 100%);
  border-inline-end:1px solid rgba(255,255,255,.06); box-shadow:32px 0 60px rgba(0,0,0,.45);
  transform:translateX(-110%); transition:transform .28s ease;
  z-index:9999; display:flex; flex-direction:column; gap:14px; padding:14px; border-radius:0 14px 14px 0;
}
.mobile-menu.open{ transform:translateX(0) }
.mnav-head{ display:flex; align-items:center; justify-content:space-between; color:#fff }
.menu-close{ width:40px; height:40px; border-radius:10px; background:transparent; color:#fff; border:1px solid rgba(255,255,255,.25); cursor:pointer; }

/* ==== קישורים בתפריט מובייל (גודל אחיד) ==== */
.mnav-links{ display:grid; gap:8px }
.mnav-links a{
  color:#fff; text-decoration:none; font-weight:800;
  padding:12px 14px;                 /* ↑ הוגדל ליישור גובה */
  border-radius:10px;
  background:#ffffff12; border:1px solid rgba(255,255,255,.08);
  font-size:18px; line-height:1;     /* ↑ גודל וגובה כמו כולם */
}
.mnav-links a:hover{ background:#ffffff1f }
.mnav-ctas{ display:grid; gap:8px; margin-top:auto }

/* === תת-תפריט מובייל (mdd) — כפתור בגודל זהה לשאר הפריטים === */
.mnav-links .mdd{
  background:transparent; border:0; border-radius:10px; padding:0;
}
.mdd-btn{
  width:100%;
  background:#ffffff12; border:1px solid rgba(255,255,255,.08);
  border-radius:10px; color:#fff; font-weight:800; text-align:right;
  padding:12px 14px;                 /* ↑ בדיוק כמו .mnav-links a */
  font-size:18px; line-height:1;     /* ↑ אותו גודל */
  cursor:pointer; display:flex; align-items:center; justify-content:space-between;
}
.mdd-btn:hover{ background:#ffffff1f; }
.mdd-btn::after{ content:"▾"; font-weight:900; transition:transform .15s ease; }
.mdd-btn[aria-expanded="true"]::after{ transform:rotate(180deg); }

/* --- תת-תפריט במובייל: RTL אמיתי, גלולות בגודל התוכן מיושרות לימין --- */
.mdd-btn{ direction: rtl; text-align: right; }

.mdd-menu{
  display: flex;
  flex-direction: column;   /* אחד מתחת לשני */
  gap: 8px;
  margin-top: 8px;
  direction: rtl;           /* כיוון כתיבה מימין לשמאל */
  align-items: flex-start;  /* ב-RTL: cross-start = ימין */
  text-align: right;
}
.mdd-menu[hidden]{ display:none; }

.mdd-menu a{
  display: inline-flex;     /* גודל לפי התוכן */
  width: auto;
  padding: 8px 14px;
  border-radius: 10px;
  background: #ffffff12;
  border: 1px solid rgba(255,255,255,.10);
  color: #fff; text-decoration: none;
  font-size: 15px; font-weight: 700;
  line-height: 1;
  align-self: flex-start;   /* מבטיח צמוד לימין גם אם כללים אחרים מתערבים */
}
.mdd-menu a:hover{
  background:#ffffff22;
  border-color:rgba(255,255,255,.18);
}



/* ===== Hero (ישן לתאימות) ===== */
.hero{ position:relative; overflow:hidden; min-height: clamp(520px, 70vh, 680px); padding: clamp(24px,4vw,40px) 0; }
.hero::before{ content:""; position:absolute; inset:0; background: radial-gradient(1000px 420px at 10% 0%, rgba(11,18,34,.06), transparent 60%), radial-gradient(1000px 420px at 90% -10%, rgba(11,18,34,.06), transparent 60%), linear-gradient(180deg, rgba(11,18,34,.03), rgba(11,18,34,.03)); pointer-events:none; }
.hero-wrap{ position:relative; z-index:1; max-width:var(--max); margin:0 auto; padding-inline:var(--pad); display:grid; grid-template-columns:1.18fr 0.82fr; gap: clamp(18px,4vw,48px); align-items:center; grid-template-areas:"text img"; direction:ltr; }
.hero-card{ grid-area:text; direction:rtl; background: rgba(255,255,255,.80); backdrop-filter: blur(2px); border:1px solid rgba(0,0,0,.08); border-radius:18px; box-shadow:0 20px 40px rgba(0,0,0,.10); padding: clamp(22px, 3.4vw, 36px); padding-inline-start: clamp(26px, 4.2vw, 48px); }
.visual{ grid-area:img; }
.h1{ font-size: clamp(28px,5vw,56px); margin:0 0 10px; font-weight:900; color:#111; line-height:1.1; }
.sub{ font-size: clamp(16px,2vw,18px); color:#222; margin:0 0 18px }
.chip-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; margin-top:16px; }
.chip{ display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,.12); background:#fff; color:#111; padding:10px 12px; border-radius:999px; font-weight:800; }
.btn-gold-fill{ position:relative; overflow:hidden; border:1px solid rgba(0,0,0,.06); background: radial-gradient(220px 120px at 20% -20%, rgba(255,255,255,.55), rgba(255,255,255,0) 65%), linear-gradient(180deg, var(--gold-2), var(--gold)); color:#111; border-radius:14px; padding:12px 18px; font-weight:900; box-shadow:0 14px 30px rgba(205,161,84,.24), inset 0 1px 0 rgba(255,255,255,.35); }
.btn-gold-fill:hover{ filter:saturate(1.05); }

/* ===== מקטעים כלליים ===== */
.section{ padding: clamp(28px,3.5vw,54px) 0 }
.container{ max-width:var(--max); margin-inline:auto; padding-inline:var(--pad) }
.bg-cream{ background:transparent; }

/* ===== Service Hero (דף שירות) ===== */
.service-hero{ padding: clamp(24px,4vw,40px) 0; }
body.service-page .service-hero{ padding:0; margin:0; position: relative; }
body.service-page .service-hero::after{ content:""; display:block; height:10px; background: linear-gradient(180deg, #e6c98d 0%, #cda154 55%, #a67a2d 100%); box-shadow: inset 0 2px 0 rgba(255,255,255,.35), 0 6px 14px rgba(0,0,0,.16); border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (max-width:680px){ body.service-page .service-hero::after{ height:8px; } }

.service-hero-grid{ display:grid; grid-template-columns: 1.2fr 0.8fr; gap: clamp(16px, 3.5vw, 28px); align-items:center; }
@media (max-width:1100px){ .service-hero-grid{ grid-template-columns:1fr; } }
.hero-card{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:18px; box-shadow:0 20px 40px rgba(0,0,0,.10); }
.hero-text{ padding: clamp(18px,3vw,24px); }
.service-title{ margin:0 0 10px; font-weight:900; font-size: clamp(26px, 3.2vw, 40px); line-height:1.15; color:#111; }
.service-lead{ margin:0 0 12px; font-size: clamp(15px, 1.3vw, 18px); color:#1f2430 }
.hero-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.hero-icon{ display:flex; align-items:center; justify-content:center; padding: clamp(14px,2.4vw,22px); }
.hero-icon img{ width: clamp(180px, 32vw, 340px); height:auto; object-fit:contain; }

/* ===== גריד אייקונים בדף הבית ===== */
.svc-icons{ display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; }
@media (max-width:680px){ .svc-icons{ grid-template-columns: repeat(2, 1fr); } }
.svc-icon{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-decoration:none; background:transparent; border:0; box-shadow:none; border-radius:0; padding:10px 6px; gap:10px; color:#111; }
.svc-icon:hover{ transform:translateY(-2px); box-shadow:none; }
.svc-icon img{ width:160px; height:auto; object-fit:contain; }
.svc-icon span{ font-weight:900; font-size:20px; text-align:center; }
@media (max-width:900px){ .svc-icon img{ width:140px; } .svc-icon span{ font-size:19px; } }
@media (max-width:680px){ .svc-icon img{ width:120px; } .svc-icon span{ font-size:18px; } }

/* ===== למה לבחור בנו (ישן) & קצת עלינו ===== */
#why.section, #about.section{
  padding: clamp(6px, 3.5vw, 10px) 0 clamp(12px, 2vw, 24px);
}
.why-grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(2px,2.4vw,2px);
  align-items:center;
  grid-template-areas: "text img";
  direction:ltr;
}
.why-text{ grid-area:text; direction:rtl; }
.why-img{ grid-area:img; margin:0; }
.why-img img{ width:100%; height:auto; object-fit:contain; }
.why-par{ font-size: clamp(16px, 1.35vw, 18px); line-height: 1.9; color:#0f1830; margin: 8px 0 0; }
.why-strong{ font-weight:900; color:#000; }

/* === כרטיס אחד לכל "קצת עלינו" (דסקטופ/טאבלט) === */
#about .why-text{
  background:
    linear-gradient(180deg, rgba(205,161,84,.10), rgba(205,161,84,.05));
  border:1px solid rgba(205,161,84,.24);
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 14px 36px rgba(0,0,0,.12);
}
#about .h2{ margin:4px 0 8px; text-align:right; }
#about .why-par{ background:transparent; border:0; margin:8px 0 0; }

/* ציטוט “מדבר” במקטע קצת עלינו */
.why-quote{
  font-family: 'Rubik','Heebo',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-style: italic;
  letter-spacing: .2px;
}

/* ✅ חותמת מתחת לציטוט */
.why-sign{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-top:10px;
}
.why-sign img{
  width: clamp(120px, 32%, 240px);
  height:auto;
  object-fit:contain;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.10));
  opacity:.95;
}

/* ריספונסיביות: במובייל – הכרטיס באמצע התמונה */
@media (max-width:900px){
  :root{ --about-mobile-top:42%; }

  #why.section, #about.section{ padding: clamp(2px, 1.6vw, 8px) 0 clamp(10px, 2vw, 18px); }
  .why-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "img"
      "text";
    row-gap: 0;
  }
  #why .h2, #about .h2{ margin-top:0; }

  #about .why-grid{ position: relative; padding-bottom: 260px; }
  #about .why-img{ position:relative; }
  #about .why-text{
    position:absolute;
    left:50%;
    top:var(--about-mobile-top);
    transform:translate(-50%,-50%);
    width:min(92vw, 460px);
    z-index:3;

    background:
      linear-gradient(180deg, rgba(205,161,84,.10), rgba(205,161,84,.05)),
      rgba(255,255,255,.88);
    backdrop-filter: blur(2px);
    border:1px solid rgba(205,161,84,.28);
    box-shadow:
      0 22px 50px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.55);
    padding:14px 16px 16px;
  }
  #about .h2{ text-align:center; margin:0 0 6px; }

  .why-sign{ justify-content:center; margin-top:8px; }
  .why-sign img{ width: clamp(100px, 36vw, 180px); max-width:88%; }
}

/* ===== פוטר ===== */
.footer-wrap{ text-align:center; display:grid; gap:10px; }
.footer-row{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; justify-content:center; }
.footer .container{ color:#24324b; }
.footer-link{ color:#1f2b4a; font-weight:800; text-decoration:none; }
.footer-link:hover{ color:var(--gold); text-decoration:underline; }
.sep{ opacity:.45; color:#1f2b4a; }
.footer-copy{ opacity:.85; }

/* ✅ גודל ותצוגה תקינים לאייקוני סושיאל בפוטר */
.footer-social{ display:flex; gap:12px; justify-content:center; align-items:center; margin-top:4px; }
.footer-social .soc{
  display:inline-flex; width:34px; height:34px; border-radius:999px; background:#fff;
  box-shadow:0 4px 10px rgba(0,0,0,.12); align-items:center; justify-content:center;
  transition:transform .12s ease, box-shadow .12s ease;
}
.footer-social .soc:hover{ transform:translateY(-1px); box-shadow:0 8px 16px rgba(0,0,0,.16); }
.footer-social img{ width:22px; height:22px; object-fit:contain; display:block; }

/* ===== התאמות מובייל כלליות ===== */
@media (max-width:680px){
  .brand-txt{ display:block }
  .brand-txt strong{ font-size:15px; line-height:1; }
  .brand-txt small{ font-size:12px; opacity:.9; }

  .brand img{ width:56px; height:56px; padding:6px }
  .hdr-spacer{ height:72px }

  .mobile-menu{ background: linear-gradient(180deg, rgba(11,18,34,.82) 0%, rgba(16,26,51,.90) 100%), url("/static/10.png") center / cover no-repeat; border-inline-end:1px solid rgba(255,255,255,.08); }
}

/* כותרות H2 */
.h2{ font-weight:900; color:#111; text-align:center; margin:0 0 18px; font-size: clamp(28px, 3.2vw, 48px); }

/* FAB וואטסאפ */
.wa-fab{ position:fixed; inset:auto auto 16px 16px; z-index:9990; width:56px; height:56px; border-radius:999px; background:#fff; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 8px 22px rgba(0,0,0,.22); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.wa-fab:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(0,0,0,.26); filter:saturate(1.06); }
.wa-fab img{ width:34px; height:34px; object-fit:contain; }
@media (max-width:680px){ .wa-fab{ width:54px; height:54px; inset:auto auto 14px 14px; } .wa-fab img{ width:32px; height:32px; } }

/* ===== הקשחת מניעת גלילה ימינה בעמודי שירות ===== */
@media (max-width:900px){
  body.service-page{ position:relative; overflow-x:hidden; }
  body.service-page .service-hero,
  body.service-page .section,
  body.service-page .container,
  body.service-page .service-hero-grid,
  body.service-page .hero-card{ max-width:100vw; overflow-x:hidden; }
  body.service-page *{ word-wrap:break-word; }
}

/* ==== תוספות הירו בדפי שירות ==== */
body.service-page .hero-text{ position:relative; z-index:2; }
body.service-page .hero-photo{ position:relative; z-index:1; overflow:hidden; isolation:isolate; margin:0; }
body.service-page .hero-photo img{ width:100%; height: clamp(380px, 68vh, 740px); object-fit: cover; object-position: center 42%; display:block; filter: brightness(1.07) contrast(.95) saturate(1.04) blur(.6px); }
body.service-page .hero-photo::after{ content:""; position:absolute; inset:0; background: rgba(255,255,255,.18); pointer-events:none; }

@media (min-width: 1000px){
  body.service-page .service-title{ font-size: clamp(24px, 2.6vw, 36px); }
  .h2{ font-size: clamp(26px, 2.8vw, 42px); }
}
body.service-page .hero-actions{ display:none !important; } /* keep as in your previous version */
body.service-page .service-hero-grid{ grid-template-columns:1fr; gap:0; }

/* ==== רשימות עשירות ==== */
.rich ul{ list-style:none; padding:0; margin:10px 0 0 0; }
.rich li{ position:relative; padding-inline-start:28px; margin:8px 0; color:#1f2430; font-weight:800; line-height:1.5; }
.rich li:not(:has(.ico))::before{ content:"•"; position:absolute; inset-inline-start:6px; top:.15em; font-size:20px; line-height:1; color:#000; }
.rich li .ico{ position:absolute; inset-inline-start:0; top:.15em; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:6px; font-size:14px; line-height:1; user-select:none; }
.rich li .ico.gold{ background:linear-gradient(180deg,var(--gold-2),var(--gold)); color:#111; box-shadow:0 6px 12px rgba(205,161,84,.28), inset 0 1px 0 rgba(255,255,255,.4); font-weight:900; }
.rich li .ico.idea{ background:#fff; color:#111; }

/* כרטיס טקסט על התמונה – דף הבית */
.hero-overlay{
  position:absolute; left:50%; transform:translateX(-50%); bottom:8vh;
  width:min(1100px, 92vw); padding:clamp(16px,3.2vw,26px);
  border-radius:18px; background:rgba(255,255,255,.60);
  border:1px solid rgba(0,0,0,.06); box-shadow:0 20px 40px rgba(0,0,0,.10); text-align:right;
}
.hero-overlay .service-title{ margin:0 0 8px; font-weight:900; color:#111; font-size:clamp(28px,4.2vw,52px); line-height:1.15; }
.hero-overlay .service-lead{ margin:0; color:#1f2430; font-size:clamp(16px,2vw,18px); }

/* RTL fixes לדפי שירות */
.service-page .rich ul{ list-style: disc; list-style-position: outside; padding: 0 1.4em 0 0; margin: 10px 0 0; direction: rtl; text-align: right; }
.service-page .rich li{ margin: 6px 0; padding: 0; }
.service-page .rich li::marker{ color: #000; font-size: .9em; font-variant-numeric: tabular-nums; }
.service-page .rich li.li-idea, .service-page .rich li.li-goldcheck{ list-style-type: none; position: relative; padding-right: 28px; }
.service-page .rich li.li-idea::after{ content: "💡"; position: absolute; right: 4px; top: .12em; line-height: 1; font-size: 1.05em; }
.service-page .rich li.li-goldcheck::after{ content: ""; position: absolute; right: 4px; top: .22em; width: 18px; height: 18px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11" fill="%23cda154"/><path d="M7 12l3 3 7-7" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-size: contain; background-repeat: no-repeat; filter: drop-shadow(0 1px 0 rgba(0,0,0,.05)); }
.service-page .rich li::before{ content: none !important; }

/* ===== Home Hero ===== */
.home-hero{ padding:0; margin:0; position: relative; }
.home-hero::after{ content:""; display:block; height:10px; background: linear-gradient(180deg, #e6c98d 0%, #cda154 55%, #a67a2d 100%); box-shadow: inset 0 2px 0 rgba(255,255,255,.35), 0 6px 14px rgba(0,0,0,.16); border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (max-width:680px){ .home-hero::after{ height:8px; } }
.home-hero .hero-photo{ position:relative; z-index:1; overflow:hidden; isolation:isolate; margin:0; }
.home-hero .hero-photo img{ width:100%; height: clamp(380px, 68vh, 740px); object-fit: cover; object-position: center 42%; display:block; filter: brightness(1.07) contrast(.95) saturate(1.04) blur(.6px); }
.home-hero .hero-photo::after{ content:""; position:absolute; inset:0; background: rgba(255,255,255,.18); pointer-events:none; }
.home-hero .hero-overlay{ text-align: right; direction: rtl; }
.home-hero .home-hero-text{ max-width: 900px; margin: 0 auto; text-align: right; }
.home-hero .home-hero-text p{ margin: 0 0 10px; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.9; color: #0f1830; }

/* ריווחי H2 ו-CTA */
.h2{ margin-top: clamp(54px, 6px, 88px); margin-bottom: 18px; }
.cta-par{ margin-top: clamp(40px, 6vw, 64px); text-align: center; }
.section .rich + p, .section ul + p{ margin-top: clamp(28px, 4.5vw, 48px); text-align: center; }
section#contact .h2{ margin-top: clamp(6px, 2.5vw, 2px); }
.cta-par{ margin-top: clamp(56px, 7vw, 84px); text-align: center; }

/* ====== Contact Card (homepage) ====== */
.contact-card{
  background: linear-gradient(180deg,#ffffff,#f8f8fb);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 20px;
  box-shadow: 0 18px 50px rgba(0,0,0,.12);
  padding: clamp(14px,2.2vw,20px);
}
.cc-body{ display:grid; grid-template-columns: 0.9fr 1.4fr; gap: clamp(14px,2.6vw,28px); align-items: stretch; }

.cc-aside{
  background:#fff; border:0; border-radius:16px; padding:14px;
  display:grid; gap:12px; box-shadow: 0 8px 22px rgba(0,0,0,.06) inset;
}
.cc-map{ width:100%; aspect-ratio:4/3; max-height:220px; object-fit:cover; border-radius:12px; border:1px solid #eaeaea; background:#f2f4f8; }
.cc-lines{ display:grid; gap:6px; font-weight:800; text-align:right; }
.cc-line{ text-decoration:none; color:#0b5ed7; display:block; }
.cc-line:hover{ text-decoration:underline; }
.cc-wa{ display:flex; align-items:center; justify-content:center; height:44px; border-radius:999px; background:#29a458; color:#fff; text-decoration:none; font-weight:900; box-shadow:0 10px 20px rgba(41,164,88,.22); }
.cc-wa:hover{ filter:saturate(1.05) brightness(1.02); }

/* --- form (homepage & services) --- */
.cc-form{
  background:#fff; border:0; border-radius:16px;
  padding: clamp(14px,2.2vw,20px);
  display:grid; grid-template-columns: 1fr; gap:10px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06) inset;
}
.cc-form input,.cc-form textarea{
  width:100%; border:1px solid #d8dee6; border-radius:10px; background:#fff; padding:10px 11px; font-size:15px;
}
.cc-form input{ height:42px; }
.cc-form input:focus,.cc-form textarea:focus{ outline:none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(205,161,84,.18); }
#cc_phone::placeholder{ text-align:right; }
.cc-form textarea{ grid-column:1/-1; min-height:160px; resize:vertical; }
.cc-submit{ grid-column:1/-1; height:46px; font-size:18px; }
@media (min-width: 600px) and (max-width: 899px){ .cc-form{ grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px){ .cc-form{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px){ .cc-body{ grid-template-columns: 1fr; } .cc-submit{ height:46px; } }

/* רק בדף הבית – כרטיס הירו שקוף יותר */
.home-hero .hero-overlay{ background: rgba(255,255,255,.60); border-color: rgba(0,0,0,.06); backdrop-filter: blur(2px); }

/* ====== Contact (SERVICE pages) ====== */
.service-page .contact-card{ /* אותו כרטיס כמו בית */ }
.service-page .contact{ background:transparent; border:0; padding:0; }

/* ====== סיום ====== */


/* ===== התאמות נוספות להדר – שומר על שורה אחת בכל טלפון ===== */
.hdr-row{
  flex-wrap: nowrap;
  gap: 12px;
}
.brand, .top-nav{ white-space: nowrap; }
.top-nav{ flex-shrink: 0; }
.brand{ min-width: 0; }

/* שלב 1 – עד 480px */
@media (max-width: 480px){
  .hdr-row{ gap: 8px; padding-inline: 8px; }
  .brand img{ width: 50px; height: 50px; padding: 5px; }
  .brand-txt strong{ font-size: 14px; }
  .brand-txt small{ font-size: 12px; }
  .phone-pill{ padding: 8px 12px; font-size: 14px; }
}

/* שלב 2 – עד 400px */
@media (max-width: 400px){
  .hdr-row{ gap: 6px; }
  .brand img{ width: 46px; height: 46px; padding: 4px; }
  .brand-txt strong{ font-size: 13px; }
  .brand-txt small{ font-size: 11px; }
  .phone-pill{ padding: 7px 10px; font-size: 13px; }
}

/* שלב 3 – עד 360px: מסתירים אייקון בכפתור הטלפון לחיסכון ברוחב */
@media (max-width: 360px){
  .hdr-row{ gap: 4px; }
  .brand img{ width: 42px; height: 42px; }
  .phone-pill{ padding: 6px 9px; font-size: 12.5px; }
  .phone-pill .ico, .phone-pill svg, .phone-pill::before{ display:none !important; }
}

/* אופציונלי – מסכים נדירים מאוד */
@media (max-width: 330px){
  .brand-txt small{ display:none; }
}