/* מקטעי עמוד הבית. */

/* ===== הדר ===== */
.bs-header { position: fixed; inset-inline: 0; top: 0; z-index: 90; height: var(--bs-header); transition: background var(--bs-dur) var(--bs-ease), box-shadow var(--bs-dur) var(--bs-ease); }
.bs-header__in { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--bs-s5); }
.bs-header.is-scrolled, body:not(.bs-home) .bs-header {
	background: rgba(7, 20, 41, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	box-shadow: inset 0 -1px 0 rgba(210, 168, 83, .5);
}
/* בתפריט פתוח אין טשטוש: backdrop-filter הופך את ההדר למסגרת ההתייחסות של
   התפריט הקבוע, והתפריט נדחס לגובה ההדר. רקע אטום נותן את אותה תוצאה. */
.bs-header.is-open {
	background: var(--bs-navy-950); -webkit-backdrop-filter: none; backdrop-filter: none;
	box-shadow: inset 0 -1px 0 rgba(210, 168, 83, .5);
}
.bs-logo { display: inline-flex; text-decoration: none; }
.bs-header__brand { display: flex; align-items: flex-start; gap: .9rem; }
.bs-header__bsd { font-family: var(--bs-font-head); font-size: var(--bs-fs-xs); color: var(--bs-gold); line-height: 1; padding-top: 2px; white-space: nowrap; }
.bs-header__logo img { height: 40px; width: auto; }
.bs-nav ul { display: flex; align-items: center; gap: clamp(.8rem, 1.6vw, 1.7rem); }
.bs-nav a { color: #fff; text-decoration: none; font-weight: 600; font-size: var(--bs-fs-sm); padding: .4rem 0; position: relative; }
.bs-nav a::after { content: ''; position: absolute; inset-inline: 0; bottom: 0; height: 2px; background: var(--bs-gold); transform: scaleX(0); transition: transform var(--bs-dur) var(--bs-ease); }
.bs-nav a:hover::after, .bs-nav a:focus-visible::after { transform: scaleX(1); }
.bs-nav a:hover { color: var(--bs-gold-light); }
.bs-nav__foot { display: none; }
.bs-header__actions { display: flex; align-items: center; gap: var(--bs-s3); }
.bs-burger { display: none; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; background: transparent; color: #fff; place-items: center; cursor: pointer; }
.bs-burger .bs-ico { grid-area: 1 / 1; }
.bs-burger__close { display: none; }
.bs-header.is-open .bs-burger__open { display: none; }
.bs-header.is-open .bs-burger__close { display: block; }

@media (max-width: 960px) {
	.bs-burger { display: grid; }
	.bs-header__wa span { display: none; }
	.bs-header__wa { width: 46px; height: 46px; padding: 0; border-radius: 50%; min-height: 0; }
	.bs-nav {
		position: fixed; inset: var(--bs-header) 0 0 0; background: var(--bs-navy-950); padding: var(--bs-s6) var(--bs-s5) var(--bs-s7);
		display: none; flex-direction: column; justify-content: space-between; overflow-y: auto;
	}
	.bs-header.is-open .bs-nav { display: flex; }
	.bs-nav ul { flex-direction: column; align-items: stretch; gap: 0; }
	.bs-nav ul a { display: block; font-family: var(--bs-font-head); font-size: var(--bs-fs-xl); padding: .9rem 0; border-bottom: 1px solid rgba(210, 168, 83, .25); }
	.bs-nav ul a::after { display: none; }
	.bs-nav__foot { display: grid; gap: var(--bs-s4); justify-items: start; margin-top: var(--bs-s6); }
	.bs-nav__tel { color: var(--bs-gold-light); font-size: var(--bs-fs-lg); font-weight: 700; text-decoration: none; }
	body.bs-nav-open { overflow: hidden; }
}

/* ===== גיבור ===== */
.bs-hero { position: relative; min-height: 100svh; min-height: 100vh; background: var(--bs-navy-900); color: #fff; display: flex; align-items: center; padding-block: calc(var(--bs-header) + 2rem) 5rem; overflow: hidden; isolation: isolate; }
.bs-hero__tiles { position: absolute; inset: 0; opacity: .09; z-index: -2; }
.bs-hero__tiles::before { content: ''; position: absolute; inset: 0; background-image: inherit; }
.bs-hero__tiles { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23d2a853' stroke-width='1'%3E%3Cpath d='M36 10 62 36 36 62 10 36Z'/%3E%3Cpath d='M17.6 17.6H54.4V54.4H17.6Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 72px 72px; -webkit-mask-image: radial-gradient(ellipse at 30% 50%, #000 20%, transparent 70%); mask-image: radial-gradient(ellipse at 30% 50%, #000 20%, transparent 70%); }
/* הזוהר: ההילה מגרסת הלוגו הבהירה, מאחורי התמונה */
.bs-hero__glow { position: absolute; z-index: -1; inset-inline-end: -10%; top: 10%; width: 60vw; max-width: 900px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(210, 168, 83, .38) 0%, rgba(210, 168, 83, .12) 35%, transparent 65%); animation: bs-glow 9s ease-in-out infinite alternate; }
@keyframes bs-glow { from { transform: scale(.94); opacity: .85; } to { transform: scale(1.06); opacity: 1; } }
.bs-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: var(--bs-s8); align-items: center; }
.bs-hero__title { font-size: var(--bs-fs-hero); font-weight: 900; color: #fff; max-width: 13em; }
.bs-hero__lead { font-size: var(--bs-fs-lg); color: var(--bs-light); max-width: 34em; line-height: 1.7; }
.bs-hero__cta { display: flex; flex-wrap: wrap; gap: var(--bs-s3); margin-top: var(--bs-s5); }
.bs-hero__by { margin-top: var(--bs-s5); color: var(--bs-gold-light); font-size: var(--bs-fs-sm); }
.bs-hero__by strong { color: var(--bs-gold); font-family: var(--bs-font-head); font-size: var(--bs-fs-md); }
.bs-hero__media { position: relative; justify-self: center; width: min(100%, 400px); }
.bs-hero__arch { --bs-frame-gap: var(--bs-navy-900); filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .45)); }
.bs-hero__stamp { position: absolute; bottom: -14px; inset-inline-start: 50%; transform: translateX(50%); width: 34px; height: 34px; display: grid; place-items: center; color: var(--bs-gold); background: var(--bs-navy-900); border: 1px solid var(--bs-gold); border-radius: 50%; }
.bs-hero__stamp .bs-ico { width: 12px; height: 12px; }
.bs-hero__scroll { position: absolute; bottom: 1.4rem; inset-inline-start: 50%; transform: translateX(50%); width: 26px; height: 42px; border: 1.5px solid rgba(210, 168, 83, .7); border-radius: 13px; display: grid; justify-items: center; padding-top: 6px; }
.bs-hero__scroll span { width: 4px; height: 8px; border-radius: 2px; background: var(--bs-gold); animation: bs-scroll 1.8s ease-in-out infinite; }
@keyframes bs-scroll { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(16px); opacity: 0; } 100% { opacity: 0; } }

@media (max-width: 900px) {
	.bs-hero { min-height: 0; padding-block: calc(var(--bs-header) + 1.5rem) 4.5rem; }
	.bs-hero__grid { grid-template-columns: 1fr; gap: var(--bs-s6); }
	.bs-hero__media { order: -1; width: min(70%, 300px); }
	.bs-hero__text { text-align: center; }
	.bs-hero__title, .bs-hero__lead { margin-inline: auto; }
	.bs-hero .bs-divider--start { justify-content: center; }
	.bs-hero__cta { justify-content: center; }
	.bs-hero__glow { inset-inline-end: auto; inset-inline-start: 50%; transform: translateX(50%); top: -5%; width: 120vw; }
}
@media (max-width: 480px) { .bs-hero__cta .bs-btn { width: 100%; } }

/* קישור המדריך בגיבור */
.bs-hero__guide { display: inline-flex; align-items: center; gap: .6rem; margin-top: var(--bs-s5); padding: .55rem 1.1rem .55rem .9rem; border: 1px solid rgba(210, 168, 83, .6); border-radius: 999px; color: var(--bs-gold-light); font-weight: 700; font-size: var(--bs-fs-sm); text-decoration: none; background: rgba(210, 168, 83, .08); transition: background var(--bs-dur) var(--bs-ease), border-color var(--bs-dur) var(--bs-ease); }
.bs-hero__guide:hover { background: rgba(210, 168, 83, .18); border-color: var(--bs-gold); color: #fff; }
.bs-hero__guide .bs-ico { width: 18px; height: 18px; }
.bs-hero__guide .bs-ico:last-child { animation: bs-nudge 1.8s ease-in-out infinite; }
@keyframes bs-nudge { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }
.bs-hero__by { margin-top: var(--bs-s4); }

/* ===== המדריך להורים ===== */
.bs-guide { padding-block: calc(var(--bs-section) * .8); }
.bs-guide__panel { position: relative; display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.1fr) minmax(0, .95fr); gap: var(--bs-s6); align-items: center; padding: var(--bs-s7) var(--bs-s6); background: var(--bs-navy); color: var(--bs-light); border: 1px solid var(--bs-gold); outline: 1px solid rgba(210, 168, 83, .4); outline-offset: 5px; border-radius: var(--bs-radius-lg); overflow: hidden; }
.bs-guide__panel::before { content: ''; position: absolute; inset: 0; opacity: .1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23d2a853' stroke-width='1'%3E%3Cpath d='M36 10 62 36 36 62 10 36Z'/%3E%3Cpath d='M17.6 17.6H54.4V54.4H17.6Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 72px 72px; -webkit-mask-image: linear-gradient(to left, #000 20%, transparent 70%); mask-image: linear-gradient(to left, #000 20%, transparent 70%); }
.bs-guide__cover { position: relative; justify-self: center; width: min(100%, 260px); transform: rotate(-4deg); transition: transform .5s var(--bs-ease); }
.bs-guide__panel:hover .bs-guide__cover { transform: rotate(-1.5deg) translateY(-4px); }
.bs-guide__cover img { width: 100%; height: auto; border: 3px solid var(--bs-gold); border-radius: 6px; box-shadow: 0 30px 50px -18px rgba(0, 0, 0, .7), -12px 0 0 -6px rgba(210, 168, 83, .35); }
.bs-guide__badge { position: absolute; top: -14px; inset-inline-end: -14px; width: 64px; height: 64px; display: grid; place-items: center; background: var(--bs-gold); color: var(--bs-navy); font-family: var(--bs-font-head); font-weight: 700; font-size: var(--bs-fs-md); transform: rotate(45deg); }
.bs-guide__text { position: relative; }
.bs-guide__text .bs-h2 { color: #fff; }
.bs-guide__lead { color: var(--bs-light); font-size: var(--bs-fs-md); line-height: 1.7; margin-bottom: var(--bs-s4); }
.bs-guide__points { display: grid; gap: .6rem; margin-bottom: var(--bs-s4); }
.bs-guide__points li { display: flex; gap: .6rem; align-items: flex-start; font-size: var(--bs-fs-sm); color: #fff; line-height: 1.55; }
.bs-guide__points .bs-ico { width: 20px; height: 20px; flex: none; color: var(--bs-gold); margin-top: .1em; }
.bs-guide__by { margin: 0; font-size: var(--bs-fs-xs); color: var(--bs-gold-light); }
.bs-guide__form { position: relative; padding: var(--bs-s5); background: var(--bs-cream); color: var(--bs-ink); border-radius: var(--bs-radius-lg); border: 1px solid var(--bs-gold); }
.bs-guide__form-title { font-size: var(--bs-fs-lg); margin-bottom: var(--bs-s3); }
.bs-gform__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bs-s3); margin-bottom: var(--bs-s3); }
.bs-gform .bs-field label { font-size: var(--bs-fs-xs); }
.bs-gform .bs-field :is(input) { min-height: 44px; padding: .5rem .8rem; }
.bs-consent { display: flex; gap: .6rem; align-items: flex-start; margin: var(--bs-s3) 0 var(--bs-s4); font-size: .78rem; line-height: 1.5; color: var(--bs-ink-soft); cursor: pointer; }
.bs-consent input { flex: none; width: 20px; height: 20px; margin-top: .1em; accent-color: var(--bs-navy); }
.bs-gform .bs-form__note { text-align: center; }
.bs-gform__done { display: flex; gap: .7rem; align-items: flex-start; margin-top: var(--bs-s3); padding: var(--bs-s4); background: #e6f2ea; border: 1px solid #2f7a4a; color: #123d23; border-radius: var(--bs-radius); font-size: var(--bs-fs-sm); }
.bs-gform__done .bs-ico { width: 24px; height: 24px; flex: none; color: #2f7a4a; }
.bs-gform.is-sent .bs-gform__grid, .bs-gform.is-sent .bs-consent, .bs-gform.is-sent .bs-btn, .bs-gform.is-sent .bs-form__note { display: none; }
@media (max-width: 1100px) { .bs-guide__panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .bs-guide__cover { grid-row: 1; width: min(60%, 220px); } .bs-guide__text { grid-row: 1; } .bs-guide__form { grid-column: 1 / -1; } }
@media (max-width: 700px) { .bs-guide__panel { grid-template-columns: 1fr; padding: var(--bs-s5); } .bs-guide__cover, .bs-guide__text { grid-row: auto; } .bs-gform__grid { grid-template-columns: 1fr; } }

/* ===== רצועת המילים ===== */
.bs-marquee { position: relative; background: var(--bs-navy-950); color: var(--bs-gold); border-block: 1px solid rgba(210, 168, 83, .45); overflow: hidden; padding-block: .9rem; }
.bs-marquee__track { display: flex; width: max-content; animation: bs-marquee 42s linear infinite; }
.bs-marquee:hover .bs-marquee__track, .bs-marquee:focus-within .bs-marquee__track { animation-play-state: paused; }
.bs-marquee__list { display: flex; flex: none; }
.bs-marquee__list li { display: flex; align-items: center; gap: 1.6rem; padding-inline-end: 1.6rem; font-family: var(--bs-font-head); font-size: var(--bs-fs-lg); font-weight: 500; white-space: nowrap; }
.bs-marquee__list li::after { content: ''; width: 7px; height: 7px; background: currentColor; transform: rotate(45deg); flex: none; }
@keyframes bs-marquee { from { transform: translateX(0); } to { transform: translateX(50%); } }

/* ===== הליווי באירוע: ארקדה של כרטיסי קשת ===== */
.bs-arcade-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bs-s5); align-items: end; }
.bs-pillar { position: relative; background: var(--bs-gold); padding: 3px; transition: transform var(--bs-dur) var(--bs-ease); }
.bs-pillar:hover { transform: translateY(-8px); }
.bs-pillar__in { background: var(--bs-navy); color: var(--bs-light); min-height: 360px; padding: 4.2rem 1.4rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center; }
.bs-pillar__ico { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--bs-gold); color: var(--bs-gold); margin-bottom: var(--bs-s5); transition: background var(--bs-dur) var(--bs-ease), color var(--bs-dur) var(--bs-ease); }
.bs-pillar__ico .bs-ico { width: 34px; height: 34px; }
.bs-pillar:hover .bs-pillar__ico { background: var(--bs-gold); color: var(--bs-navy); }
.bs-pillar__title { color: #fff; font-size: var(--bs-fs-xl); margin-bottom: var(--bs-s3); }
.bs-pillar p { color: var(--bs-light); font-size: var(--bs-fs-sm); line-height: 1.65; margin: 0; }
.bs-pillar--lead .bs-pillar__in { min-height: 400px; }
@media (max-width: 960px) { .bs-arcade-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bs-pillar__in, .bs-pillar--lead .bs-pillar__in { min-height: 380px; } }
@media (max-width: 480px) { .bs-arcade-cards { grid-template-columns: minmax(0, 1fr); max-width: 320px; margin-inline: auto; } .bs-pillar__in, .bs-pillar--lead .bs-pillar__in { min-height: 0; padding-top: 3.6rem; } }

/* לא רק בר מצווה: רצועת סוגי אירועים מתחת לארקדה */
.bs-events { margin-top: var(--bs-s8); padding: var(--bs-s6); background: var(--bs-white); border: 1px solid var(--bs-gold); outline: 1px solid rgba(210, 168, 83, .4); outline-offset: 5px; border-radius: var(--bs-radius-lg); display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: var(--bs-s6); align-items: center; }
.bs-events__head .bs-h3 { margin-bottom: .4rem; }
.bs-events__head p { margin: 0; color: var(--bs-ink-soft); font-size: var(--bs-fs-sm); }
.bs-events__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--bs-s4) var(--bs-s5); }
.bs-events__list li { position: relative; padding-inline-start: 1rem; display: grid; gap: .15rem; }
.bs-events__mark { position: absolute; inset-inline-start: 0; top: .55em; width: 7px; height: 7px; background: var(--bs-gold); transform: rotate(45deg); }
.bs-events__list strong { font-family: var(--bs-font-head); font-size: var(--bs-fs-lg); color: var(--bs-navy); }
.bs-events__list span { font-size: var(--bs-fs-sm); color: var(--bs-ink-soft); }
@media (max-width: 900px) { .bs-events { grid-template-columns: 1fr; } }

/* ===== אודות ===== */
.bs-about { --bs-frame-gap: var(--bs-navy); padding-bottom: calc(var(--bs-section) + 28px); overflow: hidden; }
.bs-about__tiles { position: absolute; inset: 0 auto 0 0; width: 45%; opacity: .12; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23d2a853' stroke-width='1'%3E%3Cpath d='M36 10 62 36 36 62 10 36Z'/%3E%3Cpath d='M17.6 17.6H54.4V54.4H17.6Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 72px 72px; -webkit-mask-image: linear-gradient(to right, #000 40%, transparent); mask-image: linear-gradient(to right, #000 40%, transparent); }
.bs-about__grid { position: relative; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--bs-s8); align-items: center; }
.bs-about__media { width: min(100%, 380px); justify-self: center; }
.bs-about__text .bs-h2 { max-width: 18em; }
.bs-nusach { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bs-s4); margin-top: var(--bs-s6); }
.bs-nusach li { position: relative; padding: var(--bs-s4) var(--bs-s4) var(--bs-s4) var(--bs-s4); border: 1px solid rgba(210, 168, 83, .5); border-radius: var(--bs-radius); display: grid; gap: .3rem; background: rgba(7, 20, 41, .35); }
.bs-nusach__mark { position: absolute; top: -6px; inset-inline-start: 14px; width: 11px; height: 11px; background: var(--bs-gold); transform: rotate(45deg); }
.bs-nusach strong { color: var(--bs-gold); font-family: var(--bs-font-head); font-size: var(--bs-fs-lg); }
.bs-nusach span:not(.bs-nusach__mark) { font-size: var(--bs-fs-sm); color: var(--bs-light); }
@media (max-width: 900px) { .bs-about__grid { grid-template-columns: 1fr; } .bs-about__media { width: min(70%, 300px); } .bs-nusach { grid-template-columns: 1fr; } }

/* ===== חבילות ===== */
.bs-pkg__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bs-s5); align-items: stretch; }
.bs-plan { position: relative; display: flex; flex-direction: column; padding: var(--bs-s6) var(--bs-s5); background: var(--bs-white); border: 1px solid var(--bs-gold); border-radius: var(--bs-radius-lg); outline: 1px solid rgba(210, 168, 83, .4); outline-offset: 5px; transition: transform var(--bs-dur) var(--bs-ease), box-shadow var(--bs-dur) var(--bs-ease); }
.bs-plan:hover { transform: translateY(-6px); box-shadow: var(--bs-shadow); }
.bs-plan.is-hot { background: var(--bs-navy); color: var(--bs-light); border-color: var(--bs-gold); transform: translateY(-10px); box-shadow: var(--bs-shadow-lg); }
.bs-plan.is-hot:hover { transform: translateY(-14px); }
.bs-plan__badge { position: absolute; top: -14px; inset-inline-start: 50%; transform: translateX(50%); padding: .3rem .9rem; background: var(--bs-gold); color: var(--bs-navy); font-weight: 700; font-size: var(--bs-fs-xs); border-radius: 999px; white-space: nowrap; }
.bs-plan__top { text-align: center; }
.bs-plan__name { font-size: var(--bs-fs-xl); }
.bs-plan.is-hot .bs-plan__name { color: #fff; }
.bs-plan__sub { color: var(--bs-ink-soft); font-size: var(--bs-fs-sm); margin: .2rem 0 0; }
.bs-plan.is-hot .bs-plan__sub { color: var(--bs-light); }
.bs-plan__price { text-align: center; margin: var(--bs-s5) 0 0; color: var(--bs-gold-text); font-family: var(--bs-font-head); }
.bs-plan.is-hot .bs-plan__price { color: var(--bs-gold); }
.bs-plan__num { font-size: 2.9rem; font-weight: 700; line-height: 1; }
.bs-plan__cur { font-size: var(--bs-fs-md); font-weight: 500; }
.bs-plan__desc { flex: 1; text-align: center; font-size: var(--bs-fs-sm); line-height: 1.65; color: var(--bs-ink-soft); margin-bottom: var(--bs-s5); }
.bs-plan.is-hot .bs-plan__desc { color: var(--bs-light); }
.bs-addon { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--bs-s5); align-items: center; margin-top: var(--bs-s7); padding: var(--bs-s5) var(--bs-s6); background: var(--bs-gold-tint); border: 1px dashed var(--bs-gold); border-radius: var(--bs-radius-lg); }
.bs-addon__ico { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--bs-navy); color: var(--bs-gold); }
.bs-addon__ico .bs-ico { width: 28px; height: 28px; }
.bs-addon__label { display: block; font-size: var(--bs-fs-xs); font-weight: 700; letter-spacing: .05em; color: var(--bs-gold-text); }
.bs-addon__title { font-size: var(--bs-fs-lg); margin-bottom: .2rem; }
.bs-addon p { margin: 0; color: var(--bs-ink-soft); font-size: var(--bs-fs-sm); }
.bs-addon__price { margin: 0; color: var(--bs-gold-text); font-family: var(--bs-font-head); white-space: nowrap; }
.bs-addon__price .bs-plan__num { font-size: 2.2rem; }
.bs-pkg__note { display: flex; gap: .5rem; align-items: flex-start; justify-content: center; margin: var(--bs-s6) auto 0; max-width: 46em; text-align: center; font-size: var(--bs-fs-sm); color: var(--bs-ink-soft); }
.bs-pkg__note .bs-ico { width: 18px; height: 18px; color: var(--bs-gold-text); margin-top: .2em; }
@media (max-width: 960px) {
	.bs-pkg__grid { grid-template-columns: 1fr; max-width: 480px; margin-inline: auto; gap: var(--bs-s6); }
	.bs-plan.is-hot, .bs-plan.is-hot:hover { transform: none; }
	.bs-addon { grid-template-columns: auto minmax(0, 1fr); }
	.bs-addon__price { grid-column: 2; }
}

/* ===== סרטונים ===== */
.bs-vgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bs-s5); }
.bs-vtile { position: relative; display: grid; gap: .6rem; }
.bs-vtile__btn, .bs-vtile--empty { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 1px solid var(--bs-gold); outline: 1px solid rgba(210, 168, 83, .4); outline-offset: 4px; border-radius: var(--bs-radius); overflow: hidden; background: var(--bs-navy); cursor: pointer; }
.bs-vtile__btn img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; transition: transform .6s var(--bs-ease); }
.bs-vtile__btn--noposter { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23d2a853' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M36 10 62 36 36 62 10 36Z'/%3E%3Cpath d='M17.6 17.6H54.4V54.4H17.6Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 72px 72px; }
.bs-vtile__btn:hover img { transform: scale(1.04); }
.bs-vtile__btn::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(7, 20, 41, .55), transparent 55%); }
.bs-vtile__play { position: absolute; inset: 0; margin: auto; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: var(--bs-gold); color: var(--bs-navy); box-shadow: 0 10px 30px -8px rgba(0, 0, 0, .6); transition: transform var(--bs-dur) var(--bs-ease); z-index: 1; }
.bs-vtile__play .bs-ico { width: 26px; height: 26px; fill: currentColor; margin-inline-start: -3px; }
.bs-vtile__btn:hover .bs-vtile__play { transform: scale(1.08); }
.bs-vtile__cap { font-weight: 600; font-size: var(--bs-fs-sm); color: var(--bs-ink); text-align: center; }
.bs-vtile--empty { display: grid; place-items: center; align-content: center; gap: var(--bs-s2); cursor: default; background: var(--bs-navy); color: var(--bs-light); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23d2a853' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M36 10 62 36 36 62 10 36Z'/%3E%3Cpath d='M17.6 17.6H54.4V54.4H17.6Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 72px 72px; }
.bs-vtile--empty .bs-vtile__play { position: static; width: 52px; height: 52px; background: transparent; border: 1px solid var(--bs-gold); color: var(--bs-gold); box-shadow: none; }
.bs-vtile__soon { font-size: var(--bs-fs-sm); color: var(--bs-light); }
@media (max-width: 900px) { .bs-vgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .bs-vgrid { grid-template-columns: 1fr; } }

/* ===== הכנה לבר מצווה ===== */
.bs-teach { padding-bottom: calc(var(--bs-section) + 28px); overflow: hidden; }
.bs-teach__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--bs-s8); align-items: start; }
.bs-teach__text { position: relative; }
.bs-teach__text .bs-h2 { max-width: 16em; }
.bs-teach__text .bs-lead { margin-bottom: var(--bs-s6); }
.bs-teach__btns { display: flex; flex-wrap: wrap; gap: var(--bs-s3); }
.bs-nav__calc { color: var(--bs-gold-light) !important; }
.bs-teach__photo { margin: var(--bs-s7) 0 0; padding: 3px; background: var(--bs-gold); border-radius: var(--bs-radius-lg); outline: 1px solid rgba(210, 168, 83, .45); outline-offset: 5px; max-width: 520px; }
.bs-teach__photo img { width: 100%; height: auto; display: block; border-radius: calc(var(--bs-radius-lg) - 3px); border: 6px solid var(--bs-navy); }
.bs-steps { display: grid; gap: 0; position: relative; padding-inline-start: 6px; }
.bs-step { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--bs-s5); padding-bottom: var(--bs-s6); }
.bs-step::before { content: ''; position: absolute; inset-inline-start: 21px; top: 44px; bottom: 0; width: 1px; background: linear-gradient(var(--bs-gold), rgba(210, 168, 83, .15)); }
.bs-step:last-child::before { display: none; }
.bs-step:last-child { padding-bottom: 0; }
.bs-step__num { width: 44px; height: 44px; display: grid; place-items: center; }
.bs-step__num b { width: 30px; height: 30px; display: grid; place-items: center; background: var(--bs-gold); color: var(--bs-navy); transform: rotate(45deg); font-family: var(--bs-font-head); font-weight: 700; }
.bs-step__num b span { display: block; transform: rotate(-45deg); }
.bs-step__title { color: #fff; font-size: var(--bs-fs-lg); margin: .5rem 0 .3rem; }
.bs-step p { margin: 0; color: var(--bs-light); }
@media (max-width: 900px) { .bs-teach__grid { grid-template-columns: 1fr; gap: var(--bs-s6); } .bs-teach__photo { max-width: 100%; margin-top: var(--bs-s6); } }

/* ===== עדויות ===== */
.bs-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: var(--bs-s5); }
.bs-quote { position: relative; padding: var(--bs-s6) var(--bs-s5) var(--bs-s5); background: var(--bs-cream); border: 1px solid var(--bs-line); border-radius: var(--bs-radius-lg); }
.bs-quote__mark { position: absolute; top: -16px; inset-inline-start: 20px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--bs-gold); color: var(--bs-navy); }
.bs-quote__mark .bs-ico { width: 18px; height: 18px; }
.bs-quote blockquote { margin: 0; font-family: var(--bs-font-head); font-size: var(--bs-fs-lg); line-height: 1.5; color: var(--bs-navy); }
.bs-quote blockquote p { margin: 0; }
.bs-quote cite { display: block; margin-top: var(--bs-s3); font-style: normal; font-weight: 700; font-size: var(--bs-fs-sm); color: var(--bs-gold-text); }

/* ===== עיצוב לאירוע (מצומצם) ===== */
.bs-design__box { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr); gap: var(--bs-s6); align-items: center; padding: var(--bs-s6); background: var(--bs-white); border: 1px solid var(--bs-gold); outline: 1px solid rgba(210, 168, 83, .4); outline-offset: 5px; border-radius: var(--bs-radius-lg); }
.bs-design__lead { margin: .4rem 0 0; color: var(--bs-ink-soft); font-size: var(--bs-fs-sm); }
.bs-design__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bs-s5); }
.bs-design__items li { display: grid; gap: .6rem; }
.bs-design__ico { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--bs-gold); color: var(--bs-gold-text); }
.bs-design__ico .bs-ico { width: 22px; height: 22px; }
.bs-design__items h3 { font-size: var(--bs-fs-md); font-family: var(--bs-font-body); font-weight: 700; }
.bs-design__items p { margin: 0; font-size: var(--bs-fs-sm); color: var(--bs-ink-soft); }
@media (max-width: 900px) { .bs-design__box { grid-template-columns: 1fr; } .bs-design__items { grid-template-columns: 1fr; } }

/* ===== יצירת קשר ===== */
.bs-contact__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--bs-s8); align-items: start; }
.bs-contact__ways { display: grid; gap: var(--bs-s3); margin-top: var(--bs-s6); }
.bs-way { display: flex; align-items: center; gap: var(--bs-s4); padding: var(--bs-s3) var(--bs-s4); border: 1px solid var(--bs-line); border-radius: var(--bs-radius); text-decoration: none; color: var(--bs-ink); background: var(--bs-white); transition: border-color var(--bs-dur) var(--bs-ease), transform var(--bs-dur) var(--bs-ease); }
a.bs-way:hover { border-color: var(--bs-gold); transform: translateX(-4px); color: var(--bs-ink); }
.bs-way__ico { width: 46px; height: 46px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--bs-navy); color: var(--bs-gold); }
.bs-way--wa .bs-way__ico { background: var(--bs-wa); color: #fff; }
.bs-way > span:last-child { display: grid; }
.bs-way strong { font-size: var(--bs-fs-md); }
.bs-way small { font-size: var(--bs-fs-sm); color: var(--bs-ink-soft); }
.bs-way--static { cursor: default; }
.bs-contact__form { padding: var(--bs-s6); background: var(--bs-cream); border: 1px solid var(--bs-gold); outline: 1px solid rgba(210, 168, 83, .4); outline-offset: 5px; border-radius: var(--bs-radius-lg); }
.bs-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bs-s4); margin-bottom: var(--bs-s5); }
.bs-field { display: grid; gap: .35rem; }
.bs-field--full { grid-column: 1 / -1; }
.bs-field label { font-weight: 700; font-size: var(--bs-fs-sm); }
.bs-req { font-weight: 400; color: var(--bs-ink-soft); }
.bs-field :is(input, select, textarea) { width: 100%; min-height: 48px; padding: .7rem .9rem; border: 1px solid #b8ad93; border-radius: var(--bs-radius); background: #fff; font: inherit; color: var(--bs-ink); }
.bs-field textarea { min-height: 120px; resize: vertical; }
.bs-field :is(input, select, textarea):focus { border-color: var(--bs-navy); outline: 2px solid var(--bs-gold); outline-offset: 1px; }
.bs-field ::placeholder { color: #5b6472; opacity: 1; }
.bs-form__hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; margin: 0; }
.bs-form__note { margin: var(--bs-s3) 0 0; font-size: var(--bs-fs-xs); color: var(--bs-ink-soft); }
.bs-form__ok, .bs-form__err { display: flex; gap: .7rem; align-items: center; padding: var(--bs-s4); border-radius: var(--bs-radius); margin-bottom: var(--bs-s5); }
.bs-form__ok { background: #e6f2ea; border: 1px solid #2f7a4a; color: #123d23; }
.bs-form__ok .bs-ico { width: 28px; height: 28px; color: #2f7a4a; flex: none; }
.bs-form__err { background: #fbe9e7; border: 1px solid #b3261e; color: #5c130e; }
@media (max-width: 900px) { .bs-contact__grid { grid-template-columns: 1fr; gap: var(--bs-s6); } }
@media (max-width: 560px) { .bs-form__grid { grid-template-columns: 1fr; } .bs-contact__form { padding: var(--bs-s5); } .bs-contact .bs-btn { width: 100%; } }

/* ===== פוטר ===== */
.bs-footer { position: relative; background: var(--bs-navy-950); color: var(--bs-light); padding: calc(28px + var(--bs-s8)) 0 var(--bs-s6); }
.bs-footer__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--bs-s7); align-items: start; }
.bs-footer__logo img { width: 200px; }
.bs-footer__brand p { margin-top: var(--bs-s4); max-width: 30em; font-size: var(--bs-fs-sm); }
.bs-footer__h { font-family: var(--bs-font-body); font-size: var(--bs-fs-sm); font-weight: 700; letter-spacing: .06em; color: var(--bs-gold); margin-bottom: var(--bs-s3); }
.bs-footer ul { display: grid; gap: .5rem; }
.bs-footer li a { display: inline-flex; align-items: center; gap: .5rem; color: var(--bs-light); text-decoration: none; }
.bs-footer li a:hover { color: var(--bs-gold-light); }
.bs-footer li a .bs-ico { width: 18px; height: 18px; color: var(--bs-gold); }
.bs-footer__legal { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--bs-s3); margin-top: var(--bs-s7); padding-top: var(--bs-s4); border-top: 1px solid rgba(210, 168, 83, .3); font-size: var(--bs-fs-sm); }
.bs-footer__a11y { display: inline-flex; align-items: center; gap: .5rem; color: var(--bs-gold-light); text-decoration: none; padding: .5rem .9rem; border: 1px solid rgba(210, 168, 83, .5); border-radius: 999px; }
.bs-footer__a11y:hover { border-color: var(--bs-gold); color: #fff; }
.bs-footer__a11y .bs-ico { width: 18px; height: 18px; }
@media (max-width: 800px) { .bs-footer__grid { grid-template-columns: 1fr; gap: var(--bs-s6); } }