Venas Güvenlik Sistemleri San ve Dış Tic Ltd Şti.

*{box-sizing:border-box} /* Sticky arama bar */ .sticky-search-wrap{ position: sticky; top: 85px; z-index: 9999; padding: 10px 12px; background: rgba(245,246,248,.50); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid rgba(229,231,235,.90); } /* Arama kabuğu */ .search-shell{ width: min(1200px, 100%); margin: 0 auto; background: rgba(255,255,255,.92); border: 1px solid #e5e7eb; border-radius: 22px; box-shadow: 0 10px 26px rgba(0,0,0,.06); padding: 10px; display: flex; align-items: center; gap: 10px; } .search-icon{ width: 42px;height: 42px;border-radius: 16px; display:flex;align-items:center;justify-content:center; background: linear-gradient(135deg,#2563eb,#60a5fa); color:#fff;flex:0 0 auto; box-shadow: 0 10px 22px rgba(37,99,235,.25); } .search-icon svg{width:18px;height:18px} .sticky-search-wrap input{ width: 100%; border: 0 !important; outline: none !important; background: transparent; font-size: 16px; padding: 12px 6px; color: #111827; } .sticky-search-wrap input::placeholder{color:#6b7280} .search-count{ flex: 0 0 auto; font-size: 12px; color:#111827; padding: 6px 10px; border: 1px solid #e5e7eb; border-radius: 999px; background: rgba(249,250,251,.90); user-select:none; min-width: 130px; text-align: center; } #noResultMsg{ display:none; width:min(1200px,100%); margin: 10px auto 14px; padding: 12px 14px; border-radius: 16px; background:#fff; border:1px solid #e5e7eb; box-shadow:0 10px 26px rgba(0,0,0,.06); font-size:14px; color:#111827; } /* Kartlar */ .video-page{ display:flex; flex-wrap:wrap; gap:20px; justify-content:flex-start; padding-bottom:120px; } .video-card{ background:#fff; border-radius:22px; box-shadow:0 10px 26px rgba(0,0,0,.08); padding:22px; display:grid; grid-template-columns:150px 1fr; gap:16px; width:calc(33.333% - 13.333px); transition:.25s; border:1px solid transparent; } .video-card:hover{ transform: translateY(-6px); box-shadow: 0 16px 36px rgba(0,0,0,.14); border-color:#bfdbfe; } .v-img img{max-width:150px;height:230px;object-fit:contain} .v-info .model{color:#2563eb;font-weight:800;font-size:15px} .v-info h3{margin:6px 0 10px;font-size:14px;color:#111827} .v-video iframe{width:100%;height:230px;border-radius:14px;border:0} @media(max-width:1100px){ .video-card{width:calc(50% - 10px)} } @media(max-width:700px){ .video-card{width:100%;grid-template-columns:1fr;text-align:center} .v-img img{margin:0 auto} .sticky-search-wrap{ top: 94px; } } <input autocomplete="off" id="videoSearch" oninput="(function(inp){ if(typeof window.__filterVideos==='function'){ window.__filterVideos(inp); } })(this);" onkeydown="(function(e,inp){ e=e||window.event; var k=e.key || e.keyCode; if(k==='Escape' || k===27){ inp.value=''; if(typeof window.__filterVideos==='function'){ window.__filterVideos(inp); } if(e.preventDefault) e.preventDefault(); return false; } })(event,this);" placeholder="Model ara (örn: Rx-5700, VN58)" type="text" /> Toplam: -- VN-5700 Kurulum Videosu VN-5800 Kurulum Videosu RX-28AI Kurulum Videosu RX-23AI Kurulum Videosu RX-35AI Kurulum Videosu RX-38 Kurulum Videosu RX-918 OPTIC ZOOM Kurulum Videosu RX-58 4G Z Kurulum Videosu RX-45AI Kurulum Videosu RX-39 4G Kurulum Videosu ON1-4G Kurulum Videosu ON4-4G Kurulum Videosu ON6-4G Kurulum Videosu ON8-4G Kurulum Videosu ON-G4340 ZOOM Kurulum Videosu ON-SG2242 Kurulum Videosu ON-SG4210-AOV Kurulum Videosu ON-SG4323 Kurulum Videosu ON-SG4326 Kurulum Videosu ON-SG4366 Kurulum Videosu ON-SG4404 Kurulum Videosu ONQAM-SG4474-AOV Kurulum Videosu ONQAM-SG5220-AOV Kurulum Videosu ON-SG4472 Kurulum Videosu RX-35 4G Kurulum Videosu RX-59G Kurulum Videosu RX-15 Kurulum Videosu VN-90S 4G Kurulum Videosu VN-80S Kurulum Videosu RX-88 AI Kurulum Videosu ON-W2363 Kurulum Videosu ON7-WIFI Kurulum Videosu VN-112WF Kurulum Videosu VN-203WF Kurulum Videosu ONQAM-W2404-AOV Kurulum Videosu ON4-WIFI Kurulum Videosu ONQAM-SW2366 Kurulum Videosu ONQAM-SG2330 ZOOM Kurulum Videosu VN-50WF Kurulum Videosu ST00285 Kurulum Videosu RX-11AI Kurulum Videosu /* Filtre fonksiyonu global: ESC temizleyince çağırıyoruz */ window.__filterVideos = function(inp){ function n(t){ t=(t||'').toString().toLowerCase().trim(); t=t.replace(/[ıİ]/g,'i').replace(/[şŞ]/g,'s').replace(/[ğĞ]/g,'g').replace(/[üÜ]/g,'u').replace(/[öÖ]/g,'o').replace(/[çÇ]/g,'c'); return t.replace(/[^a-z0-9]+/g,''); } var raw=(inp && inp.value ? inp.value : '').toString().toLowerCase().trim(); var q=n(raw); var cs=document.getElementsByClassName('video-card'); var i=0,total=0,shown=0; while(i!=cs.length){ var c=cs[i]; total=total+1; var dm=(c.getAttribute('data-model')||''); var mEls=c.getElementsByClassName('model'); var mt=(mEls && mEls[0]) ? (mEls[0].textContent||'') : ''; var all=(c.textContent||''); var hayN=n(dm+' '+mt+' '+all); var hayR=(dm+' '+mt+' '+all).toString().toLowerCase(); var ok = (!raw) ? true : (hayR.indexOf(raw)!=-1 || hayN.indexOf(q)!=-1); c.style.display = ok ? '' : 'none'; if(ok) shown=shown+1; i=i+1; } var msg=document.getElementById('noResultMsg'); if(msg){ if(raw && shown==0){ msg.style.display='block'; msg.innerHTML='Sonuç bulunamadı. Örn: rx, r, vn-5, on4 gibi deneyin.'; }else{ msg.style.display='none'; } } var counter=document.getElementById('searchCount'); if(counter){ counter.textContent = raw ? ('Gösterilen: '+shown) : ('Toplam: '+total); } }; /* Sayfa açılır açılmaz toplam sayacı yaz */ (function(){ var inp=document.getElementById('videoSearch'); if(inp){ window.__filterVideos(inp); } })();