/* =========================================================
   נקודת מפגש — עמוד הטבות לחתנים וכלות
   (משמש גם לתצוגה החיה בפאנל הניהול)
   ========================================================= */
.g-root{
  position:relative; margin-top:-40px; padding-inline:clamp(0px, 3vw, 36px);
  display:flex; flex-direction:column; gap:clamp(28px, 4vw, 44px);
}
.g-root:has(> .g-sec:first-child:not(.panel)){ margin-top:24px; }
.g-root > .panel:first-child, .g-intro{ box-shadow:0 24px 50px rgba(14,37,65,.12); }
.g-sec{ margin:0; }
.g-sec .section-title{ margin-bottom:8px; }
.g-lead{ margin:0 0 18px; color:var(--muted); font-size:1.05rem; line-height:1.7; max-width:62ch; }
.g-head{ margin-bottom:18px; }
.g-head .g-lead{ margin-bottom:0; }
.g-intro .rich{ font-size:1.1rem; line-height:1.85; }

/* ---------- סינון ---------- */
.gb-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.gb-chips .chip{
  display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:999px; cursor:pointer;
  border:1px solid var(--line); background:var(--white); color:var(--navy); font:inherit; font-weight:600;
  transition:background .2s, border-color .2s, color .2s;
}
.gb-chips .chip .ic{ width:17px; height:17px; color:var(--gold); }
.gb-chips .chip small{ color:var(--muted); font-weight:700; }
.gb-chips .chip:hover{ border-color:var(--gold); }
.gb-chips .chip[aria-pressed="true"]{ background:var(--navy); border-color:var(--navy); color:var(--white); }
.gb-chips .chip[aria-pressed="true"] .ic, .gb-chips .chip[aria-pressed="true"] small{ color:var(--gold-bright); }

/* ---------- כרטיסי הטבה ---------- */
.gb-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(270px, 1fr)); gap:18px; }
.gb-card{
  display:flex; flex-direction:column; border-radius:var(--radius); overflow:hidden;
  background:var(--white); border:1px solid var(--line); box-shadow:0 12px 30px -20px rgba(14,37,65,.4);
  transition:transform .25s, box-shadow .25s;
  animation:gbIn .55s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--i) * 70ms);
}
.gb-card.pop{ animation:gbIn .4s cubic-bezier(.2,.8,.2,1) both; }
.gb-card:hover{ transform:translateY(-4px); box-shadow:0 22px 40px -22px rgba(14,37,65,.5); }
@keyframes gbIn{ from{ opacity:0; transform:translateY(16px); } }
.gb-top{
  position:relative; height:130px; display:grid; place-items:center;
  background:
    radial-gradient(70% 90% at 80% 0%, rgba(227,185,93,.35), transparent 70%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.04) 0 2px, transparent 2px 26px),
    linear-gradient(150deg, var(--navy-soft), var(--navy));
}
.gb-top img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.gb-top img + .gb-ic{ display:none; }
.gb-ic{ width:64px; height:64px; border-radius:20px; display:grid; place-items:center;
  background:rgba(255,255,255,.08); border:1px solid rgba(227,185,93,.4); color:var(--gold-bright); }
.gb-ic .ic{ width:32px; height:32px; }
.gb-card:hover .gb-ic{ animation:gbBob 1.2s ease-in-out infinite; }
@keyframes gbBob{ 50%{ transform:translateY(-4px) rotate(-4deg); } }
.gb-deal{
  position:absolute; bottom:-14px; left:16px; z-index:1;
  padding:7px 14px; border-radius:12px; background:linear-gradient(135deg, var(--gold-bright), var(--gold));
  color:var(--navy); font-family:var(--font-display); font-weight:800; font-size:1rem;
  box-shadow:0 8px 18px -8px rgba(191,138,42,.8);
}
.gb-body{ padding:20px 18px 18px; display:flex; flex-direction:column; gap:6px; flex:1; }
.gb-cat{ color:var(--gold-text); font-weight:700; font-size:var(--fs-small); }
.gb-biz{ margin:0; font-family:var(--font-display); font-weight:800; font-size:1.25rem; color:var(--navy); line-height:1.25; }
.gb-title{ margin:0; font-weight:700; color:var(--ink); }
.gb-text{ margin:0; color:var(--muted); line-height:1.65; }
.gb-meta{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:4px; color:var(--muted); font-size:var(--fs-small); }
.gb-meta li{ display:flex; align-items:center; gap:6px; }
.gb-meta .ic{ width:15px; height:15px; color:var(--gold); flex:none; }
.gb-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:12px; }
.gb-actions .ic{ width:16px; height:16px; }

/* קוד הטבה: נחשף בלחיצה */
.gb-code{
  position:relative; flex:1 1 100%; height:42px; border-radius:12px; cursor:pointer; overflow:hidden;
  border:1.5px dashed var(--gold); background:var(--gold-pale); color:var(--navy); font:inherit; font-weight:700; padding:0;
}
.gb-code > span{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; transition:transform .35s cubic-bezier(.2,.8,.2,1), opacity .35s; }
.gb-code .ic{ width:17px; height:17px; color:var(--gold); }
.gb-code-back{ transform:translateY(100%); opacity:0; font-family:var(--font-display); font-size:1.15rem; letter-spacing:.12em; background:var(--white); }
.gb-code.open .gb-code-front{ transform:translateY(-100%); opacity:0; }
.gb-code.open .gb-code-back{ transform:none; opacity:1; }

.gb-soon{ display:flex; align-items:center; gap:14px; padding:22px; border-radius:var(--radius); background:var(--white); border:1px dashed #D8C9A6; }
.gb-soon .ic{ width:34px; height:34px; color:var(--gold); flex:none; }
.gb-soon p{ margin:0; font-size:1.05rem; }

/* ---------- שלבים על כביש ---------- */
.gs-road{
  list-style:none; margin:14px 0 0; padding:0; position:relative;
  display:grid; grid-template-columns:repeat(var(--n), minmax(0, 1fr)); gap:18px;
}
.gs-road::before{
  content:""; position:absolute; top:22px; right:6%; left:6%; height:14px; border-radius:14px;
  background:
    repeating-linear-gradient(90deg, var(--gold-bright) 0 18px, transparent 18px 34px) center / 100% 2px no-repeat,
    var(--navy);
  animation:gsFlow 1.6s linear infinite;
}
@keyframes gsFlow{ to{ background-position:-34px center, 0 0; } }
.gs-road li{ position:relative; text-align:center; padding:0 6px; animation:gbIn .5s both; animation-delay:calc(var(--i) * 140ms + 150ms); }
.gs-num{
  position:relative; z-index:1; width:58px; height:58px; margin:0 auto 12px; border-radius:50% 50% 50% 6px; transform:rotate(-45deg);
  display:grid; place-items:center; background:linear-gradient(135deg, var(--gold-bright), var(--gold));
  box-shadow:0 10px 20px -8px rgba(191,138,42,.8); border:3px solid var(--white);
  font-family:var(--font-display); font-weight:800; font-size:1.35rem; color:var(--navy);
}
.gs-road li b{ display:block; font-family:var(--font-display); color:var(--navy); font-size:1.12rem; }
.gs-road li p{ margin:4px 0 0; color:var(--muted); line-height:1.6; }
/* המספר עצמו ישר, למרות שהסיכה מסובבת */
.gs-num > span{ transform:rotate(45deg); line-height:1; }

/* ---------- שאלות נפוצות ---------- */
.gf-list{ display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.gf-item{ border:1px solid var(--line); border-radius:16px; background:var(--white); transition:box-shadow .2s, border-color .2s; }
.gf-item[open]{ border-color:var(--gold); box-shadow:0 12px 26px -18px rgba(14,37,65,.45); }
.gf-item summary{
  list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:16px 18px; font-family:var(--font-display); font-weight:700; color:var(--navy); font-size:1.05rem;
}
.gf-item summary::-webkit-details-marker{ display:none; }
.gf-plus{ width:30px; height:30px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--gold-pale); color:var(--gold); transition:transform .3s, background .3s; }
.gf-plus .ic{ width:16px; height:16px; }
.gf-item[open] .gf-plus{ transform:rotate(45deg); background:var(--navy); color:var(--gold-bright); }
.gf-a{ padding:0 18px 16px; color:var(--ink); line-height:1.75; animation:gbIn .3s both; }

/* ---------- טופס ---------- */
.g-form{ border-top:5px solid var(--gold); box-shadow:0 24px 50px rgba(14,37,65,.12); }

@media (max-width: 760px){
  .gs-road{ grid-template-columns:1fr; gap:0; }
  .gs-road::before{ top:10px; bottom:10px; right:28px; left:auto; width:12px; height:auto;
    background:repeating-linear-gradient(180deg, var(--gold-bright) 0 16px, transparent 16px 30px) center / 2px 100% no-repeat, var(--navy);
    animation-name:gsFlowV; }
  @keyframes gsFlowV{ to{ background-position:center -30px, 0 0; } }
  .gs-road li{ display:grid; grid-template-columns:58px 1fr; column-gap:14px; text-align:right; padding:0 0 22px; }
  .gs-num{ grid-row:span 2; margin:0; }
  .gs-road li b{ align-self:center; }
  .gs-road li p{ grid-column:2; margin:0; }
}
@media (prefers-reduced-motion: reduce){
  .gb-card, .gs-road li, .gf-a{ animation:none; }
  .gs-road::before{ animation:none; }
}

/* הזמנה לבעלי עסקים */
.bz-cta{ display:flex; align-items:center; gap:16px; margin:36px clamp(0px, 3vw, 36px) 0; padding:20px 24px; border-radius:var(--radius);
  text-decoration:none; color:#fff; background:radial-gradient(60% 140% at 100% 0%, rgba(227,185,93,.35), transparent 70%), linear-gradient(150deg, var(--navy-soft), var(--navy));
  box-shadow:0 20px 40px -24px rgba(14,37,65,.7); transition:transform .2s; }
.bz-cta:hover{ transform:translateY(-3px); }
.bz-cta-ic{ width:52px; height:52px; flex:none; border-radius:16px; display:grid; place-items:center; background:linear-gradient(135deg, var(--gold-bright), var(--gold)); color:var(--navy); }
.bz-cta-ic .ic{ width:26px; height:26px; }
.bz-cta > span:nth-child(2){ flex:1; color:#D6DEEA; line-height:1.6; }
.bz-cta b{ display:block; font-family:var(--font-display); font-size:1.25rem; color:var(--gold-bright); }
.bz-cta-go{ display:inline-flex; align-items:center; gap:6px; padding:10px 18px; border-radius:12px; background:var(--gold-bright); color:var(--navy); font-weight:800; white-space:nowrap; }
.bz-cta-go .ic{ width:18px; height:18px; }
@media (max-width: 640px){ .bz-cta{ flex-wrap:wrap; } .bz-cta-go{ width:100%; justify-content:center; } }

/* לוגו של בית עסק: מוצג במלואו על רקע לבן */
.gb-top img.gb-logo-img{ object-fit:contain; background:#fff; padding:14px 22px; }

.gb-page{ display:flex; align-items:center; justify-content:center; gap:6px; margin-top:12px; padding:10px 14px; border-radius:12px; background:var(--navy); color:#fff; font-weight:800; text-decoration:none; transition:background .2s, gap .2s; }
.gb-page:hover{ background:var(--navy-soft, #1B3A63); gap:10px; }
.gb-page .ic{ width:16px; height:16px; color:var(--gold-bright); }
/* כרטיס הזמנת מוצרים: זהב, כדי שייראה שונה מכרטיס בעלי העסקים */
.bz-cta.order-cta{ background:linear-gradient(135deg, #FFF6E0, #F6E7C3); border:1.5px solid var(--gold-bright); margin-bottom:8px; }
.bz-cta.order-cta > span:nth-child(2){ color:var(--ink); }
.bz-cta.order-cta b{ color:var(--navy); }
.bz-cta.order-cta .bz-cta-ic{ background:var(--navy); color:var(--gold-bright); }
.bz-cta.order-cta .bz-cta-go{ background:var(--navy); color:#fff; }