/* ===================================================================== naturo 2026, מערכת עיצוב אחידה (נייבי + זהב) נטען אחרי style.css ודורס את הפלטה הירוקה בכל האתר. ===================================================================== */ :root{ --nv:#14284b; --nv-2:#0e1f3a; --nv-3:#1f3a66; --nv-4:#2b4c82; --gd:#1a7fd6; --gd-2:#1462a8; --gd-3:#5fb4f5; --gd-50:#e8f3fc; --bg:#f4f6fa; --bg-2:#eef2f7; --white:#fff; --ink:#1a2333; --ink-2:#4b5567; --ink-3:#8590a2; --line:#e3e8ef; --line-2:#eef2f6; --sh:0 1px 2px rgba(20,40,75,.05),0 10px 30px rgba(20,40,75,.08); --sh-lg:0 4px 10px rgba(20,40,75,.06),0 28px 60px rgba(20,40,75,.16); --r:16px; --r-sm:12px; /* דריסת המשתנים הישנים כדי שכל מה שמפנה אליהם יתיישר */ --naturo-green:#1a7fd6; --naturo-blue:#14284b; --naturo-dark:#14284b; --naturo-light:#f4f6fa; } html{scroll-behavior:smooth} body{ background:var(--bg)!important;color:var(--ink); font-family:"Assistant","Heebo",system-ui,sans-serif; -webkit-font-smoothing:antialiased } h1,h2,h3,h4{font-family:"Heebo","Assistant",sans-serif;color:var(--nv);letter-spacing:-.4px} a{color:var(--nv-3)} img{max-width:100%;height:auto} /* ============ HEADER (לבן, נקי) ============ */ header.site-header,.site-header{ background:#fff!important;border-bottom:1px solid var(--line)!important; backdrop-filter:none!important;box-shadow:0 4px 22px rgba(20,40,75,.08);height:78px } .header-container{max-width:1480px;margin:0 auto;padding:0 28px;height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px} .logo a{display:inline-flex;align-items:center;gap:14px;text-decoration:none} .logo img{height:52px!important;width:auto;background:none;border-radius:0;padding:0} .logo-text{line-height:1.2} .logo-text b{display:block;font-family:"Heebo",sans-serif;font-size:17px;font-weight:800;color:var(--nv)} .logo-text span{display:block;font-size:12.5px;color:var(--ink-3);font-weight:600} .nav-menu{display:flex;gap:4px;margin:0;padding:0;list-style:none} .nav-menu li a{ color:var(--nv)!important;font-size:15.5px;font-weight:700;padding:10px 13px;border-radius:8px;white-space:nowrap; text-decoration:none;position:relative;transition:.24s } .nav-menu li a::after{content:none} .nav-menu li a:hover{color:var(--gd-2)!important;background:var(--gd-50)} .nav-menu li.current-menu-item>a{color:var(--gd-2)!important;background:var(--gd-50)} .header-cta{display:flex;align-items:center;gap:10px} .header-note{display:none} .hd-book,.hd-phone,.btn-header-ai{ display:inline-flex;align-items:center;gap:9px;border-radius:100px;padding:12px 22px; font-family:"Heebo",sans-serif;font-size:16px;font-weight:800;text-decoration:none; transition:.26s;border:none!important;white-space:nowrap;letter-spacing:.2px } .hd-book,.btn-header-ai{background:linear-gradient(135deg,var(--gd-3),var(--gd) 45%,var(--gd-2))!important;color:#fff!important;box-shadow:0 8px 20px rgba(26,127,214,.3)} .hd-book:hover,.btn-header-ai:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(26,127,214,.4);color:#fff!important} .hd-phone{background:var(--nv)!important;color:#fff!important;box-shadow:0 8px 20px rgba(20,40,75,.22)} .hd-phone:hover{background:var(--nv-3)!important;transform:translateY(-2px);color:#fff!important} .hd-phone svg{flex:0 0 18px} .mobile-menu-toggle span{background:var(--nv)!important} @media (max-width:1400px){.logo-text span{display:none}} @media (max-width:1180px){.hd-book{display:none}} @media (max-width:768px){ .site-header{height:70px} .header-container{height:70px;padding:0 16px} .logo img{height:44px!important} .logo-text{display:none} .main-navigation{background:#fff!important;border-top:1px solid var(--line);top:70px;box-shadow:0 14px 30px rgba(20,40,75,.12)} .nav-menu li{border-bottom:1px solid var(--line-2)!important} .header-cta{display:flex!important} .hd-phone{padding:11px 14px;font-size:15px} .hd-phone span{display:none} } /* ============ כפתורים גלובליים ============ */ .btn-premium,.btn-primary,.nfx-submit,.cyber-btn,.gd-cta,.gi-btn,.md-btn,.cl-btn,.pr-btn{ background:linear-gradient(135deg,var(--gd-3),var(--gd) 45%,var(--gd-2))!important; color:#fff!important;border:none!important;border-radius:12px!important; font-family:"Heebo",sans-serif!important;font-weight:800!important; box-shadow:0 10px 26px rgba(26,127,214,.32)!important;transition:.26s!important } .btn-premium:hover,.btn-primary:hover,.nfx-submit:hover,.gd-cta:hover,.gi-btn:hover{ transform:translateY(-2px);box-shadow:0 16px 36px rgba(26,127,214,.42)!important;color:#fff!important } .green-glow,.gd-body h2 em,.md-h2 em{color:var(--gd)!important;text-shadow:none!important} /* ============ כרטיסים / משטחים ============ */ .card,.glass-form-card,.methodology .card,.gi-card,.gd-card,.cl-card,.md-card,.md-form,.gd-q,.gi-row{ background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important; box-shadow:var(--sh)!important;color:var(--ink) } .gi-card::before,.md-card::before{background:var(--gd)!important} .gi-card:hover,.gd-card:hover,.md-card:hover{border-color:var(--gd-3)!important;box-shadow:var(--sh-lg)!important} .card-icon{background:var(--gd-50)!important;color:var(--gd-2)!important;border-radius:14px} /* ============ מדריכים (guide / guides-index) ============ */ .gd-kick,.gi-kick,.md-kicker{background:var(--gd-50)!important;color:var(--gd-2)!important;border-color:#cfe4fa!important} .gd-kick i,.gi-kick i,.md-kicker i,.gi-row i{background:var(--gd)!important} .gd-h1,.gi-h1,.gd-body h2,.gd-body h3,.gi-sec h2,.gi-card h3,.gd-card h3,.gi-cta h2{color:var(--nv)!important} .gd-crumb a,.gi-crumb a,.gd-toc a,.gd-body a,.gi-more,.gd-rel a:hover{color:var(--nv-3)!important} .gd-toc,.gd-body blockquote,.gd-author,.gd-note{background:var(--bg-2)!important;border-color:var(--line)!important} .gd-body blockquote{border-inline-start-color:var(--gd)!important} .gd-q[open]{border-color:var(--gd-3)!important} .gd-q summary::after{background:var(--gd-50)!important;color:var(--gd-2)!important} .gd-q[open] summary::after{background:var(--gd)!important;color:#fff!important} .gd-tel:hover{border-color:var(--gd)!important;color:var(--gd-2)!important} .gi-cta{background:linear-gradient(140deg,var(--gd-50),#fff)!important;border-color:#cfe4fa!important} .gi-more{color:var(--gd-2)!important} /* ============ עמודי אנליזה (page-details) ============ */ .glitch-text{color:var(--gd)!important;text-shadow:none!important;animation:none!important} .faq-title{color:var(--nv)!important} .details-hero,.page-details-hero{background:var(--nv)!important} .badge-tech{background:var(--gd-50)!important;color:var(--gd-2)!important;border:1px solid #cfe4fa} /* ============ טפסים ============ */ input[type=text],input[type=tel],input[type=email],textarea,select{font-family:inherit} .input-group input,.input-group textarea,.input-group select,.nfx-form-inner input,.nfx-form-inner textarea,.nfx-form-inner select{ border:1.5px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:12px!important } .input-group input:focus,.nfx-form-inner input:focus,.nfx-form-inner textarea:focus{ border-color:var(--gd)!important;box-shadow:0 0 0 4px rgba(26,127,214,.18)!important;outline:none } .nfx-consent input,.md-consent input{accent-color:var(--gd)} /* ============ פוטר ============ */ .nfx-footer{background:var(--nv-2)!important;color:#c9d3e2} .nfx-footer::before{background:linear-gradient(90deg,transparent,var(--gd),transparent)!important} .nfx-footer h4{color:#fff!important} .nfx-footer h4::after{background:var(--gd)!important} .nfx-footer-menu a{color:#c9d3e2!important} .nfx-footer-menu a:hover{color:var(--gd)!important} .nfx-form-holder{border-radius:var(--r)!important;background:var(--nv)!important;border:1px solid rgba(255,255,255,.08)!important} .nfx-form-inner{background:var(--nv)!important} .nfx-form-inner h3{color:#fff!important} .nfx-form-inner .nfx-form-sub{color:#b9c6da!important} .nfx-form-inner input,.nfx-form-inner textarea,.nfx-form-inner select{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important} .nfx-form-inner input::placeholder,.nfx-form-inner textarea::placeholder{color:#8fa0b8} .nfx-c-phone,.nfx-ico-phone{background:var(--nv-3)!important;color:#fff!important} .nfx-c-wa{background:#25D366!important} .nfx-bottom,.nfx-copy{color:#8fa0b8!important;border-color:rgba(255,255,255,.08)!important} .nfx-bottom a{color:#c9d3e2!important} /* ווידג׳ט צף, מסגרת זהב/נייבי במקום הקשת הצבעונית */ .nfx-float-border{background:conic-gradient(var(--gd),var(--nv-4),var(--gd-3),var(--nv),var(--gd))!important} .nfx-float-inner{background:#fff!important} .nfx-float-txt strong{color:var(--nv)!important} .nfx-float-btn.nfx-f-phone{background:var(--gd-50)!important} .nfx-float-btn.nfx-f-phone:hover{background:#f0e4c6!important} /* נגישות */ .nfx-acc-btn:hover,.nfx-acc-btn:focus{outline-color:var(--gd)!important} .nfx-acc-grid button.on{background:var(--gd-50)!important;border-color:var(--gd)!important;color:var(--gd-2)!important} /* ============ קטעים ישנים בדף הבית שנשארו (ציר הזמן) ============ */ .story-timeline-section{background:var(--bg)!important;padding:80px 0} .main-visual-title{color:var(--nv)!important} .main-visual-title span{color:var(--gd)!important;text-shadow:none!important} .timeline-item{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important} .timeline-item.active{border-top:3px solid var(--gd)!important} .timeline-item h3,.timeline-item h4{color:var(--nv)!important} .timeline-item p{color:var(--ink-2)!important} .step-visual{background:#fff!important;border-radius:12px} .timeline-nav{background:#fff!important;color:var(--nv)!important;border:1px solid var(--line)!important;box-shadow:var(--sh)!important} .timeline-nav:hover{background:var(--gd-50)!important;color:var(--gd-2)!important} .scan-line{background:linear-gradient(90deg,transparent,var(--gd),transparent)!important;box-shadow:0 0 14px rgba(26,127,214,.7)!important} .ai-scanner-sim::after{background:linear-gradient(180deg,transparent,rgba(26,127,214,.22),transparent)!important} #particles-js{display:none!important} /* ============ עמודים סטנדרטיים (about / contact / thank) ============ */ .contact-main-grid,.about-hero,.thank-wrap{background:transparent} .section-title,.about-title,.contact-title{color:var(--nv)!important} .section-title span,.about-title span{color:var(--gd)!important;text-shadow:none!important} .stats-bar{background:var(--nv)!important;color:#fff} .stats-bar .stat-num,.stat-number{color:var(--gd)!important} /* ===================================================================== עמודים פנימיים, שפה משותפת (ip-) אודות / צור קשר / אנליזה / תודה / משפטי ===================================================================== */ .ip-hero{background:linear-gradient(180deg,#fff 0%,#eef5fc 100%);color:var(--ink);padding:132px 0 58px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)} .ip-hero::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;top:-360px;left:-220px;background:radial-gradient(circle,rgba(26,127,214,.16),transparent 68%);pointer-events:none} .ip-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,40,75,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,40,75,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 0%,#000,transparent 80%);mask-image:radial-gradient(ellipse 70% 80% at 50% 0%,#000,transparent 80%)} .ip-hero>*{position:relative;z-index:2} .ip-wrap{max-width:1480px;margin:0 auto;padding:0 28px} .ip-crumb{font-size:13.5px;color:var(--ink-3);margin:0 0 18px} .ip-crumb a{color:var(--nv-3);text-decoration:none} .ip-crumb span{margin:0 7px;color:#c3ccd8} .ip-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;color:var(--gd-2);letter-spacing:1.6px;margin-bottom:16px} .ip-eyebrow::before,.ip-eyebrow::after{content:"";width:26px;height:1.5px;background:var(--gd)} .ip-h1{color:var(--nv);font-size:clamp(32px,4.6vw,58px);font-weight:900;line-height:1.1;margin:0 0 14px;letter-spacing:-1.4px} .ip-h1 span{color:var(--gd-2)} .ip-sub{font-size:clamp(16.5px,1.6vw,20px);line-height:1.7;color:var(--ink-2);margin:0;max-width:720px} .ip-main{padding:70px 0} .ip-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(30px,5vw,64px);align-items:start} .ip-media{position:relative;justify-self:center;width:min(100%,420px)} .ip-media-in{border-radius:26px;overflow:hidden;aspect-ratio:3/4;box-shadow:var(--sh-lg);background:var(--bg-2)} .ip-media-in img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block} .ip-media::before{content:"";position:absolute;inset:-13px;border:1.5px solid rgba(26,127,214,.45);border-radius:34px;pointer-events:none} .ip-media-cap{position:absolute;bottom:20px;right:20px;left:20px;background:var(--nv);color:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 14px 30px rgba(10,25,50,.35)} .ip-media-cap b{display:block;font-family:"Heebo",sans-serif;font-size:16px;font-weight:800} .ip-media-cap span{display:block;font-size:13px;color:#c9d3e2} .ip-prose{font-size:18px;line-height:1.85;color:var(--ink)} .ip-prose h2{font-size:clamp(25px,3vw,38px);font-weight:900;line-height:1.2;margin:0 0 18px;letter-spacing:-.8px} .ip-prose h2 span{color:var(--gd-2)} .ip-prose h3{font-size:22px;font-weight:800;margin:28px 0 10px} .ip-prose p{margin:0 0 18px} .ip-prose ul,.ip-prose ol{margin:0 0 20px;padding-inline-start:24px} .ip-prose li{margin:8px 0} .ip-prose strong{color:var(--nv)} .ip-prose a{color:var(--nv-3)} .ip-link{display:inline-flex;align-items:center;gap:9px;margin-top:8px;font-family:"Heebo",sans-serif;font-size:17px;font-weight:800;color:var(--gd-2);text-decoration:none;border-bottom:2px solid var(--gd);padding-bottom:4px;transition:.24s} .ip-link:hover{color:var(--nv);border-color:var(--nv)} .ip-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);overflow:hidden;margin:64px 0 0} .ip-stat{padding:30px 22px;text-align:center;border-left:1px solid var(--line)} .ip-stat:last-child{border-left:0} .ip-stat b{display:block;font-family:"Heebo",sans-serif;font-size:clamp(30px,3.4vw,44px);font-weight:900;color:var(--gd-2);line-height:1;margin-bottom:8px} .ip-stat span{font-size:15px;font-weight:700;color:var(--ink-2)} .ip-sec{padding:70px 0} .ip-sec--alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .ip-sh{text-align:center;max-width:720px;margin:0 auto 40px} .ip-sh h2{font-size:clamp(27px,3.4vw,44px);font-weight:900;line-height:1.15;margin:0 0 12px;letter-spacing:-.9px} .ip-sh h2 span{color:var(--gd-2)} .ip-sh p{font-size:17.5px;line-height:1.7;color:var(--ink-2);margin:0} .ip-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .ip-value{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 26px;text-align:center;box-shadow:var(--sh);transition:transform .3s cubic-bezier(.2,.85,.3,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden} .ip-value::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--gd);transform:scaleX(0);transform-origin:right;transition:transform .34s} .ip-value:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:var(--gd-3)} .ip-value:hover::after{transform:scaleX(1)} .ip-value i{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:16px;background:var(--gd-50);color:var(--gd-2);margin-bottom:16px;font-style:normal} .ip-value h3{font-size:20px;font-weight:800;margin:0 0 8px} .ip-value p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink-2)} .ip-faq{max-width:860px;margin:0 auto} .ip-q{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .ip-q[open]{border-color:var(--gd-3)} .ip-q summary{cursor:pointer;list-style:none;padding:19px 22px;font-family:"Heebo",sans-serif;font-size:17.5px;font-weight:800;color:var(--nv);display:flex;justify-content:space-between;align-items:center;gap:14px} .ip-q summary::-webkit-details-marker{display:none} .ip-q summary::after{content:"+";flex:0 0 28px;height:28px;border-radius:8px;background:var(--gd-50);color:var(--gd-2);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800} .ip-q[open] summary::after{content:"−";background:var(--gd);color:#fff} .ip-q .ip-a{padding:0 22px 20px;font-size:16.5px;line-height:1.75;color:var(--ink-2)} .ip-q .ip-a p{margin:0 0 10px} .ip-cta{background:linear-gradient(140deg,var(--gd-50),#fff);border:1px solid #cfe4fa;border-radius:22px;padding:clamp(30px,4vw,48px);text-align:center;box-shadow:var(--sh)} .ip-cta h2{font-size:clamp(24px,2.8vw,34px);font-weight:900;margin:0 0 10px} .ip-cta p{font-size:17px;line-height:1.7;color:var(--ink-2);margin:0 auto 22px;max-width:560px} .ip-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--gd-3),var(--gd) 45%,var(--gd-2));color:#fff;border:none;border-radius:13px;padding:17px 34px;font-family:"Heebo",sans-serif;font-size:18px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 12px 28px rgba(26,127,214,.34);transition:.26s;box-sizing:border-box;max-width:100%} .ip-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(26,127,214,.44);color:#fff} .ip-btn--ghost{background:#fff;color:var(--nv);border:1.5px solid var(--line);box-shadow:none} .ip-btn--ghost:hover{border-color:var(--gd);color:var(--gd-2);box-shadow:none} .ip-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:start} .ip-info{display:flex;flex-direction:column;gap:12px} .ip-info-item{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:.26s} .ip-info-item:hover{transform:translateX(-4px);border-color:var(--gd-3);box-shadow:var(--sh-lg)} .ip-info-item i{width:50px;height:50px;flex:0 0 50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-style:normal;background:var(--gd-50);color:var(--gd-2)} .ip-info-item i.wa{background:#e9f9ef;color:#1aa34a} .ip-info-item small{display:block;font-size:13px;color:var(--ink-3);font-weight:600} .ip-info-item b{display:block;font-family:"Heebo",sans-serif;font-size:18px;font-weight:800;color:var(--nv);direction:ltr;text-align:right} .ip-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,3vw,34px);box-shadow:var(--sh-lg);position:relative} .ip-form::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--gd-3),var(--gd),var(--gd-2))} .ip-form h3{font-size:22px;font-weight:800;margin:0 0 4px} .ip-form .ip-fsub{font-size:14.5px;color:var(--ink-2);margin:0 0 18px} .ip-form .input-group{margin-bottom:13px} .ip-form .input-group label{display:block;font-size:13px;font-weight:700;color:var(--nv);margin-bottom:6px} .ip-form .input-group input,.ip-form .input-group textarea{width:100%;padding:14px;font-size:16px;box-sizing:border-box} .ip-form .nfx-consent{font-size:12.8px;color:var(--ink-2);margin:10px 0 16px} .ip-form .ip-btn{width:100%} .ip-sec-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;font-size:12.8px;color:var(--ink-3)} .ip-thanks{max-width:720px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(34px,5vw,56px);box-shadow:var(--sh-lg)} .ip-thanks i{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--gd-50);color:var(--gd-2);margin-bottom:20px;font-style:normal} .ip-thanks h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;margin:0 0 12px} .ip-thanks p{font-size:18px;line-height:1.75;color:var(--ink-2);margin:0 0 26px} .ip-thanks .ip-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .ip-legal{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(28px,4vw,52px);box-shadow:var(--sh)} .ip-legal h2{font-size:24px;margin:30px 0 10px} .ip-legal h3{font-size:19px;margin:22px 0 8px} .ip-legal p,.ip-legal li{font-size:16.5px;line-height:1.8;color:var(--ink-2)} .ip-legal strong{color:var(--nv)} @media (max-width:1050px){ .ip-grid,.ip-contact{grid-template-columns:1fr} .ip-media{width:min(100%,380px)} .ip-values{grid-template-columns:1fr} .ip-stats{grid-template-columns:1fr 1fr} .ip-stat:nth-child(2){border-left:0} .ip-stat:nth-child(1),.ip-stat:nth-child(2){border-bottom:1px solid var(--line)} } @media (max-width:768px){ .ip-hero{padding:96px 0 40px} .ip-wrap{padding:0 18px} .ip-main,.ip-sec{padding:48px 0} .ip-stats{grid-template-columns:1fr} .ip-stat{border-left:0!important;border-bottom:1px solid var(--line)} .ip-stat:last-child{border-bottom:0} .ip-btn{width:100%} } /* ===================================================================== טופס ליד משותף (template-parts/lead-form.php), היה בדף הבית, עכשיו בכל האתר ===================================================================== */ .hm-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 26px;box-shadow:var(--sh-lg);position:relative} .hm-form::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--gd-3),var(--gd),var(--gd-2))} .hm-prog-l{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink-3);margin:0 0 8px} .hm-prog-l b{color:var(--nv)} .hm-prog{height:6px;background:var(--bg-2);border-radius:6px;overflow:hidden;margin-bottom:18px} .hm-prog-f{height:100%;width:33.3%;background:linear-gradient(90deg,var(--gd-3),var(--gd));border-radius:6px;transition:width .45s cubic-bezier(.2,.85,.3,1)} .hm-form h3{font-size:22px;font-weight:800;margin:0 0 4px;color:var(--nv)} .hm-form .hm-fsub{font-size:14.5px;color:var(--ink-2);margin:0 0 18px} .hm-fld{position:relative;margin-bottom:12px} .hm-fld svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--gd-2);pointer-events:none} .hm-fld input,.hm-fld select,.hm-fld textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:15px 46px 15px 14px; font-size:16px;font-family:inherit;color:var(--ink);transition:.22s;box-sizing:border-box} .hm-fld textarea{min-height:88px;resize:vertical;padding-top:14px} .hm-fld textarea~svg{top:22px;transform:none} .hm-fld input:focus,.hm-fld select:focus,.hm-fld textarea:focus{outline:none;border-color:var(--gd);box-shadow:0 0 0 4px rgba(26,127,214,.18)} .hm-fld input::placeholder,.hm-fld textarea::placeholder{color:#9aa5b6} .hm-fld select{appearance:none;color:var(--ink-2)} .hm-step{display:none}.hm-step.on{display:block;animation:hmUp .4s both} @keyframes hmUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .hm-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} .hm-chip{background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;font:700 14.5px/1 inherit;color:var(--ink-2);cursor:pointer;transition:.22s;font-family:inherit} .hm-chip:hover{border-color:var(--gd-3)} .hm-chip.sel{background:var(--gd-50);border-color:var(--gd);color:var(--gd-2)} .hm-qlabel{display:block;font-family:"Heebo",sans-serif;font-size:16px;font-weight:800;color:var(--nv);margin:0 0 10px} .hm-consent{display:flex;gap:9px;align-items:flex-start;font-size:12.8px;line-height:1.5;color:var(--ink-2);margin:6px 0 14px} .hm-consent input{width:16px;height:16px;flex:0 0 16px;margin-top:2px;accent-color:var(--gd)} .hm-consent a{color:var(--nv-3)} .hm-nav{display:flex;gap:9px} .hm-submit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--gd-3),var(--gd) 45%,var(--gd-2));color:#fff; border:none;border-radius:12px;padding:17px;font-family:"Heebo",sans-serif;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px rgba(26,127,214,.32);transition:.26s} .hm-submit:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(26,127,214,.42)} .hm-submit:disabled{opacity:.6;transform:none;cursor:default} .hm-back{background:none;border:1.5px solid var(--line);border-radius:12px;padding:15px 16px;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink-2);cursor:pointer} .hm-sec{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;font-size:12.8px;color:var(--ink-3)} .hm-sec svg{color:var(--gd-2)} /* ===================================================================== פס קשר צף בצד (חיוג / וואטסאפ / קביעת שיחה), דסקטופ ונייד ===================================================================== */ .nfx-side{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:96;display:flex;flex-direction:column;align-items:flex-end;gap:14px;width:max-content;margin:0;padding:0} .nfx-side a{padding:0;margin:0;width:auto} .nfx-side a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--nv);font-family:"Heebo",sans-serif;font-size:11.5px;font-weight:800;line-height:1.15;text-align:center} .nfx-side i{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;color:#fff;box-shadow:0 10px 26px rgba(20,40,75,.25);transition:transform .26s cubic-bezier(.2,.85,.3,1),box-shadow .26s} .nfx-side a:hover i{transform:translateY(-3px) scale(1.06);box-shadow:0 16px 34px rgba(20,40,75,.32)} .nfx-side .ns-call i{background:var(--nv)} .nfx-side .ns-wa i{background:#25D366;animation:nsPulse 2.4s infinite} .nfx-side .ns-book i{background:linear-gradient(135deg,var(--gd-3),var(--gd) 45%,var(--gd-2))} @keyframes nsPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}} @media (max-width:768px){ .nfx-side{top:auto;bottom:16px;right:12px;transform:none;gap:10px} .nfx-side i{width:48px;height:48px} .nfx-side span{display:none} } @media (max-width:768px){ } /* ===================================================================== תנועה, CSS בלבד. אין תלות ב-JS: כשאין תמיכה התוכן פשוט גלוי. ===================================================================== */ @keyframes rvUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}} @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} @keyframes shineX{0%{transform:translateX(-140%)}60%,100%{transform:translateX(240%)}} @keyframes blobDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-26px,-18px) scale(1.08)}} @supports (animation-timeline: view()){ @media (prefers-reduced-motion:no-preference){ .hm-svc-card,.hm-step-c,.hm-q,.hm-bar-in>div,.ip-value,.ip-stat,.ip-info-item,.ip-q,.gi-card,.gi-row,.gd-card{ animation:rvUp .7s cubic-bezier(.2,.85,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 22% } } } @media (prefers-reduced-motion:no-preference){ .hm-form,.ip-form{animation:floaty 6s ease-in-out infinite} .hm-badge,.ip-media-cap{animation:floaty 7s ease-in-out infinite} .hm-hero::before,.ip-hero::before{animation:blobDrift 16s ease-in-out infinite} .hm-cta,.hm-submit,.ip-btn,.hd-book{position:relative;overflow:hidden} .hm-cta::after,.hm-submit::after,.ip-btn::after,.hd-book::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:shineX 3.8s ease-in-out infinite;pointer-events:none} } html.acc-noanim *,html.acc-noanim *::before,html.acc-noanim *::after{animation:none!important} /* בין 769 ל-1440px המיכל נוגע בקצה המסך והפס הצף יושב על הטקסט, שומרים לו מקום */ @media (min-width:769px) and (max-width:1440px){ .hm-wrap,.ip-wrap,.gd-wrap,.gi-wrap,.hm-bar,.rf-wrap{padding-right:110px!important} } /* ============ הירו רחב לעמודי המדריכים (gd-hero / gi-hero), אותו מתכון כמו ip-hero ============ */ .gd-hero,.gi-hero{background:linear-gradient(180deg,#fff 0%,#eef5fc 100%);padding:132px 0 44px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)} .gd-hero::before,.gi-hero::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;top:-360px;left:-220px;background:radial-gradient(circle,rgba(26,127,214,.14),transparent 68%);pointer-events:none} .gd-hero>*,.gi-hero>*{position:relative;z-index:2} .gd-hero .gd-head,.gi-hero .gi-head{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important;max-width:820px} .gd-hero .gd-crumb,.gi-hero .gi-crumb{margin-bottom:22px} .gd-hero .gd-h1,.gi-hero .gi-h1{font-size:clamp(30px,4.2vw,54px)} @media (max-width:768px){ .ip-hero,.gd-hero,.gi-hero{background:linear-gradient(180deg,#fff,#eef5fc);padding:96px 0 34px} } /* ============ נייד: הפס הצף הופך לסרגל פעולה תחתון ============ */ @media (max-width:768px){ body{padding-bottom:74px} .nfx-side{top:auto;bottom:0;right:0;left:0;transform:none;flex-direction:row;justify-content:space-around;align-items:center;gap:0; width:auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(10px); border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(20,40,75,.12)} .nfx-side a{flex:1;flex-direction:row;justify-content:center;gap:8px;padding:8px 6px;border-radius:12px;font-size:12.5px} .nfx-side i{width:38px;height:38px;box-shadow:none} .nfx-side i svg{width:18px;height:18px} .nfx-side span{display:inline;color:var(--nv)} .nfx-side span br{display:none} .nfx-side .ns-wa i{animation:none} .nfx-footer{padding-bottom:20px} } /* צבע כפתור הנגישות בלבד, המיקום שייך ל-footer.php */ .nfx-acc-btn{background:var(--nv)!important} /* ===================================================================== תיקון: כלל גלובלי ב-style.css nav{display:flex;justify-content:space-between;padding:15px 5%} תופס כל