@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700&family=Heebo:wght@300;500;800;900&display=swap');

:root {
    --primary: #00a8e8;
    --dark: #1a1a1a;
    --light-bg: #f9f9f9;
}

body, html {
    margin: 0; padding: 0;
    font-family: 'Assistant', 'Heebo', sans-serif;
    height: 100%; scroll-behavior: smooth;
    color: #333;
}

h2 {
    font-size: 2.8rem; font-weight: 900; text-align: center;
    margin-bottom: 40px; color: #111;
}
h2::after {
    content: ''; display: block; width: 60px; height: 4px;
    background: var(--primary); margin: 15px auto;
}

/* שפה */
.lang-switch { position: absolute; top: 25px; left: 25px; z-index: 1000; }
.lang-switch a {
    text-decoration: none; color: white; background: rgba(0,0,0,0.5);
    padding: 10px 20px; border-radius: 25px; font-weight: bold; transition: 0.3s;
}

/* Hero */
.hero {
    position: relative; height: 100vh; overflow: hidden;
    display: flex; justify-content: center; align-items: center; color: white; text-align: center;
}
#bg-video-hero {
    position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%;
    z-index: -1; transform: translate(-50%, -50%); object-fit: cover;
}
.overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.hero-content h1 { font-size: 5rem; font-weight: 900; margin: 0; letter-spacing: -2px; }

/* שירותים */
.services-section { padding: 100px 20px; background: white; }
.services-grid {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 20px; max-width: 1300px; margin: 0 auto;
}
.service-card {
    padding: 40px 20px; border-radius: 15px; background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: 0.3s;
    border-bottom: 4px solid transparent; text-align: center;
}
.service-card:hover { transform: translateY(-10px); border-color: var(--primary); }
.service-card i { font-size: 3rem; color: var(--primary); margin-bottom: 25px; }

/* סקשן התוצרים - גלריה עם Zoom */
.portfolio-section { padding: 100px 20px; background: #0a0a0a; color: white; text-align: center; }
.portfolio-container { max-width: 1000px; margin: 0 auto; background: #151515; padding: 30px; border-radius: 20px; border: 1px solid #222; }
.slider { width: 100%; height: 550px; overflow: hidden; border-radius: 10px; position: relative; background: #000; }
.slides { display: flex; width: 200%; height: 100%; animation: slide-anim 10s infinite; }
.slides img { width: 50%; height: 100%; object-fit: contain; cursor: zoom-in; }

@keyframes slide-anim {
    0%, 45% { transform: translateX(0); }
    50%, 95% { transform: translateX(50%); } 
    100% { transform: translateX(0); }
}

/* Modal - הגדלת תמונה */
.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); }
.modal-content { margin: auto; display: block; max-width: 90%; max-height: 90%; top: 50%; transform: translateY(-50%); position: relative; }
.close-modal { position: absolute; top: 20px; right: 35px; color: white; font-size: 40px; cursor: pointer; }

/* FAQ - שאלות ותשובות */
.faq-section { padding: 100px 20px; background: var(--light-bg); }
.faq-container { max-width: 900px; margin: 0 auto; text-align: right; }
.faq-item { background: white; margin-bottom: 15px; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.faq-item h3 { color: var(--primary); margin: 0 0 10px 0; font-size: 1.3rem; }
.faq-item p { margin: 0; line-height: 1.6; color: #555; }

/* צור קשר */
.contact-section { padding: 100px 20px; background: white; text-align: center; }
.contact-form { max-width: 650px; margin: 40px auto 0; background: white; padding: 50px; border-radius: 20px; box-shadow: 0 15px 50px rgba(0,0,0,0.06); text-align: right; }
.contact-form input, .contact-form textarea { width: 100%; padding: 15px; margin-bottom: 20px; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; }
.contact-form button { width: 100%; padding: 20px; background: var(--primary); color: white; border: none; border-radius: 10px; font-size: 1.2rem; font-weight: bold; cursor: pointer; }

/* אייקונים צפים */
.floating-icons { position: fixed; bottom: 30px; right: 30px; z-index: 2000; display: flex; flex-direction: column; gap: 15px; }
.icon-link { width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-size: 28px; text-decoration: none; }
.whatsapp { background: #25d366; }
.phone { background: #007bff; }
.mail { background: #dc3545; }

@media (max-width: 900px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-content h1 { font-size: 3.5rem; }
    .slider { height: 350px; }
}