Launch EasyDiag 3.0 | Profesyonel Arıza Tespit Çözümü /* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap'); /* Combined CSS Variables */ #easydiag-3-container { /* Hero Section Variables (Original) - Updated Red Tones to match Launch Logo */ --primary-red-hero: #E60000; /* Launch Kırmızısı */ --secondary-red-hero: #B30000; /* Daha koyu Launch Kırmızısı */ --light-red-hero: #FF3333; /* Açık/Parlak Launch Kırmızısı */ --dark-gray-hero: #222; --light-gray-hero: #f4f4f4; --white-hero: #fff; --black-hero: #000; /* Gallery Section Variables (From Feedback) - Standardized to Hero Reds */ --primary-red: var(--primary-red-hero); --neon-red: var(--light-red-hero); --dark-red: var(--secondary-red-hero); --neon-glow: 0 0 15px rgba(var(--neon-red-rgb), 0.85), 0 0 30px rgba(var(--neon-red-rgb), 0.5); --dark-bg: transparent; --darker-bg: transparent; --light-text: #333333; --gray-text: #555555; /* Helpers for rgba - Updated to match Launch Logo Reds */ --darker-bg-rgb: 34, 40, 49; --neon-red-rgb: 255, 51, 51; /* Corresponds to --light-red-hero (#FF3333) */ --primary-red-rgb: 230, 0, 0; /* Corresponds to --primary-red-hero (#E60000) */ } #easydiag-3-container { font-family: 'Outfit', sans-serif; line-height: 1.7; color: var(--dark-gray-hero); background-color: var(--white-hero); font-size: 16px; /* Base font size */ } /* Global Reset */ #easydiag-3-container * { margin: 0; padding: 0; box-sizing: border-box; } /* --- Hero Section Styles --- */ #easydiag-3-container .tech-font { font-family: 'Outfit', sans-serif; } #easydiag-3-container .hero { position: relative; height: 100vh; /* Yükseklik 100vh olarak geri alındı */ display: flex; align-items: center; justify-content: center; /* Masaüstü için merkezde */ overflow: hidden; flex-direction: column; padding: 0 10px; /* Yatay padding'i düşürelim */ z-index: 10; border-radius: 25px; margin: 20px; min-height: 100vh; /* Yükseklik 100vh olarak geri alındı */ border: 1px solid #ddd; margin-bottom: 20px; } #easydiag-3-container .hero-logo { position: relative; z-index: 4; margin-bottom: 12px; /* Margin "bir tık" daha azaltıldı */ opacity: 0; animation: easydiag-3-fadeInLogo 1s ease forwards 0.1s; max-width: 180px; height: auto; } @keyframes easydiag-3-fadeInLogo { to { opacity: 1; } } #easydiag-3-container .hero-content { position: relative; z-index: 3; text-align: center; padding: 10px 12px; /* İçerik padding'ini azaltalım */ color: var(--dark-gray-hero); max-width: 1200px; width: 100%; display: flex; flex-direction: column; align-items: center; } #easydiag-3-container .hero h1 { font-size: 4.2rem; /* Font boyutu artırıldı */ font-weight: 700; margin-bottom: 3px; /* Başlık altındaki boşluğu azaltalım */ text-transform: uppercase; letter-spacing: 3px; color: var(--dark-gray-hero); text-shadow: 0 0 15px rgba(var(--dark-gray-hero), 0.3), 0 0 5px rgba(var(--dark-gray-hero), 0.2); position: relative; display: inline-block; padding-bottom: 8px; /* Padding "bir tık" daha azaltıldı */ padding-left: 30px; padding-right: 30px; } #easydiag-3-container .hero h1::before, #easydiag-3-container .hero h1::after { content: ''; position: absolute; width: 18px; /* Boyut azaltıldı */ height: 18px; /* Boyut azaltıldı */ border-color: var(--primary-red-hero); border-style: solid; opacity: 0; animation: easydiag-3-fadeInBrackets 0.5s ease forwards 0.8s; } #easydiag-3-container .hero h1::before { top: 0; left: 0; border-width: 4px 0 0 4px; } #easydiag-3-container .hero h1::after { bottom: 0; right: 0; border-width: 0 4px 4px 0; } @keyframes easydiag-3-fadeInBrackets { to { opacity: 0.8; } } #easydiag-3-container .hero-content > * { opacity: 0; transform: translateY(20px); animation: easydiag-3-fadeInUp 0.8s ease forwards; } #easydiag-3-container .hero-content h1 { animation-delay: 0.2s; } #easydiag-3-container .hero-content .hero-subtitle { animation-delay: 0.4s; } #easydiag-3-container .hero-content .feature-icons { animation-delay: 0.6s; } #easydiag-3-container .hero-content .cta-button { animation-delay: 0.8s; } @keyframes easydiag-3-fadeInUp { to { opacity: 1; transform: translateY(0); } } #easydiag-3-container .hero-subtitle { font-size: 1.7rem; margin-bottom: 5px; /* Alt başlık altındaki boşluğu azaltalım */ font-weight: 400; text-shadow: 0 0 10px rgba(var(--dark-gray-hero), 0.2); } #easydiag-3-container .feature-icons { display: flex; justify-content: center; align-items: flex-start; /* Değiştirildi: center -> flex-start */ margin: 5px auto; /* İkon alanının marjinlerini azaltalım */ gap: 40px; width: 100%; max-width: 900px; } #easydiag-3-container .feature-icon { display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s ease; width: 140px; } #easydiag-3-container .feature-icon:hover { transform: translateY(-5px); } #easydiag-3-container .feature-icon i { color: var(--primary-red-hero); font-size: 2.3rem; /* Font boyutu azaltıldı */ margin-bottom: 15px; background-color: rgba(255, 255, 255, 0.1); width: 70px; /* Boyut azaltıldı */ height: 70px; /* Boyut azaltıldı */ display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } #easydiag-3-container .feature-icon:hover i { background-color: var(--primary-red-hero); color: var(--white-hero); box-shadow: 0 5px 15px rgba(230, 0, 0, 0.4); } #easydiag-3-container .feature-icon span { color: var(--dark-gray-hero); font-size: 1.1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; text-align: center; width: 100%; } /* Butonları Küçültme */ #easydiag-3-container .cta-button { display: inline-block; background: linear-gradient(45deg, var(--primary-red-hero), var(--light-red-hero)); color: var(--white-hero); padding: 10px 20px; /* Padding daha da küçültüldü */ min-width: 180px; /* Minimum genişlik azaltıldı */ text-align: center; font-size: 1.05rem; /* Font boyutu artırıldı */ font-weight: 600; text-decoration: none; border-radius: 50px; margin-top: 15px; /* Margin "bir tık" daha azaltıldı */ transition: all 0.3s ease; border: none; text-transform: uppercase; letter-spacing: 1.5px; box-shadow: 0 4px 12px rgba(230, 0, 0, 0.4), 0 0 10px rgba(230, 0, 0, 0.2); position: relative; overflow: hidden; z-index: 1; animation: easydiag-3-pulseGlow 2.5s infinite ease-in-out; } @keyframes easydiag-3-pulseGlow { 0% { box-shadow: 0 4px 12px rgba(230, 0, 0, 0.4), 0 0 10px rgba(230, 0, 0, 0.2); } 50% { box-shadow: 0 6px 18px rgba(230, 0, 0, 0.6), 0 0 20px rgba(255, 51, 51, 0.4); } 100% { box-shadow: 0 4px 12px rgba(230, 0, 0, 0.4), 0 0 10px rgba(230, 0, 0, 0.2); } } #easydiag-3-container .cta-button i { margin-right: 8px; font-size: 1rem; /* Icon boyutu küçültüldü */ } #easydiag-3-container .cta-button::before { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-25deg); transition: left 0.6s ease; z-index: 2; } #easydiag-3-container .cta-button:hover::before { left: 125%; } #easydiag-3-container .cta-button:hover { background: linear-gradient(45deg, var(--secondary-red-hero), var(--primary-red-hero)); color: var(--white-hero); transform: translateY(-3px) scale(1.03); box-shadow: 0 6px 18px rgba(230, 0, 0, 0.6); } #easydiag-3-container .cta-buttons-container { display: flex; /* Değiştirildi: display: none idi */ justify-content: center; gap: 20px; margin-top: 3px; /* Margin "bir tık" daha azaltıldı */ width: 100%; } /* Scroll indikatörü düzeltme */ #easydiag-3-container .scroll-indicator { position: absolute; bottom: 10px; /* Daha da azaltıldı */ left: 50%; transform: translateX(-50%); color: var(--dark-gray-hero); animation: easydiag-3-bounce 2s infinite; font-size: 1.5rem; z-index: 5; text-shadow: 0 0 10px rgba(var(--dark-gray-hero), 0.3); } @keyframes easydiag-3-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); } 40% { transform: translateY(-20px) translateX(-50%); } 60% { transform: translateY(-10px) translateX(-50%); } } /* Hero Responsive Styling */ @media (max-width: 768px) { #easydiag-3-container .hero { justify-content: flex-start; /* Mobil için içeriği yukarıya taşı */ padding-top: 15px; /* Padding "bir tık" azaltıldı */ padding-bottom: 12px; /* Padding "bir tık" azaltıldı */ min-height: auto; /* Yüksekliği içeriğe göre ayarla */ margin-left: 2.5px; /* Mobil için yan boşluk */ margin-right: 2.5px; /* Mobil için yan boşluk */ } #easydiag-3-container .gallery-section, #easydiag-3-container .software-showcase-container, #easydiag-3-container .focused-features-section, #easydiag-3-container .faq-section, #easydiag-3-container .package-contents-section { padding-left: 10px; padding-right: 10px; margin-left: 0; /* Tam genişlik için */ margin-right: 0; /* Tam genişlik için */ border-left: none; /* Tam genişlik için sol kenarlığı kaldır */ border-right: none; /* Tam genişlik için sağ kenarlığı kaldır */ } #easydiag-3-container .page-title-section { padding-left: 10px; padding-right: 10px; } #easydiag-3-container .page-title-section h1, #easydiag-3-container .gallery-title, #easydiag-3-container .focused-features-title, #easydiag-3-container .faq-title, #easydiag-3-container .contact-title { font-size: 1.7rem !important; /* Daha küçük başlıklar */ margin-bottom: 15px; } #easydiag-3-container .page-title-section p.section-subtitle, #easydiag-3-container .gallery-subtitle, #easydiag-3-container .focused-features-subtitle, #easydiag-3-container .faq-subtitle { font-size: 0.85rem !important; /* Daha küçük alt başlıklar */ margin-bottom: 20px; } #easydiag-3-container .gallery-section { padding-top: 40px; padding-bottom: 40px; } #easydiag-3-container .gallery-header { margin-bottom: 30px; } #easydiag-3-container .gallery-section .content-box { padding: 15px; gap: 20px; } #easydiag-3-container .gallery-section .thumbnail { width: 45px; height: 45px; } #easydiag-3-container .product-info-title { font-size: 1.3rem !important; margin-bottom: 10px; padding-bottom: 8px; } #easydiag-3-container .product-description { font-size: 0.8rem !important; } #easydiag-3-container .features-list li { font-size: 0.75rem !important; } #easydiag-3-container .features-list i { font-size: 0.9rem !important; margin-right: 8px; } #easydiag-3-container .page-title-section { padding-top: 30px; padding-bottom: 10px; } #easydiag-3-container .software-feature-section { padding: 25px 10px; } #easydiag-3-container .feature-text h2 { font-size: 1.3rem !important; margin-bottom: 10px; } #easydiag-3-container .feature-text h2 i { font-size: 1.2rem !important; margin-right: 8px; } #easydiag-3-container .feature-text p, #easydiag-3-container .feature-text ul li { font-size: 0.8rem !important; margin-bottom: 10px; } #easydiag-3-container .feature-text ul li { padding-left: 20px; } #easydiag-3-container .feature-image-container { margin-top: 15px; } #easydiag-3-container .important-note { font-size: 0.75rem !important; padding: 15px; } #easydiag-3-container .focused-features-section { padding: 40px 10px; } #easydiag-3-container .feature-tree-header { margin-bottom: 30px; } #easydiag-3-container .tablet-image-container { max-width: 90%; padding: 10px; margin-bottom: 25px; } #easydiag-3-container .focused-feature-card { padding: 12px; } #easydiag-3-container .focused-feature-card-icon i { font-size: 1.5rem !important; } #easydiag-3-container .focused-feature-card-title { font-size: 1rem !important; margin-bottom: 3px; } #easydiag-3-container .focused-feature-card-description { font-size: 0.8rem !important; } #easydiag-3-container .faq-section { padding: 40px 10px; } #easydiag-3-container .faq-header { margin-bottom: 30px; } #easydiag-3-container .faq-question { font-size: 0.9rem !important; padding: 12px 15px; } #easydiag-3-container .faq-question i.fas.fa-chevron-down { font-size: 1rem; } #easydiag-3-container .faq-answer { font-size: 0.8rem !important; padding: 0 15px; } #easydiag-3-container .faq-item.active .faq-answer { padding-top: 10px; padding-bottom: 15px; } #easydiag-3-container .contact-info { padding: 15px; gap: 10px; margin-top: 30px; } #easydiag-3-container .contact-info p { font-size: 0.9rem; } #easydiag-3-container .contact-info a { padding: 8px 12px; font-size: 0.85rem; } #easydiag-3-container .contact-info a i { font-size: 0.9rem; } #easydiag-3-container .hero-logo { margin-top: 20px; /* Sayfanın üstünden boşluk */ margin-bottom: 18px; /* Margin "bir tık" azaltıldı */ max-width: 160px; } #easydiag-3-container .hero-content { padding: 0 15px 10px; /* Alt padding minimuma indirildi */ margin-top: 0; /* .hero h1'deki margin-top yeterli olacak */ width: 100%; /* Tam genişlik kullan */ } #easydiag-3-container .hero h1 { font-size: 2.4rem; /* Font boyutu "bir tık" azaltıldı */ padding-left: 20px; padding-right: 20px; margin-top: 0; /* Logo ile başlık arasındaki boşluğu .hero-logo margin-bottom yönetecek */ margin-bottom: 8px; /* Margin "bir tık" azaltıldı */ } #easydiag-3-container .feature-icons { flex-direction: column; /* Alt alta sıralama */ gap: 18px; /* Gap "bir tık" azaltıldı */ margin-top: 12px; /* Margin "bir tık" azaltıldı */ margin-bottom: 12px; /* Margin "bir tık" azaltıldı */ align-items: center; /* Öğeleri ortala */ width: 100%; /* Mobil için tam genişlik */ } #easydiag-3-container .feature-icon { /* .feature-icon için mobil stiller burada tanımlanacak */ width: 100%; max-width: 260px; /* Genişlik ayarı biraz azaltıldı */ } #easydiag-3-container .feature-icon i { font-size: 1.9rem; /* Font boyutu "bir tık" azaltıldı */ width: 62px; /* Boyut "bir tık" azaltıldı */ height: 62px; /* Boyut "bir tık" azaltıldı */ margin-bottom: 8px; /* İkon ve metin arası boşluk azaltıldı */ } #easydiag-3-container .feature-icon span { font-size: 0.82rem; /* Font boyutu "bir tık" azaltıldı */ } #easydiag-3-container .cta-buttons-container { flex-direction: column; /* Butonları alt alta sırala */ align-items: center; /* Ortala */ gap: 8px; /* Gap "bir tık" azaltıldı */ width: 100%; } #easydiag-3-container .cta-button { width: 100%; max-width: 260px; /* Buton genişliği azaltıldı */ margin-top: 0; /* Üstteki margin'i sıfırla, gap ile yönetilecek */ padding: 9px 16px; /* Padding "bir tık" azaltıldı */ font-size: 0.88rem; /* Font boyutu "bir tık" azaltıldı */ } #easydiag-3-container .cta-button i { font-size: 0.9rem; /* Icon boyutu küçültüldü */ } #easydiag-3-container .scroll-indicator { bottom: 1px; } /* Scroll indikatörü en yukarı taşındı */ #easydiag-3-container .hero-subtitle { font-size: 1.25rem; padding: 0 10px; } /* Font boyutu "bir tık" azaltıldı */ } @media (max-width: 480px) { #easydiag-3-container .hero { padding-top: 15px; /* Daha küçük mobil için üst boşluk azaltıldı */ padding-bottom: 10px; /* Genel alt boşluk azaltıldı */ margin-left: 2.5px; /* Mobil için yan boşluk */ margin-right: 2.5px; /* Mobil için yan boşluk */ } #easydiag-3-container .hero-logo { margin-top: 15px; margin-bottom: 15px; /* Logo ve başlık arası boşluk azaltıldı */ max-width: 140px; } #easydiag-3-container .hero-content { padding-bottom: 5px; /* Alt padding minimuma indirildi */ } #easydiag-3-container .hero h1 { font-size: 2rem; padding-left: 15px; padding-right: 15px; margin-bottom: 8px; /* Başlık ve alt başlık arası azaltıldı */ margin-top: 0; } #easydiag-3-container .hero h1::before, .hero h1::after { width: 15px; height: 15px; } #easydiag-3-container .hero-subtitle { font-size: 1.1rem; margin-bottom: 15px; /* Alt başlık margin azaltıldı */ } #easydiag-3-container .scroll-indicator { bottom: 1px; font-size: 1.2rem; } /* Scroll indikatörü en yukarı taşındı */ #easydiag-3-container .feature-icons { gap: 15px; } /* Daha küçük ekran için ikonlar arası boşluk daha da azaltıldı */ #easydiag-3-container .feature-icon i { font-size: 1.8rem; /* İkon boyutu daha da azaltıldı */ width: 55px; /* İkon arka plan boyutu daha da azaltıldı */ height: 55px; /* İkon arka plan boyutu daha da azaltıldı */ margin-bottom: 6px; /* İkon ve metin arası boşluk daha da azaltıldı */ } #easydiag-3-container .feature-icon span { font-size: 0.8rem; /* Metin boyutu daha da azaltıldı */ } #easydiag-3-container .cta-button { padding: 8px 15px; /* Padding daha da azaltıldı */ font-size: 0.85rem; /* Font boyutu daha da azaltıldı */ max-width: 240px; /* Max genişlik daha da azaltıldı */ } #easydiag-3-container .cta-button i { font-size: 0.85rem; /* Icon boyutu daha da azaltıldı */ } } /* --- Gallery Section Styles --- */ #easydiag-3-container .gallery-section { min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 80px 20px; border-radius: 25px; margin: 20px; min-height: calc(100vh - 40px); border: 1px solid #ddd; background-color: rgba(230, 0, 0, 0.03); margin-bottom: 20px; } #easydiag-3-container .gallery-container { max-width: 1150px; width: 100%; z-index: 5; position: relative; } @keyframes easydiag-3-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes easydiag-3-slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes easydiag-3-borderFlow { 0% { left: -100%; } 100% { left: 200%; } } #easydiag-3-container .pill-badge { display: block; width: fit-content; margin: 0 auto 25px auto; background-color: rgba(230, 0, 0, 0.15); color: var(--primary-red-hero); padding: 6px 18px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; border: 1px solid rgba(230, 0, 0, 0.3); box-shadow: 0 2px 8px rgba(230, 0, 0, 0.2); } #easydiag-3-container .gallery-header { text-align: center; margin-bottom: 60px; position: relative; } #easydiag-3-container .gallery-title { font-family: 'Orbitron', sans-serif; font-size: 2.8rem; color: var(--dark-gray-hero); margin-bottom: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; position: relative; display: inline-block; padding-bottom: 12px; } #easydiag-3-container .gallery-title .title-highlight { color: var(--primary-red-hero); text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4); } #easydiag-3-container .gallery-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 75%; height: 3px; background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero)); border-radius: 2px; box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5); } #easydiag-3-container .gallery-subtitle { color: var(--gray-text); font-size: 1.3rem; font-weight: 400; letter-spacing: 0.8px; max-width: 600px; margin: 15px auto 0 auto; } #easydiag-3-container .content-box { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 50px; background: rgba(var(--white-hero), 0.9); border-radius: 25px; padding: 50px; position: relative; overflow: hidden; border: 1px solid rgba(var(--primary-red-rgb), 0.25); box-shadow: 0 10px 35px rgba(var(--darker-bg-rgb), 0.1), 0 0 20px rgba(var(--primary-red-rgb), 0.1); z-index: 10; } #easydiag-3-container .content-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% 0%, rgba(230, 0, 0, 0.18) 0%, transparent 70%); z-index: -1; } #easydiag-3-container .content-box::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--primary-red-hero), transparent); animation: easydiag-3-borderFlow 4s linear infinite; z-index: 1; box-shadow: 0 0 5px var(--primary-red-hero); } #easydiag-3-container .gallery-left { flex: 1; min-width: 300px; position: relative; } #easydiag-3-container .gallery-right { flex: 1; min-width: 300px; display: flex; flex-direction: column; } #easydiag-3-container .main-image-container { position: relative; width: 100%; aspect-ratio: 1 / 1; border-radius: 15px; overflow: hidden; background: var(--light-gray-hero); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.1); border: 1px solid #ddd; } #easydiag-3-container .main-image { display: block; max-width: 90%; max-height: 90%; object-fit: contain; transition: opacity 0.3s ease; border-radius: 15px !important; } /* 360 Görüntüsü İçin CSS */ #easydiag-3-container .viewer-360 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--white-hero); border-radius: 15px; overflow: hidden; transition: opacity 0.3s ease; } #easydiag-3-container .viewer-360 iframe { width: 100%; height: 100%; border: none; } #easydiag-3-container .viewer-360-tag { position: absolute; top: 15px; right: 15px; background-color: rgba(230, 0, 0, 0.7); color: var(--white-hero); padding: 6px 12px; border-radius: 5px; font-size: 0.85rem; font-weight: 600; z-index: 10; font-family: 'Orbitron', sans-serif; letter-spacing: 0.5px; box-shadow: 0 2px 5px rgba(0,0,0,0.3); } #easydiag-3-container .thumbnails-container { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 25px; } #easydiag-3-container .thumbnail { width: 80px; height: 80px; border-radius: 12px; overflow: hidden; cursor: pointer; border: 1px solid #ccc; background-color: var(--white-hero); transition: all 0.3s ease, border-color 0.2s ease; padding: 4px; position: relative; box-shadow: 0 3px 10px rgba(var(--darker-bg-rgb), 0.1); } #easydiag-3-container .thumbnail.active { border-color: var(--primary-red-hero); transform: translateY(-5px) scale(1.05); box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.15), 0 0 10px rgba(var(--primary-red-rgb), 0.3); } #easydiag-3-container .thumbnail:hover { border-color: var(--primary-red-hero); transform: translateY(-5px) scale(1.05); box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.15), 0 0 10px rgba(var(--primary-red-rgb), 0.3); } #easydiag-3-container .thumbnail::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: var(--primary-red-hero); transition: width 0.3s ease; box-shadow: 0 0 5px var(--primary-red-hero); } #easydiag-3-container .thumbnail:hover::after, #easydiag-3-container .thumbnail.active::after { width: 100%; } #easydiag-3-container .thumbnail img { width: 90%; height: 90%; object-fit: contain; margin: 0 auto; display: block; border-radius: 8px !important; } #easydiag-3-container .product-info-title { color: var(--primary-red-hero); margin-bottom: 18px; font-size: 2.1rem; border-bottom: 1px solid rgba(var(--primary-red-rgb), 0.4); padding-bottom: 12px; letter-spacing: 1px; text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4); text-align: center; width: fit-content; margin-left: auto; margin-right: auto; } #easydiag-3-container .product-description { text-align: center; color: var(--gray-text); margin-bottom: 30px; font-size: 1.3rem; line-height: 1.75; font-weight: 400; } #easydiag-3-container .features-list { list-style: none; padding: 0; margin: 0; color: var(--light-text); } #easydiag-3-container .features-list li { margin-bottom: 20px; text-align: center; font-size: 1.25rem; font-weight: 400; } #easydiag-3-container .features-list i { color: var(--primary-red-hero); margin: 0 auto 10px auto; width: auto; display: block; font-size: 1.5rem; text-shadow: 0 0 10px rgba(var(--primary-red-rgb), 0.5); text-align: center; transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease; } #easydiag-3-container .features-list li:hover i { transform: scale(1.1); color: var(--light-red-hero); text-shadow: 0 0 12px rgba(var(--neon-red-rgb), 0.7); } #easydiag-3-container .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; display: none; z-index: 2; } #easydiag-3-container .loading-spinner::before { content: ''; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--primary-red-hero); animation: easydiag-3-spinner 0.6s linear infinite; box-shadow: 0 0 15px var(--primary-red-hero); } @keyframes easydiag-3-spinner { to { transform: rotate(360deg); } } /* Mobil Uyumluluk */ @media (max-width: 992px) { #easydiag-3-container .gallery-section { padding: 60px 15px; min-height: auto; } #easydiag-3-container .gallery-title { font-size: 2.2rem; } #easydiag-3-container .content-box { padding: 30px 25px; gap: 30px; } } @media (max-width: 768px) { #easydiag-3-container .gallery-section { padding: 50px 10px; margin-left: 5px; margin-right: 5px; border-radius: 15px; min-height: auto; } #easydiag-3-container .gallery-title { font-size: 1.9rem; line-height: 1.2; } #easydiag-3-container .gallery-subtitle { font-size: 1rem; max-width: 95%; line-height: 1.5; } #easydiag-3-container .content-box { flex-direction: column; padding: 25px 15px; gap: 25px; border-radius: 15px; } #easydiag-3-container .gallery-left, #easydiag-3-container .gallery-right { min-width: 100%; flex: none; } #easydiag-3-container .main-image-container { max-width: 400px; margin: 0 auto 15px auto; } #easydiag-3-container .thumbnails-container { gap: 8px; margin-top: 15px; justify-content: center; } #easydiag-3-container .thumbnail { width: 60px; height: 60px; border-radius: 8px; } #easydiag-3-container .thumbnail img { border-radius: 6px !important; } #easydiag-3-container .product-info-title { font-size: 1.5rem; margin-bottom: 15px; padding-bottom: 8px; } #easydiag-3-container .product-description { font-size: 0.95rem; margin-bottom: 20px; line-height: 1.6; } #easydiag-3-container .features-list li { font-size: 0.9rem; margin-bottom: 15px; } #easydiag-3-container .features-list i { font-size: 1.3rem; margin-bottom: 8px; } #easydiag-3-container .pill-badge { font-size: 0.8rem; padding: 5px 15px; margin-bottom: 20px; } #easydiag-3-container .viewer-360-tag { top: 10px; right: 10px; padding: 4px 8px; font-size: 0.75rem; } } @media (max-width: 576px) { #easydiag-3-container .gallery-section { padding: 40px 8px; margin-left: 3px; margin-right: 3px; } #easydiag-3-container .gallery-title { font-size: 1.6rem; letter-spacing: 1px; } #easydiag-3-container .gallery-subtitle { font-size: 0.9rem; } #easydiag-3-container .content-box { padding: 20px 12px; gap: 20px; border-radius: 12px; } #easydiag-3-container .main-image-container { max-width: 300px; border-radius: 12px; } #easydiag-3-container .thumbnail { width: 50px; height: 50px; border-radius: 6px; } #easydiag-3-container .thumbnail img { border-radius: 4px !important; } #easydiag-3-container .thumbnails-container { gap: 6px; margin-top: 12px; } #easydiag-3-container .product-info-title { font-size: 1.3rem; margin-bottom: 12px; } #easydiag-3-container .product-description { font-size: 0.85rem; margin-bottom: 18px; } #easydiag-3-container .features-list li { font-size: 0.85rem; margin-bottom: 12px; } #easydiag-3-container .features-list i { font-size: 1.2rem; margin-bottom: 6px; } #easydiag-3-container .pill-badge { font-size: 0.75rem; padding: 4px 12px; margin-bottom: 15px; } } @media (max-width: 480px) { #easydiag-3-container .gallery-section { padding: 35px 5px; } #easydiag-3-container .gallery-title { font-size: 1.4rem; } #easydiag-3-container .content-box { padding: 15px 10px; gap: 15px; } #easydiag-3-container .main-image-container { max-width: 280px; } #easydiag-3-container .thumbnail { width: 45px; height: 45px; } #easydiag-3-container .product-info-title { font-size: 1.2rem; } #easydiag-3-container .product-description, #easydiag-3-container .features-list li { font-size: 0.8rem; } } @media (max-width: 360px) { #easydiag-3-container .gallery-section { padding: 30px 3px; margin-left: 1px; margin-right: 1px; } #easydiag-3-container .gallery-title { font-size: 1.2rem; } #easydiag-3-container .content-box { padding: 12px 8px; } #easydiag-3-container .main-image-container { max-width: 250px; } #easydiag-3-container .thumbnail { width: 40px; height: 40px; } #easydiag-3-container .thumbnails-container { gap: 4px; } } /* --- Software Showcase Section Styles --- */ #easydiag-3-container .software-showcase-container { margin: 20px; padding: 1px; border-radius: 25px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 20px; } #easydiag-3-container .page-title-section { text-align: center; padding: 50px 20px 20px; } #easydiag-3-container .page-title-section h1 { font-family: 'Orbitron', sans-serif; font-size: 3rem; /* gallery-title ile aynı */ color: var(--dark-gray-hero); margin-bottom: 25px; /* gallery-title ile aynı */ text-transform: uppercase; /* gallery-title ile aynı */ font-weight: 700; /* gallery-title ile aynı */ letter-spacing: 1.5px; /* gallery-title ile aynı */ position: relative; display: inline-block; padding-bottom: 12px; /* Alt çizgi için boşluk, gallery-title ile aynı */ /* text-shadow kaldırıldı, çünkü bu başlıkta span.title-highlight yok */ } #easydiag-3-container .page-title-section h1::after { /* Yeni genel alt çizgi, gallery-title::after ile aynı */ content: ''; position: absolute; bottom: 0; left: 0; width: 75%; height: 3px; background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero)); border-radius: 2px; box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5); } #easydiag-3-container .page-title-section p { font-size: 1.35rem; color: var(--gray-text); max-width: 750px; margin: 0 auto; font-weight: 400; } #easydiag-3-container .software-feature-section { display: flex; align-items: center; justify-content: center; padding: 40px 40px; position: relative; } #easydiag-3-container .software-feature-section:not(:last-child) { border-bottom: 1px solid #eee; } #easydiag-3-container .feature-content-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; max-width: 1200px; width: 100%; } #easydiag-3-container .software-feature-section:nth-of-type(even) .feature-content-wrapper .feature-text { order: 1; padding-left: 30px; padding-right: 0; } #easydiag-3-container .software-feature-section:nth-of-type(even) .feature-content-wrapper .feature-image-container { order: -1; } #easydiag-3-container .software-feature-section:nth-of-type(odd) .feature-content-wrapper .feature-text { padding-right: 30px; padding-left: 0; } #easydiag-3-container .feature-text h2 { font-size: 2.4rem; /* Boyut ayarlandı */ color: var(--dark-gray-hero); /* Renk değiştirildi */ margin-bottom: 20px; text-shadow: none; /* Gölge kaldırıldı */ font-weight: 600; /* Kalınlık eklendi */ letter-spacing: 1px; /* Harf aralığı eklendi */ } #easydiag-3-container .feature-text h2 i { color: var(--primary-red-hero); /* İkon rengi ayarlandı */ font-size: 2rem; /* İkon boyutu ayarlandı */ margin-right: 10px; vertical-align: middle; /* İkonu metinle daha iyi hizalamak için */ } #easydiag-3-container .feature-text p { font-size: 1.25rem; color: var(--gray-text); margin-bottom: 15px; line-height: 1.75; } #easydiag-3-container .feature-text ul { list-style: none; padding-left: 0; } #easydiag-3-container .feature-text ul li { font-size: 1.15rem; color: var(--gray-text); margin-bottom: 8px; padding-left: 25px; position: relative; } #easydiag-3-container .feature-text ul li::before { content: "f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--light-red-hero); position: absolute; left: 0; top: 1px; } #easydiag-3-container .feature-image-container { border-radius: 12px; overflow: hidden; box-shadow: 0 8px 25px rgba(var(--darker-bg-rgb), 0.15), 0 0 15px rgba(var(--neon-red-rgb),0.1); border: 1px solid #ddd; } #easydiag-3-container .feature-image-container img { width: 100%; height: auto; display: block; aspect-ratio: 16/10; object-fit: cover; } @media (max-width: 992px) { #easydiag-3-container .feature-content-wrapper, #easydiag-3-container .software-feature-section:nth-of-type(even) .feature-content-wrapper { grid-template-columns: 1fr; gap: 35px; } #easydiag-3-container .software-feature-section:nth-of-type(even) .feature-content-wrapper .feature-text, #easydiag-3-container .software-feature-section:nth-of-type(odd) .feature-content-wrapper .feature-text { order: 0; padding-left: 0; padding-right: 0; text-align: center; } #easydiag-3-container .feature-text ul { display: inline-block; text-align: left; } #easydiag-3-container .feature-text h2 { font-size: 2.2rem; } #easydiag-3-container .feature-image-container { margin-top: 25px; max-width: 500px; margin-left: auto; margin-right: auto; } #easydiag-3-container .page-title-section h1 { font-size: 2.5rem; } #easydiag-3-container .page-title-section p { font-size: 1.1rem; } } @media (max-width: 768px) { #easydiag-3-container .software-feature-section { padding: 40px 20px; min-height: auto; } #easydiag-3-container .feature-text h2 { font-size: 1.9rem; } #easydiag-3-container .feature-text h2 i { font-size: 1.8rem; } #easydiag-3-container .feature-text p { font-size: 0.95rem; } #easydiag-3-container .feature-text ul li { font-size: 0.9rem; } #easydiag-3-container .page-title-section h1 { font-size: 2.2rem; } #easydiag-3-container .page-title-section p { font-size: 1rem; } #easydiag-3-container .software-showcase-container { margin-left: 2.5px; margin-right: 2.5px; } } /* --- Focused Features Section Styles --- */ #easydiag-3-container .focused-features-section { min-height: auto; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 70px 20px; border-radius: 25px; margin: 20px; color: var(--dark-gray-hero); border: 1px solid #ddd; margin-bottom: 20px; } #easydiag-3-container .focused-features-section::before { content: ''; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 500px; height: 300px; background: radial-gradient(ellipse, rgba(var(--neon-red-rgb, 255, 51, 51), 0.15) 0%, transparent 70%); filter: blur(25px); opacity: 0.8; z-index: 0; animation: easydiag-3-pulseSubtle 7s ease-in-out infinite alternate; } @keyframes easydiag-3-pulseSubtle { 0% { opacity: 0.6; transform: translateX(-50%) scale(1); } 100% { opacity: 0.9; transform: translateX(-50%) scale(1.05); } } #easydiag-3-container .focused-features-container { max-width: 1300px; width: 100%; z-index: 5; position: relative; padding: 0 15px; } #easydiag-3-container .focused-features-header { text-align: center; margin-bottom: 50px; position: relative; } #easydiag-3-container .focused-features-title { font-family: 'Orbitron', sans-serif; /* tech-font */ font-size: 3rem; /* gallery-title ile aynı */ color: var(--dark-gray-hero); /* gallery-title ile aynı */ margin-bottom: 25px; /* gallery-title ile aynı */ text-transform: uppercase; /* gallery-title ile aynı */ font-weight: 700; /* gallery-title ile aynı */ letter-spacing: 1.5px; /* gallery-title ile aynı */ position: relative; display: inline-block; padding-bottom: 12px; /* Alt çizgi için boşluk, gallery-title ile aynı */ } #easydiag-3-container .focused-features-title .title-highlight { /* Sadece renk ve gölge için */ color: var(--primary-red-hero); text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4); } #easydiag-3-container .focused-features-title::after { /* Yeni genel alt çizgi, gallery-title::after ile aynı */ content: ''; position: absolute; bottom: 0; left: 0; width: 75%; height: 3px; background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero)); border-radius: 2px; box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5); } #easydiag-3-container .focused-features-subtitle { color: var(--gray-text); font-size: 1.25rem; font-weight: 400; letter-spacing: 0.6px; max-width: 750px; margin: 15px auto 0 auto; } #easydiag-3-container .focused-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 25px; } #easydiag-3-container .focused-feature-card { background: var(--white-hero); border-radius: 18px; padding: 25px 20px; text-align: center; border: 1px solid #ddd; box-shadow: 0 6px 20px rgba(var(--darker-bg-rgb), 0.1), 0 0 10px rgba(var(--neon-red-rgb), 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; position: relative; overflow: hidden; display: flex; flex-direction: column; } #easydiag-3-container .focused-feature-card:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(var(--darker-bg-rgb), 0.15), 0 0 20px rgba(var(--neon-red-rgb), 0.15); border-color: rgba(var(--neon-red-rgb), 0.4); } #easydiag-3-container .focused-feature-card::before { content: ""; position: absolute; top: 0; left: -80%; width: 60%; height: 100%; background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.08) 50%, transparent 100%); transform: skewX(-20deg); transition: left 0.7s cubic-bezier(0.23, 1, 0.32, 1); z-index: 1; } #easydiag-3-container .focused-feature-card:hover::before { left: 120%; } #easydiag-3-container .focused-feature-card-icon { margin-bottom: 15px; z-index: 2; position: relative; } #easydiag-3-container .focused-feature-card-icon i { font-size: 2.5rem; color: var(--light-red-hero); background: rgba(255, 51, 51, 0.08); width: 70px; height: 70px; line-height: 70px; border-radius: 50%; border: 1px solid rgba(255, 51, 51, 0.3); display: inline-block; transition: all 0.3s ease; text-shadow: 0 0 10px rgba(255, 51, 51, 0.6); } #easydiag-3-container .focused-feature-card:hover .focused-feature-card-icon i { background: var(--light-red-hero); color: var(--white-hero); transform: scale(1.08) rotate(5deg); box-shadow: 0 0 20px var(--light-red-hero); } #easydiag-3-container .focused-feature-card-title { font-family: 'Orbitron', sans-serif; font-size: 1.45rem; color: var(--light-text); margin-bottom: 10px; font-weight: 600; z-index: 2; position: relative; } #easydiag-3-container .focused-feature-card-description { font-size: 1.05rem; color: var(--gray-text); line-height: 1.6; min-height: 50px; z-index: 2; position: relative; flex-grow: 1; } @media (max-width: 1200px) { #easydiag-3-container .focused-features-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } } @media (max-width: 992px) { #easydiag-3-container .focused-features-title { font-size: 2.2rem; } #easydiag-3-container .focused-features-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } #easydiag-3-container .focused-feature-card { padding: 20px 15px; } } @media (max-width: 768px) { #easydiag-3-container .focused-features-section { padding: 60px 15px; margin-left: 2.5px; margin-right: 2.5px; } #easydiag-3-container .focused-features-title { font-size: 2rem; } #easydiag-3-container .focused-features-subtitle { font-size: 1rem; } #easydiag-3-container .focused-features-grid { grid-template-columns: 1fr; gap: 15px; } #easydiag-3-container .focused-feature-card { padding: 20px; } #easydiag-3-container .focused-feature-card-icon i { font-size: 2.2rem; width: 65px; height: 65px; line-height: 65px;} #easydiag-3-container .focused-feature-card-title { font-size: 1.25rem; } } @media (max-width: 576px) { #easydiag-3-container .focused-features-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); } #easydiag-3-container .focused-features-title { font-size: 1.8rem; } #easydiag-3-container .focused-feature-card-icon i { font-size: 2rem; width: 60px; height: 60px; line-height: 60px;} #easydiag-3-container .focused-feature-card-title { font-size: 1.15rem; } #easydiag-3-container .focused-feature-card-description { font-size: 0.8rem; min-height: 40px;} } /* --- Yeni Merak Edilenler (FAQ) Bölümü --- */ #easydiag-3-container .faq-section { min-height: auto; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 80px 20px; border-radius: 25px; margin: 0; color: var(--dark-gray-hero); border: 1px solid #ddd; background-color: rgba(230, 0, 0, 0.02); /* Hafif kırmızı tonu */ } #easydiag-3-container .faq-container { max-width: 1300px; width: 100%; z-index: 5; position: relative; padding: 0 15px; } #easydiag-3-container .faq-header { text-align: center; margin-bottom: 50px; position: relative; } #easydiag-3-container .faq-title { font-family: 'Orbitron', sans-serif; font-size: 3rem; color: var(--dark-gray-hero); margin-bottom: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; position: relative; display: inline-block; padding-bottom: 12px; } #easydiag-3-container .faq-title .title-highlight { color: var(--primary-red-hero); text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4); } #easydiag-3-container .faq-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 75%; height: 3px; background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero)); border-radius: 2px; box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5); } #easydiag-3-container .faq-subtitle { color: var(--gray-text); font-size: 1.3rem; font-weight: 400; letter-spacing: 0.6px; max-width: 750px; margin: 15px auto 0 auto; } #easydiag-3-container .faq-accordion { display: flex; flex-direction: column; gap: 15px; margin-top: 20px; } #easydiag-3-container .faq-item { border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden; background-color: var(--white-hero); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } #easydiag-3-container .faq-item:hover { box-shadow: 0 6px 15px rgba(var(--primary-red-rgb), 0.1); border-color: rgba(var(--primary-red-rgb), 0.3); } #easydiag-3-container .faq-question { padding: 20px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 600; font-size: 1.2rem; color: var(--dark-gray-hero); transition: all 0.3s ease; } #easydiag-3-container .faq-question:hover { color: var(--primary-red-hero); } #easydiag-3-container .faq-question i { color: var(--primary-red-hero); font-size: 1.2rem; transition: transform 0.3s ease; } #easydiag-3-container .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; padding: 0 20px; color: var(--gray-text); font-size: 1.2rem; line-height: 1.7; } #easydiag-3-container .faq-item.active .faq-question { color: var(--primary-red-hero); border-bottom: 1px solid rgba(var(--primary-red-rgb), 0.2); } #easydiag-3-container .faq-item.active .faq-question i { transform: rotate(180deg); } #easydiag-3-container .faq-item.active .faq-answer { max-height: 500px; padding-top: 15px; padding-bottom: 20px; } /* --- Güncellenmiş Yazılım Güncelleme Bölümü --- */ #easydiag-3-container .software-update-section { padding: 80px 20px; border-radius: 25px; margin: 20px; border: 1px solid #ddd; background: linear-gradient(135deg, rgba(230, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.98) 100%); position: relative; overflow: hidden; margin-bottom: 20px; } #easydiag-3-container .software-update-section::before { content: ''; position: absolute; top: -50px; right: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(230, 0, 0, 0.08) 0%, transparent 70%); border-radius: 50%; z-index: 0; } #easydiag-3-container .software-update-container { display: flex; max-width: 1200px; margin: 0 auto; gap: 50px; align-items: center; position: relative; z-index: 1; } #easydiag-3-container .update-content-column { flex: 1.2; position: relative; text-align: center; } #easydiag-3-container .update-video-column { flex: 0.8; position: relative; } #easydiag-3-container .update-section-header { margin-bottom: 40px; } #easydiag-3-container .update-section-title { font-family: 'Orbitron', sans-serif; font-size: 2.8rem; color: var(--dark-gray-hero); margin-bottom: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; position: relative; display: inline-block; padding-bottom: 12px; } #easydiag-3-container .update-section-title .title-highlight { color: var(--primary-red-hero); text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4); } #easydiag-3-container .update-section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 75%; height: 3px; background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero)); border-radius: 2px; box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5); } #easydiag-3-container .update-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-bottom: 40px; } #easydiag-3-container .update-feature-item { background: rgba(255, 255, 255, 0.9); padding: 25px; border-radius: 15px; border: 1px solid rgba(230, 0, 0, 0.1); transition: all 0.3s ease; position: relative; overflow: hidden; } #easydiag-3-container .update-feature-item:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(230, 0, 0, 0.15); border-color: rgba(230, 0, 0, 0.3); } #easydiag-3-container .update-feature-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(230, 0, 0, 0.05), transparent); transition: left 0.6s ease; } #easydiag-3-container .update-feature-item:hover::before { left: 100%; } #easydiag-3-container .update-feature-item h4 { font-family: 'Orbitron', sans-serif; font-size: 1.3rem; color: var(--primary-red-hero); margin-bottom: 12px; display: flex; align-items: center; font-weight: 600; } #easydiag-3-container .update-feature-item h4 i { margin-right: 10px; font-size: 1.5rem; } #easydiag-3-container .update-feature-item p { color: var(--gray-text); font-size: 1rem; line-height: 1.6; margin: 0; } #easydiag-3-container .update-info-box { background: linear-gradient(135deg, rgba(230, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.95) 100%); border: 2px solid rgba(230, 0, 0, 0.2); border-radius: 15px; padding: 30px; margin-bottom: 30px; position: relative; } #easydiag-3-container .update-info-box::before { content: 'f06a'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; top: -12px; left: 25px; background: var(--primary-red-hero); color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; } #easydiag-3-container .update-info-box h4 { font-family: 'Orbitron', sans-serif; color: var(--primary-red-hero); font-size: 1.4rem; margin-bottom: 15px; font-weight: 600; } #easydiag-3-container .update-info-box p { color: var(--dark-gray-hero); font-size: 1.2rem; line-height: 1.7; margin-bottom: 15px; } #easydiag-3-container .update-info-box .pricing-info { background: rgba(230, 0, 0, 0.1); padding: 15px; border-radius: 8px; border-left: 4px solid var(--primary-red-hero); margin-top: 15px; } #easydiag-3-container .update-info-box .pricing-info strong { color: var(--primary-red-hero); font-size: 1.1rem; } #easydiag-3-container .update-video-wrapper { position: relative; width: 100%; border-radius: 15px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); border: 2px solid rgba(230, 0, 0, 0.1); transition: all 0.3s ease; } #easydiag-3-container .update-video-wrapper::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, var(--primary-red-hero), var(--light-red-hero), var(--primary-red-hero)); border-radius: 17px; z-index: -1; opacity: 0; transition: opacity 0.3s ease; } #easydiag-3-container .update-video-wrapper iframe { width: 100%; height: 300px; border: none; display: block; } #easydiag-3-container .update-buttons-container { display: flex; gap: 20px; margin-top: 30px; justify-content: center; } #easydiag-3-container .update-button { flex: 1; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(45deg, var(--primary-red-hero), var(--light-red-hero)); color: var(--white-hero); padding: 15px 25px; text-decoration: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; border: none; position: relative; overflow: hidden; box-shadow: 0 5px 15px rgba(230, 0, 0, 0.4); } #easydiag-3-container .update-button i { margin-right: 10px; font-size: 1.2rem; } #easydiag-3-container .update-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%); transition: left 0.6s ease; z-index: 2; } #easydiag-3-container .update-button:hover::before { left: 100%; } #easydiag-3-container .update-button:hover { background: linear-gradient(45deg, var(--secondary-red-hero), var(--primary-red-hero)); transform: translateY(-3px) scale(1.02); box-shadow: 0 8px 20px rgba(230, 0, 0, 0.6); } #easydiag-3-container .update-button.secondary { background: linear-gradient(45deg, var(--gray-text), var(--dark-gray-hero)); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } #easydiag-3-container .update-button.secondary:hover { background: linear-gradient(45deg, var(--dark-gray-hero), var(--black-hero)); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); } /* Responsive Design for Update Section */ @media (max-width: 992px) { #easydiag-3-container .software-update-container { flex-direction: column; gap: 40px; } #easydiag-3-container .update-content-column, #easydiag-3-container .update-video-column { flex: none; width: 100%; } #easydiag-3-container .update-section-title { font-size: 2.4rem; text-align: center; } #easydiag-3-container .update-features-grid { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 768px) { #easydiag-3-container .software-update-section { padding: 60px 15px; margin-left: 2.5px; margin-right: 2.5px; } #easydiag-3-container .software-update-container { gap: 30px; } #easydiag-3-container .update-section-title { font-size: 2rem; } #easydiag-3-container .update-feature-item { padding: 20px; } #easydiag-3-container .update-feature-item h4 { font-size: 1.2rem; } #easydiag-3-container .update-feature-item h4 i { font-size: 1.3rem; } #easydiag-3-container .update-info-box { padding: 25px; } #easydiag-3-container .update-info-box h4 { font-size: 1.2rem; } #easydiag-3-container .update-info-box p { font-size: 1rem; } #easydiag-3-container .update-video-wrapper iframe { height: 250px; } #easydiag-3-container .update-buttons-container { flex-direction: column; gap: 15px; } #easydiag-3-container .update-button { padding: 12px 20px; font-size: 1rem; } } @media (max-width: 576px) { #easydiag-3-container .software-update-section { padding: 50px 10px; } #easydiag-3-container .update-section-title { font-size: 1.8rem; } #easydiag-3-container .update-feature-item { padding: 15px; } #easydiag-3-container .update-feature-item h4 { font-size: 1.1rem; } #easydiag-3-container .update-info-box { padding: 20px; } #easydiag-3-container .update-video-wrapper iframe { height: 200px; } #easydiag-3-container .update-button { padding: 10px 18px; font-size: 0.9rem; } } @media (max-width: 480px) { #easydiag-3-container .update-section-title { font-size: 1.6rem; } #easydiag-3-container .update-feature-item h4 { font-size: 1rem; } #easydiag-3-container .update-feature-item p { font-size: 0.9rem; } #easydiag-3-container .update-info-box h4 { font-size: 1.1rem; } #easydiag-3-container .update-info-box p { font-size: 0.9rem; } } /* --- İletişim Bölümü --- */ #easydiag-3-container .contact-section { padding: 80px 20px; background-color: #f9f9f9; text-align: center; } #easydiag-3-container .contact-container { max-width: 800px; margin: 0 auto; } #easydiag-3-container .contact-title { font-family: 'Orbitron', sans-serif; font-size: 3rem; color: var(--dark-gray-hero); margin-bottom: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; position: relative; display: inline-block; padding-bottom: 12px; } #easydiag-3-container .contact-title .title-highlight { color: var(--primary-red-hero); text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4); } #easydiag-3-container .contact-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 75%; height: 3px; background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero)); border-radius: 2px; box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5); } #easydiag-3-container .contact-subtitle { font-size: 1.2rem; color: var(--gray-text); margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; font-family: 'Outfit', sans-serif; font-weight: 400; } #easydiag-3-container .contact-details { display: flex; justify-content: center; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; } #easydiag-3-container .contact-detail-item { display: flex; align-items: center; gap: 15px; font-size: 1.1rem; color: var(--dark-gray-hero); font-family: 'Outfit', sans-serif; } #easydiag-3-container .contact-detail-item i { font-size: 1.8rem; color: var(--primary-red-hero); } #easydiag-3-container .contact-button { display: inline-block; background: linear-gradient(45deg, var(--primary-red-hero), var(--light-red-hero)); color: var(--white-hero); padding: 12px 25px; font-size: 1rem; font-weight: 600; text-decoration: none; border-radius: 50px; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(230, 0, 0, 0.4); } #easydiag-3-container .contact-button:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(230, 0, 0, 0.6); }

EASYDIAG 3.0

Yeni Nesil Profesyonel Arıza Tespit Cihazı

Kablosuz Bağlantı
Çoklu Marka Desteği
Hızlı Teşhis
Satın Al

Launch EasyDiag 3.0: Teknik Özellikler

Launch EasyDiag 3.0, araç elektroniği için kapsamlı teşhis ve özel fonksiyonlar sunan Bluetooth adaptörüdür.

360°

Öne Çıkan Özellikler

Launch EasyDiag 3.0, aracınızın elektronik sistemlerine tam erişim sağlayan, profesyonel düzeyde bir arıza tespit cihazıdır. Geniş marka desteği ve kullanıcı dostu arayüzü ile öne çıkar.

• Kapsamlı Arıza Kodu Okuma/Silme
• Canlı Veri Görüntüleme (Grafiksel/Metinsel)
• Servis ve Bakım Sıfırlama İşlemleri
• Adaptasyon ve Kodlama Fonksiyonları

Launch XDIAG Yazılım Arayüzü

Kapsamlı teşhis ve profesyonel bakım fonksiyonlarını kullanıcı dostu bir arayüzle keşfedin.

Kullanıcı Dostu XDIAG Arayüzü

Launch XDIAG yazılımı, karmaşık araç teşhis işlemlerini herkes için erişilebilir kılan, modern, sezgisel ve kullanıcı dostu bir arayüze sahiptir. Ana menü üzerinden tüm modüllere ve fonksiyonlara kolayca ulaşabilirsiniz.

• Net ve anlaşılır menü navigasyonu
• Dokunmatik ekranlar için optimize edilmiş büyük butonlar ve simgeler
• Hızlı erişim için mantıksal olarak gruplandırılmış fonksiyonlar
• Görsel ve metinsel yardım rehberleri

Özel Fonksiyonlar ve Servis İşlemleri

Yetkili servis düzeyinde birçok özel fonksiyonu XDIAG yazılımı ile kolayca gerçekleştirin. Bakım ve onarım işlemlerinizi profesyonelce tamamlayın.

• Servis ve yağ sıfırlama
• Elektronik Park Freni (EPB) çektirme/bırakma
• DPF (Dizel Partikül Filtresi) rejenerasyonu
• Enjektör kodlama ve adaptasyonlar

Otomatik Araç Tanıma ve Raporlama

XDIAG, VIN (Şasi Numarası) üzerinden aracınızı otomatik olarak tanır ve doğru sistemlere hızla erişmenizi sağlar. Kapsamlı teşhis raporları oluşturarak müşterilerinize veya kendi kayıtlarınıza ekleyebilirsiniz.

• Hızlı ve doğru araç tespiti
• Tam sistem tarama raporu
• PDF formatında rapor kaydetme ve paylaşma

Öne Çıkan Yetenekler

Launch EasyDiag 3.0, temel arıza tespitinden profesyonel bakım işlemlerine kadar geniş bir yelpazede size güç katar.

Hata Kodu Yönetimi

Tüm modüllerden DTC okuma, yorumlama ve silme.

Akıllı VIN Tanıma

Şase numarası ile otomatik araç tespiti.

Canlı Veri Akışı

Sensör verilerini grafiksel ve metinsel izleme.

Derinlemesine Analiz

Arızaların kök nedenine hızlı ve doğru ulaşım.

Evrensel Uyumluluk

Geniş marka/model desteği (Avrupa, Asya, Amerika).

Sezgisel Kullanım

Kolay anlaşılır arayüz ile basit operasyonlar.

Enjektör Kodlama

Yakıt enjektörlerinin hassas ayarlarını yapın.

EPB Yönetimi

Elektronik Park Freni servis modu işlemleri.

Servis Sıfırlama

Yağ ve bakım periyotlarını kolayca sıfırlayın.

DPF Rejenerasyonu

Dizel partikül filtresini temizleyerek performansı artırın.

İmmobilizer Eşleştirme

Anahtar programlama ve güvenlik fonksiyonları.

Adaptasyon & Kalibrasyon

Değişen parçaların sisteme doğru tanıtılması.

360° Deneyim & Lisans Politikası

Cihazın 360° Görünümü

1 Yıl Ücretsiz Online Kullanım

Launch EasyDiag 3.0 cihazınızı satın aldığınızda, bir (1) yıl boyunca tüm online güncellemelere ve yeni araç desteğine ücretsiz olarak erişebilirsiniz. Bu süre boyunca cihazınız her zaman en güncel yazılımlarla tam performans çalışır.

Lisans Yenileme Süreci

İlk yılın sonunda online kullanım süreniz dolar. Cihazınız offline modda çalışmaya devam eder, ancak yeni güncellemeleri alamaz. Tam kapasite kullanıma devam etmek için lisansınızı yenilemeniz gerekmektedir.

Güncelleme Satın Al

Merak Edilenler

Launch EasyDiag 3.0 hakkında en çok sorulan sorular ve cevapları.

Launch EasyDiag 3.0'ı satın aldığımda kutudan neler çıkacak, ekstra bir sürpriz var mı?

Launch EasyDiag 3.0 paketiniz özenle hazırlanmış olup, içerisinde şunları bulacaksınız:

• Launch EasyDiag 3.0 Ana Ünite (Bluetooth Adaptörü)
• Cihaz Aktivasyon Bilgileri (Kullanıcı adı ve Parola WhatsApp üzerinden iletilecektir)
• otoeko.com

Bu sayede cihazınızı hemen kullanmaya başlayabilir ve uzatma kablosu ile daha esnek bir çalışma alanına sahip olabilirsiniz.

Launch EasyDiag 3.0 cihazı hangi araçlarla uyumludur?

Launch EasyDiag 3.0, 2000 sonrası üretilen ve OBD-II standardını destekleyen hemen hemen tüm araçlarla uyumludur. Avrupa, Asya ve Amerika menşeili 100'den fazla araç markasını destekler. Başlıca desteklenen markalar arasında Volkswagen, Audi, BMW, Mercedes, Toyota, Honda, Hyundai, Ford, Opel, Fiat, Renault ve Peugeot bulunmaktadır.

Cihaz kurulumu nasıl yapılır ve aktivasyon için ne gereklidir?

Cihaz kurulumu oldukça basittir. Öncelikle mobil cihazınıza veya tabletinize XDIAG yazılımını indirmeniz, ardından cihazınız ile Launch EasyDiag 3.0 arasında Bluetooth bağlantısı kurmanız yeterlidir. Aktivasyon için size özel olarak iletilecek kullanıcı bilgileri (Kullanıcı adı ve Parola) ile sisteme giriş yaparak cihazınızı kullanmaya başlayabilirsiniz. Kurulum ve aktivasyon konusunda herhangi bir sorun yaşarsanız, teknik destek ekibimiz size yardımcı olacaktır.

XDIAG yazılımı hangi cihazlarda çalışır?

Launch XDIAG yazılımı Android işletim sistemini desteklemektedir. Optimum performans için Android 5.0 ve üzeri versiyona sahip tablet veya telefon kullanılması önerilir.

Cihaz Türkçe olarak kullanılabilir mi?

Evet, Launch EasyDiag 3.0 yazılımı Türkçe dil desteğine sahiptir. XDIAG yazılımını kurduktan sonra Ayarlar menüsünden dil seçeneğini Türkçe olarak değiştirebilirsiniz. Böylece menüler, arıza kodları, açıklamalar ve fonksiyonlar Türkçe olarak görüntülenecektir.

Enjektör kodlama ve adaptasyon işlemleri için ek bir yazılım gerekli mi?

Hayır, Launch EasyDiag 3.0 ile enjektör kodlama, adaptasyon ve diğer özel fonksiyonlar için ek bir yazılım gerekmez. Bu işlemler temel XDIAG yazılımı içerisinde yer almaktadır. Bazı özel işlemler için markanın "Özel Fonksiyonlar" menüsüne erişim gerekebilir, bu da cihazla birlikte gelen yazılım paketi içinde mevcuttur.

Cihazın kullanım süresi ne kadardır ve nasıl uzatılır?

Launch EasyDiag 3.0 cihazı satın aldıktan sonra bir (1) yıl boyunca online olarak kullanılabilir. Bu süre sonunda cihaz offline modda kullanılmaya devam edilebilir ancak güncellemeler ve yeni model araç desteği için yenileme yapılması gerekir. Yıllık yenileme bedeli yaklaşık 85 USD'dir ve bu ücretle cihazınızı tam kapasitesi ile kullanmaya devam edebilirsiniz.

Destek & İletişim

Cihazınızla ilgili herhangi bir sorunuz veya desteğe ihtiyacınız varsa, bizimle iletişime geçmekten çekinmeyin.

0850 532 0550
info@otoeko.com
WhatsApp Destek Hattı