html { direction: rtl; }
body { margin: 0; font-family: "Heebo", system-ui, -apple-system, Segoe UI, "Noto Sans Hebrew", Arial, sans-serif; color: #1f2a37; background: #f7f9fb; }
:root { --accent: #2777B4; --border: #dbe2ea; --bg: #ffffff; --muted: #64748b; --green: #8bc43f; --shadow: 0 10px 30px rgba(0,0,0,.15); }

/* Header */
.hl-header { background: var(--bg); border-bottom: 1px solid var(--border); }
.hl-header .wrap { max-width: 1200px; margin: 0 auto; padding: .8rem 1rem; display: grid; grid-template-columns: 1fr auto auto; gap: 1rem; align-items: center; }
.hl-brand .logo a { text-decoration: none; display: inline-flex; align-items: center; }

/* Contact icon buttons (no text) */
.hl-contacts-icons { display: inline-flex; gap: .5rem; align-items: center; }
.hl-contacts-icons a { width: 36px; height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #f4f6f8; border: 1px solid var(--border); color: #0f172a; text-decoration: none; }
.hl-contacts-icons a:hover { background: rgba(39,119,180,.10); }
/* simple icons via emoji/unicode or SVG external (can be replaced with real icons) */
.hl-contacts-icons .phone::before { content: "☎"; }
.hl-contacts-icons .wa::before { content: "
F4AC"; }
.hl-contacts-icons .mail::before { content: "✉"; }
.hl-contacts-icons .fb::before { content: "f"; font-weight: 900; }

/* Partner logo button (left in header) */
.hl-partner-btn { display: inline-flex; align-items: center; }
.hl-partner-btn img { height: 32px; }

/* Nav */
.hl-nav { background: var(--bg); border-top: 1px solid var(--border); }
.hl-nav .wrap { max-width: 1200px; margin: 0 auto; padding: .5rem 1rem; }
.hl-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; flex-wrap: wrap; }
.hl-menu > li { position: relative; }
.hl-menu > li > a { display: inline-block; padding: .45rem .7rem; border-radius: 8px; color: #1f2a37; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.hl-menu > li > a:hover { background: rgba(39,119,180,.08); transform: translateY(-1px); }
.hl-menu li ul { position: absolute; inset-inline-start: 0; top: 100%; min-width: 220px; background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow); padding: .4rem 0; display: none; z-index: 50; }
.hl-menu li:hover > ul { display: block; }
.hl-menu li ul li a { display:block; padding: .5rem .8rem; }

/* Slider */
.hl-slider .wrap { max-width: 1200px; margin: 0 auto; padding: 1rem; position: relative; }
.hl-slider .slides { position: relative; overflow: hidden; border-radius: 12px; box-shadow: var(--shadow); }
.hl-slider .slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transform: scale(1.03); transition: opacity .8s ease, transform .8s ease; }
.hl-slider .slide.active { opacity: 1; transform: none; }
.hl-slider .caption { position: absolute; inset-inline-start: 2rem; bottom: 2rem; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.35); font-size: 2.2rem; font-weight: 800; }
.hl-slider .controls { position: absolute; inset-inline-end: 1rem; bottom: 1rem; display: flex; gap: .4rem; }
.hl-slider .controls button { background: rgba(0,0,0,.5); color: #fff; border: none; border-radius: 8px; width: 38px; height: 38px; cursor: pointer; }
.hl-slider .dots { position: absolute; inset-inline-start: 50%; transform: translateX(-50%); bottom: .8rem; display: flex; gap: .3rem; }
.hl-slider .dot { width: 10px; height: 10px; border-radius: 999px; border: 1px solid #fff; background: rgba(255,255,255,.5); cursor: pointer; }
.hl-slider .dot.active { background: #fff; }

/* Footer */
.hl-footer { margin-top: 2rem; background: var(--green); border-top: 1px solid #6ba530; color: #fff; }
.hl-footer .wrap { max-width: 1200px; margin: 0 auto; padding: 1rem; }
.hl-contact { margin-top: 1rem; }
.hl-contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
@media (max-width: 900px){ .hl-contact-form { grid-template-columns: 1fr; } }
.hl-field label { display: block; margin-bottom: .2rem; font-weight: 600; }
.hl-field input, .hl-field select, .hl-field textarea { width: 100%; padding: .5rem .6rem; border: 1px solid var(--border); border-radius: 8px; }
.hl-actions { grid-column: 1 / -1; }
.hl-actions .hl-btn { background: #418c1c; color: #fff; border: none; padding: .6rem .9rem; border-radius: 8px; cursor: pointer; }
.hl-contact-success { background: #eaf7da; border: 1px solid #cfe8a9; color: #265f00; padding: .5rem .7rem; border-radius: 8px; margin-bottom: .5rem; }