/* =========================================================================
   Aviv Digital — Digital Business Card
   Mobile First · RTL · כל הצבעים נגזרים משדות הכרטיס (משתני CSS)
   Scope: .dc — לא דולף לשאר האתר.
   ====================================================================== */

body.adc-body { margin:0; padding:0; background:#F3F6FA; }

.dc,
.dc *,
.dc *::before,
.dc *::after { box-sizing:border-box; }

.dc {
	--dc-ease: cubic-bezier(.16,1,.3,1);
	position:relative;
	font-family:'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
	background:var(--dc-bg);
	color:var(--dc-text);
	direction:rtl;
	text-align:right;
	overflow-x:clip;
	padding-bottom:calc(84px + env(safe-area-inset-bottom));
	-webkit-font-smoothing:antialiased;
	line-height:1.6;
}
@media (min-width:900px){ .dc { padding-bottom:0; } }

/* איפוס נגד Hello Elementor / ערכת נושא */
.dc p, .dc h1, .dc h2, .dc h3, .dc ul, .dc figure { margin:0; padding:0; }
.dc ul { list-style:none; }
.dc img { max-width:100%; height:auto; display:block; }
.dc a { color:inherit; text-decoration:none; }
.dc button { font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
.dc input, .dc textarea, .dc select { font:inherit; color:inherit; }

.dc :focus-visible {
	outline:3px solid var(--dc-primary) !important;
	outline-offset:3px !important;
	border-radius:8px;
}

.dc-wrap { width:100%; max-width:560px; margin-inline:auto; padding-inline:18px; }
@media (min-width:900px){ .dc-wrap { max-width:1240px; padding-inline:32px; } }

.dc-sec { padding-block:var(--dc-section-spacing); }
.dc-sec:first-of-type { padding-top:6px; }

/* טיפוגרפיה */
.dc-h2 {
	font-size:clamp(20px, 5.4vw, 26px); font-weight:800; letter-spacing:-.02em;
	color:var(--dc-dark); margin:0 0 16px; line-height:1.25;
}
.dc--dark .dc-h2 { color:var(--dc-text); }
.dc-h2--card { margin-bottom:10px; }
.dc-h2--sm { font-size:17px; font-weight:700; color:var(--dc-muted); margin-bottom:14px; }
.dc-h3 { font-size:17px; font-weight:800; color:var(--dc-dark); margin:0 0 4px; }
.dc--dark .dc-h3 { color:var(--dc-text); }

.dc-card {
	background:var(--dc-surface);
	border:1px solid var(--dc-border);
	border-radius:var(--dc-radius);
	box-shadow:var(--dc-shadow);
}

/* אנימציות כניסה */
.dc-reveal { opacity:0; transform:translateY(22px); transition:opacity .7s var(--dc-ease), transform .7s var(--dc-ease); }
.dc-reveal.in { opacity:1; transform:none; }
.dc-reveal[data-d="1"]{ transition-delay:.08s } .dc-reveal[data-d="2"]{ transition-delay:.16s } .dc-reveal[data-d="3"]{ transition-delay:.24s }

/* =========================================================================
   1. HERO
   ====================================================================== */
.dc-hero { position:relative; padding-bottom:6px; overflow:hidden; isolation:isolate; }

.dc-hero-art { position:absolute; inset:-10% -20% auto -20%; height:min(520px, 78vh); z-index:-1; pointer-events:none; }
.dc-hero-art .dc-grid { position:absolute; inset:0; width:100%; height:100%; color:var(--dc-primary); opacity:.10; }
.dc-blob { position:absolute; border-radius:50%; filter:blur(48px); will-change:transform; }
.dc-blob-1 { width:62vw; height:62vw; max-width:340px; max-height:340px; inset-inline-start:-12%; top:-8%;
	background:radial-gradient(circle at 30% 30%, var(--dc-accent), transparent 68%); opacity:.34; }
.dc-blob-2 { width:70vw; height:70vw; max-width:400px; max-height:400px; inset-inline-end:-18%; top:12%;
	background:radial-gradient(circle at 60% 40%, var(--dc-primary), transparent 66%); opacity:.22; }
.dc-hero-bgimg { position:absolute; inset:0; background-size:cover; background-position:center; opacity:.14;
	-webkit-mask-image:linear-gradient(#000, transparent 88%); mask-image:linear-gradient(#000, transparent 88%); }
.dc--dark .dc-hero-art .dc-grid { opacity:.16; }

.dc-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:14px; min-height:60px; }
.dc-menu-btn, .dc-share-btn {
	width:44px; height:44px; display:grid; place-items:center; border-radius:14px;
	background:var(--dc-surface); border:1px solid var(--dc-border); color:var(--dc-dark);
	box-shadow:var(--dc-shadow); transition:transform .18s var(--dc-ease), color .18s;
}
.dc--dark .dc-menu-btn, .dc--dark .dc-share-btn { color:var(--dc-text); }
.dc-menu-btn:active, .dc-share-btn:active { transform:scale(.94); }
.dc-menu-btn:hover, .dc-share-btn:hover { color:var(--dc-link); }
.dc-logo { flex:1; display:flex; justify-content:center; }
.dc-logo img { max-height:44px; width:auto; object-fit:contain; }

.dc-hero-inner { padding-block:8px 20px; }

.dc-eyebrow {
	display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:.08em;
	color:var(--dc-link); background:var(--dc-primary-soft);
	padding:6px 13px; border-radius:99px; margin-bottom:12px;
}
.dc-name {
	font-size:clamp(28px, 8.5vw, 40px); font-weight:900; line-height:1.1;
	letter-spacing:-.03em; color:var(--dc-dark); margin:0 0 6px; overflow-wrap:anywhere;
}
.dc--dark .dc-name { color:#fff; }
.dc-business { font-size:15px; font-weight:600; color:var(--dc-muted); margin-bottom:8px; }
.dc-headline { font-size:clamp(16px, 4.3vw, 19px); font-weight:600; color:var(--dc-text); margin-top:10px; line-height:1.5; }
.dc-sub { font-size:15px; color:var(--dc-muted); margin-top:8px; }

/* תמונת הלקוח */
.dc-hero-photo { position:relative; margin-top:24px; }
.dc-photo-img {
	position:relative; z-index:2; width:100%; aspect-ratio:4/5; max-height:56vh;
	object-fit:cover; object-position:top center;      /* הראש אף פעם לא נחתך */
	border-radius:calc(var(--dc-radius) + 10px);
	background:var(--dc-primary-ghost);
	box-shadow:0 18px 44px var(--dc-primary-glow);
	transform:translateZ(0);
}
.dc-photo-glow {
	position:absolute; z-index:1; inset:8% -6% -4% -6%;
	background:var(--dc-gradient); filter:blur(38px); opacity:.30; border-radius:50%;
	transform:translateZ(0);
}
.dc-photo-ring {
	position:absolute; z-index:3; inset:-8px; border-radius:calc(var(--dc-radius) + 18px);
	border:1px solid var(--dc-border); pointer-events:none;
}

/* =========================================================================
   2. CTA
   ====================================================================== */
.dc-cta-wrap { padding-top:8px; }
.dc-cta {
	display:flex; align-items:center; justify-content:center; gap:10px;
	width:100%; min-height:56px; padding:15px 22px;
	background:var(--dc-gradient); color:var(--dc-on-primary) !important;
	font-size:17px; font-weight:800; border-radius:99px;
	box-shadow:0 8px 24px var(--dc-primary-glow);
	transition:transform .2s var(--dc-ease), box-shadow .25s var(--dc-ease), filter .2s;
	position:relative; overflow:hidden;
}
.dc-cta::after {
	content:''; position:absolute; inset:0; border-radius:inherit;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.35); pointer-events:none;
}
.dc-cta:hover { box-shadow:0 12px 30px var(--dc-primary-glow); filter:brightness(1.04); }
.dc-cta:active { transform:scale(.975); }
.dc-cta .dc-i { flex:0 0 auto; }
.dc-cta--form { margin-top:18px; border-radius:16px; }
.dc-cta[disabled], .dc-cta.is-busy { opacity:.75; pointer-events:none; }

.dc-spin { display:none; width:18px; height:18px; border:2.4px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:dcspin .7s linear infinite; }
.dc-cta.is-busy .dc-spin { display:block; }
@keyframes dcspin { to { transform:rotate(360deg); } }

.dc-btn-ghost {
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	min-height:48px; padding:12px 20px; border-radius:99px;
	background:var(--dc-primary-soft); color:var(--dc-link) !important;
	border:1px solid var(--dc-border); font-weight:700; font-size:15px;
	transition:background .2s, transform .18s var(--dc-ease);
}
.dc-btn-ghost:hover { background:var(--dc-primary-ghost); }
.dc-btn-ghost:active { transform:scale(.97); }

/* =========================================================================
   3. פעולות מהירות
   ====================================================================== */
.dc-quick { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; padding-top:22px; }
.dc-quick[data-count="1"] { grid-template-columns:1fr; }
.dc-quick[data-count="2"] { grid-template-columns:repeat(2, 1fr); }
.dc-quick[data-count="3"] { grid-template-columns:repeat(3, 1fr); }
.dc-quick-item {
	display:flex; flex-direction:column; align-items:center; gap:7px;
	padding:14px 6px 12px; min-height:88px;
	background:var(--dc-surface); border:1px solid var(--dc-border);
	border-radius:var(--dc-radius-sm); box-shadow:var(--dc-shadow);
	transition:transform .2s var(--dc-ease), box-shadow .2s, border-color .2s;
}
.dc-quick-item:hover { transform:translateY(-3px); box-shadow:var(--dc-shadow-lg); border-color:var(--dc-primary); }
.dc-quick-item:active { transform:scale(.95); }
.dc-quick-ic {
	width:44px; height:44px; display:grid; place-items:center; border-radius:50%;
	background:var(--dc-primary-soft); color:var(--dc-icon);
}
.dc-quick-lb { font-size:12px; font-weight:700; color:var(--dc-muted); white-space:nowrap; }

/* =========================================================================
   4. שירותים
   ====================================================================== */
.dc-grid-cards { display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; }
.dc-grid-cards[data-count="1"] { grid-template-columns:1fr; }
@media (min-width:420px){ .dc-grid-cards[data-count="3"], .dc-grid-cards[data-count="6"], .dc-grid-cards[data-count="9"] { grid-template-columns:repeat(3, 1fr); } }

.dc-svc {
	display:flex; flex-direction:column; gap:8px; padding:18px 16px;
	transition:transform .22s var(--dc-ease), box-shadow .22s, border-color .22s;
}
.dc-svc:hover { transform:translateY(-4px); box-shadow:var(--dc-shadow-lg); border-color:var(--dc-primary); }
.dc-svc:active { transform:scale(.985); }
.dc-svc-ic {
	width:46px; height:46px; display:grid; place-items:center; border-radius:14px;
	background:var(--dc-primary-soft); color:var(--dc-icon); margin-bottom:2px;
}
.dc-svc-t { font-size:15.5px; font-weight:800; color:var(--dc-dark); line-height:1.3; }
.dc--dark .dc-svc-t { color:var(--dc-text); }
.dc-svc-d { font-size:13.5px; color:var(--dc-muted); line-height:1.55; }
.dc-svc.is-clamp .dc-svc-d { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.dc-svc.is-open .dc-svc-d { display:block; }
.dc-svc-more {
	display:inline-flex; align-items:center; gap:4px; align-self:flex-start;
	font-size:12.5px; font-weight:700; color:var(--dc-link); padding:6px 2px; min-height:32px;
}
.dc-svc.is-open .dc-svc-more .dc-i { transform:rotate(180deg); }
.dc-svc-more .dc-i { transition:transform .25s var(--dc-ease); }

/* =========================================================================
   5. המלצות
   ====================================================================== */
.dc-slider { position:relative; }
.dc-track {
	display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
	scrollbar-width:none; -ms-overflow-style:none;
	padding-bottom:4px; margin-inline:-18px; padding-inline:18px;
}
.dc-track::-webkit-scrollbar { display:none; }
.dc-slider.is-single .dc-track { overflow:visible; margin-inline:0; padding-inline:0; }

.dc-testi-card {
	flex:0 0 88%; scroll-snap-align:center; padding:22px 20px 18px;
	display:flex; flex-direction:column; gap:12px; min-height:200px;
}
.dc-slider.is-single .dc-testi-card { flex:1 1 auto; }
@media (min-width:560px){ .dc-testi-card { flex-basis:62%; } }

.dc-quote { color:var(--dc-primary); opacity:.5; }
.dc-quote .dc-i { fill:currentColor; stroke:none; }
.dc-stars { display:flex; gap:2px; color:var(--dc-primary); }
.dc-stars .dc-i.is-on { fill:currentColor; }
.dc-testi-txt { font-size:15px; line-height:1.65; color:var(--dc-text); flex:1; }
.dc-testi-by { display:flex; align-items:center; gap:10px; border-top:1px solid var(--dc-border); padding-top:13px; }
.dc-testi-av img { width:42px; height:42px; border-radius:50%; object-fit:cover; }
.dc-testi-meta { display:flex; flex-direction:column; line-height:1.35; }
.dc-testi-meta strong { font-size:14.5px; font-weight:800; color:var(--dc-dark); }
.dc--dark .dc-testi-meta strong { color:var(--dc-text); }
.dc-testi-meta em { font-size:12.5px; font-style:normal; color:var(--dc-muted); }

.dc-slider-nav { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:16px; }
.dc-arrow {
	width:40px; height:40px; display:grid; place-items:center; border-radius:50%;
	background:var(--dc-surface); border:1px solid var(--dc-border); color:var(--dc-icon);
	box-shadow:var(--dc-shadow); transition:transform .18s var(--dc-ease), opacity .2s;
}
.dc-arrow:active { transform:scale(.92); }
.dc-arrow[disabled] { opacity:.35; cursor:default; }
.dc-dots { display:flex; gap:7px; align-items:center; }
.dc-dot { width:8px; height:8px; border-radius:99px; background:var(--dc-border); padding:0;
	transition:width .3s var(--dc-ease), background .3s; }
.dc-dot.is-on { width:24px; background:var(--dc-gradient); }

/* =========================================================================
   6. אודות
   ====================================================================== */
.dc-about-card { padding:22px 20px; }
.dc-about-body { font-size:15px; line-height:1.75; color:var(--dc-text); }
.dc-about-body.is-clamped p { display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.dc-link-btn {
	display:inline-flex; align-items:center; gap:5px; margin-top:12px; min-height:44px;
	font-size:14.5px; font-weight:800; color:var(--dc-link);
}
.dc-link-btn .dc-i { transition:transform .25s var(--dc-ease); }
.dc-link-btn[aria-expanded="true"] .dc-i { transform:rotate(180deg); }

/* =========================================================================
   7. נתוני אמון
   ====================================================================== */
.dc-stats-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; }
.dc-stats-grid[data-count="3"] { grid-template-columns:repeat(3, 1fr); }
@media (min-width:520px){ .dc-stats-grid { grid-template-columns:repeat(4, 1fr); } .dc-stats-grid[data-count="3"] { grid-template-columns:repeat(3,1fr); } }
.dc-stat {
	display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center;
	padding:18px 10px; border-radius:var(--dc-radius-sm);
	background:var(--dc-surface); border:1px solid var(--dc-border); box-shadow:var(--dc-shadow);
}
.dc-stat-ic { color:var(--dc-icon); margin-bottom:4px; }
.dc-stat-v {
	font-size:clamp(24px, 7vw, 30px); font-weight:900; letter-spacing:-.02em; line-height:1.1;
	background:var(--dc-gradient); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.dc-stat-l { font-size:12.5px; font-weight:600; color:var(--dc-muted); line-height:1.35; }

/* =========================================================================
   שאלות נפוצות
   ====================================================================== */
.dc-faq-list { padding:6px 18px; }
.dc-faq-item + .dc-faq-item { border-top:1px solid var(--dc-border); }
.dc-faq-item h3 { margin:0; font-size:inherit; font-weight:inherit; }
.dc-faq-q {
	display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;
	padding:16px 0; min-height:56px; text-align:right;
	font-size:15px; font-weight:700; color:var(--dc-dark);
}
.dc--dark .dc-faq-q { color:var(--dc-text); }
.dc-faq-q .dc-i { flex:0 0 auto; color:var(--dc-icon); transition:transform .28s var(--dc-ease); }
.dc-faq-q[aria-expanded="true"] .dc-i { transform:rotate(180deg); }
.dc-faq-a { overflow:hidden; }
.dc-faq-a p { font-size:14.5px; color:var(--dc-muted); line-height:1.7; padding-bottom:16px; }

/* =========================================================================
   8. טופס
   ====================================================================== */
.dc-form-card { padding:24px 20px; }
.dc-form-sub { font-size:14.5px; color:var(--dc-muted); margin-bottom:18px; }
.dc-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.dc-fields { display:grid; gap:14px; }
.dc-f { display:flex; flex-direction:column; gap:6px; }
.dc-f label { font-size:13.5px; font-weight:700; color:var(--dc-dark); }
.dc--dark .dc-f label { color:var(--dc-text); }
.dc-f label span { color:var(--dc-link); }
.dc-form input, .dc-form textarea, .dc-form select {
	width:100%; min-height:52px; padding:14px 16px;
	background:var(--dc-bg) !important; color:var(--dc-text) !important;
	border:1.5px solid var(--dc-border) !important; border-radius:14px !important;
	font-size:16px; /* מונע זום אוטומטי ב-iOS */
	transition:border-color .2s, box-shadow .2s, background .2s;
	-webkit-appearance:none; appearance:none;
}
.dc-form textarea { min-height:110px; resize:vertical; line-height:1.6; }
.dc-form select {
	background-image:linear-gradient(45deg, transparent 50%, var(--dc-muted) 50%), linear-gradient(135deg, var(--dc-muted) 50%, transparent 50%);
	background-position:left 20px center, left 14px center; background-size:6px 6px; background-repeat:no-repeat;
}
.dc-form input:focus, .dc-form textarea:focus, .dc-form select:focus {
	border-color:var(--dc-primary) !important; background:var(--dc-surface) !important;
	box-shadow:0 0 0 4px var(--dc-primary-soft); outline:none !important;
}
.dc-form ::placeholder { color:var(--dc-muted); opacity:.75; }
.dc-f.has-error input, .dc-f.has-error textarea { border-color:#E02D3C !important; }
.dc-err { display:none; font-size:12.5px; font-weight:600; color:#E02D3C; }
.dc-f.has-error .dc-err { display:flex; align-items:center; gap:4px; }
.dc-err::before { content:'!'; display:inline-grid; place-items:center; width:15px; height:15px; border-radius:50%; background:#E02D3C; color:#fff; font-size:10px; font-weight:900; }

.dc-form-msg { display:none; margin-top:14px; padding:14px 16px; border-radius:14px; font-size:14.5px; font-weight:600; }
.dc-form-msg.is-ok { display:flex; gap:8px; align-items:flex-start; background:var(--dc-primary-soft); color:var(--dc-link); border:1px solid var(--dc-border); }
.dc-form-msg.is-err { display:block; background:#FDECEE; color:#B3212C; }
@media (min-width:640px){
	.dc-fields { grid-template-columns:1fr 1fr; }
	.dc-f--full { grid-column:1 / -1; }
}

/* עמודת פרטי קשר — מחשב בלבד */
.dc-contact-aside { display:none; }
@media (min-width:900px){
	.dc-contact-aside { display:block; padding:30px 26px; position:sticky; top:26px; }
	.dc-contact-list { display:flex; flex-direction:column; gap:4px; margin-top:16px; }
	.dc-contact-list li { display:flex; align-items:center; gap:11px; padding:11px 0; border-bottom:1px solid var(--dc-border); font-size:14.5px; }
	.dc-contact-list li:last-child { border-bottom:0; }
	.dc-contact-ic { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; background:var(--dc-primary-soft); color:var(--dc-icon); }
	.dc-contact-list a { color:var(--dc-text); word-break:break-word; }
	.dc-contact-list a:hover { color:var(--dc-link); }
	.dc-contact-save { width:100%; margin-top:18px; }
}

/* =========================================================================
   9. רשתות חברתיות
   ====================================================================== */
.dc-social-list { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.dc-social-list a {
	width:48px; height:48px; display:grid; place-items:center; border-radius:16px;
	background:var(--dc-surface); border:1px solid var(--dc-border); color:var(--dc-icon);
	box-shadow:var(--dc-shadow); transition:transform .2s var(--dc-ease), color .2s, border-color .2s;
}
.dc-social-list a:hover, .dc-social-list a:active { color:var(--net); border-color:var(--net); transform:translateY(-3px); }

/* =========================================================================
   10. שמירת כרטיס
   ====================================================================== */
.dc-save-card { display:flex; flex-direction:column; align-items:center; gap:12px; padding:24px 20px; text-align:center; }
.dc-save-ic { width:54px; height:54px; display:grid; place-items:center; border-radius:18px; background:var(--dc-primary-soft); color:var(--dc-icon); }
.dc-save-txt p { font-size:14px; color:var(--dc-muted); }
@media (min-width:640px){
	.dc-save-card { flex-direction:row; text-align:right; }
	.dc-save-txt { flex:1; }
}

/* =========================================================================
   Footer
   ====================================================================== */
.dc-foot { padding:26px 0 30px; border-top:1px solid var(--dc-border); margin-top:14px; }
.dc-foot-line { display:flex; align-items:center; gap:7px; justify-content:center; font-size:13.5px; color:var(--dc-muted); margin-bottom:6px; }
.dc-foot-line .dc-i { color:var(--dc-icon); flex:0 0 auto; }
.dc-foot-line a:hover { color:var(--dc-link); text-decoration:underline; }
.dc-foot-cr { text-align:center; font-size:12px; color:var(--dc-muted); opacity:.8; margin-top:12px; }

/* =========================================================================
   11. סרגל תחתון
   ====================================================================== */
.dc-bar {
	position:fixed; inset-inline:0; bottom:0; z-index:60;
	padding-bottom:env(safe-area-inset-bottom);
	background:color-mix(in srgb, var(--dc-surface) 88%, transparent);
	-webkit-backdrop-filter:blur(16px) saturate(1.5); backdrop-filter:blur(16px) saturate(1.5);
	box-shadow:0 -6px 22px rgba(8,27,51,.09);
	border-top:1px solid var(--dc-border);
	transform:translateY(0); transition:transform .28s var(--dc-ease);
}
@supports not (backdrop-filter:blur(1px)) { .dc-bar { background:var(--dc-surface); } }
.dc-bar.is-hidden { transform:translateY(120%); }
.dc-bar-in { display:flex; align-items:center; justify-content:space-around; gap:2px; max-width:560px; margin-inline:auto; padding:6px 10px 4px; position:relative; }
.dc-bar-i {
	flex:1; display:flex; flex-direction:column; align-items:center; gap:2px;
	min-width:44px; min-height:52px; padding:6px 2px; border-radius:12px;
	color:var(--dc-muted); font-size:10.5px; font-weight:700;
	transition:color .2s, transform .18s var(--dc-ease);
}
.dc-bar-i:hover { color:var(--dc-link); }
.dc-bar-i:active { transform:scale(.92); }
.dc-bar-main {
	flex:0 0 auto; width:56px; height:56px; display:grid; place-items:center; border-radius:50%;
	background:var(--dc-gradient); color:var(--dc-on-primary) !important;
	box-shadow:0 6px 20px var(--dc-primary-glow); margin-top:-20px;
	border:4px solid var(--dc-surface);
	transition:transform .2s var(--dc-ease);
}
.dc-bar-main:active { transform:scale(.93); }
@media (min-width:900px){ .dc-bar { display:none; } }

/* =========================================================================
   תפריט
   ====================================================================== */
.dc-menu { position:fixed; inset:0; z-index:90; }
.dc-menu[hidden] { display:none; }
.dc-menu-bd { position:absolute; inset:0; background:rgba(8,27,51,.5); opacity:0; transition:opacity .3s var(--dc-ease); }
.dc-menu.is-open .dc-menu-bd { opacity:1; }
.dc-menu-panel {
	position:absolute; inset-inline:0; bottom:0; max-height:88vh; overflow-y:auto;
	background:var(--dc-surface); border-radius:26px 26px 0 0;
	padding:12px 20px calc(26px + env(safe-area-inset-bottom));
	transform:translateY(100%); transition:transform .34s var(--dc-ease);
	box-shadow:0 -20px 50px rgba(8,27,51,.25);
}
.dc-menu.is-open .dc-menu-panel { transform:translateY(0); }
.dc-menu-panel::before { content:''; display:block; width:44px; height:4px; border-radius:99px; background:var(--dc-border); margin:0 auto 14px; }
.dc-menu-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--dc-border); }
.dc-menu-title { font-size:16px; font-weight:800; color:var(--dc-dark); }
.dc--dark .dc-menu-title { color:var(--dc-text); }
.dc-menu-x { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:var(--dc-bg); color:var(--dc-muted); }
.dc-menu-nav { display:flex; flex-direction:column; padding-block:8px; }
.dc-menu-nav a {
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	min-height:54px; padding:14px 4px; font-size:16px; font-weight:600;
	border-bottom:1px solid var(--dc-border); transition:color .2s, padding .2s;
}
.dc-menu-nav a:last-child { border-bottom:0; }
.dc-menu-nav a:hover { color:var(--dc-link); padding-inline-end:8px; }
.dc-menu-nav .dc-i { color:var(--dc-icon); opacity:.6; }
.dc-menu-social { display:flex; gap:10px; justify-content:center; padding-top:16px; border-top:1px solid var(--dc-border); }
.dc-menu-social a { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:var(--dc-bg); color:var(--dc-icon); transition:color .2s; }
.dc-menu-social a:hover { color:var(--net); }

@media (min-width:900px){
	.dc-menu-panel {
		inset:0 0 auto auto; top:0; bottom:0; width:380px; max-height:none; border-radius:0;
		transform:translateX(-100%); padding-top:26px;
	}
	.dc-menu.is-open .dc-menu-panel { transform:translateX(0); }
	.dc-menu-panel::before { display:none; }
}

/* =========================================================================
   דסקטופ — פריסה רחבה, לא מתיחה של המובייל
   ====================================================================== */
@media (min-width:900px){
	.dc { --dc-section-spacing:64px; }
	.dc-sec:first-of-type { padding-top:20px; }

	.dc-hero { padding-bottom:20px; }
	.dc-hero-art { height:min(680px, 92vh); }
	.dc-topbar { padding-block:22px; min-height:76px; }
	.dc-logo { flex:0 0 auto; order:-1; justify-content:flex-start; }
	.dc-logo img { max-height:54px; }
	.dc-menu-btn { order:0; }
	.dc-topbar { justify-content:space-between; }

	.dc-hero-inner {
		display:grid; grid-template-columns:1fr 0.85fr; gap:56px; align-items:center;
		padding-block:34px 20px; min-height:520px;
	}
	.dc-hero-text { padding-inline-end:10px; }
	.dc-name { font-size:clamp(42px, 4.4vw, 62px); }
	.dc-headline { font-size:21px; max-width:34ch; }
	.dc-sub { font-size:16.5px; max-width:46ch; }
	.dc-hero-photo { margin-top:0; }
	.dc-photo-img { aspect-ratio:4/5; max-height:560px; }

	.dc-cta-wrap { max-width:1240px; }
	.dc-cta { width:auto; min-width:280px; display:inline-flex; }
	.dc-cta--form { width:100%; }

	.dc-quick { grid-template-columns:repeat(4, minmax(0,1fr)); max-width:820px; margin-inline:auto; gap:16px; }
	.dc-quick-item { flex-direction:row; justify-content:center; gap:11px; min-height:76px; padding:16px; }
	.dc-quick-lb { font-size:14.5px; }

	.dc-grid-cards { grid-template-columns:repeat(3, 1fr); gap:20px; }
	.dc-grid-cards[data-count="4"] { grid-template-columns:repeat(4, 1fr); }
	.dc-grid-cards[data-count="2"] { grid-template-columns:repeat(2, 1fr); max-width:760px; }
	.dc-svc { padding:26px 22px; }
	.dc-svc-t { font-size:18px; }
	.dc-svc-d { font-size:14.5px; }

	.dc-track { margin-inline:0; padding-inline:0; }
	.dc-testi-card { flex-basis:calc(33.333% - 8px); }
	.dc-slider[data-few="2"] .dc-testi-card { flex-basis:calc(50% - 6px); }
	.dc-slider[data-few="1"] .dc-testi-card { flex-basis:100%; }

	.dc-stats-grid { gap:20px; }
	.dc-stat { padding:28px 16px; }

	.dc-about-card, .dc-faq-list { padding:34px 32px; }
	.dc-about-body { font-size:16.5px; max-width:80ch; }

	/* טופס בשתי עמודות: טופס + פרטי קשר */
	.dc-formsec .dc-wrap { display:grid; grid-template-columns:1.25fr .75fr; gap:24px; align-items:start; }
	.dc-form-card { padding:36px 32px; }
	.dc-save-card { padding:30px; }

	.dc-foot { margin-top:40px; padding-block:34px 40px; }
}

@media (min-width:900px){
	/* מיזוג "שמירת כרטיס" לצד הטופס */
	.dc-formsec + .dc-save { margin-top:-40px; }
}

/* =========================================================================
   נגישות ותנועה מופחתת
   ====================================================================== */
@media (prefers-reduced-motion:reduce){
	.dc *, .dc *::before, .dc *::after {
		animation-duration:.01ms !important; animation-iteration-count:1 !important;
		transition-duration:.01ms !important; scroll-behavior:auto !important;
	}
	.dc-reveal { opacity:1 !important; transform:none !important; }
}

@media print {
	.dc-bar, .dc-menu, .dc-menu-btn, .dc-share-btn { display:none !important; }
	.dc { padding-bottom:0; }
}

/* מסכים צרים במיוחד (360px) */
@media (max-width:359px){
	.dc-wrap { padding-inline:14px; }
	.dc-quick { gap:7px; }
	.dc-quick-lb { font-size:10.5px; }
	.dc-grid-cards { grid-template-columns:1fr; }
}