/* ==== Title Engraved – Bottle Green V4 (קריאות גבוהה, מט) ==== */
:root{
  /* מעט בהיר יותר בחלק התחתון כדי שלא ייבלע ברקע */
  --bottle-top1:#347C60;  /* highlight טיפה חמים */
  --bottle-top2:#2E6F55;  /* upper mid */
  --bottle-low1:#265F48;  /* lower mid – הורם ב-6% */
  --bottle-low2:#1F4B39;  /* bottom – הורם ב-8% */
}

.title{
  background: linear-gradient(180deg,
    var(--bottle-top1) 0%,
    var(--bottle-top2) 36%,
    var(--bottle-low1) 68%,
    var(--bottle-low2) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;

  /* קונטור מעט עבה/בהיר יותר לעומת v12c */
  -webkit-text-stroke:1px rgba(0,0,0,.62);

  /* Bevel מט + rim-light עדינה – מרים את התחתית בלי ברק */
  text-shadow:
    0 -1px  0 rgba(255,255,255,.07),     /* פס־אור דק מלמעלה */
    0  1px  0 rgba(255,255,255,.06),     /* rim-light בתחתית */
    0  2.6px 0 rgba(0,0,0,.60),          /* קצה תחתון לחריטה */
    0  0  20px rgba(7,40,28,.35),        /* הילה רכה מפרידה מהרקע */
    0 18px 28px rgba(0,0,0,.36);         /* עומק רך מאחור */
  letter-spacing:.5px;
  position:relative;
  display:inline-block;
}

/* הילה ממוקדת מאחורי הטקסט – לא “לוחית”, רק הפרדה עדינה */
.title::before{
  content:"";
  position:absolute; inset:-.18em -.28em; z-index:-1;
  background:
    radial-gradient(120% 170% at 50% 60%, rgba(0,0,0,.42), transparent 65%);
  filter: blur(.8px);
  pointer-events:none;
}

/* אופציונלי: אם עדיין כהה אצלך, הוסיפי למחלקה של ה-H1 גם 'plate' */
.title.plate::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.10)),
    radial-gradient(120% 170% at 50% 60%, rgba(0,0,0,.30), transparent 65%);
  border-radius:.6rem;
}
